bkui-vue 0.0.1-beta.19 → 0.0.1-beta.21

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 (77) hide show
  1. package/README.md +7 -3
  2. package/README_EN.md +7 -3
  3. package/dist/bkui-vue.cjs.js +1429 -365
  4. package/dist/bkui-vue.esm.js +1427 -364
  5. package/dist/bkui-vue.umd.js +1429 -365
  6. package/dist/style.css +376 -85
  7. package/lib/button/button.css +9 -0
  8. package/lib/button/button.d.ts +25 -1
  9. package/lib/button/button.less +18 -10
  10. package/lib/button/button.variable.css +9 -0
  11. package/lib/button/index.d.ts +42 -4
  12. package/lib/button/index.js +1 -1
  13. package/lib/code-diff/code-diff.css +114 -0
  14. package/lib/code-diff/code-diff.d.ts +71 -0
  15. package/lib/code-diff/code-diff.less +144 -0
  16. package/lib/code-diff/code-diff.variable.css +207 -0
  17. package/lib/code-diff/index.d.ts +6 -0
  18. package/lib/components.d.ts +1 -0
  19. package/lib/date-picker/date-picker.d.ts +20 -130
  20. package/lib/date-picker/index.js +1 -1
  21. package/lib/date-picker/interface.d.ts +1 -1
  22. package/lib/date-picker/props.d.ts +111 -0
  23. package/lib/directives/clickoutside.d.ts +3 -23
  24. package/lib/directives/index.js +2 -2
  25. package/lib/icon/arrows-right.d.ts +4 -0
  26. package/lib/icon/arrows-right.js +15 -0
  27. package/lib/icon/bk.d.ts +4 -0
  28. package/lib/icon/bk.js +15 -0
  29. package/lib/icon/index.d.ts +4 -0
  30. package/lib/icon/index.js +1 -1
  31. package/lib/icon/qq.d.ts +4 -0
  32. package/lib/icon/qq.js +15 -0
  33. package/lib/icon/weixin.d.ts +4 -0
  34. package/lib/icon/weixin.js +15 -0
  35. package/lib/input/index.d.ts +58 -4
  36. package/lib/input/index.js +2 -2
  37. package/lib/input/input.css +19 -2
  38. package/lib/input/input.d.ts +31 -1
  39. package/lib/input/input.less +25 -3
  40. package/lib/input/input.variable.css +19 -2
  41. package/lib/loading/index.d.ts +31 -9
  42. package/lib/loading/index.js +1 -1
  43. package/lib/loading/loading.css +98 -71
  44. package/lib/loading/loading.d.ts +23 -8
  45. package/lib/loading/loading.less +62 -49
  46. package/lib/loading/loading.variable.css +98 -71
  47. package/lib/shared/index.js +1 -1
  48. package/lib/shared/vue-types.d.ts +4 -0
  49. package/lib/styles/index.d.ts +1 -0
  50. package/lib/styles/index.js +1 -1
  51. package/lib/table/index.d.ts +42 -1
  52. package/lib/table/index.js +1 -1
  53. package/lib/table/props.d.ts +13 -0
  54. package/lib/table/render.d.ts +9 -0
  55. package/lib/table/table.d.ts +19 -0
  56. package/lib/table/utils.d.ts +8 -0
  57. package/lib/tag/index.d.ts +189 -22
  58. package/lib/tag/index.js +1 -1
  59. package/lib/tag/tag.css +91 -0
  60. package/lib/tag/tag.d.ts +83 -7
  61. package/lib/tag/tag.less +103 -2
  62. package/lib/tag/tag.variable.css +91 -0
  63. package/lib/transfer/index.d.ts +27 -0
  64. package/lib/transfer/index.js +1 -0
  65. package/lib/transfer/transfer.css +158 -0
  66. package/lib/transfer/transfer.d.ts +185 -0
  67. package/lib/transfer/transfer.less +171 -0
  68. package/lib/transfer/transfer.variable.css +251 -0
  69. package/lib/tree/index.d.ts +22 -3
  70. package/lib/tree/index.js +1 -1
  71. package/lib/tree/props.d.ts +11 -0
  72. package/lib/tree/tree.css +1 -12
  73. package/lib/tree/tree.d.ts +10 -1
  74. package/lib/tree/tree.less +10 -24
  75. package/lib/tree/tree.variable.css +1 -12
  76. package/lib/tree/util.d.ts +20 -3
  77. package/package.json +8 -4
@@ -10,6 +10,7 @@ declare const BkInput: {
10
10
  disabled: boolean;
11
11
  readonly: boolean;
12
12
  clearable: boolean;
13
+ behavior: string;
13
14
  max: number;
14
15
  min: number;
15
16
  maxlength: number;
@@ -18,6 +19,7 @@ declare const BkInput: {
18
19
  suffix: string;
19
20
  showWordLimit: boolean;
20
21
  showControl: boolean;
22
+ showClearOnlyHover: boolean;
21
23
  precision: number;
22
24
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
23
25
  type: import("vue-types").VueTypeValidableDef<string> & {
@@ -61,6 +63,9 @@ declare const BkInput: {
61
63
  maxlength: import("vue-types").VueTypeDef<number> & {
62
64
  default: number;
63
65
  };
66
+ behavior: import("vue-types").VueTypeDef<string> & {
67
+ default: string;
68
+ };
64
69
  showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
65
70
  default: boolean;
66
71
  };
@@ -69,6 +74,11 @@ declare const BkInput: {
69
74
  } & {
70
75
  default: boolean;
71
76
  };
77
+ showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
78
+ default: boolean;
79
+ } & {
80
+ default: boolean;
81
+ };
72
82
  precision: import("vue-types").VueTypeValidableDef<number> & {
73
83
  default: number;
74
84
  } & {
@@ -79,14 +89,18 @@ declare const BkInput: {
79
89
  modelValue: import("vue-types").VueTypeDef<string | number>;
80
90
  size: import("vue-types").VueTypeDef<string>;
81
91
  }>> & {
92
+ onPaste?: (...args: any[]) => any;
82
93
  onFocus?: (...args: any[]) => any;
83
94
  onBlur?: (...args: any[]) => any;
84
95
  onChange?: (...args: any[]) => any;
85
96
  onInput?: (...args: any[]) => any;
86
97
  onKeydown?: (...args: any[]) => any;
98
+ onKeypress?: (...args: any[]) => any;
99
+ onKeyup?: (...args: any[]) => any;
87
100
  "onUpdate:modelValue"?: (...args: any[]) => any;
88
101
  onClear?: (...args: any[]) => any;
89
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prefix" | "type" | "placeholder" | "step" | "disabled" | "readonly" | "clearable" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "precision">;
102
+ onEnter?: (...args: any[]) => any;
103
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prefix" | "type" | "placeholder" | "step" | "disabled" | "readonly" | "clearable" | "behavior" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "showClearOnlyHover" | "precision">;
90
104
  $attrs: {
91
105
  [x: string]: unknown;
92
106
  };
@@ -98,7 +112,7 @@ declare const BkInput: {
98
112
  }>;
99
113
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
100
114
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
101
- $emit: (event: "input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue", ...args: any[]) => void;
115
+ $emit: (event: "input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter", ...args: any[]) => void;
102
116
  $el: any;
103
117
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
104
118
  type: import("vue-types").VueTypeValidableDef<string> & {
@@ -142,6 +156,9 @@ declare const BkInput: {
142
156
  maxlength: import("vue-types").VueTypeDef<number> & {
143
157
  default: number;
144
158
  };
159
+ behavior: import("vue-types").VueTypeDef<string> & {
160
+ default: string;
161
+ };
145
162
  showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
146
163
  default: boolean;
147
164
  };
@@ -150,6 +167,11 @@ declare const BkInput: {
150
167
  } & {
151
168
  default: boolean;
152
169
  };
170
+ showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
171
+ default: boolean;
172
+ } & {
173
+ default: boolean;
174
+ };
153
175
  precision: import("vue-types").VueTypeValidableDef<number> & {
154
176
  default: number;
155
177
  } & {
@@ -160,14 +182,18 @@ declare const BkInput: {
160
182
  modelValue: import("vue-types").VueTypeDef<string | number>;
161
183
  size: import("vue-types").VueTypeDef<string>;
162
184
  }>> & {
185
+ onPaste?: (...args: any[]) => any;
163
186
  onFocus?: (...args: any[]) => any;
164
187
  onBlur?: (...args: any[]) => any;
165
188
  onChange?: (...args: any[]) => any;
166
189
  onInput?: (...args: any[]) => any;
167
190
  onKeydown?: (...args: any[]) => any;
191
+ onKeypress?: (...args: any[]) => any;
192
+ onKeyup?: (...args: any[]) => any;
168
193
  "onUpdate:modelValue"?: (...args: any[]) => any;
169
194
  onClear?: (...args: any[]) => any;
170
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue")[], string, {
195
+ onEnter?: (...args: any[]) => any;
196
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter")[], string, {
171
197
  prefix: string;
172
198
  type: string;
173
199
  placeholder: string;
@@ -175,6 +201,7 @@ declare const BkInput: {
175
201
  disabled: boolean;
176
202
  readonly: boolean;
177
203
  clearable: boolean;
204
+ behavior: string;
178
205
  max: number;
179
206
  min: number;
180
207
  maxlength: number;
@@ -183,6 +210,7 @@ declare const BkInput: {
183
210
  suffix: string;
184
211
  showWordLimit: boolean;
185
212
  showControl: boolean;
213
+ showClearOnlyHover: boolean;
186
214
  precision: number;
187
215
  }> & {
188
216
  beforeCreate?: (() => void) | (() => void)[];
@@ -246,6 +274,9 @@ declare const BkInput: {
246
274
  maxlength: import("vue-types").VueTypeDef<number> & {
247
275
  default: number;
248
276
  };
277
+ behavior: import("vue-types").VueTypeDef<string> & {
278
+ default: string;
279
+ };
249
280
  showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
250
281
  default: boolean;
251
282
  };
@@ -254,6 +285,11 @@ declare const BkInput: {
254
285
  } & {
255
286
  default: boolean;
256
287
  };
288
+ showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
289
+ default: boolean;
290
+ } & {
291
+ default: boolean;
292
+ };
257
293
  precision: import("vue-types").VueTypeValidableDef<number> & {
258
294
  default: number;
259
295
  } & {
@@ -264,13 +300,17 @@ declare const BkInput: {
264
300
  modelValue: import("vue-types").VueTypeDef<string | number>;
265
301
  size: import("vue-types").VueTypeDef<string>;
266
302
  }>> & {
303
+ onPaste?: (...args: any[]) => any;
267
304
  onFocus?: (...args: any[]) => any;
268
305
  onBlur?: (...args: any[]) => any;
269
306
  onChange?: (...args: any[]) => any;
270
307
  onInput?: (...args: any[]) => any;
271
308
  onKeydown?: (...args: any[]) => any;
309
+ onKeypress?: (...args: any[]) => any;
310
+ onKeyup?: (...args: any[]) => any;
272
311
  "onUpdate:modelValue"?: (...args: any[]) => any;
273
312
  onClear?: (...args: any[]) => any;
313
+ onEnter?: (...args: any[]) => any;
274
314
  } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
275
315
  __isFragment?: never;
276
316
  __isTeleport?: never;
@@ -317,6 +357,9 @@ declare const BkInput: {
317
357
  maxlength: import("vue-types").VueTypeDef<number> & {
318
358
  default: number;
319
359
  };
360
+ behavior: import("vue-types").VueTypeDef<string> & {
361
+ default: string;
362
+ };
320
363
  showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
321
364
  default: boolean;
322
365
  };
@@ -325,6 +368,11 @@ declare const BkInput: {
325
368
  } & {
326
369
  default: boolean;
327
370
  };
371
+ showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
372
+ default: boolean;
373
+ } & {
374
+ default: boolean;
375
+ };
328
376
  precision: import("vue-types").VueTypeValidableDef<number> & {
329
377
  default: number;
330
378
  } & {
@@ -335,14 +383,18 @@ declare const BkInput: {
335
383
  modelValue: import("vue-types").VueTypeDef<string | number>;
336
384
  size: import("vue-types").VueTypeDef<string>;
337
385
  }>> & {
386
+ onPaste?: (...args: any[]) => any;
338
387
  onFocus?: (...args: any[]) => any;
339
388
  onBlur?: (...args: any[]) => any;
340
389
  onChange?: (...args: any[]) => any;
341
390
  onInput?: (...args: any[]) => any;
342
391
  onKeydown?: (...args: any[]) => any;
392
+ onKeypress?: (...args: any[]) => any;
393
+ onKeyup?: (...args: any[]) => any;
343
394
  "onUpdate:modelValue"?: (...args: any[]) => any;
344
395
  onClear?: (...args: any[]) => any;
345
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue")[], "input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue", {
396
+ onEnter?: (...args: any[]) => any;
397
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter")[], "input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter", {
346
398
  prefix: string;
347
399
  type: string;
348
400
  placeholder: string;
@@ -350,6 +402,7 @@ declare const BkInput: {
350
402
  disabled: boolean;
351
403
  readonly: boolean;
352
404
  clearable: boolean;
405
+ behavior: string;
353
406
  max: number;
354
407
  min: number;
355
408
  maxlength: number;
@@ -358,6 +411,7 @@ declare const BkInput: {
358
411
  suffix: string;
359
412
  showWordLimit: boolean;
360
413
  showControl: boolean;
414
+ showClearOnlyHover: boolean;
361
415
  precision: number;
362
416
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
363
417
  export default BkInput;
@@ -1,4 +1,4 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var l={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(l);var a=r(l.exports);
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,r,o){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var l={exports:{}},a={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var s={exports:{}};!function(e){e.exports=function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,l=[],a=!0,s=!1;try{for(r=r.call(e);!(a=(o=r.next()).done)&&(l.push(o.value),!t||l.length!==t);a=!0);}catch(e){s=!0,n=e}finally{try{a||null==r.return||r.return()}finally{if(s)throw n}}return l}},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var u={exports:{}},i={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o},e.exports.__esModule=!0,e.exports.default=e.exports}(i),function(e){var t=i.exports;e.exports=function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(u);var p={exports:{}};!function(e){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports}(p),function(e){var t=a.exports,r=s.exports,o=u.exports,n=p.exports;e.exports=function(e,l){return t(e)||r(e,l)||o(e,l)||n()},e.exports.__esModule=!0,e.exports.default=e.exports}(l);var c=n(l.exports),d={exports:{}};!function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},e.exports.__esModule=!0,e.exports.default=e.exports}(d);var f=n(d.exports);
2
2
  /*! *****************************************************************************
3
3
  Copyright (c) Microsoft Corporation.
4
4
 
@@ -12,4 +12,4 @@
12
12
  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
13
13
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
- ***************************************************************************** */var i={type:o.PropTypes.string.def("text"),clearable:o.PropTypes.bool,disabled:o.PropTypes.bool,readonly:o.PropTypes.bool,placeholder:o.PropTypes.string,prefixIcon:o.PropTypes.string,suffixIcon:o.PropTypes.string,suffix:o.PropTypes.string,prefix:o.PropTypes.string,step:o.PropTypes.integer,max:o.PropTypes.integer,min:o.PropTypes.integer,maxlength:o.PropTypes.integer,showWordLimit:o.PropTypes.bool,showControl:o.PropTypes.bool.def(!0),precision:o.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]),size:o.PropTypes.size()},u=t.defineComponent({name:"Input",inheritAttrs:!1,props:i,emits:["update:modelValue","focus","blur","change","clear","input","keydown"],setup:function(e,r){var l=t.ref(!1),i="bk-input",u=r.attrs,s=u.class,p=u.style,c=function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}return o}(u,["class","style"]),d=t.computed((function(){var t;return o.classes((a(t={},"".concat(i,"--").concat(e.size),!!e.size),a(t,"is-focused",l.value),a(t,"is-readonly",e.readonly),a(t,"is-disabled",e.disabled),a(t,"".concat(s),!!s),t),i)})),f={search:function(){return t.createVNode(n.Search,null,null)},password:function(){return t.createVNode(n.Eye,{onClick:C},null)}},m=k("suffix-icon"),y=t.computed((function(){var o=f[e.type];return b.value?t.createVNode(n.Unvisible,{onClick:C,class:m},null):o?t.createVNode(o,{class:m},null):null})),v=t.computed((function(){return"number"===e.type})),x=t.computed((function(){return Math.floor(e.maxlength)})),b=t.ref(!1);function g(){r.emit("update:modelValue",""),r.emit("change",""),r.emit("clear")}function h(e){l.value=!0,r.emit("focus",e)}function V(e){l.value=!1,r.emit("blur",e)}function P(e){r.emit("update:modelValue",v.value?+e.target.value:e.target.value),r.emit("input",e.target.value)}function T(e){r.emit("keydown",e.target.value,e)}function N(e){r.emit("change",e.target.value,e)}function w(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=Number.isInteger(e.precision)?e.precision:0,r=parseFloat(e.modelValue.toString()),l=Number.isInteger(t)?t:1,a=r+(o?l:-1*l);return Number.isInteger(e.max)&&(a=Math.min(a,e.max)),Number.isInteger(e.min)&&(a=Math.max(a,e.min)),+a.toFixed(n)}function O(){var t=w(parseInt(String(e.step),10));r.emit("update:modelValue",t)}function I(){var t=w(parseInt(String(e.step),10),!1);r.emit("update:modelValue",t)}function k(e){return"".concat(i,"--").concat(e)}function C(){b.value=!b.value}return function(){var o,l,a,u,s,f;return t.createVNode("div",{class:d.value,style:p},[null!==(a=null===(l=null===(o=r.slots)||void 0===o?void 0:o.prefix)||void 0===l?void 0:l.call(o))&&void 0!==a?a:e.prefix&&t.createVNode("div",{class:k("prefix-area")},[t.createVNode("span",{class:k("prefix-area--text")},[e.prefix])]),t.createVNode("input",t.mergeProps(c,{class:"".concat(i,"--text"),value:e.modelValue,type:b.value&&"password"===e.type?"text":e.type,maxlength:e.maxlength,step:e.step,max:e.max,min:e.min,placeholder:e.placeholder,readonly:e.readonly,disabled:e.disabled,onInput:P,onFocus:h,onBlur:V,onChange:N,onKeydown:T}),null),e.clearable&&!!e.modelValue&&t.createVNode(n.Close,{onClick:g,class:m},null),y.value,"number"==typeof e.maxlength&&e.showWordLimit&&t.createVNode("p",{class:k("max-length")},[e.modelValue.toString().length,t.createTextVNode("/"),t.createVNode("span",null,[x.value])]),v.value&&e.showControl&&t.createVNode("div",{class:k("number-control")},[t.createVNode(n.DownSmall,{onClick:O},null),t.createVNode(n.DownSmall,{onClick:I},null)]),null!==(f=null===(s=null===(u=r.slots)||void 0===u?void 0:u.suffix)||void 0===s?void 0:s.call(u))&&void 0!==f?f:e.suffix&&t.createVNode("div",{class:k("suffix-area")},[t.createVNode("span",{class:k("suffix-area--text")},[e.suffix])])])}}}),s=o.withInstall(u);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
15
+ ***************************************************************************** */var y={type:r.PropTypes.string.def("text"),clearable:r.PropTypes.bool,disabled:r.PropTypes.bool,readonly:r.PropTypes.bool,placeholder:r.PropTypes.string,prefixIcon:r.PropTypes.string,suffixIcon:r.PropTypes.string,suffix:r.PropTypes.string,prefix:r.PropTypes.string,step:r.PropTypes.integer,max:r.PropTypes.integer,min:r.PropTypes.integer,maxlength:r.PropTypes.integer,behavior:r.PropTypes.commonType(["simplicity","normal"]).def("normal"),showWordLimit:r.PropTypes.bool,showControl:r.PropTypes.bool.def(!0),showClearOnlyHover:r.PropTypes.bool.def(!1),precision:r.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.number]),size:r.PropTypes.size()},m=["update:modelValue","focus","blur","change","clear","input","keypress","keydown","keyup","enter","paste"],x=r.stringEnum([].concat(m)),v=t.defineComponent({name:"Input",inheritAttrs:!1,props:y,emits:[].concat(m),setup:function(e,n){var l=t.ref(!1),a=t.ref(!1),s="bk-input",u=n.attrs,i=u.class,p=u.style,d=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(u,["class","style"]),y=t.computed((function(){var t;return r.classes((f(t={},"".concat(s,"--").concat(e.size),!!e.size),f(t,"is-focused",l.value),f(t,"is-readonly",e.readonly),f(t,"is-disabled",e.disabled),f(t,"is-simplicity","simplicity"===e.behavior),f(t,"".concat(i),!!i),t),s)})),m={search:function(){return t.createVNode(o.Search,null,null)},password:function(){return t.createVNode(o.Eye,{onClick:D},null)}},v=K("suffix-icon"),b=t.computed((function(){var r=m[e.type];return P.value?t.createVNode(o.Unvisible,{onClick:D,class:v},null):r?t.createVNode(r,{class:v},null):null})),h=t.computed((function(){return"number"===e.type})),g=t.computed((function(){return Math.floor(e.maxlength)})),P=t.ref(!1),V=t.computed((function(){return r.classes({"show-clear-only-hover":e.showClearOnlyHover},v)}));function T(){n.emit(x["update:modelValue"],""),n.emit(x.change,""),n.emit(x.clear)}function w(e){l.value=!0,n.emit(x.focus,e)}function N(e){l.value=!1,n.emit(x.blur,e)}var O=[x.keyup,x.keydown,x.keypress,x.paste,x.change,x.input].map((function(e){return function(t){var r=e;("Enter"!==t.code&&"Enter"!==t.key&&13!==t.keyCode||(r=x.enter,t.type===x.keyup))&&(a.value&&[x.input,x.change].some((function(t){return e===t}))||(e===x.input&&n.emit(x["update:modelValue"],h.value?+t.target.value:t.target.value),n.emit(r,t.target.value,t)))}})),_=c(O,6),k=_[0],C=_[1],I=_[2],S=_[3],M=_[4],j=_[5];function A(){a.value=!0}function E(e){a.value=!1,j(e)}function z(t){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=parseInt(String(t),10),n=Number.isInteger(e.precision)?e.precision:0,l=parseFloat(e.modelValue.toString()),a=Number.isInteger(o)?o:1,s=l+(r?a:-1*a);return Number.isInteger(e.max)&&(s=Math.min(s,e.max)),Number.isInteger(e.min)&&(s=Math.max(s,e.min)),+s.toFixed(n)}function q(){var t=z(e.step);n.emit(x["update:modelValue"],t)}function F(){var t=z(e.step,!1);n.emit(x["update:modelValue"],t)}function K(e){return"".concat(s,"--").concat(e)}function D(){P.value=!P.value}return function(){var r,l,a,u,i,c;return t.createVNode("div",{class:y.value,style:p},[null!==(a=null===(l=null===(r=n.slots)||void 0===r?void 0:r.prefix)||void 0===l?void 0:l.call(r))&&void 0!==a?a:e.prefix&&t.createVNode("div",{class:K("prefix-area")},[t.createVNode("span",{class:K("prefix-area--text")},[e.prefix])]),t.createVNode("input",t.mergeProps(d,{class:"".concat(s,"--text"),value:e.modelValue,type:P.value&&"password"===e.type?"text":e.type,maxlength:e.maxlength,step:e.step,max:e.max,min:e.min,placeholder:e.placeholder,readonly:e.readonly,disabled:e.disabled,onInput:j,onFocus:w,onBlur:N,onPaste:S,onChange:M,onKeypress:I,onKeydown:C,onKeyup:k,onCompositionstart:A,onCompositionend:E}),null),e.clearable&&!!e.modelValue&&t.createVNode(o.Close,{onClick:T,class:V.value},null),b.value,"number"==typeof e.maxlength&&e.showWordLimit&&t.createVNode("p",{class:K("max-length")},[e.modelValue.toString().length,t.createTextVNode("/"),t.createVNode("span",null,[g.value])]),h.value&&e.showControl&&t.createVNode("div",{class:K("number-control")},[t.createVNode(o.DownSmall,{onClick:q},null),t.createVNode(o.DownSmall,{onClick:F},null)]),null!==(c=null===(i=null===(u=n.slots)||void 0===u?void 0:u.suffix)||void 0===i?void 0:i.call(u))&&void 0!==c?c:e.suffix&&t.createVNode("div",{class:K("suffix-area")},[t.createVNode("span",{class:K("suffix-area--text")},[e.suffix])])])}}}),b=r.withInstall(v);e.default=b,Object.defineProperty(e,"__esModule",{value:!0})}));
@@ -28,6 +28,14 @@
28
28
  border-radius: 2px;
29
29
  transition: all 0.3s;
30
30
  }
31
+ .bk-input:hover .show-clear-only-hover {
32
+ display: block;
33
+ }
34
+ .bk-input.is-simplicity {
35
+ background-color: transparent;
36
+ border-color: transparent;
37
+ border-bottom-color: #c4c6cc;
38
+ }
31
39
  .bk-input--suffix-icon {
32
40
  padding-right: 10px;
33
41
  font-size: 16px;
@@ -35,6 +43,9 @@
35
43
  color: #c4c6cc;
36
44
  align-self: center;
37
45
  }
46
+ .bk-input--suffix-icon.show-clear-only-hover {
47
+ display: none;
48
+ }
38
49
  .bk-input--large {
39
50
  height: 38px;
40
51
  font-size: 16px;
@@ -48,6 +59,11 @@
48
59
  outline: 0;
49
60
  box-shadow: 0px 0px 3px 0px #a3c5fd;
50
61
  }
62
+ .bk-input.is-focused:not(.is-readonly).is-simplicity {
63
+ border-color: transparent;
64
+ border-bottom-color: #3a84ff;
65
+ box-shadow: none;
66
+ }
51
67
  .bk-input.is-disabled {
52
68
  cursor: not-allowed;
53
69
  background-color: #fafbfd;
@@ -92,12 +108,12 @@
92
108
  .bk-input--text[type='search']::-webkit-search-results-decoration {
93
109
  appearance: none;
94
110
  }
95
- .bk-input--text [type=search]::-ms-clear {
111
+ .bk-input--text [type='search']::-ms-clear {
96
112
  display: none;
97
113
  width: 0;
98
114
  height: 0;
99
115
  }
100
- .bk-input--text [type=search]::-ms-reveal {
116
+ .bk-input--text [type='search']::-ms-reveal {
101
117
  display: none;
102
118
  width: 0;
103
119
  height: 0;
@@ -121,6 +137,7 @@
121
137
  height: 50%;
122
138
  overflow: hidden;
123
139
  color: #c4c6cc;
140
+ text-align: center;
124
141
  }
125
142
  .bk-input--number-control svg {
126
143
  font-size: 16px;
@@ -41,6 +41,9 @@ export declare const inputType: {
41
41
  maxlength: import("vue-types").VueTypeDef<number> & {
42
42
  default: number;
43
43
  };
44
+ behavior: import("vue-types").VueTypeDef<string> & {
45
+ default: string;
46
+ };
44
47
  showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
45
48
  default: boolean;
46
49
  };
@@ -49,6 +52,11 @@ export declare const inputType: {
49
52
  } & {
50
53
  default: boolean;
51
54
  };
55
+ showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
56
+ default: boolean;
57
+ } & {
58
+ default: boolean;
59
+ };
52
60
  precision: import("vue-types").VueTypeValidableDef<number> & {
53
61
  default: number;
54
62
  } & {
@@ -102,6 +110,9 @@ declare const _default: import("vue").DefineComponent<{
102
110
  maxlength: import("vue-types").VueTypeDef<number> & {
103
111
  default: number;
104
112
  };
113
+ behavior: import("vue-types").VueTypeDef<string> & {
114
+ default: string;
115
+ };
105
116
  showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
106
117
  default: boolean;
107
118
  };
@@ -110,6 +121,11 @@ declare const _default: import("vue").DefineComponent<{
110
121
  } & {
111
122
  default: boolean;
112
123
  };
124
+ showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
125
+ default: boolean;
126
+ } & {
127
+ default: boolean;
128
+ };
113
129
  precision: import("vue-types").VueTypeValidableDef<number> & {
114
130
  default: number;
115
131
  } & {
@@ -119,7 +135,7 @@ declare const _default: import("vue").DefineComponent<{
119
135
  };
120
136
  modelValue: import("vue-types").VueTypeDef<string | number>;
121
137
  size: import("vue-types").VueTypeDef<string>;
122
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue")[], "input" | "focus" | "blur" | "change" | "keydown" | "clear" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
138
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter")[], "input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
123
139
  type: import("vue-types").VueTypeValidableDef<string> & {
124
140
  default: string;
125
141
  } & {
@@ -161,6 +177,9 @@ declare const _default: import("vue").DefineComponent<{
161
177
  maxlength: import("vue-types").VueTypeDef<number> & {
162
178
  default: number;
163
179
  };
180
+ behavior: import("vue-types").VueTypeDef<string> & {
181
+ default: string;
182
+ };
164
183
  showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
165
184
  default: boolean;
166
185
  };
@@ -169,6 +188,11 @@ declare const _default: import("vue").DefineComponent<{
169
188
  } & {
170
189
  default: boolean;
171
190
  };
191
+ showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
192
+ default: boolean;
193
+ } & {
194
+ default: boolean;
195
+ };
172
196
  precision: import("vue-types").VueTypeValidableDef<number> & {
173
197
  default: number;
174
198
  } & {
@@ -179,13 +203,17 @@ declare const _default: import("vue").DefineComponent<{
179
203
  modelValue: import("vue-types").VueTypeDef<string | number>;
180
204
  size: import("vue-types").VueTypeDef<string>;
181
205
  }>> & {
206
+ onPaste?: (...args: any[]) => any;
182
207
  onFocus?: (...args: any[]) => any;
183
208
  onBlur?: (...args: any[]) => any;
184
209
  onChange?: (...args: any[]) => any;
185
210
  onInput?: (...args: any[]) => any;
186
211
  onKeydown?: (...args: any[]) => any;
212
+ onKeypress?: (...args: any[]) => any;
213
+ onKeyup?: (...args: any[]) => any;
187
214
  "onUpdate:modelValue"?: (...args: any[]) => any;
188
215
  onClear?: (...args: any[]) => any;
216
+ onEnter?: (...args: any[]) => any;
189
217
  }, {
190
218
  prefix: string;
191
219
  type: string;
@@ -194,6 +222,7 @@ declare const _default: import("vue").DefineComponent<{
194
222
  disabled: boolean;
195
223
  readonly: boolean;
196
224
  clearable: boolean;
225
+ behavior: string;
197
226
  max: number;
198
227
  min: number;
199
228
  maxlength: number;
@@ -202,6 +231,7 @@ declare const _default: import("vue").DefineComponent<{
202
231
  suffix: string;
203
232
  showWordLimit: boolean;
204
233
  showControl: boolean;
234
+ showClearOnlyHover: boolean;
205
235
  precision: number;
206
236
  }>;
207
237
  export default _default;
@@ -1,4 +1,3 @@
1
-
2
1
  @import '../styles/themes/themes.less';
3
2
  @import '../styles/mixins/mixins.less';
4
3
 
@@ -23,12 +22,28 @@
23
22
  border-radius: @border-radius-base;
24
23
  transition: all .3s;
25
24
 
25
+ &:hover {
26
+ .show-clear-only-hover {
27
+ display: block;
28
+ }
29
+ }
30
+
31
+ &.is-simplicity {
32
+ background-color: transparent;
33
+ border-color: transparent;
34
+ border-bottom-color: @input-border-color;
35
+ }
36
+
26
37
  &--suffix-icon {
27
38
  padding-right: @input-horizontal-padding;
28
39
  font-size: @input-icon-size;
29
40
  line-height: 1;
30
41
  color: @light-gray;
31
42
  align-self: center;
43
+
44
+ &.show-clear-only-hover {
45
+ display: none;
46
+ }
32
47
  }
33
48
 
34
49
  &--large {
@@ -41,6 +56,12 @@
41
56
 
42
57
  &.is-focused:not(.is-readonly) {
43
58
  .active();
59
+
60
+ &.is-simplicity {
61
+ border-color: transparent;
62
+ border-bottom-color: @primary-color;
63
+ box-shadow: none;
64
+ }
44
65
  }
45
66
 
46
67
  &.is-disabled {
@@ -92,13 +113,13 @@
92
113
  appearance: none;
93
114
  }
94
115
  // IE
95
- [type=search]::-ms-clear {
116
+ [type='search']::-ms-clear {
96
117
  display: none;
97
118
  width: 0;
98
119
  height: 0;
99
120
  }
100
121
 
101
- [type=search]::-ms-reveal {
122
+ [type='search']::-ms-reveal {
102
123
  display: none;
103
124
  width: 0;
104
125
  height: 0;
@@ -126,6 +147,7 @@
126
147
  height: 50%;
127
148
  overflow: hidden;
128
149
  color: @light-gray;
150
+ text-align: center;
129
151
  }
130
152
 
131
153
  svg {
@@ -121,6 +121,14 @@
121
121
  border-radius: var(--border-radius-base);
122
122
  transition: all 0.3s;
123
123
  }
124
+ .bk-input:hover .show-clear-only-hover {
125
+ display: block;
126
+ }
127
+ .bk-input.is-simplicity {
128
+ background-color: transparent;
129
+ border-color: transparent;
130
+ border-bottom-color: var(--input-border-color);
131
+ }
124
132
  .bk-input--suffix-icon {
125
133
  padding-right: var(--input-horizontal-padding);
126
134
  font-size: var(--input-icon-size);
@@ -128,6 +136,9 @@
128
136
  color: var(--light-gray);
129
137
  align-self: center;
130
138
  }
139
+ .bk-input--suffix-icon.show-clear-only-hover {
140
+ display: none;
141
+ }
131
142
  .bk-input--large {
132
143
  height: var(--component-size-large);
133
144
  font-size: var(--font-size-large);
@@ -141,6 +152,11 @@
141
152
  outline: 0;
142
153
  box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
143
154
  }
155
+ .bk-input.is-focused:not(.is-readonly).is-simplicity {
156
+ border-color: transparent;
157
+ border-bottom-color: var(--primary-color);
158
+ box-shadow: none;
159
+ }
144
160
  .bk-input.is-disabled {
145
161
  cursor: not-allowed;
146
162
  background-color: var(--input-disabled-bg);
@@ -185,12 +201,12 @@
185
201
  .bk-input--text[type='search']::-webkit-search-results-decoration {
186
202
  appearance: none;
187
203
  }
188
- .bk-input--text [type=search]::-ms-clear {
204
+ .bk-input--text [type='search']::-ms-clear {
189
205
  display: none;
190
206
  width: 0;
191
207
  height: 0;
192
208
  }
193
- .bk-input--text [type=search]::-ms-reveal {
209
+ .bk-input--text [type='search']::-ms-reveal {
194
210
  display: none;
195
211
  width: 0;
196
212
  height: 0;
@@ -214,6 +230,7 @@
214
230
  height: 50%;
215
231
  overflow: hidden;
216
232
  color: var(--light-gray);
233
+ text-align: center;
217
234
  }
218
235
  .bk-input--number-control svg {
219
236
  font-size: var(--input-icon-size);
@@ -5,7 +5,9 @@ declare const BkLoading: {
5
5
  $data: {};
6
6
  $props: Partial<{
7
7
  title: string;
8
+ size: string;
8
9
  loading: boolean;
10
+ mode: string;
9
11
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
10
12
  indicator: {
11
13
  type: FunctionConstructor;
@@ -19,9 +21,13 @@ declare const BkLoading: {
19
21
  } & {
20
22
  default: string;
21
23
  };
22
- size: import("vue-types").VueTypeDef<string>;
23
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
24
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "loading">;
24
+ size: import("vue-types").VueTypeDef<string> & {
25
+ default: string;
26
+ };
27
+ mode: import("vue-types").VueTypeDef<string> & {
28
+ default: string;
29
+ };
30
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "loading" | "mode">;
25
31
  $attrs: {
26
32
  [x: string]: unknown;
27
33
  };
@@ -48,13 +54,19 @@ declare const BkLoading: {
48
54
  } & {
49
55
  default: string;
50
56
  };
51
- size: import("vue-types").VueTypeDef<string>;
52
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
57
+ size: import("vue-types").VueTypeDef<string> & {
58
+ default: string;
59
+ };
60
+ mode: import("vue-types").VueTypeDef<string> & {
61
+ default: string;
62
+ };
53
63
  }>>, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
54
64
  [key: string]: any;
55
65
  }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
56
66
  title: string;
67
+ size: string;
57
68
  loading: boolean;
69
+ mode: string;
58
70
  }> & {
59
71
  beforeCreate?: (() => void) | (() => void)[];
60
72
  created?: (() => void) | (() => void)[];
@@ -88,8 +100,12 @@ declare const BkLoading: {
88
100
  } & {
89
101
  default: string;
90
102
  };
91
- size: import("vue-types").VueTypeDef<string>;
92
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
103
+ size: import("vue-types").VueTypeDef<string> & {
104
+ default: string;
105
+ };
106
+ mode: import("vue-types").VueTypeDef<string> & {
107
+ default: string;
108
+ };
93
109
  }>> & import("vue").ShallowUnwrapRef<() => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
94
110
  [key: string]: any;
95
111
  }>[]> & {} & {} & import("vue").ComponentCustomProperties;
@@ -109,13 +125,19 @@ declare const BkLoading: {
109
125
  } & {
110
126
  default: string;
111
127
  };
112
- size: import("vue-types").VueTypeDef<string>;
113
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
128
+ size: import("vue-types").VueTypeDef<string> & {
129
+ default: string;
130
+ };
131
+ mode: import("vue-types").VueTypeDef<string> & {
132
+ default: string;
133
+ };
114
134
  }>>, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
115
135
  [key: string]: any;
116
136
  }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
117
137
  title: string;
138
+ size: string;
118
139
  loading: boolean;
140
+ mode: string;
119
141
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
120
142
  setDefaultIndicator: typeof setDefaultIndicator;
121
143
  BkLoadingMode: typeof BkLoadingMode;
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return o.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Spin="spin",i.Default="default",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Small="small",d.Large="large";var s={indicator:{type:Function},loading:t.PropTypes.bool,theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.size(),mode:t.PropTypes.oneOf(Object.values(e.BkLoadingMode))},c=o.defineComponent({name:"Loading",props:s,setup:function(e,n){var a=[1,2,3,4].map((function(e){return o.createVNode("span",{class:"dot dot-".concat(e)},null)})),i=o.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return o.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),d=o.computed((function(){return t.classes({"bk-nested-loading":!!n.slots.default},"bk-loading-wrapper")})),u=o.computed((function(){var o;return t.classes((r(o={},"bk-loading-size-".concat(e.size),!e.size),r(o,"bk-loading-".concat(e.theme),!e.theme),o),"bk-loading-indicator")})),s=o.computed((function(){return!!e.title})),c=o.computed((function(){var t="spin"===e.mode;return"function"==typeof e.indicator?o.createVNode(e.indicator,null,null):"function"==typeof l?o.createVNode(l,null,null):t?i:a}));return function(){var t,a;return n.slots.default&&!e.loading?null===(a=(t=n.slots).default)||void 0===a?void 0:a.call(t):o.createVNode("div",{class:d.value},[o.createVNode("div",{class:u.value},[c.value,s.value&&o.createVNode("div",{class:"bk-loading-title"},[e.title])]),n.slots.default&&o.createVNode("div",{class:"bk-loading-mask"},[n.slots.default()])])}}}),p=t.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return o.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Default="default",i.Spin="spin",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Mini="mini",d.Small="small",d.Large="large";var s={indicator:{type:Function},loading:t.PropTypes.bool,theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.commonType(Object.values(e.BkLoadingSize)).def("small"),mode:t.PropTypes.commonType(Object.values(e.BkLoadingMode)).def("default")},c=o.defineComponent({name:"Loading",props:s,setup:function(n,a){var i=[1,2,3,4].map((function(e){return o.createVNode("span",{class:"dot dot-".concat(e)},null)})),d=o.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return o.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),u=o.computed((function(){return t.classes({"bk-nested-loading":!!a.slots.default},"bk-loading-wrapper")}));console.log(n.theme);var s=o.computed((function(){var e;return t.classes((r(e={},"bk-loading-size-".concat(n.size),!!n.size),r(e,"bk-loading-".concat(n.theme),!!n.theme),e),"bk-loading-indicator")})),c=o.computed((function(){return!!n.title})),p=o.computed((function(){var t=n.mode===e.BkLoadingMode.Spin;return"function"==typeof n.indicator?o.createVNode(n.indicator,null,null):"function"==typeof l?o.createVNode(l,null,null):t?d:i}));return function(){var e,t;return a.slots.default&&!n.loading?null===(t=(e=a.slots).default)||void 0===t?void 0:t.call(e):o.createVNode("div",{class:u.value},[o.createVNode("div",{class:s.value},[p.value,c.value&&o.createVNode("div",{class:"bk-loading-title"},[n.title])]),a.slots.default&&o.createVNode("div",{class:"bk-loading-mask"},[a.slots.default()])])}}}),p=t.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));