bkui-vue 0.0.2-beta.82 → 0.0.2-beta.84

package/lib/tag-input/index.js

@@ -1 +1,1660 @@
-import*as e from"../shared";import*as t from"vue";import*as a from"lodash";import*as r from"../config-provider";import*as o from"../directives";import*as n from"../icon";import*as l from"../loading";import*as i from"../popover";import*as s from"vue-types";var c={d:(e,t)=>{for(var a in t)c.o(t,a)&&!c.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},u={};c.d(u,{Z:()=>A});const d=(p={PropTypes:()=>e.PropTypes,checkOverflow:()=>e.checkOverflow,useFormItem:()=>e.useFormItem,withInstall:()=>e.withInstall},f={},c.d(f,p),f);var p,f;function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}function h(e,t){if(e){if("string"==typeof e)return g(e,t);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)?g(e,t):void 0}}function y(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||h(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t,a){return(t=function(e){var t=function(e,t){if("object"!==v(e)||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,"string");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===v(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}const T=(e=>{var t={};return c.d(t,e),t})({computed:()=>t.computed,createTextVNode:()=>t.createTextVNode,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,h:()=>t.h,markRaw:()=>t.markRaw,mergeProps:()=>t.mergeProps,nextTick:()=>t.nextTick,onMounted:()=>t.onMounted,reactive:()=>t.reactive,ref:()=>t.ref,resolveDirective:()=>t.resolveDirective,toRefs:()=>t.toRefs,vModelText:()=>t.vModelText,vShow:()=>t.vShow,watch:()=>t.watch,withDirectives:()=>t.withDirectives}),w=(e=>{var t={};return c.d(t,e),t})({debounce:()=>a.debounce}),b=(e=>{var t={};return c.d(t,e),t})({useLocale:()=>r.useLocale,usePrefix:()=>r.usePrefix}),L=(e=>{var t={};return c.d(t,e),t})({bkTooltips:()=>o.bkTooltips}),P=(e=>{var t={};return c.d(t,e),t})({Close:()=>n.Close,Error:()=>n.Error}),x=(e=>{var t={};return c.d(t,e),t})({BkLoadingSize:()=>l.BkLoadingSize,default:()=>l.default}),I=(e=>{var t={};return c.d(t,e),t})({default:()=>i.default});var C=12,S=function(e){for(var t=e.length,a=0,r=0;r<t;r++)0!=(65280&e.charCodeAt(r))&&(a+=1),a+=1;return a};const N=(0,T.defineComponent)({name:"ListTagRender",props:{node:d.PropTypes.object,searchKey:d.PropTypes.oneOfType([d.PropTypes.string,d.PropTypes.arrayOf(d.PropTypes.string)]),displayKey:d.PropTypes.string,searchKeyword:d.PropTypes.string,tpl:{type:Function}},render:function(){var e=this,t=(0,b.usePrefix)().resolveClassName,a=function(t){if(e.searchKeyword){var a=new RegExp("(".concat(e.searchKeyword,")"),"i");return t.replace(a,'<strong class="highlight-text">$1</strong>')}return t};if(this.tpl)return this.tpl(this.node,a,T.h,this);var r=this.node[this.displayKey];return(0,T.createVNode)("div",{class:"".concat(t("selector-node"))},[(0,T.createVNode)("span",{class:"text",innerHTML:a(r)},[r])])}}),K=(e=>{var t={};return c.d(t,e),t})({toType:()=>s.toType});var V;!function(e){e.FOCUS="focus",e.SEARCH="search"}(V||(V={}));const O=(0,T.defineComponent)({name:"TagRender",directives:{bkTooltips:L.bkTooltips},props:{node:d.PropTypes.object,displayKey:d.PropTypes.string,tpl:{type:Function},hasTips:{type:Boolean,default:!1},tagOverflowTips:{type:Object,default:function(){return{}}}},setup:function(e){var t=(0,T.ref)(),a=(0,T.ref)(!1),r=(0,T.computed)((function(){return Object.assign({boundary:"window",theme:"light",distance:12,content:e.node[e.displayKey],disabled:e.hasTips||!a.value},e.tagOverflowTips)}));return(0,T.onMounted)((function(){a.value=(0,d.checkOverflow)(t.value)})),{overflowTips:r,tagRef:t}},render:function(){return this.tpl?this.tpl(this.node,T.h,this):(0,T.withDirectives)((0,T.createVNode)("div",{class:"tag",ref:"tagRef"},[(0,T.createVNode)("span",{class:"text"},[this.node[this.displayKey]])]),[[(0,T.resolveDirective)("bk-tooltips"),this.overflowTips]])}}),k=(0,T.defineComponent)({name:"TagInput",directives:{bkTooltips:L.bkTooltips},props:{modelValue:d.PropTypes.arrayOf(d.PropTypes.string).def([]),placeholder:d.PropTypes.string.def(""),list:d.PropTypes.arrayOf(d.PropTypes.object).def([]),disabled:d.PropTypes.bool.def(!1),tooltipKey:d.PropTypes.string.def(""),saveKey:d.PropTypes.string.def("id"),displayKey:d.PropTypes.string.def("name"),hasDeleteIcon:d.PropTypes.bool.def(!1),clearable:d.PropTypes.bool.def(!0),trigger:(0,K.toType)("treeTriggerType",{}).def(V.SEARCH),searchKey:d.PropTypes.oneOfType([d.PropTypes.string,d.PropTypes.arrayOf(d.PropTypes.string)]).def("name"),useGroup:d.PropTypes.bool.def(!1),allowCreate:d.PropTypes.bool.def(!1),maxData:d.PropTypes.number.def(-1),maxResult:d.PropTypes.number.def(10),contentMaxHeight:d.PropTypes.number.def(300),contentWidth:d.PropTypes.number.def(190),separator:d.PropTypes.string.def(""),allowNextFocus:d.PropTypes.bool.def(!0),allowAutoMatch:d.PropTypes.bool.def(!1),showClearOnlyHover:d.PropTypes.bool.def(!1),isAsyncList:d.PropTypes.bool.def(!1),leftSpace:d.PropTypes.number.def(0),createTagValidator:{type:Function},filterCallback:{type:Function},tagTpl:{type:Function},tpl:{type:Function},pasteFn:{type:Function},withValidate:{type:Boolean,default:!0},popoverProps:{type:Object,default:function(){return{}}},collapseTags:{type:Boolean,default:!1},tagOverflowTips:{type:Object,default:function(){return{}}}},emits:["update:modelValue","change","select","focus","blur","remove","removeAll","input"],setup:function(e,t){var a=t.emit,r=(0,d.useFormItem)(),o=(0,b.useLocale)("tagInput"),n=(0,T.reactive)({isEdit:!1,isHover:!1,focusItemIndex:e.allowCreate?-1:0}),l=(0,T.reactive)(Object.assign({isShow:!1,width:190,offset:{mainAxis:4,crossAxis:0}},e.popoverProps)),i=(0,b.usePrefix)().resolveClassName,s=function(e){var t=(0,T.reactive)({curPage:1,totalSize:0,totalPage:0,pageSize:e,isPageLoading:!1,curPageList:[],renderListPaged:[]});return{pageState:t,initPage:function(){var e,a,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];t.curPage=1,t.totalSize=r.length,t.totalPage=Math.ceil(t.totalSize/t.pageSize)||1;var o=[];if(t.pageSize>0)for(var n=0;n<t.totalSize;n+=t.pageSize)o.push(r.slice(n,n+t.pageSize));(e=t.renderListPaged).splice.apply(e,[0,t.renderListPaged.length].concat(o)),(a=t.curPageList).splice.apply(a,[0,t.curPageList.length].concat(y(t.renderListPaged[t.curPage-1]||[])))},pageChange:function(e){var a;t.curPage=e,(a=t.curPageList).splice.apply(a,[t.curPageList.length,0].concat(y(t.renderListPaged[t.curPage-1]||[]))),t.isPageLoading=!1}}}((0,T.toRefs)(e).maxResult),c=s.pageState,u=s.initPage,p=s.pageChange,f=(0,T.ref)(""),g=(0,T.ref)(null),L=(0,T.ref)(null),P=(0,T.ref)(null),x=(0,T.ref)(null),I=(0,T.ref)(null),N=(0,T.ref)(null),K=(0,T.computed)((function(){return!e.disabled&&e.hasDeleteIcon})),V=(0,T.computed)((function(){return 1===e.maxData})),O=(0,T.computed)((function(){return 0===E.selectedTagList.length&&""===f.value&&!n.isEdit})),k=(0,T.computed)((function(){return e.placeholder||o.value.placeholder})),A=(0,T.computed)((function(){return e.clearable&&!e.disabled&&0!==E.selectedTagList.length&&(!e.showClearOnlyHover||n.isHover)})),R=(0,T.computed)((function(){var t;return m(t={},"".concat(i("tag-input-trigger")),!0),m(t,"active",n.isEdit),m(t,"disabled",e.disabled),t})),E=(0,T.reactive)({localList:[],tagListCache:[],selectedTagList:[],selectedTagListCache:[]}),D=(0,T.computed)((function(){return E.selectedTagList.map((function(t){return t[e.saveKey]}))})),j=function(e){var t=(0,T.toRefs)(e),a=t.useGroup,r=t.saveKey,o=t.displayKey,n=t.list,l=(0,T.ref)([]),i=(0,T.ref)({});return(0,T.watch)([a,r,o,n],(function(){l.value=[];var e=(0,T.markRaw)(n.value);a.value&&(e=e.reduce((function(e,t){var a=[];return t.children&&(a=t.children.map((function(e){return Object.assign({group:{groupId:t[r.value],groupName:t[o.value]}},e)}))),e.concat(a)}),[])),l.value=e,i.value=e.reduce((function(e,t){return e[t[r.value]]=t,e}),{})}),{immediate:!0,deep:!0}),{flatList:l,saveKeyMap:i}}(e),F=j.flatList,M=j.saveKeyMap,z=(0,T.computed)((function(){if(e.useGroup){var t={};return c.curPageList.forEach((function(e,a){e.__index__=a,t[e.group.groupId]||(t[e.group.groupId]={id:e.group.groupId,name:e.group.groupName,children:[]}),t[e.group.groupId].children.push(e)})),Object.keys(t).map((function(e){return t[e]}))}return c.curPageList}));(0,T.watch)([function(){return F.value}],(function(){(0,T.nextTick)((function(){U()}))}),{deep:!0}),(0,T.watch)((function(){return e.modelValue}),(function(t){var a,o,n;n=t,(o=D.value).length===n.length&&n.every((function(e,t){return o[t]===e}))||((0,T.nextTick)((function(){U()})),e.withValidate&&(null===(a=null==r?void 0:r.validate)||void 0===a||a.call(r,"change")))})),(0,T.watch)(f,(0,w.debounce)((function(){var t=0!==c.curPageList.length,a=f.value;""!==a&&t||""===a&&"focus"===e.trigger&&t?l.isShow=!0:"focus"===e.trigger&&t||(l.isShow=!1)}),150)),(0,T.watch)((function(){return l.isShow}),(function(e){H(),e&&I.value&&((0,T.nextTick)((function(){I.value.scrollTop=0})),I.value.removeEventListener("scroll",B),I.value.addEventListener("scroll",B))})),(0,T.onMounted)((function(){U()}));var H=function(){var e;l.offset.crossAxis=V.value?0:null===(e=x.value)||void 0===e?void 0:e.offsetLeft},B=function(){if(!c.isPageLoading&&0!==I.value.scrollTop){var e=I.value;if(e.scrollTop+e.offsetHeight>=e.scrollHeight){var t=c.curPage+1;t<=c.totalPage&&(c.isPageLoading=!0,setTimeout((function(){p(t)}),500))}}},_=function(){var e;return Array.from((null===(e=P.value)||void 0===e?void 0:e.childNodes)||[]).filter((function(e){return![Node.TEXT_NODE,Node.COMMENT_NODE].includes(e.nodeType)}))},G=function(t){if(!e.disabled){if(null==t?void 0:t.target){var a=t.target.className;(a.indexOf("".concat(i("tag-input-trigger")))>-1||a.indexOf("tag-list")>-1)&&P.value.appendChild(x.value)}clearTimeout(N.value),V.value&&D.value.length&&(E.tagListCache=y(D.value),E.selectedTagListCache=y(E.selectedTagList),f.value=E.selectedTagListCache[0][e.saveKey],ae(E.selectedTagList[0],0),X()),n.isEdit=!0,setTimeout((function(){var t;null===(t=g.value)||void 0===t||t.focus(),"focus"===e.trigger&&0!==E.localList.length&&(Z(),l.isShow?H():l.isShow=!0)}),200)}},U=function(){var t=e.saveKey,a=e.modelValue,r=e.displayKey,o=e.allowCreate,n=e.trigger,i=e.isAsyncList;if(E.selectedTagList=[],E.localList=F.value,a.length){var s={};E.selectedTagList=a.map((function(e){var a,n=M.value[e];return s[e]=1,!n&&o?(m(a={},t,e),m(a,r,e),a):n})).filter((function(e){return e})),V.value||(E.localList=E.localList.filter((function(e){return!s[e[t]]})))}if(i&&f.value)return Z(f.value),void(c.curPageList.length&&(l.isShow=!0));"focus"===n&&Z()},Z=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a=e.searchKey,r=e.filterCallback,o=t.toLowerCase().trim();if(""!==o){var n;n="function"==typeof r?r(o,a,E.localList)||[]:Array.isArray(a)?E.localList.filter((function(e){return a.some((function(t){return e[t].toLowerCase().indexOf(o)>-1}))})):E.localList.filter((function(e){return e[a].toLowerCase().indexOf(o)>-1})),u(n)}else u(E.localList)},W=function(){f.value=""},$=function(){if(V.value)return 0;var e=_().findIndex((function(e){return"tagInputItem"===e.id}));return e>=0?e:0},q=function(e,t){if(t&&e){var a=t;arguments.length>2&&void 0!==arguments[2]&&arguments[2]&&(a=t.nextElementSibling||null),t.parentNode.insertBefore(e,a)}},X=function(t){var r=e.maxData,o=e.trigger,i=e.allowCreate;if(-1===r||r>D.value.length){var s=((null==t?void 0:t.target)?t.target:f).value,c=S(s);c?(Z(s),g.value.style.width="".concat(c*C,"px")):"focus"===o&&Z()}else J(),f.value="",l.isShow=!1;n.isEdit=!0,n.focusItemIndex=i?-1:0,a("input",f.value)},J=function(){N.value=setTimeout((function(){var t,o,i,s=f.value;if(W(),n.isEdit=!1,V.value){var u=(o=E.tagListCache,i=1,function(e){if(Array.isArray(e))return e}(o)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var r,o,n,l,i=[],s=!0,c=!1;try{if(n=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;s=!1}else for(;!(s=(r=n.call(a)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}(o,i)||h(o,i)||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.")}())[0];s&&s===u&&E.selectedTagListCache.length?te(E.selectedTagListCache[0],"select"):Y("remove")}else if(e.allowAutoMatch&&s){var d=c.curPageList.find((function(t){return Array.isArray(e.searchKey)?e.searchKey.map((function(e){return t[e]})).includes(s):t[e.searchKey]===s}));d?Q(d,"select"):e.allowCreate&&Q(s,"custom")}l.isShow=!1,a("blur",s,D.value),null===(t=null==r?void 0:r.validate)||void 0===t||t.call(r,"blur")}),200)},Q=function(e,t,a){null==a||a.stopPropagation(),e&&!e.disabled&&(V.value&&(E.tagListCache=[],E.selectedTagListCache=[],E.selectedTagList=[]),te(e,t),Y("select"),W(),l.isShow=!1)},Y=function(e,t){a(e,t),a("update:modelValue",D.value),a("change",D.value)},ee=function(){var e=I.value.clientHeight,t=I.value.getBoundingClientRect().y;(0,T.nextTick)((function(){var a=I.value.querySelector(".".concat(i("selector-actived")));if(a){var r=a.clientHeight,o=a.getBoundingClientRect().y;o<t&&(I.value.scrollTop=I.value.scrollTop-(t-o));var n=o+r-t;n>e&&(I.value.scrollTop=I.value.scrollTop+n-e)}}))},te=function(t,a){if(!(E.selectedTagList.length>=e.maxData&&-1!==e.maxData)){var r,o=e.separator,n=e.saveKey,l=e.displayKey,i=e.createTagValidator,s=$(),c=1,u=!1,d=function(e){return"function"!=typeof i||i(e)};if("custom"===a)if(o){var p,f=t.split(o),h=(f=f.filter((function(e){return(null==e?void 0:e.trim())&&!D.value.includes(e)&&d(e)}))).map((function(e){var t;return M.value[e]||(m(t={},n,e),m(t,l,e),t)}));f.length&&((p=E.selectedTagList).splice.apply(p,[s,0].concat(y(h))),c=h.length,u=!0)}else{var w="object"===v(t);if(void 0!==(r=(r=w?t[n]:t.trim()).replace(/\s+/g,""))&&!D.value.includes(r)&&d(r)){var b,L=M.value[r]||(w?t:(m(b={},n,r),m(b,l,r),b));E.selectedTagList.splice(s,0,L),u=!0}}else t&&(void 0===(r=t[n])||D.value.includes(r)||(E.selectedTagList.splice(s,0,t),u=!0));u&&(0,T.nextTick)((function(){for(var t=1;t<=c;t++){var a=_()[s+t];q(a,x.value)}if(g.value.style.width="".concat(C,"px"),!V.value){e.allowNextFocus&&G();var r=D.value.reduce((function(e,t){return e[t]=1,e}),{});E.localList=E.localList.filter((function(e){return!r[e[n]]}))}}))}},ae=function(t,a){E.selectedTagList.splice(a,1);var r=M.value[t[e.saveKey]];(e.allowCreate&&r||!e.allowCreate)&&!V.value&&E.localList.push(t)},re=(0,T.computed)((function(){return e.collapseTags?e.collapseTags&&!n.isEdit:e.collapseTags})),oe=function(e,t,a){(0,T.watch)([a,t],(function(){o()}),{flush:"post"});var r=(0,T.ref)(null),o=function(){t.value&&(r.value=null,setTimeout((function(){var t=Array.from(e.value.querySelectorAll(".tag-item")),a=t.findIndex((function(e,a){return!!a&&t[a-1].offsetTop!==e.offsetTop}));r.value=a>0?a-1:null})))};return{overflowTagIndex:r}}(L,re,D),ne=oe.overflowTagIndex;return Object.assign(Object.assign(Object.assign(Object.assign({popoverProps:l},(0,T.toRefs)(n)),(0,T.toRefs)(E)),(0,T.toRefs)(c)),{isShowPlaceholder:O,isShowClear:A,placeholderText:k,curInputValue:f,renderList:z,showTagClose:K,tagInputRef:g,bkTagSelectorRef:L,tagListRef:P,tagInputItemRef:x,selectorListRef:I,triggerClass:R,overflowTagIndex:ne,localCollapseTags:re,focusInputTrigger:G,activeClass:function(t,a){var r,o=(m(r={},"".concat(i("selector-actived")),!0),m(r,"".concat(i("selector-selected")),D.value.includes(t[e.saveKey])),r);return e.useGroup?o["".concat(i("selector-actived"))]=t.__index__===n.focusItemIndex:o["".concat(i("selector-actived"))]=a===n.focusItemIndex,o},handleInput:X,handleFocus:function(){var t;l.width=V.value?null===(t=L.value)||void 0===t?void 0:t.clientWidth:e.contentWidth,a("focus")},handleBlur:J,handleTagSelected:Q,handleTagRemove:function(e,t,a){null==a||a.stopPropagation(),ae(e,t),W(),Y("remove",e),g.value.style.width="".concat(C,"px")},handleClear:function(t){t.stopPropagation();var a=E.selectedTagList;E.selectedTagList=[];var r,o=a.filter((function(t){return M.value[t[e.saveKey]]}));(!e.allowCreate||0===o.length)&&e.allowCreate||V.value||(r=E.localList).push.apply(r,y(o)),Y("removeAll")},tagFocus:function(t){e.disabled||(q(x.value,t.currentTarget,!0),g.value.style.width="".concat(C,"px"),l.isShow&&H())},handleKeydown:function(t){if(!c.isPageLoading){var a=t.target.value,r=S(a),o=$(),i=_();switch(t.code){case"ArrowUp":if(t.preventDefault(),!l.isShow)return;n.focusItemIndex=n.focusItemIndex-1,n.focusItemIndex=n.focusItemIndex<0?-1:n.focusItemIndex,-1===n.focusItemIndex&&(n.focusItemIndex=c.curPageList.length-1),ee();break;case"ArrowDown":if(t.preventDefault(),!l.isShow)return;n.focusItemIndex=n.focusItemIndex+1,n.focusItemIndex=n.focusItemIndex>c.curPageList.length-1?c.curPageList.length:n.focusItemIndex,n.focusItemIndex===c.curPageList.length&&(n.focusItemIndex=0),ee();break;case"ArrowLeft":if(n.isEdit=!0,!r){if(o<1)return;q(x.value,i[o-1]),G()}break;case"ArrowRight":if(n.isEdit=!0,!r){if(o===i.length-1)return;q(i[o+1],x.value),G()}break;case"Enter":case"NumpadEnter":!e.allowCreate&&l.isShow||e.allowCreate&&n.focusItemIndex>=0&&l.isShow?Q(c.curPageList[n.focusItemIndex],"select",t):e.allowCreate&&f.value.trim()&&Q(f.value,"custom",t),t.preventDefault();break;case"Backspace":0===o||f.value||function(t,a){var r=_();q(x.value,r[t-1]),E.selectedTagList.splice(t-1,1),G();var o=M.value[a[e.saveKey]];(e.allowCreate&&o||!e.allowCreate)&&!V.value&&E.localList.push(a),g.value="".concat(C,"px"),Y("remove")}(o,E.selectedTagList[o-1])}}},handlePaste:function(t){if(t.preventDefault(),V.value)return!1;var a=e.maxData,r=e.saveKey,o=e.displayKey,n=e.pasteFn,l=e.allowCreate,i=t.clipboardData.getData("text"),s=n?n(i):function(t){var a=[],r=t.split(";"),o=/^[a-zA-Z][a-zA-Z_]*/g;return r.forEach((function(t){var r=t.match(o);if(r){var n,l=r.join("");a.push((m(n={},e.saveKey,l),m(n,e.displayKey,l),n))}})),a}(i),c=s.map((function(e){return e[r]}));if(c.length){var u=_(),d=$(),p=E.localList.map((function(e){return e[r]}));if(c=c.filter((function(e){var t=(null==e?void 0:e.trim())&&!D.value.includes(e);return l?t:t&&p.includes(e)})),-1!==a){var f=E.selectedTagList.length;if(f<a){var v=a-f;c.length>v&&(c=y(c.slice(0,v)))}else c=[]}var h,T=l?c.map((function(e){var t,a=E.localList.find((function(t){return t[r]===e}));return null!=a?a:(m(t={},r,e),m(t,o,e),t)})):E.localList.filter((function(e){return c.includes(e[r])}));c.length&&((h=E.selectedTagList).splice.apply(h,[d,0].concat(y(T))),q(x.value,u[d]),g.value.style.width="".concat(C,"px"),E.localList=E.localList.filter((function(e){return!c.includes(e[r])})),Y("select"),G())}},resolveClassName:i})},render:function(){var e=this;return(0,T.createVNode)("div",{class:"".concat(this.resolveClassName("tag-input")),ref:"bkTagSelectorRef",onClick:this.focusInputTrigger,onMouseenter:function(){return e.isHover=!0},onMouseleave:function(){return e.isHover=!1}},[(0,T.createVNode)(I.default,(0,T.mergeProps)({theme:"light ".concat(this.resolveClassName("tag-input-popover-content")),trigger:"manual",placement:"bottom-start",arrow:!1},this.popoverProps),{default:function(){var t,a,r;return(0,T.createVNode)("div",{class:e.triggerClass},[(0,T.createVNode)("ul",{class:"tag-list",ref:"tagListRef",style:{marginLeft:"".concat(e.leftSpace,"px")}},[e.selectedTagList.map((function(t,a){var r={boundary:"window",theme:"light",distance:12,content:t[e.tooltipKey],disabled:!e.tooltipKey},o=e.localCollapseTags&&e.overflowTagIndex&&a>=e.overflowTagIndex;return(0,T.withDirectives)((0,T.createVNode)("li",{class:"tag-item",style:{display:o?"none":""},onClick:e.tagFocus},[(0,T.createVNode)(O,{node:t,tpl:e.tagTpl,displayKey:e.displayKey,hasTips:!!e.tooltipKey,tagOverflowTips:e.tagOverflowTips},null),e.showTagClose?(0,T.createVNode)(P.Error,{class:"remove-tag",onClick:e.handleTagRemove.bind(e,t,a)},null):null]),[[(0,T.resolveDirective)("bk-tooltips"),r]])})),(0,T.withDirectives)((0,T.createVNode)("li",{ref:"tagInputItemRef",id:"tagInputItem",class:"tag-input-item",role:"input"},[(0,T.withDirectives)((0,T.createVNode)("input",{type:"text",class:"tag-input",ref:"tagInputRef","onUpdate:modelValue":function(t){return e.curInputValue=t},onInput:e.handleInput,onFocus:e.handleFocus,onBlur:e.handleBlur,onKeydown:e.handleKeydown,onPaste:e.handlePaste},null),[[T.vModelText,e.curInputValue]])]),[[T.vShow,e.isEdit]]),!!e.overflowTagIndex&&e.localCollapseTags&&(0,T.createVNode)("li",{class:"tag-item"},[(0,T.createVNode)("div",{class:"tag"},[(0,T.createVNode)("span",{class:"text"},[(0,T.createTextVNode)("+"),e.selectedTagList.length-e.overflowTagIndex])])])]),(0,T.withDirectives)((0,T.createVNode)("p",{class:"placeholder"},[e.placeholderText]),[[T.vShow,e.isShowPlaceholder]]),null!==(r=null===(a=null===(t=e.$slots)||void 0===t?void 0:t.suffix)||void 0===a?void 0:a.call(t))&&void 0!==r?r:e.isShowClear&&(0,T.createVNode)(P.Close,{class:"clear-icon",onClick:e.handleClear},null)])},content:function(){return(0,T.createVNode)("div",{class:"".concat(e.resolveClassName("selector-list"))},[(0,T.createVNode)("ul",{ref:"selectorListRef",style:{"max-height":"".concat(e.contentMaxHeight,"px")},class:"outside-ul"},[e.renderList.map((function(t,a){return e.useGroup?(0,T.createVNode)("li",{class:"".concat(e.resolveClassName("selector-group-item"))},[(0,T.createVNode)("span",{class:"group-name"},[t.name,(0,T.createTextVNode)(" ("),t.children.length,(0,T.createTextVNode)(")")]),(0,T.createVNode)("ul",{class:"".concat(e.resolveClassName("selector-group-list-item"))},[t.children.map((function(t,a){return(0,T.createVNode)("li",{class:["".concat(e.resolveClassName("selector-list-item")),{disabled:t.disabled},e.activeClass(t,a)],onClick:e.handleTagSelected.bind(e,t,"select")},[(0,T.createVNode)(N,{node:t,displayKey:e.displayKey,tpl:e.tpl,searchKey:e.searchKey,searchKeyword:e.curInputValue},null)])}))])]):(0,T.createVNode)("li",{class:["".concat(e.resolveClassName("selector-list-item")),{disabled:t.disabled},e.activeClass(t,a)],onClick:e.handleTagSelected.bind(e,t,"select")},[(0,T.createVNode)(N,{node:t,displayKey:e.displayKey,tpl:e.tpl,searchKey:e.searchKey,searchKeyword:e.curInputValue},null)])})),e.isPageLoading?(0,T.createVNode)("li",{class:"".concat(e.resolveClassName("selector-list-item")," loading")},[(0,T.createVNode)(x.default,{theme:"primary",size:x.BkLoadingSize.Small},null)]):null])])}})])}}),A=(0,d.withInstall)(k);var R=u.Z;export{R as default};
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__ from "../directives";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
+import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
+import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Z: () => (/* binding */ src)
+});
+
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["checkOverflow"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.checkOverflow, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+
+
+
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["markRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.markRaw, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vModelText"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vModelText, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+;// CONCATENATED MODULE: external "lodash/debounce"
+var debounce_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var debounce_y = x => () => x
+const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__["default"] });
+;// CONCATENATED MODULE: external "../config-provider"
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
+;// CONCATENATED MODULE: external "../directives"
+var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_directives_y = x => () => x
+const external_directives_namespaceObject = external_directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.bkTooltips });
+;// CONCATENATED MODULE: external "../icon"
+var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_icon_y = x => () => x
+const external_icon_namespaceObject = external_icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Close, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Error });
+;// CONCATENATED MODULE: external "../loading"
+var external_loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_loading_y = x => () => x
+const external_loading_namespaceObject = external_loading_x({ ["BkLoadingSize"]: () => __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__.BkLoadingSize, ["default"]: () => __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_popover_y = x => () => x
+const external_popover_namespaceObject = external_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__["default"] });
+;// CONCATENATED MODULE: ../../packages/tag-input/src/common.ts
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+var INPUT_MIN_WIDTH = 12;
+function useDebouncedRef(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
+  var timeout;
+  var innerValue = value;
+  return customRef(function (track, trigger) {
+    return {
+      get: function get() {
+        track();
+        return innerValue;
+      },
+      set: function set(newValue) {
+        clearTimeout(timeout);
+        timeout = setTimeout(function () {
+          innerValue = newValue;
+          trigger();
+        }, delay);
+      }
+    };
+  });
+}
+function usePage(pageSize) {
+  var state = (0,external_vue_namespaceObject.reactive)({
+    curPage: 1,
+    totalSize: 0,
+    totalPage: 0,
+    pageSize: pageSize,
+    isPageLoading: false,
+    curPageList: [],
+    renderListPaged: []
+  });
+  // 初始化分页信息
+  var initPage = function initPage() {
+    var _state$renderListPage, _state$curPageList;
+    var allList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    state.curPage = 1;
+    state.totalSize = allList.length;
+    state.totalPage = Math.ceil(state.totalSize / state.pageSize) || 1;
+    var list = [];
+    // 小于等于0会无限循环
+    if (state.pageSize > 0) {
+      for (var i = 0; i < state.totalSize; i += state.pageSize) {
+        list.push(allList.slice(i, i + state.pageSize));
+      }
+    }
+    (_state$renderListPage = state.renderListPaged).splice.apply(_state$renderListPage, [0, state.renderListPaged.length].concat(list));
+    (_state$curPageList = state.curPageList).splice.apply(_state$curPageList, [0, state.curPageList.length].concat(_toConsumableArray(state.renderListPaged[state.curPage - 1] || [])));
+  };
+  var pageChange = function pageChange(page) {
+    var _state$curPageList2;
+    state.curPage = page;
+    (_state$curPageList2 = state.curPageList).splice.apply(_state$curPageList2, [state.curPageList.length, 0].concat(_toConsumableArray(state.renderListPaged[state.curPage - 1] || [])));
+    state.isPageLoading = false;
+  };
+  return {
+    pageState: state,
+    initPage: initPage,
+    pageChange: pageChange
+  };
+}
+function useFlatList(props) {
+  var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
+    useGroup = _toRefs.useGroup,
+    saveKey = _toRefs.saveKey,
+    displayKey = _toRefs.displayKey,
+    list = _toRefs.list;
+  var flatList = (0,external_vue_namespaceObject.ref)([]);
+  var saveKeyMap = (0,external_vue_namespaceObject.ref)({});
+  (0,external_vue_namespaceObject.watch)([useGroup, saveKey, displayKey, list], function () {
+    flatList.value = [];
+    var formatList = (0,external_vue_namespaceObject.markRaw)(list.value);
+    if (useGroup.value) {
+      formatList = formatList.reduce(function (formatList, item) {
+        var children = [];
+        if (item.children) {
+          children = item.children.map(function (child) {
+            return _objectSpread({
+              group: {
+                groupId: item[saveKey.value],
+                groupName: item[displayKey.value]
+              }
+            }, child);
+          });
+        }
+        return formatList.concat(children);
+      }, []);
+    }
+    flatList.value = formatList;
+    saveKeyMap.value = formatList.reduce(function (acc, item) {
+      acc[item[saveKey.value]] = item;
+      return acc;
+    }, {});
+  }, {
+    immediate: true,
+    deep: true
+  });
+  return {
+    flatList: flatList,
+    saveKeyMap: saveKeyMap
+  };
+}
+/**
+ * 获取字符长度，汉字两个字节
+ * @param str 需要计算长度的字符
+ * @returns 字符长度
+ */
+var getCharLength = function getCharLength(str) {
+  var len = str.length;
+  var bitLen = 0;
+  for (var i = 0; i < len; i++) {
+    if ((str.charCodeAt(i) & 0xff00) !== 0) {
+      bitLen += 1;
+    }
+    bitLen += 1;
+  }
+  return bitLen;
+};
+/**
+ * 获取隐藏 tag index
+ * @param tagInputRef 组件容器 ref
+ * @param collapseTags 是否折叠 tags
+ * @param selectedTagList 已选择 tags
+ */
+var useTagsOverflow = function useTagsOverflow(tagInputRef, collapseTags, selectedTagList) {
+  (0,external_vue_namespaceObject.watch)([selectedTagList, collapseTags], function () {
+    calcOverflow();
+  }, {
+    flush: 'post'
+  });
+  var overflowTagIndex = (0,external_vue_namespaceObject.ref)(null);
+  // 计算出现换行的索引
+  var calcOverflow = function calcOverflow() {
+    if (!collapseTags.value) return;
+    overflowTagIndex.value = null;
+    setTimeout(function () {
+      var tags = Array.from(tagInputRef.value.querySelectorAll('.tag-item'));
+      var tagIndexInSecondRow = tags.findIndex(function (currentTag, index) {
+        if (!index) {
+          return false;
+        }
+        var previousTag = tags[index - 1];
+        return previousTag.offsetTop !== currentTag.offsetTop;
+      });
+      overflowTagIndex.value = tagIndexInSecondRow > 0 ? tagIndexInSecondRow - 1 : null;
+    });
+  };
+  return {
+    overflowTagIndex: overflowTagIndex
+  };
+};
+;// CONCATENATED MODULE: ../../packages/tag-input/src/list-tag-render.tsx
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+/* harmony default export */ const list_tag_render = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'ListTagRender',
+  props: {
+    node: external_shared_namespaceObject.PropTypes.object,
+    searchKey: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.string)]),
+    displayKey: external_shared_namespaceObject.PropTypes.string,
+    searchKeyword: external_shared_namespaceObject.PropTypes.string,
+    tpl: {
+      type: Function
+    }
+  },
+  render: function render() {
+    var _this = this;
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var highlightKeyword = function highlightKeyword(value) {
+      if (_this.searchKeyword) {
+        var keywordReg = new RegExp("(".concat(_this.searchKeyword, ")"), 'i');
+        return value.replace(keywordReg, '<strong class="highlight-text">$1</strong>');
+      }
+      return value;
+    };
+    if (this.tpl) {
+      return this.tpl(this.node, highlightKeyword, external_vue_namespaceObject.h, this);
+    }
+    var displayText = this.node[this.displayKey];
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "".concat(resolveClassName('selector-node'))
+    }, [(0,external_vue_namespaceObject.createVNode)("span", {
+      "class": "text",
+      "innerHTML": highlightKeyword(displayText)
+    }, [displayText])]);
+  }
+}));
+;// CONCATENATED MODULE: external "vue-types"
+var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_types_y = x => () => x
+const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
+;// CONCATENATED MODULE: ../../packages/tag-input/src/tag-props.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+var TagInputTriggerEnum;
+(function (TagInputTriggerEnum) {
+  TagInputTriggerEnum["FOCUS"] = "focus";
+  TagInputTriggerEnum["SEARCH"] = "search";
+})(TagInputTriggerEnum || (TagInputTriggerEnum = {}));
+var tagProps = function tagProps() {
+  return {
+    modelValue: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.string).def([]),
+    placeholder: external_shared_namespaceObject.PropTypes.string.def(''),
+    list: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.object).def([]),
+    disabled: external_shared_namespaceObject.PropTypes.bool.def(false),
+    tooltipKey: external_shared_namespaceObject.PropTypes.string.def(''),
+    saveKey: external_shared_namespaceObject.PropTypes.string.def('id'),
+    displayKey: external_shared_namespaceObject.PropTypes.string.def('name'),
+    hasDeleteIcon: external_shared_namespaceObject.PropTypes.bool.def(false),
+    clearable: external_shared_namespaceObject.PropTypes.bool.def(true),
+    trigger: (0,external_vue_types_namespaceObject.toType)('treeTriggerType', {}).def(TagInputTriggerEnum.SEARCH),
+    searchKey: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.string)]).def('name'),
+    useGroup: external_shared_namespaceObject.PropTypes.bool.def(false),
+    allowCreate: external_shared_namespaceObject.PropTypes.bool.def(false),
+    maxData: external_shared_namespaceObject.PropTypes.number.def(-1),
+    maxResult: external_shared_namespaceObject.PropTypes.number.def(10),
+    contentMaxHeight: external_shared_namespaceObject.PropTypes.number.def(300),
+    contentWidth: external_shared_namespaceObject.PropTypes.number.def(190),
+    separator: external_shared_namespaceObject.PropTypes.string.def(''),
+    allowNextFocus: external_shared_namespaceObject.PropTypes.bool.def(true),
+    allowAutoMatch: external_shared_namespaceObject.PropTypes.bool.def(false),
+    showClearOnlyHover: external_shared_namespaceObject.PropTypes.bool.def(false),
+    isAsyncList: external_shared_namespaceObject.PropTypes.bool.def(false),
+    leftSpace: external_shared_namespaceObject.PropTypes.number.def(0),
+    createTagValidator: {
+      type: Function
+    },
+    filterCallback: {
+      type: Function
+    },
+    tagTpl: {
+      type: Function
+    },
+    tpl: {
+      type: Function
+    },
+    pasteFn: {
+      type: Function
+    },
+    withValidate: {
+      type: Boolean,
+      "default": true
+    },
+    popoverProps: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    },
+    collapseTags: {
+      type: Boolean,
+      "default": false
+    },
+    tagOverflowTips: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  };
+};
+/* harmony default export */ const tag_props = (tagProps);
+;// CONCATENATED MODULE: ../../packages/tag-input/src/tag-render.tsx
+
+
+function tag_render_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function tag_render_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? tag_render_ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : tag_render_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+/* harmony default export */ const tag_render = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'TagRender',
+  directives: {
+    bkTooltips: external_directives_namespaceObject.bkTooltips
+  },
+  props: {
+    node: external_shared_namespaceObject.PropTypes.object,
+    displayKey: external_shared_namespaceObject.PropTypes.string,
+    tpl: {
+      type: Function
+    },
+    hasTips: {
+      type: Boolean,
+      "default": false
+    },
+    tagOverflowTips: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    }
+  },
+  setup: function setup(props) {
+    var tagRef = (0,external_vue_namespaceObject.ref)();
+    var isOverflow = (0,external_vue_namespaceObject.ref)(false);
+    var overflowTips = (0,external_vue_namespaceObject.computed)(function () {
+      return tag_render_objectSpread({
+        boundary: 'window',
+        theme: 'light',
+        distance: 12,
+        content: props.node[props.displayKey],
+        disabled: props.hasTips || !isOverflow.value
+      }, props.tagOverflowTips);
+    });
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      isOverflow.value = (0,external_shared_namespaceObject.checkOverflow)(tagRef.value);
+    });
+    return {
+      overflowTips: overflowTips,
+      tagRef: tagRef
+    };
+  },
+  render: function render() {
+    if (this.tpl) {
+      return this.tpl(this.node, external_vue_namespaceObject.h, this);
+    }
+    return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "tag",
+      "ref": "tagRef"
+    }, [(0,external_vue_namespaceObject.createVNode)("span", {
+      "class": "text"
+    }, [this.node[this.displayKey]])]), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), this.overflowTips]]);
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/tag-input/src/tag-input.tsx
+
+
+
+
+
+function tag_input_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function tag_input_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? tag_input_ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : tag_input_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ const tag_input = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'TagInput',
+  directives: {
+    bkTooltips: external_directives_namespaceObject.bkTooltips
+  },
+  props: tag_props(),
+  emits: ['update:modelValue', 'change', 'select', 'focus', 'blur', 'remove', 'removeAll', 'input'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var formItem = (0,external_shared_namespaceObject.useFormItem)();
+    var t = (0,external_config_provider_namespaceObject.useLocale)('tagInput');
+    var state = (0,external_vue_namespaceObject.reactive)({
+      isEdit: false,
+      isHover: false,
+      focusItemIndex: props.allowCreate ? -1 : 0
+    });
+    var popoverProps = (0,external_vue_namespaceObject.reactive)(tag_input_objectSpread({
+      isShow: false,
+      width: 190,
+      offset: {
+        mainAxis: 4,
+        crossAxis: 0
+        // alignmentAxis: 50,
+      }
+    }, props.popoverProps));
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    // 分页处理
+    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
+      maxResult = _toRefs.maxResult;
+    var _usePage = usePage(maxResult),
+      pageState = _usePage.pageState,
+      initPage = _usePage.initPage,
+      pageChange = _usePage.pageChange;
+    var curInputValue = (0,external_vue_namespaceObject.ref)('');
+    var tagInputRef = (0,external_vue_namespaceObject.ref)(null);
+    var bkTagSelectorRef = (0,external_vue_namespaceObject.ref)(null);
+    var tagListRef = (0,external_vue_namespaceObject.ref)(null);
+    var tagInputItemRef = (0,external_vue_namespaceObject.ref)(null);
+    var selectorListRef = (0,external_vue_namespaceObject.ref)(null);
+    var timer = (0,external_vue_namespaceObject.ref)(null);
+    // 是否展示tag close
+    var showTagClose = (0,external_vue_namespaceObject.computed)(function () {
+      return !props.disabled && props.hasDeleteIcon;
+    });
+    // 是否单选
+    var isSingleSelect = (0,external_vue_namespaceObject.computed)(function () {
+      return props.maxData === 1;
+    });
+    // 是否展示placeholder
+    var isShowPlaceholder = (0,external_vue_namespaceObject.computed)(function () {
+      return listState.selectedTagList.length === 0 && curInputValue.value === '' && !state.isEdit;
+    });
+    var placeholderText = (0,external_vue_namespaceObject.computed)(function () {
+      return props.placeholder || t.value.placeholder;
+    });
+    // 是否展示清空Icon
+    /**
+     * 不显示条件：
+     * 1. 设置不可清除
+     * 2. 禁用时
+     * 3. tag标签为空时
+     * 4. 设置了showClearOnlyHover，且没有hover的时候
+     */
+    var isShowClear = (0,external_vue_namespaceObject.computed)(function () {
+      return props.clearable && !props.disabled && listState.selectedTagList.length !== 0 && (props.showClearOnlyHover ? state.isHover : true);
+    });
+    var triggerClass = (0,external_vue_namespaceObject.computed)(function () {
+      var _ref2;
+      return _ref2 = {}, _defineProperty(_ref2, "".concat(resolveClassName('tag-input-trigger')), true), _defineProperty(_ref2, "active", state.isEdit), _defineProperty(_ref2, "disabled", props.disabled), _ref2;
+    });
+    var listState = (0,external_vue_namespaceObject.reactive)({
+      localList: [],
+      tagListCache: [],
+      selectedTagList: [],
+      selectedTagListCache: []
+    });
+    // 选中标签 save key 列表
+    var tagList = (0,external_vue_namespaceObject.computed)(function () {
+      return listState.selectedTagList.map(function (tag) {
+        return tag[props.saveKey];
+      });
+    });
+    // 扁平化 list
+    var _useFlatList = useFlatList(props),
+      flatList = _useFlatList.flatList,
+      saveKeyMap = _useFlatList.saveKeyMap;
+    // 下拉框渲染列表
+    var renderList = (0,external_vue_namespaceObject.computed)(function () {
+      if (props.useGroup) {
+        var groupMap = {};
+        pageState.curPageList.forEach(function (item, index) {
+          item.__index__ = index;
+          if (!groupMap[item.group.groupId]) {
+            groupMap[item.group.groupId] = {
+              id: item.group.groupId,
+              name: item.group.groupName,
+              children: []
+            };
+          }
+          groupMap[item.group.groupId].children.push(item);
+        });
+        return Object.keys(groupMap).map(function (key) {
+          return groupMap[key];
+        });
+      }
+      return pageState.curPageList;
+    });
+    (0,external_vue_namespaceObject.watch)([function () {
+      return flatList.value;
+    }], function () {
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        initData();
+      });
+    }, {
+      deep: true
+    });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return props.modelValue;
+    }, function (val) {
+      if (!shallowCompareArray(tagList.value, val)) {
+        (0,external_vue_namespaceObject.nextTick)(function () {
+          initData();
+        });
+        if (props.withValidate) {
+          var _formItem$validate;
+          formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 ? void 0 : _formItem$validate.call(formItem, 'change');
+        }
+      }
+    });
+    (0,external_vue_namespaceObject.watch)(curInputValue, (0,debounce_namespaceObject["default"])(function () {
+      var hasShowCount = pageState.curPageList.length !== 0;
+      var value = curInputValue.value;
+      /**
+       * 1. value !== '' && hasShowCount => search value list.
+       * 2. value === '' && props.trigger === 'focus' && hasShowCount => trigger is focus and show all list.
+       */
+      if (value !== '' && hasShowCount || value === '' && props.trigger === 'focus' && hasShowCount) {
+        popoverProps.isShow = true;
+      } else if (props.trigger !== 'focus' || !hasShowCount) {
+        popoverProps.isShow = false;
+      }
+    }, 150));
+    (0,external_vue_namespaceObject.watch)(function () {
+      return popoverProps.isShow;
+    }, function (show) {
+      changePopoverOffset();
+      if (show) {
+        if (selectorListRef.value) {
+          (0,external_vue_namespaceObject.nextTick)(function () {
+            selectorListRef.value.scrollTop = 0;
+          });
+          selectorListRef.value.removeEventListener('scroll', scrollHandler);
+          selectorListRef.value.addEventListener('scroll', scrollHandler);
+        }
+      }
+    });
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      initData();
+    });
+    var changePopoverOffset = function changePopoverOffset() {
+      var _tagInputItemRef$valu;
+      // 修改popover offset
+      popoverProps.offset.crossAxis = isSingleSelect.value ? 0 : (_tagInputItemRef$valu = tagInputItemRef.value) === null || _tagInputItemRef$valu === void 0 ? void 0 : _tagInputItemRef$valu.offsetLeft;
+    };
+    var scrollHandler = function scrollHandler() {
+      if (pageState.isPageLoading || selectorListRef.value.scrollTop === 0) {
+        return;
+      }
+      var _selectorListRef$valu = selectorListRef.value,
+        scrollTop = _selectorListRef$valu.scrollTop,
+        offsetHeight = _selectorListRef$valu.offsetHeight,
+        scrollHeight = _selectorListRef$valu.scrollHeight;
+      if (scrollTop + offsetHeight >= scrollHeight) {
+        var curPage = pageState.curPage + 1;
+        if (curPage <= pageState.totalPage) {
+          pageState.isPageLoading = true;
+          setTimeout(function () {
+            pageChange(curPage);
+          }, 500);
+        }
+      }
+    };
+    // 获取选中元素节点
+    var getSelectedTagNodes = function getSelectedTagNodes() {
+      var _tagListRef$value;
+      var nodes = Array.from(((_tagListRef$value = tagListRef.value) === null || _tagListRef$value === void 0 ? void 0 : _tagListRef$value.childNodes) || []);
+      return nodes.filter(function (node) {
+        return ![Node.TEXT_NODE, Node.COMMENT_NODE].includes(node.nodeType);
+      });
+    };
+    /**
+     * 触发输入框聚焦
+     * @param e
+     */
+    var focusInputTrigger = function focusInputTrigger(e) {
+      if (props.disabled) return;
+      if (e !== null && e !== void 0 && e.target) {
+        var className = e.target.className;
+        if (className.indexOf("".concat(resolveClassName('tag-input-trigger'))) > -1 || className.indexOf('tag-list') > -1) {
+          // 如果没点在节点上，重置input位置（在最后插入input）
+          tagListRef.value.appendChild(tagInputItemRef.value);
+        }
+      }
+      clearTimeout(timer.value);
+      // 如果是单选，在获取焦点时自动定位为当前值
+      if (isSingleSelect.value && tagList.value.length) {
+        listState.tagListCache = _toConsumableArray(tagList.value);
+        listState.selectedTagListCache = _toConsumableArray(listState.selectedTagList);
+        curInputValue.value = listState.selectedTagListCache[0][props.saveKey];
+        removeTag(listState.selectedTagList[0], 0);
+        handleInput();
+      }
+      state.isEdit = true;
+      setTimeout(function () {
+        var _tagInputRef$value;
+        (_tagInputRef$value = tagInputRef.value) === null || _tagInputRef$value === void 0 ? void 0 : _tagInputRef$value.focus();
+        if (props.trigger === 'focus' && listState.localList.length !== 0) {
+          filterData();
+          if (popoverProps.isShow) {
+            changePopoverOffset();
+          } else {
+            popoverProps.isShow = true;
+          }
+        }
+      }, 200);
+    };
+    /**
+     * 初始化列表数据
+     */
+    var initData = function initData() {
+      var saveKey = props.saveKey,
+        modelValue = props.modelValue,
+        displayKey = props.displayKey,
+        allowCreate = props.allowCreate,
+        trigger = props.trigger,
+        isAsyncList = props.isAsyncList;
+      listState.selectedTagList = [];
+      listState.localList = flatList.value;
+      if (modelValue.length) {
+        var modelValueMap = {};
+        listState.selectedTagList = modelValue.map(function (tag) {
+          var item = saveKeyMap.value[tag];
+          modelValueMap[tag] = 1;
+          if (!item && allowCreate) {
+            var _ref3;
+            return _ref3 = {}, _defineProperty(_ref3, saveKey, tag), _defineProperty(_ref3, displayKey, tag), _ref3;
+          }
+          return item;
+        }).filter(function (item) {
+          return item;
+        });
+        // 如果不是单选时，需要将已选的过滤掉
+        if (!isSingleSelect.value) {
+          listState.localList = listState.localList.filter(function (val) {
+            return !modelValueMap[val[saveKey]];
+          });
+        }
+      }
+      if (isAsyncList && curInputValue.value) {
+        filterData(curInputValue.value);
+        if (pageState.curPageList.length) {
+          popoverProps.isShow = true;
+        }
+        return;
+      }
+      // 如果需要首次展示列表，先初始化
+      if (trigger === 'focus') {
+        filterData();
+      }
+    };
+    // 过滤数据
+    var filterData = function filterData() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      var searchKey = props.searchKey,
+        filterCallback = props.filterCallback;
+      var lowerCaseValue = value.toLowerCase().trim();
+      if (lowerCaseValue === '') {
+        initPage(listState.localList);
+        return;
+      }
+      var filterData = [];
+      if (typeof filterCallback === 'function') {
+        filterData = filterCallback(lowerCaseValue, searchKey, listState.localList) || [];
+      } else {
+        // 根据文本框输入的值筛选过来的数据
+        if (Array.isArray(searchKey)) {
+          // 数组，过滤多个关键字
+          filterData = listState.localList.filter(function (item) {
+            return searchKey.some(function (keyword) {
+              return item[keyword].toLowerCase().indexOf(lowerCaseValue) > -1;
+            });
+          });
+        } else {
+          filterData = listState.localList.filter(function (item) {
+            return item[searchKey].toLowerCase().indexOf(lowerCaseValue) > -1;
+          });
+        }
+      }
+      initPage(filterData);
+    };
+    var activeClass = function activeClass(data, index) {
+      var _style;
+      var style = (_style = {}, _defineProperty(_style, "".concat(resolveClassName('selector-actived')), true), _defineProperty(_style, "".concat(resolveClassName('selector-selected')), tagList.value.includes(data[props.saveKey])), _style);
+      if (props.useGroup) {
+        style["".concat(resolveClassName('selector-actived'))] = data.__index__ === state.focusItemIndex;
+      } else {
+        style["".concat(resolveClassName('selector-actived'))] = index === state.focusItemIndex;
+      }
+      return style;
+    };
+    function shallowCompareArray(arr1, arr2) {
+      if (arr1.length !== arr2.length) return false;
+      return arr2.every(function (item, index) {
+        return arr1[index] === item;
+      });
+    }
+    var clearSingleCache = function clearSingleCache() {
+      listState.tagListCache = [];
+      listState.selectedTagListCache = [];
+      listState.selectedTagList = [];
+    };
+    var clearInput = function clearInput() {
+      curInputValue.value = '';
+    };
+    /**
+     * 获取输入框元素位置
+     */
+    var getTagInputItemSite = function getTagInputItemSite() {
+      // 单选时，当前替换位置为第一个元素
+      if (isSingleSelect.value) {
+        return 0;
+      }
+      var childNodes = getSelectedTagNodes();
+      var index = childNodes.findIndex(function (_ref4) {
+        var id = _ref4.id;
+        return id === 'tagInputItem';
+      });
+      return index >= 0 ? index : 0;
+    };
+    /**
+     * 交换元素位置
+     */
+    var swapElementPositions = function swapElementPositions(newNode, referenceNode) {
+      var isNextElementSibling = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      if (!referenceNode || !newNode) return;
+      var swap = referenceNode;
+      if (isNextElementSibling) {
+        swap = referenceNode.nextElementSibling || null;
+      }
+      referenceNode.parentNode.insertBefore(newNode, swap);
+    };
+    var handleInput = function handleInput(e) {
+      var maxData = props.maxData,
+        trigger = props.trigger,
+        allowCreate = props.allowCreate;
+      if (maxData === -1 || maxData > tagList.value.length) {
+        var _ref5 = e !== null && e !== void 0 && e.target ? e.target : curInputValue,
+          value = _ref5.value;
+        var charLen = getCharLength(value);
+        if (charLen) {
+          filterData(value);
+          tagInputRef.value.style.width = "".concat(charLen * INPUT_MIN_WIDTH, "px");
+        } else {
+          if (trigger === 'focus') {
+            filterData();
+          }
+        }
+      } else {
+        handleBlur();
+        curInputValue.value = '';
+        popoverProps.isShow = false;
+      }
+      state.isEdit = true;
+      // 重置下拉菜单选中信息
+      state.focusItemIndex = allowCreate ? -1 : 0;
+      emit('input', curInputValue.value);
+    };
+    var handleFocus = function handleFocus() {
+      var _bkTagSelectorRef$val;
+      // this.dispatch('bk-form-item', 'form-focus')
+      popoverProps.width = isSingleSelect.value ? (_bkTagSelectorRef$val = bkTagSelectorRef.value) === null || _bkTagSelectorRef$val === void 0 ? void 0 : _bkTagSelectorRef$val.clientWidth : props.contentWidth;
+      emit('focus');
+      // e.currentTarget.select();
+    };
+
+    var handleBlur = function handleBlur() {
+      timer.value = setTimeout(function () {
+        var _formItem$validate2;
+        var inputValue = curInputValue.value;
+        clearInput();
+        // 通知表单组件，可用于实时验证
+        // this.dispatch('bk-form-item', 'form-blur')
+        state.isEdit = false;
+        if (isSingleSelect.value) {
+          var _listState$tagListCac = _slicedToArray(listState.tagListCache, 1),
+            oldValue = _listState$tagListCac[0];
+          // 如果是单选，且input不为空，即保留了上次的结果则恢复
+          if (inputValue && inputValue === oldValue && listState.selectedTagListCache.length) {
+            addTag(listState.selectedTagListCache[0], 'select');
+          } else {
+            handleChange('remove');
+          }
+        } else if (props.allowAutoMatch && inputValue) {
+          // 如果匹配，则自动选则
+          var matchItem = pageState.curPageList.find(function (item) {
+            if (Array.isArray(props.searchKey)) {
+              var searchValue = props.searchKey.map(function (key) {
+                return item[key];
+              });
+              return searchValue.includes(inputValue);
+            }
+            return item[props.searchKey] === inputValue;
+          });
+          if (matchItem) {
+            handleTagSelected(matchItem, 'select');
+          } else if (props.allowCreate) {
+            // 支持自定义
+            handleTagSelected(inputValue, 'custom');
+          }
+        }
+        popoverProps.isShow = false;
+        emit('blur', inputValue, tagList.value);
+        formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 ? void 0 : _formItem$validate2.call(formItem, 'blur');
+      }, 200);
+    };
+    /**
+     * tag selected handler
+     * @param item tag data
+     * @param type emit type
+     */
+    var handleTagSelected = function handleTagSelected(item, type, e) {
+      e === null || e === void 0 ? void 0 : e.stopPropagation();
+      // 如果 item 不存在（备选项中没有包含输入的字母的情况即输入关键字没有备选项出现的情况）或者选中标签所在组是禁用状态，返回
+      if (!item || item.disabled) {
+        return;
+      }
+      // 如果是单选，清空上一次缓存结果
+      if (isSingleSelect.value) {
+        clearSingleCache();
+      }
+      addTag(item, type);
+      handleChange('select');
+      clearInput();
+      popoverProps.isShow = false;
+    };
+    /**
+     * remove selected tag
+     * @param data tag data
+     * @param index tag index
+     * @param e mouse event
+     */
+    var handleTagRemove = function handleTagRemove(data, index, e) {
+      e === null || e === void 0 ? void 0 : e.stopPropagation();
+      removeTag(data, index);
+      clearInput();
+      handleChange('remove', data);
+      tagInputRef.value.style.width = "".concat(INPUT_MIN_WIDTH, "px");
+    };
+    /**
+     * emit trigger
+     * @param type emit type
+     */
+    var handleChange = function handleChange(type, data) {
+      // this.dispatch('bk-form-item', 'form-change')
+      emit(type, data);
+      emit('update:modelValue', tagList.value);
+      emit('change', tagList.value);
+    };
+    /**
+     * clear all selected tags
+     * @param e mouse event
+     */
+    var handleClear = function handleClear(e) {
+      e.stopPropagation();
+      var removeList = listState.selectedTagList;
+      listState.selectedTagList = [];
+      // 将删除的项加入加列表
+      var existList = removeList.filter(function (item) {
+        return saveKeyMap.value[item[props.saveKey]];
+      });
+      if ((props.allowCreate && existList.length !== 0 || !props.allowCreate) && !isSingleSelect.value) {
+        var _listState$localList;
+        (_listState$localList = listState.localList).push.apply(_listState$localList, _toConsumableArray(existList));
+      }
+      handleChange('removeAll');
+    };
+    var updateScrollTop = function updateScrollTop() {
+      // 获取下拉列表容器的位置信息，用于判断上下键选中的元素是否在可视区域，若不在则需滚动至可视区域
+      var panelInfo = {
+        height: selectorListRef.value.clientHeight,
+        yAxis: selectorListRef.value.getBoundingClientRect().y
+      };
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        var activeObj = selectorListRef.value.querySelector(".".concat(resolveClassName('selector-actived')));
+        if (!activeObj) {
+          return;
+        }
+        var activeInfo = {
+          height: activeObj.clientHeight,
+          yAxis: activeObj.getBoundingClientRect().y
+        };
+        // 选中元素顶部坐标大于容器顶部坐标时，则该元素有部分或者全部区域不在可视区域，执行滚动
+        if (activeInfo.yAxis < panelInfo.yAxis) {
+          selectorListRef.value.scrollTop = selectorListRef.value.scrollTop - (panelInfo.yAxis - activeInfo.yAxis);
+        }
+        var distanceToBottom = activeInfo.yAxis + activeInfo.height - panelInfo.yAxis;
+        // 选中元素底部坐标大于容器顶部坐标，且超出容器的实际高度，则该元素有部分或者全部区域不在可视区域，执行滚动
+        if (distanceToBottom > panelInfo.height) {
+          selectorListRef.value.scrollTop = selectorListRef.value.scrollTop + distanceToBottom - panelInfo.height;
+        }
+      });
+    };
+    var backspaceHandler = function backspaceHandler(index, target) {
+      // 先交换输入框与被删除节点位置，再进行删除
+      var nodes = getSelectedTagNodes();
+      swapElementPositions(tagInputItemRef.value, nodes[index - 1]);
+      listState.selectedTagList.splice(index - 1, 1);
+      focusInputTrigger();
+      var isExistInit = saveKeyMap.value[target[props.saveKey]];
+      // 将删除的项加入加列表
+      if ((props.allowCreate && isExistInit || !props.allowCreate) && !isSingleSelect.value) {
+        listState.localList.push(target);
+      }
+      tagInputRef.value = "".concat(INPUT_MIN_WIDTH, "px");
+      handleChange('remove');
+    };
+    var handleKeydown = function handleKeydown(e) {
+      if (pageState.isPageLoading) {
+        return;
+      }
+      var target;
+      var val = e.target.value;
+      var valLen = getCharLength(val);
+      var tagInputItemIndex = getTagInputItemSite();
+      var nodes = getSelectedTagNodes();
+      switch (e.code) {
+        case 'ArrowUp':
+          e.preventDefault();
+          if (!popoverProps.isShow) {
+            return;
+          }
+          state.focusItemIndex = state.focusItemIndex - 1;
+          state.focusItemIndex = state.focusItemIndex < 0 ? -1 : state.focusItemIndex;
+          if (state.focusItemIndex === -1) {
+            state.focusItemIndex = pageState.curPageList.length - 1;
+          }
+          updateScrollTop();
+          break;
+        case 'ArrowDown':
+          e.preventDefault();
+          if (!popoverProps.isShow) {
+            return;
+          }
+          state.focusItemIndex = state.focusItemIndex + 1;
+          state.focusItemIndex = state.focusItemIndex > pageState.curPageList.length - 1 ? pageState.curPageList.length : state.focusItemIndex;
+          if (state.focusItemIndex === pageState.curPageList.length) {
+            state.focusItemIndex = 0;
+          }
+          updateScrollTop();
+          break;
+        case 'ArrowLeft':
+          state.isEdit = true;
+          if (!valLen) {
+            // 输入框已经是第一个节点，无法左移
+            if (tagInputItemIndex < 1) {
+              return;
+            }
+            swapElementPositions(tagInputItemRef.value, nodes[tagInputItemIndex - 1]);
+            focusInputTrigger();
+          }
+          break;
+        case 'ArrowRight':
+          state.isEdit = true;
+          if (!valLen) {
+            // 输入框已经是最后一个节点，无法右移
+            if (tagInputItemIndex === nodes.length - 1) {
+              return;
+            }
+            swapElementPositions(nodes[tagInputItemIndex + 1], tagInputItemRef.value);
+            focusInputTrigger();
+          }
+          break;
+        case 'Enter':
+        case 'NumpadEnter':
+          if (!props.allowCreate && popoverProps.isShow || props.allowCreate && state.focusItemIndex >= 0 && popoverProps.isShow) {
+            handleTagSelected(pageState.curPageList[state.focusItemIndex], 'select', e);
+          } else if (props.allowCreate && curInputValue.value.trim()) {
+            handleTagSelected(curInputValue.value, 'custom', e);
+          }
+          // 如果是enter, 防止触发form submit
+          e.preventDefault();
+          break;
+        case 'Backspace':
+          if (tagInputItemIndex !== 0 && !curInputValue.value) {
+            target = listState.selectedTagList[tagInputItemIndex - 1];
+            backspaceHandler(tagInputItemIndex, target);
+          }
+          break;
+        default:
+          break;
+      }
+    };
+    var defaultPasteFn = function defaultPasteFn(value) {
+      var target = [];
+      var textArr = value.split(';');
+      var regx = /^[a-zA-Z][a-zA-Z_]*/g;
+      textArr.forEach(function (item) {
+        var matchValue = item.match(regx);
+        if (matchValue) {
+          var _target$push;
+          var finalItem = matchValue.join('');
+          target.push((_target$push = {}, _defineProperty(_target$push, props.saveKey, finalItem), _defineProperty(_target$push, props.displayKey, finalItem), _target$push));
+        }
+      });
+      return target;
+    };
+    var handlePaste = function handlePaste(e) {
+      e.preventDefault();
+      // 单选禁止复制粘贴，防止粘贴多个tag
+      if (isSingleSelect.value) {
+        return false;
+      }
+      var maxData = props.maxData,
+        saveKey = props.saveKey,
+        displayKey = props.displayKey,
+        pasteFn = props.pasteFn,
+        allowCreate = props.allowCreate;
+      var value = e.clipboardData.getData('text');
+      var valArr = pasteFn ? pasteFn(value) : defaultPasteFn(value);
+      var tags = valArr.map(function (value) {
+        return value[saveKey];
+      });
+      if (tags.length) {
+        var nodes = getSelectedTagNodes();
+        var index = getTagInputItemSite();
+        var localInitData = listState.localList.map(function (data) {
+          return data[saveKey];
+        });
+        tags = tags.filter(function (tag) {
+          var canSelected = (tag === null || tag === void 0 ? void 0 : tag.trim()) && !tagList.value.includes(tag);
+          return allowCreate ? canSelected : canSelected && localInitData.includes(tag);
+        });
+        // 最大显示限制处理
+        if (maxData !== -1) {
+          var selectedLength = listState.selectedTagList.length;
+          if (selectedLength < maxData) {
+            var differ = maxData - selectedLength;
+            if (tags.length > differ) {
+              tags = _toConsumableArray(tags.slice(0, differ));
+            }
+          } else {
+            tags = [];
+          }
+        }
+        var localTags = allowCreate ? tags.map(function (tag) {
+          var _ref6;
+          var localTag = listState.localList.find(function (localTag) {
+            return localTag[saveKey] === tag;
+          });
+          return localTag !== null && localTag !== void 0 ? localTag : (_ref6 = {}, _defineProperty(_ref6, saveKey, tag), _defineProperty(_ref6, displayKey, tag), _ref6);
+        }) : listState.localList.filter(function (tag) {
+          return tags.includes(tag[saveKey]);
+        });
+        if (tags.length) {
+          var _listState$selectedTa;
+          (_listState$selectedTa = listState.selectedTagList).splice.apply(_listState$selectedTa, [index, 0].concat(_toConsumableArray(localTags)));
+          swapElementPositions(tagInputItemRef.value, nodes[index]);
+          tagInputRef.value.style.width = "".concat(INPUT_MIN_WIDTH, "px");
+          listState.localList = listState.localList.filter(function (val) {
+            return !tags.includes(val[saveKey]);
+          });
+          handleChange('select');
+          focusInputTrigger();
+        }
+      }
+    };
+    /**
+     * 已选中标签点击
+     * @param e mouse event
+     */
+    var tagFocus = function tagFocus(e) {
+      if (props.disabled) {
+        return;
+      }
+      swapElementPositions(tagInputItemRef.value, e.currentTarget, true);
+      tagInputRef.value.style.width = "".concat(INPUT_MIN_WIDTH, "px");
+      popoverProps.isShow && changePopoverOffset();
+    };
+    /**
+     * add tag
+     * @param item current tag data
+     * @param type operation type
+     */
+    var addTag = function addTag(item, type) {
+      // 不允许超过最大可选数量
+      if (listState.selectedTagList.length >= props.maxData && props.maxData !== -1) return;
+      var separator = props.separator,
+        saveKey = props.saveKey,
+        displayKey = props.displayKey,
+        createTagValidator = props.createTagValidator;
+      var targetIndex = getTagInputItemSite();
+      var moveCount = 1;
+      var isSelected = false;
+      var newValue;
+      var validateTag = function validateTag(value) {
+        if (typeof createTagValidator === 'function') {
+          return createTagValidator(value);
+        }
+        return true;
+      };
+      // 自定义
+      if (type === 'custom') {
+        // 自定义时，如果配置分隔符可以一次性输入多个值
+        if (separator) {
+          var tags = item.split(separator);
+          tags = tags.filter(function (tag) {
+            return (tag === null || tag === void 0 ? void 0 : tag.trim()) && !tagList.value.includes(tag) && validateTag(tag);
+          });
+          var localTags = tags.map(function (tag) {
+            var _ref7;
+            return saveKeyMap.value[tag] || (_ref7 = {}, _defineProperty(_ref7, saveKey, tag), _defineProperty(_ref7, displayKey, tag), _ref7);
+          });
+          if (tags.length) {
+            var _listState$selectedTa2;
+            (_listState$selectedTa2 = listState.selectedTagList).splice.apply(_listState$selectedTa2, [targetIndex, 0].concat(_toConsumableArray(localTags)));
+            moveCount = localTags.length;
+            isSelected = true;
+          }
+        } else {
+          var isObject = _typeof(item) === 'object';
+          newValue = isObject ? item[saveKey] : item.trim();
+          newValue = newValue.replace(/\s+/g, '');
+          if (newValue !== undefined && !tagList.value.includes(newValue) && validateTag(newValue)) {
+            var _ref8;
+            var localItem = saveKeyMap.value[newValue] || (isObject ? item : (_ref8 = {}, _defineProperty(_ref8, saveKey, newValue), _defineProperty(_ref8, displayKey, newValue), _ref8));
+            listState.selectedTagList.splice(targetIndex, 0, localItem);
+            isSelected = true;
+          }
+        }
+      } else if (item) {
+        newValue = item[saveKey];
+        if (newValue !== undefined && !tagList.value.includes(newValue)) {
+          listState.selectedTagList.splice(targetIndex, 0, item);
+          isSelected = true;
+        }
+      }
+      if (isSelected) {
+        (0,external_vue_namespaceObject.nextTick)(function () {
+          for (var count = 1; count <= moveCount; count++) {
+            var nodes = getSelectedTagNodes();
+            var site = nodes[targetIndex + count];
+            swapElementPositions(site, tagInputItemRef.value);
+          }
+          tagInputRef.value.style.width = "".concat(INPUT_MIN_WIDTH, "px");
+          // 非单选
+          if (!isSingleSelect.value) {
+            // focus继续让用户进行下一个输入
+            props.allowNextFocus && focusInputTrigger();
+            // 将已经选中的项从数据列表中去除
+            var selectedMap = tagList.value.reduce(function (acc, tag) {
+              acc[tag] = 1;
+              return acc;
+            }, {});
+            listState.localList = listState.localList.filter(function (val) {
+              return !selectedMap[val[saveKey]];
+            });
+          }
+        });
+      }
+    };
+    /**
+     * remove current tag
+     * @param data tag data
+     * @param index tag index
+     */
+    var removeTag = function removeTag(data, index) {
+      listState.selectedTagList.splice(index, 1);
+      var isExistInit = saveKeyMap.value[data[props.saveKey]];
+      // 将删除的项加入加列表
+      if ((props.allowCreate && isExistInit || !props.allowCreate) && !isSingleSelect.value) {
+        listState.localList.push(data);
+      }
+    };
+    // 折叠 tags index
+    var localCollapseTags = (0,external_vue_namespaceObject.computed)(function () {
+      return props.collapseTags ? props.collapseTags && !state.isEdit : props.collapseTags;
+    });
+    var _useTagsOverflow = useTagsOverflow(bkTagSelectorRef, localCollapseTags, tagList),
+      overflowTagIndex = _useTagsOverflow.overflowTagIndex;
+    return tag_input_objectSpread(tag_input_objectSpread(tag_input_objectSpread(tag_input_objectSpread({
+      popoverProps: popoverProps
+    }, (0,external_vue_namespaceObject.toRefs)(state)), (0,external_vue_namespaceObject.toRefs)(listState)), (0,external_vue_namespaceObject.toRefs)(pageState)), {}, {
+      isShowPlaceholder: isShowPlaceholder,
+      isShowClear: isShowClear,
+      placeholderText: placeholderText,
+      curInputValue: curInputValue,
+      renderList: renderList,
+      showTagClose: showTagClose,
+      tagInputRef: tagInputRef,
+      bkTagSelectorRef: bkTagSelectorRef,
+      tagListRef: tagListRef,
+      tagInputItemRef: tagInputItemRef,
+      selectorListRef: selectorListRef,
+      triggerClass: triggerClass,
+      overflowTagIndex: overflowTagIndex,
+      localCollapseTags: localCollapseTags,
+      focusInputTrigger: focusInputTrigger,
+      activeClass: activeClass,
+      handleInput: handleInput,
+      handleFocus: handleFocus,
+      handleBlur: handleBlur,
+      handleTagSelected: handleTagSelected,
+      handleTagRemove: handleTagRemove,
+      handleClear: handleClear,
+      tagFocus: tagFocus,
+      handleKeydown: handleKeydown,
+      handlePaste: handlePaste,
+      resolveClassName: resolveClassName
+    });
+  },
+  render: function render() {
+    var _this = this;
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": "".concat(this.resolveClassName('tag-input')),
+      "ref": "bkTagSelectorRef",
+      "onClick": this.focusInputTrigger,
+      "onMouseenter": function onMouseenter() {
+        return _this.isHover = true;
+      },
+      "onMouseleave": function onMouseleave() {
+        return _this.isHover = false;
+      }
+    }, [(0,external_vue_namespaceObject.createVNode)(external_popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
+      "theme": "light ".concat(this.resolveClassName('tag-input-popover-content')),
+      "trigger": "manual",
+      "placement": "bottom-start",
+      "arrow": false
+    }, this.popoverProps), {
+      "default": function _default() {
+        var _this$$slots$suffix, _this$$slots, _this$$slots$suffix2;
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": _this.triggerClass
+        }, [(0,external_vue_namespaceObject.createVNode)("ul", {
+          "class": "tag-list",
+          "ref": "tagListRef",
+          "style": {
+            marginLeft: "".concat(_this.leftSpace, "px")
+          }
+        }, [_this.selectedTagList.map(function (item, index) {
+          var tooltips = {
+            boundary: 'window',
+            theme: 'light',
+            distance: 12,
+            content: item[_this.tooltipKey],
+            disabled: !_this.tooltipKey
+          };
+          var isOverflow = _this.localCollapseTags && _this.overflowTagIndex && index >= _this.overflowTagIndex;
+          return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("li", {
+            "class": "tag-item",
+            "style": {
+              display: isOverflow ? 'none' : ''
+            },
+            "onClick": _this.tagFocus
+          }, [(0,external_vue_namespaceObject.createVNode)(tag_render, {
+            "node": item,
+            "tpl": _this.tagTpl,
+            "displayKey": _this.displayKey,
+            "hasTips": !!_this.tooltipKey,
+            "tagOverflowTips": _this.tagOverflowTips
+          }, null), _this.showTagClose ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Error, {
+            "class": "remove-tag",
+            "onClick": _this.handleTagRemove.bind(_this, item, index)
+          }, null) : null]), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), tooltips]]);
+        }), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("li", {
+          "ref": "tagInputItemRef",
+          "id": "tagInputItem",
+          "class": "tag-input-item",
+          "role": "input"
+        }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("input", {
+          "type": "text",
+          "class": "tag-input",
+          "ref": "tagInputRef",
+          "onUpdate:modelValue": function onUpdateModelValue($event) {
+            return _this.curInputValue = $event;
+          },
+          "onInput": _this.handleInput,
+          "onFocus": _this.handleFocus,
+          "onBlur": _this.handleBlur,
+          "onKeydown": _this.handleKeydown,
+          "onPaste": _this.handlePaste
+        }, null), [[external_vue_namespaceObject.vModelText, _this.curInputValue]])]), [[external_vue_namespaceObject.vShow, _this.isEdit]]), !!_this.overflowTagIndex && _this.localCollapseTags && (0,external_vue_namespaceObject.createVNode)("li", {
+          "class": "tag-item"
+        }, [(0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "tag"
+        }, [(0,external_vue_namespaceObject.createVNode)("span", {
+          "class": "text"
+        }, [(0,external_vue_namespaceObject.createTextVNode)("+"), _this.selectedTagList.length - _this.overflowTagIndex])])])]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("p", {
+          "class": "placeholder"
+        }, [_this.placeholderText]), [[external_vue_namespaceObject.vShow, _this.isShowPlaceholder]]), (_this$$slots$suffix = (_this$$slots = _this.$slots) === null || _this$$slots === void 0 || (_this$$slots$suffix2 = _this$$slots.suffix) === null || _this$$slots$suffix2 === void 0 ? void 0 : _this$$slots$suffix2.call(_this$$slots)) !== null && _this$$slots$suffix !== void 0 ? _this$$slots$suffix : _this.isShowClear && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Close, {
+          "class": "clear-icon",
+          "onClick": _this.handleClear
+        }, null)]);
+      },
+      content: function content() {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "".concat(_this.resolveClassName('selector-list'))
+        }, [(0,external_vue_namespaceObject.createVNode)("ul", {
+          "ref": "selectorListRef",
+          "style": {
+            'max-height': "".concat(_this.contentMaxHeight, "px")
+          },
+          "class": "outside-ul"
+        }, [_this.renderList.map(function (group, index) {
+          return _this.useGroup ? (0,external_vue_namespaceObject.createVNode)("li", {
+            "class": "".concat(_this.resolveClassName('selector-group-item'))
+          }, [(0,external_vue_namespaceObject.createVNode)("span", {
+            "class": "group-name"
+          }, [group.name, (0,external_vue_namespaceObject.createTextVNode)(" ("), group.children.length, (0,external_vue_namespaceObject.createTextVNode)(")")]), (0,external_vue_namespaceObject.createVNode)("ul", {
+            "class": "".concat(_this.resolveClassName('selector-group-list-item'))
+          }, [group.children.map(function (item, index) {
+            return (0,external_vue_namespaceObject.createVNode)("li", {
+              "class": ["".concat(_this.resolveClassName('selector-list-item')), {
+                disabled: item.disabled
+              }, _this.activeClass(item, index)],
+              "onClick": _this.handleTagSelected.bind(_this, item, 'select')
+            }, [(0,external_vue_namespaceObject.createVNode)(list_tag_render, {
+              "node": item,
+              "displayKey": _this.displayKey,
+              "tpl": _this.tpl,
+              "searchKey": _this.searchKey,
+              "searchKeyword": _this.curInputValue
+            }, null)]);
+          })])]) : (0,external_vue_namespaceObject.createVNode)("li", {
+            "class": ["".concat(_this.resolveClassName('selector-list-item')), {
+              disabled: group.disabled
+            }, _this.activeClass(group, index)],
+            "onClick": _this.handleTagSelected.bind(_this, group, 'select')
+          }, [(0,external_vue_namespaceObject.createVNode)(list_tag_render, {
+            "node": group,
+            "displayKey": _this.displayKey,
+            "tpl": _this.tpl,
+            "searchKey": _this.searchKey,
+            "searchKeyword": _this.curInputValue
+          }, null)]);
+        }), _this.isPageLoading ? (0,external_vue_namespaceObject.createVNode)("li", {
+          "class": "".concat(_this.resolveClassName('selector-list-item'), " loading")
+        }, [(0,external_vue_namespaceObject.createVNode)(external_loading_namespaceObject["default"], {
+          "theme": "primary",
+          "size": external_loading_namespaceObject.BkLoadingSize.Small
+        }, null)]) : null])]);
+      }
+    })]);
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/tag-input/src/index.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+var TagInput = (0,external_shared_namespaceObject.withInstall)(tag_input);
+/* harmony default export */ const src = (TagInput);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };