bkui-vue 0.0.1-beta.26 → 0.0.1-beta.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -2215,10 +2215,10 @@ optgroup {
2215
2215
  overflow: hidden;
2216
2216
  text-overflow: ellipsis;
2217
2217
  white-space: nowrap;
2218
+ display: flex;
2218
2219
  width: auto;
2219
2220
  height: auto;
2220
2221
  min-height: 32px;
2221
- display: flex;
2222
2222
  align-items: center;
2223
2223
  flex-wrap: wrap;
2224
2224
  }
@@ -2243,11 +2243,11 @@ optgroup {
2243
2243
  overflow: hidden;
2244
2244
  text-overflow: ellipsis;
2245
2245
  white-space: nowrap;
2246
- height: auto;
2247
2246
  width: auto;
2247
+ height: auto;
2248
+ padding: 0;
2248
2249
  border: none;
2249
2250
  outline: none;
2250
- padding: 0;
2251
2251
  }
2252
2252
  .bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
2253
2253
  color: #c4c6cc;
@@ -2263,6 +2263,7 @@ optgroup {
2263
2263
  font-size: 14px;
2264
2264
  }
2265
2265
  .bk-select .bk-select-trigger .angle-up {
2266
+ right: 4px;
2266
2267
  transform: rotate(180deg);
2267
2268
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
2268
2269
  display: flex;
@@ -2276,9 +2277,9 @@ optgroup {
2276
2277
  height: 100%;
2277
2278
  align-items: center;
2278
2279
  justify-content: center;
2279
- right: 4px;
2280
2280
  }
2281
2281
  .bk-select .bk-select-trigger .clear-icon {
2282
+ right: 4px;
2282
2283
  transition: all 0.1s;
2283
2284
  display: flex;
2284
2285
  width: 20px;
@@ -2291,7 +2292,6 @@ optgroup {
2291
2292
  height: 100%;
2292
2293
  align-items: center;
2293
2294
  justify-content: center;
2294
- right: 4px;
2295
2295
  }
2296
2296
  .bk-select .bk-select-trigger .clear-icon:hover {
2297
2297
  color: #979ba5;
@@ -2375,7 +2375,7 @@ optgroup {
2375
2375
  padding-left: 40px;
2376
2376
  }
2377
2377
  .bk-select .bk-option-group.disabled .default-group-label {
2378
- color: #C4C6CC;
2378
+ color: #c4c6cc;
2379
2379
  cursor: not-allowed;
2380
2380
  }
2381
2381
  .bk-select .bk-option-group .default-group-label {
@@ -2830,7 +2830,8 @@ optgroup {
2830
2830
  background: #f0f1f5;
2831
2831
  }
2832
2832
  .bk-tag {
2833
- display: inline-block;
2833
+ display: inline-flex;
2834
+ align-items: center;
2834
2835
  height: 22px;
2835
2836
  padding: 0 10px;
2836
2837
  margin: 2px 6px 2px 0px;
@@ -2906,18 +2907,23 @@ optgroup {
2906
2907
  background: #3a84ff;
2907
2908
  opacity: 1;
2908
2909
  }
2910
+ .bk-tag .bk-tag-text {
2911
+ flex: 1;
2912
+ overflow: hidden;
2913
+ text-overflow: ellipsis;
2914
+ white-space: nowrap;
2915
+ }
2909
2916
  .bk-tag .bk-tag-icon {
2910
- display: inline-block;
2917
+ flex-shrink: 0;
2911
2918
  margin-right: 4px;
2912
2919
  font-size: 14px;
2913
2920
  line-height: 0;
2914
2921
  }
2915
2922
  .bk-tag .bk-tag-close {
2916
- display: inline-block;
2923
+ flex-shrink: 0;
2917
2924
  margin-left: 4px;
2918
2925
  font-size: 12px;
2919
2926
  line-height: 0;
2920
- vertical-align: 1px;
2921
2927
  cursor: pointer;
2922
2928
  }
2923
2929
  .bk-form {
@@ -5454,6 +5460,214 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
5454
5460
  z-index: 9999;
5455
5461
  display: none;
5456
5462
  }
5463
+ .bk-tag-input {
5464
+ position: relative;
5465
+ min-height: 32px;
5466
+ }
5467
+ .bk-tag-input .bk-popover-reference {
5468
+ display: block;
5469
+ }
5470
+ .bk-tag-input .bk-tag-input-trigger {
5471
+ position: relative;
5472
+ display: flex;
5473
+ min-height: 32px;
5474
+ padding: 0 0 0 5px;
5475
+ overflow: hidden;
5476
+ font-size: 12px;
5477
+ cursor: pointer;
5478
+ background: white;
5479
+ border: 1px solid #c4c6cc;
5480
+ border-radius: 2px;
5481
+ align-items: center;
5482
+ justify-content: space-between;
5483
+ }
5484
+ .bk-tag-input .bk-tag-input-trigger.active {
5485
+ border-color: #3a84ff;
5486
+ }
5487
+ .bk-tag-input .bk-tag-input-trigger.disabled {
5488
+ cursor: not-allowed;
5489
+ background: #fafbfd;
5490
+ border-color: #dcdee5;
5491
+ }
5492
+ .bk-tag-input .bk-tag-input-trigger .tag-list {
5493
+ display: inline-flex;
5494
+ max-height: 135px;
5495
+ padding: 0;
5496
+ margin: 0;
5497
+ overflow: auto;
5498
+ align-items: center;
5499
+ flex-wrap: wrap;
5500
+ }
5501
+ .bk-tag-input .bk-tag-input-trigger .tag-list > li {
5502
+ display: inline-flex;
5503
+ height: 22px;
5504
+ margin: 4px 5px 4px 0;
5505
+ overflow: hidden;
5506
+ font-size: 12px;
5507
+ border: solid 1px transparent;
5508
+ border-radius: 2px;
5509
+ align-items: center;
5510
+ }
5511
+ .bk-tag-input .bk-tag-input-trigger .tag-list > li.tag-item {
5512
+ background: #f0f1f5;
5513
+ border-color: #f0f1f5;
5514
+ }
5515
+ .bk-tag-input .bk-tag-input-trigger .tag-list .remove-tag {
5516
+ flex-shrink: 0;
5517
+ margin-right: 5px;
5518
+ font-size: 14px;
5519
+ line-height: 0;
5520
+ }
5521
+ .bk-tag-input .bk-tag-input-trigger .tag-list .tag {
5522
+ max-width: 190px;
5523
+ overflow: hidden;
5524
+ text-overflow: ellipsis;
5525
+ word-break: break-all;
5526
+ white-space: nowrap;
5527
+ flex: 1;
5528
+ }
5529
+ .bk-tag-input .bk-tag-input-trigger .tag-list .text {
5530
+ padding: 0 5px;
5531
+ line-height: 20px;
5532
+ color: #63656e;
5533
+ background-color: #f0f1f5;
5534
+ border-radius: 2px;
5535
+ box-sizing: border-box;
5536
+ }
5537
+ .bk-tag-input .bk-tag-input-trigger .tag-list .tag-input {
5538
+ width: 10px;
5539
+ height: 22px;
5540
+ max-width: 295px;
5541
+ padding: 0;
5542
+ border: 0;
5543
+ outline: none;
5544
+ box-sizing: border-box;
5545
+ }
5546
+ .bk-tag-input .bk-tag-input-trigger .placeholder {
5547
+ position: absolute;
5548
+ top: 0;
5549
+ left: 8px;
5550
+ padding: 0;
5551
+ margin: 0;
5552
+ line-height: 30px;
5553
+ color: #c4c6cc;
5554
+ }
5555
+ .bk-tag-input .bk-tag-input-trigger .clear-icon {
5556
+ margin-right: 5px;
5557
+ font-size: 14px;
5558
+ line-height: 0;
5559
+ color: #c4c6cc;
5560
+ cursor: pointer;
5561
+ }
5562
+ .bk-tag-input .bk-tag-input-trigger .clear-icon:hover {
5563
+ color: #979ba5;
5564
+ }
5565
+ .bk-tag-input .bk-popover-content {
5566
+ padding: 0;
5567
+ }
5568
+ .bk-selector-list {
5569
+ min-width: 150px;
5570
+ }
5571
+ .bk-selector-list .outside-ul {
5572
+ max-height: 160px;
5573
+ padding: 0;
5574
+ padding: 6px 0;
5575
+ margin: 0;
5576
+ overflow-y: auto;
5577
+ list-style: none;
5578
+ background-color: white;
5579
+ border: 1px solid #dcdee5;
5580
+ border-radius: 2px;
5581
+ }
5582
+ .bk-selector-list .outside-ul::-webkit-scrollbar {
5583
+ width: 6px;
5584
+ height: 6px;
5585
+ }
5586
+ .bk-selector-list .outside-ul::-webkit-scrollbar-thumb {
5587
+ min-height: 24px;
5588
+ background-color: #dcdee5;
5589
+ border-radius: 3px;
5590
+ }
5591
+ .bk-selector-list .bk-selector-group-item {
5592
+ list-style: none;
5593
+ }
5594
+ .bk-selector-list .bk-selector-group-item .group-name {
5595
+ padding-left: 11px;
5596
+ font-size: 12px;
5597
+ line-height: 32px;
5598
+ color: #979ba5;
5599
+ }
5600
+ .bk-selector-list .bk-selector-group-list-item {
5601
+ padding: 0;
5602
+ margin: 0;
5603
+ list-style: none;
5604
+ }
5605
+ .bk-selector-list .bk-selector-list-item {
5606
+ position: relative;
5607
+ width: 100%;
5608
+ cursor: pointer;
5609
+ background-color: white;
5610
+ border-right: #c4c6cc;
5611
+ border-left: #c4c6cc;
5612
+ }
5613
+ .bk-selector-list .bk-selector-list-item:first-child {
5614
+ border-top: #c4c6cc;
5615
+ }
5616
+ .bk-selector-list .bk-selector-list-item:last-child {
5617
+ border-bottom: #c4c6cc;
5618
+ }
5619
+ .bk-selector-list .bk-selector-list-item.bk-selector-selected {
5620
+ background-color: #f4f6fa;
5621
+ }
5622
+ .bk-selector-list .bk-selector-list-item.bk-selector-selected .selected-icon {
5623
+ display: inline-block;
5624
+ }
5625
+ .bk-selector-list .bk-selector-list-item.bk-selector-actived {
5626
+ background-color: #f4f6fa;
5627
+ }
5628
+ .bk-selector-list .bk-selector-list-item:hover {
5629
+ background-color: #eaf3ff;
5630
+ }
5631
+ .bk-selector-list .bk-selector-list-item.disabled {
5632
+ cursor: not-allowed;
5633
+ background: white;
5634
+ }
5635
+ .bk-selector-list .bk-selector-list-item.disabled .text {
5636
+ color: #c4c6cc;
5637
+ }
5638
+ .bk-selector-list .bk-selector-list-item.loading {
5639
+ padding: 5px 0 3px;
5640
+ text-align: center;
5641
+ }
5642
+ .bk-selector-list .bk-selector-list-item .loading {
5643
+ position: relative;
5644
+ width: 100%;
5645
+ height: 40px;
5646
+ font-size: 14px;
5647
+ cursor: default;
5648
+ }
5649
+ .bk-selector-list .bk-selector-list-item .text {
5650
+ padding: 0 10px;
5651
+ overflow: hidden;
5652
+ font-size: 12px;
5653
+ line-height: 32px;
5654
+ color: #63656e;
5655
+ text-overflow: ellipsis;
5656
+ white-space: nowrap;
5657
+ }
5658
+ .bk-selector-list .bk-selector-list-item .bk-selector-tools {
5659
+ position: absolute;
5660
+ top: 10px;
5661
+ right: 0;
5662
+ display: none;
5663
+ font-size: 12px;
5664
+ }
5665
+ .bk-selector-list .bk-selector-list-item .bk-selector-tools .bk-selector-list-icon {
5666
+ margin-right: 14px;
5667
+ }
5668
+ .bk-selector-list .bk-selector-list-item .highlight-text {
5669
+ color: #3a84ff;
5670
+ }
5457
5671
  .bk-popper {
5458
5672
  display: none;
5459
5673
  padding: 7px 14px;
@@ -25,6 +25,7 @@ export { default as Steps } from './steps';
25
25
  export { default as Switcher } from './switcher';
26
26
  export { default as Table } from './table';
27
27
  export { default as Tag } from './tag';
28
+ export { default as TagInput } from './tag-input';
28
29
  export { default as Divider } from './divider';
29
30
  export { default as Tab, BKTabPanel as TabPanel } from './tab';
30
31
  export { default as Message } from './message';
@@ -162,7 +162,7 @@ declare const BkPagination: {
162
162
  "onUpdate:limit"?: (...args: any[]) => any;
163
163
  "onLimit-change"?: (...args: any[]) => any;
164
164
  }, {
165
- pageNum: import("vue").Ref<number>;
165
+ totalPageNum: import("vue").Ref<number>;
166
166
  renderTotal: ({ isFirst, isLast }: {
167
167
  isFirst: any;
168
168
  isLast: any;
@@ -277,7 +277,7 @@ declare const BkPagination: {
277
277
  "onUpdate:limit"?: (...args: any[]) => any;
278
278
  "onLimit-change"?: (...args: any[]) => any;
279
279
  } & import("vue").ShallowUnwrapRef<{
280
- pageNum: import("vue").Ref<number>;
280
+ totalPageNum: import("vue").Ref<number>;
281
281
  renderTotal: ({ isFirst, isLast }: {
282
282
  isFirst: any;
283
283
  isLast: any;
@@ -361,7 +361,7 @@ declare const BkPagination: {
361
361
  "onUpdate:limit"?: (...args: any[]) => any;
362
362
  "onLimit-change"?: (...args: any[]) => any;
363
363
  }, {
364
- pageNum: import("vue").Ref<number>;
364
+ totalPageNum: import("vue").Ref<number>;
365
365
  renderTotal: ({ isFirst, isLast }: {
366
366
  isFirst: any;
367
367
  isLast: any;
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../select"),require("../icon"),require("../popover")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../select","../icon","../popover"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e.Select,e["@bkui-vue/icon/icons"],e.Popover)}(this,(function(e,t,n,a,r,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(a),l=o(i);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var p=c(s.exports),d={exports:{}},f={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.__esModule=!0,e.exports.default=e.exports}(f);var v={exports:{}};!function(e){e.exports=function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);o=!0);}catch(e){u=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw r}}return i}},e.exports.__esModule=!0,e.exports.default=e.exports}(v);var m={exports:{}},g={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a},e.exports.__esModule=!0,e.exports.default=e.exports}(g),function(e){var t=g.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?t(e,n):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(m);var b={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}(b),function(e){var t=f.exports,n=v.exports,a=m.exports,r=b.exports;e.exports=function(e,i){return t(e)||n(e,i)||a(e,i)||r()},e.exports.__esModule=!0,e.exports.default=e.exports}(d);var x=c(d.exports);var h=function(){var e=n.getCurrentInstance().proxy,t=n.ref(null),a=n.ref(!1),i=n.ref(1),o=n.computed((function(){return 1===i.value})),u=n.computed((function(){return i.value===e.pageNum})),c=0,s=n.computed((function(){for(var t=[],n=1;n<=e.pageNum;n++)t.push(n);return t}));n.watch((function(){return e.modelValue}),(function(t){n.nextTick((function(){t>=1&&t<=e.pageNum?i.value=t:i.value=t<1?1:e.pageNum,c=i.value}))}),{immediate:!0}),n.nextTick((function(){n.watch((function(){return e.pageNum}),(function(e){i.value>e&&(i.value=e)}))}));var p=function(){o.value||(i.value=i.value-1)},d=function(){u.value||(i.value=i.value+1)},f=function(){n.nextTick((function(){t.value.focus();var e=window.getSelection();e.selectAllChildren(t.value),e.collapseToEnd()}))},v=function(){a.value=!0},m=function(){a.value=!1,t.value.textContent="".concat(c),c!==i.value&&(i.value=c)},g=function(t){var n=t.target,a=Number(n.textContent);!a||a<1||a>e.pageNum||a===i.value||(c=a,f())},b=function(e){["Enter","NumpadEnter"].includes(e.code)&&(e.preventDefault(),m(),f())};return{current:i,render:function(){return n.createVNode("div",{class:"bk-pagination-small-list"},[n.createVNode("div",{class:{"bk-pagination-btn-pre":!0,"is-disabled":o.value},onClick:p},[n.createVNode(r.LeftShape,null,null)]),n.createVNode(l.default,{theme:"light",trigger:"click",arrow:!1,boundary:"body",placement:"bottom"},{default:function(){return n.createVNode("div",{class:{"bk-pagination-picker":!0,"is-focused":a.value}},[n.createVNode("span",{ref:t,class:"bk-pagination-editor",contenteditable:!0,spellcheck:"false",onFocus:v,onBlur:m,onInput:g,onKeydown:b},[i.value]),n.createVNode("span",null,[n.createTextVNode("/")]),n.createVNode("span",{class:"bk-pagination-small-list-total"},[e.pageNum])])},content:function(){return n.createVNode("div",{class:"bk-pagination-picker-list"},[s.value.map((function(e){return n.createVNode("div",{class:{item:!0,"is-actived":e===i.value},key:e,onClick:function(){return function(e){c=e,m()}(e)}},[e])}))])}}),n.createVNode("div",{class:{"bk-pagination-btn-next":!0,"is-disabled":u.value},onClick:d},[n.createVNode(r.RightShape,null,null)])])}}},N={modelValue:t.PropTypes.number.def(1),count:t.PropTypes.number.def(0).isRequired,limit:t.PropTypes.number.def(10),limitList:t.PropTypes.arrayOf(Number).def([10,20,50,100]),showLimit:t.PropTypes.bool.def(!0),type:t.PropTypes.oneOf(["default","compact"]).def("default"),location:t.PropTypes.oneOf(["left","right"]).def("right"),align:t.PropTypes.oneOf(["left","center","right"]).def("left"),size:t.PropTypes.size(),small:t.PropTypes.bool.def(!1),showTotalCount:t.PropTypes.bool.def(!0),prevText:t.PropTypes.string,nextText:t.PropTypes.string,disabled:t.PropTypes.bool.def(!1),layout:t.PropTypes.custom((function(e){var t={total:!0,list:!0,limit:!0};return e.some((function(e){return t[e]}))}),"layout 的值只支持 * total、list、limit *").def(["total","list","limit"])},y=n.defineComponent({name:"Pagination",props:N,emits:["update:modelValue","change","update:limit","limit-change"],setup:function(e,t){var i=n.ref(0),o=n.toRefs(e),l=o.count,c=o.limit,s=function(e){var t=e.isFirst,a=e.isLast,r=n.getCurrentInstance().props;return r.showTotalCount?n.createVNode("div",n.mergeProps({class:{"bk-pagination-total":!0,"is-first":t,"is-last":a}},{disabled:r.disabled}),[n.createTextVNode("共计"),n.createVNode("div",{class:"bk-pagination-total-num"},[r.count]),n.createTextVNode("条")]):null},p=function(){var e=n.getCurrentInstance().proxy,t=n.ref(e.modelValue),a=n.computed((function(){return 1===t.value})),i=n.computed((function(){return t.value===e.pageNum})),o=n.ref(!1),u=n.ref(!1),l=n.computed((function(){o.value=!1,u.value=!1;var n=[];if(e.pageNum<=5){for(var a=2;a<=e.pageNum-1;a++)n.push(a);return n}var r=Math.floor(2.5);e.pageNum>5&&(o.value=t.value-r>2,u.value=t.value+r<e.pageNum-1);for(var i=Math.min(e.pageNum-5,Math.max(2,t.value-r)),l=i;l<i+5;l++)n.push(l);return n}));n.watch((function(){return e.modelValue}),(function(a){n.nextTick((function(){a>=1&&a<=e.pageNum?t.value=a:t.value=a<1?1:e.pageNum}))})),n.nextTick((function(){n.watch((function(){return e.pageNum}),(function(e){t.value>e&&(t.value=e)}))}));var c=function(){a.value||(t.value=t.value-1)},s=function(){i.value||(t.value=t.value+1)},p=function(e){e!==t.value&&(t.value=e)},d=function(){t.value=Math.max(1,t.value-5)},f=function(){t.value=Math.min(e.pageNum,t.value+5)};return{current:t,render:function(v){var m=v.isFirst,g=v.isLast;return n.createVNode("div",{class:{"bk-pagination-list":!0,"is-first":m,"is-last":g}},[n.createVNode("div",{class:{"bk-pagination-list-pre":!0,"is-disabled":a.value},onClick:c},[e.prevText||n.createVNode(r.AngleLeft,null,null)]),n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":1===t.value},key:"1",onClick:function(){return p(1)}},[n.createTextVNode("1")]),o.value&&n.createVNode("div",{key:"pre-batch",class:"bk-pagination-list-pre-batch",onClick:d},[n.createVNode(r.Ellipsis,null,null)]),l.value.map((function(e){return n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":t.value===e},key:e,onClick:function(){return p(e)}},[e])})),u.value&&n.createVNode("div",{key:"next-batch",class:"bk-pagination-list-next-batch",onClick:f},[n.createVNode(r.Ellipsis,null,null)]),e.pageNum>1&&n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":t.value===e.pageNum},key:"last",onClick:function(){return p(e.pageNum)}},[e.pageNum]),n.createVNode("div",{class:{"bk-pagination-list-pre":!0,"is-disabled":i.value},onClick:s},[e.nextText||n.createVNode(r.AngleRight,null,null)])])}}}(),d=p.current,f=p.render,v=h(),m=v.current,g=v.render,b=function(){var e=n.getCurrentInstance().proxy,t=n.ref(e.limit);n.watch((function(){return e.limit}),(function(e){t.value=e})),n.watch((function(){return e.limitList}),(function(e){n.nextTick((function(){if(!e.includes(t.value)){var n=x(e,1);t.value=n[0]}}))}),{immediate:!0});var r=function(e){t.value=e};return{limit:t,render:function(i){var o,l,c=i.isFirst,s=i.isLast;return e.showLimit?n.createVNode("div",n.mergeProps({class:{"bk-pagination-limit":!0,"is-first":c,"is-last":s}},{disabled:e.disabled}),[n.createVNode("div",null,[n.createTextVNode("每页")]),n.createVNode(u.default,{class:"bk-pagination-limit-select",clearable:!1,modelValue:t.value,onChange:r,disabled:e.disabled},(l=o=e.limitList.map((function(e,t){return n.createVNode(a.BkOption,{value:e,label:e,key:"".concat(t,"_").concat(e)},null)})),"function"==typeof l||"[object Object]"===Object.prototype.toString.call(l)&&!n.isVNode(l)?o:{default:function(){return[o]}})),n.createVNode("div",null,[n.createTextVNode("条")])]):null}}}(),N=b.limit,y=b.render;return n.watch([l,N,c],(function(e){var t=x(e,2),n=t[0],a=t[1];i.value=Math.ceil(n/a)}),{immediate:!0}),n.watch(d,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),n.watch(m,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),n.watch(N,(function(e){t.emit("limit-change",e)})),{pageNum:i,renderTotal:s,renderList:f,renderLimit:y,renderSmallList:g}},render:function(){var e,a=this,r=t.classes((p(e={"bk-pagination":!0},"bk-pagination--".concat(this.size),!0),p(e,"is-align-".concat(this.align),!0),e)),i={total:this.renderTotal,list:this.renderList,limit:this.renderLimit};return n.createVNode("div",{class:r},[this.layout.map((function(e,t){return i[e]({isFirst:0===t,isLast:t===a.layout.length-1})})),this.renderSmallList()])}}),k=t.withInstall(y);e.BkPagination=k,e.default=k,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../select"),require("../icon"),require("../popover")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../select","../icon","../popover"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e.Select,e["@bkui-vue/icon/icons"],e.Popover)}(this,(function(e,t,n,a,r,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(a),u=i(o);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var d=c(s.exports),p={exports:{}},f={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.__esModule=!0,e.exports.default=e.exports}(f);var v={exports:{}};!function(e){e.exports=function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}},e.exports.__esModule=!0,e.exports.default=e.exports}(v);var m={exports:{}},g={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a},e.exports.__esModule=!0,e.exports.default=e.exports}(g),function(e){var t=g.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?t(e,n):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(m);var b={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}(b),function(e){var t=f.exports,n=v.exports,a=m.exports,r=b.exports;e.exports=function(e,o){return t(e)||n(e,o)||a(e,o)||r()},e.exports.__esModule=!0,e.exports.default=e.exports}(p);var x=c(p.exports);var h=function(){var e=n.getCurrentInstance().proxy,t=n.ref(null),a=n.ref(!1),o=n.ref(1),i=n.computed((function(){return 1===o.value})),l=n.computed((function(){return o.value===e.totalPageNum})),c=0,s=n.computed((function(){for(var t=[],n=1;n<=e.totalPageNum;n++)t.push(n);return t}));n.watch((function(){return e.modelValue}),(function(t){n.nextTick((function(){t>=1&&t<=e.totalPageNum?o.value=t:o.value=t<1?1:e.totalPageNum,c=o.value}))}),{immediate:!0}),n.nextTick((function(){n.watch((function(){return e.totalPageNum}),(function(e){o.value>e&&(o.value=e)}))}));var d=function(){i.value||(o.value=o.value-1)},p=function(){l.value||(o.value=o.value+1)},f=function(){n.nextTick((function(){t.value.focus();var e=window.getSelection();e.selectAllChildren(t.value),e.collapseToEnd()}))},v=function(){a.value=!0},m=function(){a.value=!1,t.value.textContent="".concat(c),c!==o.value&&(o.value=c)},g=function(t){var n=t.target,a=Number(n.textContent);!a||a<1||a>e.totalPageNum||a===o.value||(c=a,f())},b=function(e){["Enter","NumpadEnter"].includes(e.code)&&(e.preventDefault(),m(),f())};return{current:o,render:function(){return n.createVNode("div",{class:"bk-pagination-small-list"},[n.createVNode("div",{class:{"bk-pagination-btn-pre":!0,"is-disabled":i.value},onClick:d},[n.createVNode(r.LeftShape,null,null)]),n.createVNode(u.default,{theme:"light",trigger:"click",arrow:!1,boundary:"body",placement:"bottom"},{default:function(){return n.createVNode("div",{class:{"bk-pagination-picker":!0,"is-focused":a.value}},[n.createVNode("span",{ref:t,class:"bk-pagination-editor",contenteditable:!0,spellcheck:"false",onFocus:v,onBlur:m,onInput:g,onKeydown:b},[o.value]),n.createVNode("span",null,[n.createTextVNode("/")]),n.createVNode("span",{class:"bk-pagination-small-list-total"},[e.totalPageNum])])},content:function(){return n.createVNode("div",{class:"bk-pagination-picker-list"},[s.value.map((function(e){return n.createVNode("div",{class:{item:!0,"is-actived":e===o.value},key:e,onClick:function(){return function(e){c=e,m()}(e)}},[e])}))])}}),n.createVNode("div",{class:{"bk-pagination-btn-next":!0,"is-disabled":l.value},onClick:p},[n.createVNode(r.RightShape,null,null)])])}}},N={modelValue:t.PropTypes.number.def(1),count:t.PropTypes.number.def(0).isRequired,limit:t.PropTypes.number.def(10),limitList:t.PropTypes.arrayOf(Number).def([10,20,50,100]),showLimit:t.PropTypes.bool.def(!0),type:t.PropTypes.oneOf(["default","compact"]).def("default"),location:t.PropTypes.oneOf(["left","right"]).def("right"),align:t.PropTypes.oneOf(["left","center","right"]).def("left"),size:t.PropTypes.size(),small:t.PropTypes.bool.def(!1),showTotalCount:t.PropTypes.bool.def(!0),prevText:t.PropTypes.string,nextText:t.PropTypes.string,disabled:t.PropTypes.bool.def(!1),layout:t.PropTypes.custom((function(e){var t={total:!0,list:!0,limit:!0};return e.some((function(e){return t[e]}))}),"layout 的值只支持 * total、list、limit *").def(["total","list","limit"])},y=n.defineComponent({name:"Pagination",props:N,emits:["update:modelValue","change","update:limit","limit-change"],setup:function(e,t){var o=n.ref(0),i=n.toRefs(e),u=i.count,c=i.limit,s=function(e){var t=e.isFirst,a=e.isLast,r=n.getCurrentInstance().props;return r.showTotalCount?n.createVNode("div",n.mergeProps({class:{"bk-pagination-total":!0,"is-first":t,"is-last":a}},{disabled:r.disabled}),[n.createTextVNode("共计"),n.createVNode("div",{class:"bk-pagination-total-num"},[r.count]),n.createTextVNode("条")]):null},d=function(){var e=n.getCurrentInstance().proxy,t=n.ref(1),a=n.computed((function(){return 1===t.value})),o=n.computed((function(){return t.value===e.totalPageNum})),i=n.ref(!1),l=n.ref(!1),u=n.computed((function(){i.value=!1,l.value=!1;var n=[];if(e.totalPageNum<=5){for(var a=2;a<=e.totalPageNum-1;a++)n.push(a);return n}var r=Math.floor(2.5);e.totalPageNum>5&&(i.value=t.value-r>2,l.value=t.value+r<e.totalPageNum-1);for(var o=Math.min(e.totalPageNum-5,Math.max(2,t.value-r)),u=o;u<o+5;u++)n.push(u);return n}));n.watch((function(){return e.modelValue}),(function(a){n.nextTick((function(){a>=1&&a<=e.totalPageNum?t.value=a:t.value=a<1?1:e.totalPageNum}))})),n.nextTick((function(){n.watch((function(){return e.totalPageNum}),(function(e){t.value>e&&(t.value=e)}))}));var c=function(){a.value||(t.value=t.value-1)},s=function(){o.value||(t.value=t.value+1)},d=function(e){e!==t.value&&(t.value=e)},p=function(){t.value=Math.max(1,t.value-5)},f=function(){t.value=Math.min(e.totalPageNum,t.value+5)};return{current:t,render:function(v){var m=v.isFirst,g=v.isLast;return n.createVNode("div",{class:{"bk-pagination-list":!0,"is-first":m,"is-last":g}},[n.createVNode("div",{class:{"bk-pagination-list-pre":!0,"is-disabled":a.value},onClick:c},[e.prevText||n.createVNode(r.AngleLeft,null,null)]),n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":1===t.value},key:"1",onClick:function(){return d(1)}},[n.createTextVNode("1")]),i.value&&n.createVNode("div",{key:"pre-batch",class:"bk-pagination-list-pre-batch",onClick:p},[n.createVNode(r.Ellipsis,null,null)]),u.value.map((function(e){return n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":t.value===e},key:e,onClick:function(){return d(e)}},[e])})),l.value&&n.createVNode("div",{key:"next-batch",class:"bk-pagination-list-next-batch",onClick:f},[n.createVNode(r.Ellipsis,null,null)]),e.totalPageNum>1&&n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":t.value===e.totalPageNum},key:"last",onClick:function(){return d(e.totalPageNum)}},[e.totalPageNum]),n.createVNode("div",{class:{"bk-pagination-list-pre":!0,"is-disabled":o.value},onClick:s},[e.nextText||n.createVNode(r.AngleRight,null,null)])])}}}(),p=d.current,f=d.render,v=h(),m=v.current,g=v.render,b=function(){var e=n.getCurrentInstance().proxy,t=n.ref(e.limit);n.watch((function(){return e.limit}),(function(e){t.value=e})),n.watch((function(){return e.limitList}),(function(e){n.nextTick((function(){if(!e.includes(t.value)){var n=x(e,1);t.value=n[0]}}))}),{immediate:!0});var r=function(e){t.value=e};return{limit:t,render:function(o){var i,u,c=o.isFirst,s=o.isLast;return e.showLimit?n.createVNode("div",n.mergeProps({class:{"bk-pagination-limit":!0,"is-first":c,"is-last":s}},{disabled:e.disabled}),[n.createVNode("div",null,[n.createTextVNode("每页")]),n.createVNode(l.default,{class:"bk-pagination-limit-select",clearable:!1,modelValue:t.value,onChange:r,disabled:e.disabled},(u=i=e.limitList.map((function(e,t){return n.createVNode(a.BkOption,{value:e,label:e,key:"".concat(t,"_").concat(e)},null)})),"function"==typeof u||"[object Object]"===Object.prototype.toString.call(u)&&!n.isVNode(u)?i:{default:function(){return[i]}})),n.createVNode("div",null,[n.createTextVNode("条")])]):null}}}(),N=b.limit,y=b.render;return n.watch([u,N,c],(function(e){var t=x(e,2),n=t[0],a=t[1],r=Math.ceil(n/a);o.value=r<1?1:r}),{immediate:!0}),n.watch(p,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),n.watch(m,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),n.watch(N,(function(e){t.emit("limit-change",e)})),{totalPageNum:o,renderTotal:s,renderList:f,renderLimit:y,renderSmallList:g}},render:function(){var e,a=this,r=t.classes((d(e={"bk-pagination":!0},"bk-pagination--".concat(this.size),!0),d(e,"is-align-".concat(this.align),!0),e)),o={total:this.renderTotal,list:this.small?this.renderSmallList:this.renderList,limit:this.renderLimit};return n.createVNode("div",{class:r},[this.layout.map((function(e,t){return o[e]({isFirst:0===t,isLast:t===a.layout.length-1})}))])}}),k=t.withInstall(y);e.BkPagination=k,e.default=k,Object.defineProperty(e,"__esModule",{value:!0})}));
@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
122
122
  default: () => string[];
123
123
  };
124
124
  }, {
125
- pageNum: import("vue").Ref<number>;
125
+ totalPageNum: import("vue").Ref<number>;
126
126
  renderTotal: ({ isFirst, isLast }: {
127
127
  isFirst: any;
128
128
  isLast: any;
@@ -2,5 +2,5 @@ import type { ComponentPublicInstance } from 'vue';
2
2
  import type { PaginationProps } from './pagination';
3
3
  export declare type IPaginationInstance = ComponentPublicInstance<PaginationProps, {
4
4
  limit: PaginationProps['limit'];
5
- pageNum: number;
5
+ totalPageNum: number;
6
6
  }>;
@@ -140,10 +140,10 @@
140
140
  overflow: hidden;
141
141
  text-overflow: ellipsis;
142
142
  white-space: nowrap;
143
+ display: flex;
143
144
  width: auto;
144
145
  height: auto;
145
146
  min-height: 32px;
146
- display: flex;
147
147
  align-items: center;
148
148
  flex-wrap: wrap;
149
149
  }
@@ -168,11 +168,11 @@
168
168
  overflow: hidden;
169
169
  text-overflow: ellipsis;
170
170
  white-space: nowrap;
171
- height: auto;
172
171
  width: auto;
172
+ height: auto;
173
+ padding: 0;
173
174
  border: none;
174
175
  outline: none;
175
- padding: 0;
176
176
  }
177
177
  .bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
178
178
  color: #c4c6cc;
@@ -188,6 +188,7 @@
188
188
  font-size: 14px;
189
189
  }
190
190
  .bk-select .bk-select-trigger .angle-up {
191
+ right: 4px;
191
192
  transform: rotate(180deg);
192
193
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
193
194
  display: flex;
@@ -201,9 +202,9 @@
201
202
  height: 100%;
202
203
  align-items: center;
203
204
  justify-content: center;
204
- right: 4px;
205
205
  }
206
206
  .bk-select .bk-select-trigger .clear-icon {
207
+ right: 4px;
207
208
  transition: all 0.1s;
208
209
  display: flex;
209
210
  width: 20px;
@@ -216,7 +217,6 @@
216
217
  height: 100%;
217
218
  align-items: center;
218
219
  justify-content: center;
219
- right: 4px;
220
220
  }
221
221
  .bk-select .bk-select-trigger .clear-icon:hover {
222
222
  color: #979ba5;
@@ -300,7 +300,7 @@
300
300
  padding-left: 40px;
301
301
  }
302
302
  .bk-select .bk-option-group.disabled .default-group-label {
303
- color: #C4C6CC;
303
+ color: #c4c6cc;
304
304
  cursor: not-allowed;
305
305
  }
306
306
  .bk-select .bk-option-group .default-group-label {
@@ -76,6 +76,7 @@
76
76
  .bk-popover-reference {
77
77
  display: unset;
78
78
  }
79
+
79
80
  .bk-popover-content {
80
81
  padding: 0;
81
82
  }
@@ -91,6 +92,7 @@
91
92
  height: 36px;
92
93
  font-size: 14px;
93
94
  }
95
+
94
96
  .bk-select-content {
95
97
  font-size: 14px;
96
98
  }
@@ -109,6 +111,7 @@
109
111
  box-shadow: 0px 0px 3px 0px #a3c5fd;
110
112
  }
111
113
  }
114
+
112
115
  &.is-focus.simplicity {
113
116
  .bk-select-trigger .bk-select-input {
114
117
  border-color: @primary-color;
@@ -126,7 +129,8 @@
126
129
 
127
130
  &.is-filterable {
128
131
  .bk-select-trigger {
129
- .bk-select-input, .bk-select-tag-input {
132
+ .bk-select-input,
133
+ .bk-select-tag-input {
130
134
  cursor: text;
131
135
  }
132
136
  }
@@ -148,19 +152,20 @@
148
152
 
149
153
  .bk-select-tag {
150
154
  .input();
155
+ display: flex;
151
156
  width: auto;
152
157
  height: auto;
153
158
  min-height: 32px;
154
- display: flex;
155
159
  align-items: center;
156
160
  flex-wrap: wrap;
161
+
157
162
  &-input {
158
163
  .input();
159
- height: auto;
160
164
  width: auto;
165
+ height: auto;
166
+ padding: 0;
161
167
  border: none;
162
168
  outline: none;
163
- padding: 0;
164
169
  }
165
170
  }
166
171
 
@@ -171,18 +176,18 @@
171
176
  }
172
177
 
173
178
  .angle-up {
179
+ right: 4px;
174
180
  transform: rotate(180deg);
175
181
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
176
182
  .bk-select-icon();
177
183
  .fix-icon();
178
- right: 4px;
179
184
  }
180
185
 
181
186
  .clear-icon {
187
+ right: 4px;
182
188
  transition: all .1s;
183
189
  .bk-select-icon(14px, #c4c6cc);
184
190
  .fix-icon();
185
- right: 4px;
186
191
 
187
192
  &:hover {
188
193
  color: #979ba5;
@@ -287,7 +292,7 @@
287
292
 
288
293
  &.disabled {
289
294
  .default-group-label {
290
- color: #C4C6CC;
295
+ color: #c4c6cc;
291
296
  cursor: not-allowed;
292
297
  }
293
298
  }
@@ -233,10 +233,10 @@
233
233
  overflow: hidden;
234
234
  text-overflow: ellipsis;
235
235
  white-space: nowrap;
236
+ display: flex;
236
237
  width: auto;
237
238
  height: auto;
238
239
  min-height: 32px;
239
- display: flex;
240
240
  align-items: center;
241
241
  flex-wrap: wrap;
242
242
  }
@@ -261,11 +261,11 @@
261
261
  overflow: hidden;
262
262
  text-overflow: ellipsis;
263
263
  white-space: nowrap;
264
- height: auto;
265
264
  width: auto;
265
+ height: auto;
266
+ padding: 0;
266
267
  border: none;
267
268
  outline: none;
268
- padding: 0;
269
269
  }
270
270
  .bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
271
271
  color: var(--light-gray);
@@ -281,6 +281,7 @@
281
281
  font-size: 14px;
282
282
  }
283
283
  .bk-select .bk-select-trigger .angle-up {
284
+ right: 4px;
284
285
  transform: rotate(180deg);
285
286
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
286
287
  display: flex;
@@ -294,9 +295,9 @@
294
295
  height: 100%;
295
296
  align-items: center;
296
297
  justify-content: center;
297
- right: 4px;
298
298
  }
299
299
  .bk-select .bk-select-trigger .clear-icon {
300
+ right: 4px;
300
301
  transition: all 0.1s;
301
302
  display: flex;
302
303
  width: 20px;
@@ -309,7 +310,6 @@
309
310
  height: 100%;
310
311
  align-items: center;
311
312
  justify-content: center;
312
- right: 4px;
313
313
  }
314
314
  .bk-select .bk-select-trigger .clear-icon:hover {
315
315
  color: #979ba5;
@@ -393,7 +393,7 @@
393
393
  padding-left: 40px;
394
394
  }
395
395
  .bk-select .bk-option-group.disabled .default-group-label {
396
- color: #C4C6CC;
396
+ color: #c4c6cc;
397
397
  cursor: not-allowed;
398
398
  }
399
399
  .bk-select .bk-option-group .default-group-label {
@@ -43,3 +43,4 @@ import '../transfer/transfer.less';
43
43
  import '../pagination/pagination.less';
44
44
  import '../timeline/timeline.less';
45
45
  import '../resize-layout/resize-layout.less';
46
+ import '../tag-input/tag-input.less';
@@ -1 +1 @@
1
- !function(e){"function"==typeof define&&define.amd?define(["./reset.less","../alert/alert.less","../backtop/backtop.less","../badge/badge.less","../breadcrumb/breadcrumb.less","../button/button.less","../card/card.less","../checkbox/checkbox.less","../collapse/collapse.less","../dialog/dialog.less","../exception/exception.less","../fixed-navbar/fixed-navbar.less","../input/input.less","../link/link.less","../dropdown/dropdown.less","../loading/loading.less","../modal/modal.less","../popover/popover.less","../progress/progress.less","../radio/radio.less","../rate/rate.less","../rate/star.less","../swiper/swiper.less","../select/select.less","../sideslider/sideslider.less","../switcher/switcher.less","../table/table.less","../tag/tag.less","../form/form.less","../steps/steps.less","../message/message.less","../notify/notify.less","../tree/tree.less","../slider/slider.less","../menu/menu.less","../navigation/navigation.less","../date-picker/date-picker.less","../divider/divider.less","../tab/tab.less","../process/process.less","../virtual-render/virtual-render.less","../transfer/transfer.less","../pagination/pagination.less","../timeline/timeline.less","../resize-layout/resize-layout.less"],e):e()}((function(){}));
1
+ !function(e){"function"==typeof define&&define.amd?define(["./reset.less","../alert/alert.less","../backtop/backtop.less","../badge/badge.less","../breadcrumb/breadcrumb.less","../button/button.less","../card/card.less","../checkbox/checkbox.less","../collapse/collapse.less","../dialog/dialog.less","../exception/exception.less","../fixed-navbar/fixed-navbar.less","../input/input.less","../link/link.less","../dropdown/dropdown.less","../loading/loading.less","../modal/modal.less","../popover/popover.less","../progress/progress.less","../radio/radio.less","../rate/rate.less","../rate/star.less","../swiper/swiper.less","../select/select.less","../sideslider/sideslider.less","../switcher/switcher.less","../table/table.less","../tag/tag.less","../form/form.less","../steps/steps.less","../message/message.less","../notify/notify.less","../tree/tree.less","../slider/slider.less","../menu/menu.less","../navigation/navigation.less","../date-picker/date-picker.less","../divider/divider.less","../tab/tab.less","../process/process.less","../virtual-render/virtual-render.less","../transfer/transfer.less","../pagination/pagination.less","../timeline/timeline.less","../resize-layout/resize-layout.less","../tag-input/tag-input.less"],e):e()}((function(){}));
package/lib/tag/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={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}(n);var l=r(n.exports),a=o.defineComponent({name:"Tag",props:{theme:t.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:t.PropTypes.bool.def(!1),type:t.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:t.PropTypes.bool.def(!1),checked:t.PropTypes.bool.def(!1),radius:t.PropTypes.string.def("2px"),extCls:t.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(e,s){var r=s.emit;return{wrapperCls:o.computed((function(){var o;return t.classes((o={"bk-tag-closable":e.closable,"bk-tag-checkable":e.checkable,"bk-tag-check":e.checked},l(o,"bk-tag-".concat(e.type),e.type),l(o,"bk-tag-".concat(e.theme),e.theme),l(o,e.extCls,!!e.extCls),o),"bk-tag")})),wrapperStyle:o.computed((function(){return{borderRadius:e.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),r("close",e)},handleClick:function(t){t.preventDefault(),t.stopPropagation(),e.checkable&&r("change",!e.checked)}}},render:function(){var e,t;return o.createVNode("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?o.createVNode("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",o.createVNode("span",null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?o.createVNode(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=t.withInstall(a);e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={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}(n);var a=r(n.exports),l=o.defineComponent({name:"Tag",props:{theme:t.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:t.PropTypes.bool.def(!1),type:t.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:t.PropTypes.bool.def(!1),checked:t.PropTypes.bool.def(!1),radius:t.PropTypes.string.def("2px"),extCls:t.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(e,s){var r=s.emit;return{wrapperCls:o.computed((function(){var o;return t.classes((o={"bk-tag-closable":e.closable,"bk-tag-checkable":e.checkable,"bk-tag-check":e.checked},a(o,"bk-tag-".concat(e.type),e.type),a(o,"bk-tag-".concat(e.theme),e.theme),a(o,e.extCls,!!e.extCls),o),"bk-tag")})),wrapperStyle:o.computed((function(){return{borderRadius:e.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),r("close",e)},handleClick:function(t){t.preventDefault(),t.stopPropagation(),e.checkable&&r("change",!e.checked)}}},render:function(){var e,t;return o.createVNode("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?o.createVNode("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",o.createVNode("span",{class:"bk-tag-text"},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?o.createVNode(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=t.withInstall(l);e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));