bkui-vue 0.0.1-beta.80 → 0.0.1-beta.83

package/lib/table/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=r},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{f.r(h),f.d(h,{default:()=>te});var e,t=f(4212),n=f(748),o=f(3511),r=f.n(o);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a,l,c=["none","row","col","outer"];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}(a||(a={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange"}(l||(l={}));var s=function(){return!0},u=(i(e={},l.COLUMN_PICK,s),i(e,l.COLUMN_FILTER,s),i(e,l.COLUMN_SORT,s),i(e,l.ROW_CLICK,s),i(e,l.ROW_DBL_CLICK,s),i(e,l.PAGE_LIMIT_CHANGE,s),i(e,l.PAGE_VALUE_CHANGE,s),i(e,l.SETTING_CHANGE,s),e);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function p(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(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.")}()}var v=f(467),g=void 0,y=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[g].concat(p(n))):e[t]},m=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},b=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},C=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},T=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=e.getBoundingClientRect()||{},r=o.width,i=r-4,a=[],l=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(i-=t)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(C(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var c=Number(o.replace("px",""));l(e,c),r=!1}if(/^\d+\.?\d*%$/.test(o)){var s=n;if(i>0){var u=Number(o.replace("%",""));s=i*u/100}l(e,s),r=!1}r&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return l(t[e],c,!1)})))}},P=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},x=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},N=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:m(e.activeColumn):Array.isArray(e.activeColumn)?m(e.activeColumn[0]):m(e.activeColumn):[]};const O=function(e,o){var r=(0,n.computed)((function(){return e.pagination&&e.data.length?40:0})),a=function(e){return"right"===e.fixed?"right":"left"},l={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)}},c=l.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(l[e](!1),"px"),bottom:"".concat(r.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(o){var r,i=a(o),l=t[i];return t[i]=!0,l?"":(0,n.createVNode)("div",{class:(r=o,{column_fixed:!!r.fixed,column_fixed_left:"right"!==r.fixed,column_fixed_right:"right"===r.fixed}),style:e(i)},null)}))},fixedWrapperClass:(0,t.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:c(!0)},resolveFixedColumnStyle:function(e,t){if(!e.fixed)return{};var n=a(e),o="right"===n?-1:1,r="".concat(t[n],"px");return t[n]=t[n]+C(e)*o,i({},n,r)}}}}};function k(e){return k="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},k(e)}var V=function(e,t){if(e){if("object"===k(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};const S=function(e){var t=(0,n.ref)(0),o=(0,n.ref)(0),r=(0,n.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),i=(0,n.reactive)({count:0,limit:10,current:1});i=V(e.pagination,i);var a=(0,n.ref)(null),l=(0,n.reactive)([]),c=function(n,i){l.splice.apply(l,[0,l.length].concat(p(r.value.slice(t.value,o.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(p(n)))}}(n),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(n,r){i=V(e.pagination,i),e.pagination&&(a.value=e.remotePagination?i:Object.assign(Object.assign({},i),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return t.value=0,void(o.value=e.data.length);t.value=(i.current-1)*i.limit,o.value=i.current*i.limit}(),c(n,r)}}};var _;!function(e){e.CURRENT="current",e.ALL="all"}(_||(_={}));var w={data:t.PropTypes.arrayOf(t.PropTypes.any).def([]),columns:t.PropTypes.arrayOf(t.PropTypes.shape({label:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),field:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),render:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),width:t.PropTypes.oneOfType([t.PropTypes.number.def(void 0),t.PropTypes.string.def("auto")]),type:t.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:t.PropTypes.bool.def(!0),fixed:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:t.PropTypes.oneOfType([t.PropTypes.shape({sortFn:t.PropTypes.func.def(void 0),sortScope:t.PropTypes.commonType(Object.values(_)).def(_.CURRENT)}),t.PropTypes.bool,t.PropTypes.string]).def(!1),filter:t.PropTypes.oneOfType([t.PropTypes.shape({list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),filterFn:t.PropTypes.func.def(void 0)}),t.PropTypes.bool,t.PropTypes.string]).def(!1)})),activeColumn:t.PropTypes.oneOfType([t.PropTypes.number.def(-1),t.PropTypes.arrayOf(t.PropTypes.number.def(-1))]),columnPick:t.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("auto"),minHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def(200),maxHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("auto"),rowHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.func]).def(40),headHeight:t.PropTypes.number.def(40),showHead:t.PropTypes.bool.def(!0),thead:t.PropTypes.shape({height:t.PropTypes.number.def(40),isShow:t.PropTypes.bool.def(!0),cellFn:t.PropTypes.func.def(void 0)}),virtualEnabled:t.PropTypes.bool.def(!1),border:t.PropTypes.arrayOf(t.PropTypes.commonType(c,"border")).def(["row"]),pagination:t.PropTypes.oneOfType([t.PropTypes.bool.def(!1),t.PropTypes.object.def({})]).def(!1),remotePagination:t.PropTypes.bool.def(!1),emptyText:t.PropTypes.string.def("暂无数据"),settings:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.shape({fields:t.PropTypes.shape([]).def(void 0),checked:t.PropTypes.shape([]).def(void 0),limit:t.PropTypes.number.def(void 0),size:t.PropTypes.size(["small","default","large"]).def("default"),sizeList:t.PropTypes.shape([]).def(void 0)})]).def(!1)};function E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function H(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function j(e,t,n){return t&&H(e.prototype,t),n&&H(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var A=f(5801),L=f.n(A),R=f(9911),F=f.n(R);const I=(0,n.defineComponent)({name:"BodyEmpty",props:{list:t.PropTypes.array.def([]),filterList:t.PropTypes.array.def([]),emptyText:t.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,t){var o=t.slots,r=(0,n.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,i;return(0,n.createVNode)(F(),{scene:"part",type:r.value},{default:function(){return[null!==(i=null===(t=o.default)||void 0===t?void 0:t.call(o))&&void 0!==i?i:e.emptyText]}})}}});var M=f(5800),z=f.n(M),G=f(6870),U=f(5537),q=f.n(U);const B=(0,n.defineComponent)({name:"HeadFilter",props:{column:t.PropTypes.any.def({}),height:t.PropTypes.number.def(40)},emits:["change"],setup:function(e,o){var r=o.emit,a=e.column,l=(0,n.ref)(!1),c=(0,n.reactive)({isOpen:!1,checked:[]}),s=(0,n.computed)((function(){var n;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table-head-action"),!0),i(n,"column-filter",!0),i(n,"--row-height","".concat(e.height,"px")),i(n,"active",c.checked.length),i(n,"opened",c.isOpen),n))})),u=(0,t.classes)(i({},(0,t.resolveClassName)("table-head-filter"),!0)),d=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],h="light ".concat((0,t.resolveClassName)("table-head-filter")),v=(0,n.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(t,n,o,r){return a.filter.filterFn(t,n,e.column,o,r)}:function(e,t){return!e.length||e.includes(x(t,y(a,"field",[a,t]),a))},m=function(){if("custom"===e.column.filter)return r("change",p(c.checked),null),void(l.value=!1);r("change",p(c.checked),g),l.value=!1},b=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,n.nextTick)((function(){return r("change",c.checked,g)})))};return function(){return(0,n.createVNode)(q(),(0,n.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:h},{boundary:document.body,onAfterShow:function(){return d(!0)},onAfterHidden:function(){return d(!1)}}),{default:function(){return(0,n.createVNode)(G.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,n.createVNode)("div",{class:u},[(0,n.createVNode)(M.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(t=e=v.value.map((function(e){return(0,n.createVNode)("div",{class:"list-item"},[(0,n.createVNode)(z(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,n.isVNode)(t)?e:{default:function(){return[e]}})),(0,n.createVNode)("div",{class:"content-footer"},[(0,n.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,n.createTextVNode)("确定")]),(0,n.createVNode)("span",{class:"btn-filter-split"},null),(0,n.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:b},[(0,n.createTextVNode)("重置")])])])}})}}});var D,W=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(D||(D={}));const K=(0,n.defineComponent)({name:"HeadSort",props:{column:t.PropTypes.any.def({})},emits:["change"],setup:function(e,o){var r=o.emit,i=(0,n.ref)(""),a=function(t,n){var o,a;if(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),i.value=n,"custom"!==e.column.sort){var l=e.column.field,c=function(t){return x(t,l,e.column)},s="function"==typeof(null===(o=e.column.sort)||void 0===o?void 0:o.sortFn)?null===(a=e.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};r("change",(function(e,t){return s(e,t)*(n===D.DESC?-1:1)}),n)}else r("change",null,n)};return function(){return(0,n.createVNode)("span",{class:(0,t.resolveClassName)("head-cell-sort")},[(0,n.createVNode)(W.AngleDownFill,{class:["sort-action","sort-asc",i.value===D.ASC?"active":""],onClick:function(e){return a(e,D.ASC)}},null),(0,n.createVNode)(W.AngleUpFill,{class:["sort-action","sort-desc",i.value===D.DESC?"active":""],onClick:function(e){return a(e,D.DESC)}},null)])}}});var X=j((function e(t,n){E(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),$=f(4976),Y=f.n($);function J(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,n.isVNode)(e)}const Q=(0,n.defineComponent)({name:"Settings",props:{settings:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.shape({fields:t.PropTypes.shape([]).def(void 0),checked:t.PropTypes.shape([]).def(void 0),limit:t.PropTypes.number.def(void 0),size:t.PropTypes.string.def(void 0)})]).def(!1),columns:t.PropTypes.array.def([]),rowHeight:t.PropTypes.number.def(40)},emits:["change"],setup:function(e,o){var r,i,a,l=o.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:e.rowHeight},{value:"large",label:"大",height:56}],s=[{name:"offset",options:{offset:[10,10]}}],u=(0,n.ref)(!1),d=e.settings,p=(0,n.ref)(null!==(r=d.size)&&void 0!==r?r:"default"),f=(0,n.ref)(e.rowHeight),h=(0,n.ref)(null!==(i=d.checked)&&void 0!==i?i:[]),v=(0,t.resolveClassName)("table-settings"),g="light ".concat(v),m=function(){l("change",{checked:h.value,size:p.value,height:f.value}),u.value=!1},b=function(){var t;p.value="default",f.value=e.rowHeight,h.value=null!==(t=d.checked)&&void 0!==t?t:[],u.value=!1},C=function(){u.value=!0},T=function(){var t,n;h.value=(null!==(n=null!==(t=d.fields)&&void 0!==t?t:e.columns)&&void 0!==n?n:[]).map((function(e,t){return y(e,"field",[e,t])}))},P=(0,n.computed)((function(){var e;return(null!==(e=d.limit)&&void 0!==e?e:0)>0})),x=null!==(a=d.sizeList)&&void 0!==a?a:c,N=(0,n.computed)((function(){var e;return P.value&&(null!==(e=d.limit)&&void 0!==e?e:0)<=h.value.length})),O=function(e,t){return N.value&&!h.value.includes(y(e,"field",[e,t]))},k=function(e){return{"line-size":!0,"is-default":"default"===p.value,active:e.value===p.value}},V={width:"85px",marginRight:"5px"};return function(){return(0,n.createVNode)(q(),(0,n.mergeProps)({trigger:"manual",isShow:u.value,placement:"bottom-end",arrow:!1},{modifiers:s,theme:g},{boundary:document.body}),{default:function(){return(0,n.createVNode)(W.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:C},null)},content:function(){var t,o,r;return(0,n.createVNode)("div",{class:"setting-content"},[(0,n.createVNode)("div",{class:"setting-head"},[(0,n.createVNode)("h2",null,[(0,n.createTextVNode)("表格设置")]),(0,n.createVNode)(W.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,n.createVNode)("div",{class:"setting-body"},[(0,n.createVNode)("div",{class:"setting-body-title"},[(0,n.createVNode)("div",null,[(0,n.createVNode)("span",null,[(0,n.createTextVNode)("字段显示设置")]),P.value?(0,n.createVNode)("span",{class:"limit"},[(0,n.createTextVNode)("（最多"),d.limit,(0,n.createTextVNode)("项）")]):""]),P.value?"":(0,n.createVNode)("span",{class:"check-all",onClick:T},[(0,n.createTextVNode)("全选")])]),(0,n.createVNode)(M.BkCheckboxGroup,{class:"setting-body-fields",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e}},J(t=(null!==(r=null!==(o=d.fields)&&void 0!==o?o:e.columns)&&void 0!==r?r:[]).map((function(e,t){var o;return(0,n.createVNode)("div",{class:"field-item"},[(0,n.createVNode)(z(),{label:y(e,"field",[e,t]),disabled:O(e,t)},J(o=y(e,"label",[e,t]))?o:{default:function(){return[o]}})])})))?t:{default:function(){return[t]}}),(0,n.createVNode)("div",{class:"setting-body-line-height"},[(0,n.createTextVNode)("表格行高："),x.map((function(e){return(0,n.createVNode)("span",{class:k(e),onClick:function(){return function(e){p.value=e.value,f.value=e.height}(e)}},[e.label])}))])]),(0,n.createVNode)("div",{class:"setting-footer"},[(0,n.createVNode)(Y(),{theme:"primary",style:V,onClick:m},{default:function(){return[(0,n.createTextVNode)("确定")]}}),(0,n.createVNode)(Y(),{style:V,onClick:b},{default:function(){return[(0,n.createTextVNode)("取消")]}})])])}})}}});var Z=function(){function e(n,o,r,a){var l=this;E(this,e),this.getRowHeight=function(e,t){var n=l.setting,o=n.size;return null!=n.height?y(l.setting,"height",["tbody",e,t,o]):y(l.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return i(n={},"".concat(l.uuid,"-column-").concat(t),!0),i(n,"column_fixed",!!e.fixed),i(n,"column_fixed_left",!!e.fixed),i(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},l.getColumnClass(e,t)),{active:l.isColActive(t)})},this.props=n,this.context=o,this.reactiveProp=r,this.colgroups=a,this.plugins=new X(n,o),this.uuid=(0,t.random)(8),this.events=new Map}return j(e,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=P(this.props).isShow;return void 0===t||t?[this.props.settings?(0,n.createVNode)(Q,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,o=void 0===n?[]:n,r=t.size,i=t.height;e.reactiveProp.setting.size=r,e.reactiveProp.setting.height=i,o.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=o?o:[]).includes(y(e,"field",[e]))})),e.emitEvent(a.ON_SETTING_CHANGE,[t])}},null):"",(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return(0,n.createVNode)(L(),(0,n.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var o=this;return(0,n.createVNode)(K,{column:e,onChange:function(n,r){o.emitEvent(a.ON_SORT_BY_CLICK,[{sortFn:n,column:e,index:t,type:r}])}},null)}},{key:"getFilterCell",value:function(e,t){var o=this;return(0,n.createVNode)(B,{column:e,height:this.props.headHeight,onChange:function(n,r){o.emitEvent(a.ON_FILTER_CLICK,[{filterFn:function(e,t){return r(n,e,t)},checked:n,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,t=P(this.props),o=t.cellFn,r={"--row-height":"".concat(y(t,"height",["thead"]),"px")},a=function(t,n){var r=[];return t.sort&&r.push(e.getSortCell(t,n)),t.filter&&r.push(e.getFilterCell(t,n)),"function"==typeof o?(r.unshift(o(t,n)),r):(r.unshift(y(t,"label",[t,n])),r)},l=(0,O(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,n.createVNode)("thead",{style:r},[(0,n.createVNode)("tr",null,[this.filterColgroups.map((function(t,o){return(0,n.createVNode)("th",(0,n.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(t,o),style:c(t,s),onClick:function(){return e.handleColumnHeadClick(o)}},(r=t,Array.from(r.listeners.keys()).reduce((function(t,n){var o=n.split("_").slice(-1)[0];return Object.assign(t,i({},o,(function(t){r.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,n.createVNode)("div",{class:"cell"},[a(t,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var t,o,r,i=this,a=O(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,n.createVNode)("tbody",null,[e.length?e.map((function(t,o){var r={"--row-height":"".concat(i.getRowHeight(t,o),"px")},l=a(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,n.createVNode)("tr",{style:r,onClick:function(n){return i.handleRowClick(n,t,o,e)},onDblclick:function(n){return i.handleRowDblClick(n,t,o,e)}},[i.filterColgroups.map((function(r,a){return(0,n.createVNode)("td",{class:i.getColumnClass(r,a),style:c(r,s),colspan:1,rowspan:1},[(0,n.createVNode)("div",{class:"cell"},[i.renderCell(t,r,o,e)])])}))])})):(0,n.createVNode)("tr",null,[(0,n.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(r=null===(o=(t=this.context.slots).empty)||void 0===o?void 0:o.call(t))&&void 0!==r?r:(0,n.createVNode)(I,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"renderCell",value:function(e,t,n,o){var r=x(e,y(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(r,e,n,o):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var e=this;return(0,n.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(o,r){var i,a=(0,t.classes)({active:e.isColActive(r)}),l="".concat((i=C(o),b(i,"auto"))).replace(/px$/i,"");return(0,n.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),e}();const ee=(0,n.defineComponent)({name:"Table",props:w,emits:u,setup:function(e,o){var s=(0,n.reactive)(e.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),u=null,d=null,f=null,h=(0,n.ref)(),g=(0,n.ref)(),m=function(e){var t,o,r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var l=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,n.ref)(-1e3),h=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var o=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),u=0,f.value=-1e3,d=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},v=function(e){document.body.style.setProperty("cursor",""),f.value=e.clientX-u+p},g=(i(t={},o.MOUSE_DOWN,(function(e,t){if(l){c=!0,document.body.style.setProperty("cursor","col-resize"),d=t,u=e.clientX;var n=e.target.closest("table");p=u-n.getBoundingClientRect().left,document.addEventListener("mouseup",h),document.addEventListener("mousemove",v)}})),i(t,o.MOUSE_MOVE,(function(e,t){c&&!s&&(s=!0);var n=e.target.closest("th");if(s&&n.style.setProperty("user-select","none"),!s){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(l=!0,n.style.setProperty("cursor","col-resize")):l=!1}})),i(t,o.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),t),y=function(e){return"".concat(a,"_").concat(e)},m=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(g).forEach((function(t){var n=y(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(g[t])}))}))},b=function(){e.forEach((function(e){Object.keys(g).forEach((function(t){var n=y(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&m();var C=(0,n.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(f.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:m,resetResizeEvents:b,dragOffsetX:f,dragOffsetXStyle:C}}(s,!0),C=m.dragOffsetXStyle,x=function(e){var t=(0,n.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var o=(0,n.reactive)(N(e));return(0,n.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}));var n=N(e);t.forEach((function(e,t){Object.assign(e,{active:n.some((function(e){return e===t}))})}))})),{activeColumns:t}}(e).activeColumns,k=(0,n.reactive)({scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:x,setting:{size:null,height:null}}),V=S(e),_=V.pageData,w=V.localPagination,E=V.resolvePageData,H=V.watchEffectFn,j=function(e,o,r){var a=(0,n.ref)(200),l=(0,n.ref)(!1),s=(0,n.computed)((function(){return e.pagination&&e.data.length})),u=(0,n.computed)((function(){var n,o,a;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table"),!0),i(n,"has-footer",s.value),i(n,"has-scroll-y",l.value||e.virtualEnabled),i(n,"is-scroll-bottom",r.pos.bottom<2),n),(a=["row"],"string"==typeof(o=e.border)&&a.push(o),Array.isArray(o)&&a.push.apply(a,p(o.filter((function(e){return c.includes(e)})))),p(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),d=(0,t.classes)(i({},(0,t.resolveClassName)("table-head"),!0)),f=P(e),h=(0,n.computed)((function(){return{"--row-height":"".concat(y(f,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),v=(0,t.classes)(i({},(0,t.resolveClassName)("table-body"),!0)),g=(0,n.computed)((function(){var n;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table-footer"),!0),i(n,"is-hidden",!e.pagination||!e.data.length),n))})),m=(0,n.computed)((function(){return{minHeight:b(e.minHeight,"auto")}})),C=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},T=(0,n.reactive)({});(0,n.onMounted)((function(){x(null==o?void 0:o.value)}));var x=function(t){if(t){var n=t.parentElement.getBoundingClientRect().height;a.value=n,function(){var t=C(e.height,a.value),n=e.showHead?C(e.headHeight,40)+2:0,o=C(e.maxHeight,a.value),r=C(e.minHeight,a.value),i=e.pagination&&e.data.length?40:0,l=t-n-i,c="auto"!==e.height&&"".concat(l,"px"),s=o-n-i,u=r-n-i;Object.assign(T,{display:"block","max-height":"".concat(s,"px"),"min-height":"".concat(u,"px"),height:c})}()}};return{tableClass:u,headClass:d,contentClass:v,footerClass:g,wrapperStyle:m,contentStyle:T,headStyle:h,resetTableHeight:x,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");l.value=t.offsetHeight>e.offsetHeight}},hasFooter:s}}(e,h,k),A=j.tableClass,L=j.headClass,R=j.contentClass,F=j.footerClass,I=j.wrapperStyle,M=j.contentStyle,z=j.headStyle,G=j.updateBorderClass,U=j.resetTableHeight,q=j.hasFooter,B=O(e,s),D=B.renderFixedColumns,W=B.fixedWrapperClass,K=new Z(e,o,k,s);(0,n.watch)((function(){return[e.data,e.pagination]}),(function(){H(d,u),(0,n.nextTick)((function(){U(h.value),G(h.value)}))}),{immediate:!0,deep:!0}),K.on(a.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn,n=e.column,r=e.index,i=e.type;"function"==typeof t&&(u=t,_.sort(u)),o.emit(l.COLUMN_SORT,{column:n,index:r,type:i})})).on(a.ON_FILTER_CLICK,(function(e){var t=e.filterFn,n=e.checked,r=e.column,i=e.index;"function"==typeof t&&E(d=t,u),o.emit(l.COLUMN_FILTER,{checked:n,column:r,index:i})})).on(a.ON_SETTING_CHANGE,(function(e){var t,n,r=e.checked,i=void 0===r?[]:r,a=e.size,c=e.height;i.length&&T(h.value,s,20),null===(n=null===(t=g.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),o.emit(l.SETTING_CHANGE,{checked:i,size:a,height:c})}));var X=function(e){var t=e[1],n=t.translateX,o=t.translateY,r=t.pos,i=void 0===r?{}:r;k.scrollTranslateY=o,k.scrollTranslateX=n,k.pos=i};return(0,n.onMounted)((function(){f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,v.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(h.value,(function(){T(h.value,s,20)}),60,!0),f.start()})),(0,n.onBeforeUnmount)((function(){f.stop(),f=null,K.destroy()})),o.expose({plugins:K.plugins}),function(){return(0,n.createVNode)("div",{class:A.value,style:I.value,ref:h},[(0,n.createVNode)("div",{class:L,style:z.value},[K.renderTableHeadSchema()]),(0,n.createVNode)(r(),{ref:g,lineHeight:K.getRowHeight,class:R,style:M,list:_,onContentScroll:X,throttleDelay:0,scrollEvent:!0,enabled:e.virtualEnabled},{default:function(t){return K.renderTableBodySchema(t.data||e.data)}}),(0,n.createVNode)("div",{class:W},[D(),(0,n.createVNode)("div",{class:"bk-drag-column offset-x",style:C.value},null)]),(0,n.createVNode)("div",{class:F.value},[q.value&&K.renderTableFooter(w.value)])])}}}),te=(0,t.withInstall)(ee)})(),h})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=r},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{f.r(h),f.d(h,{default:()=>te});var e,t=f(4212),n=f(748),o=f(3511),r=f.n(o);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a,l,c=["none","row","col","outer"];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}(a||(a={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange"}(l||(l={}));var s=function(){return!0},u=(i(e={},l.COLUMN_PICK,s),i(e,l.COLUMN_FILTER,s),i(e,l.COLUMN_SORT,s),i(e,l.ROW_CLICK,s),i(e,l.ROW_DBL_CLICK,s),i(e,l.PAGE_LIMIT_CHANGE,s),i(e,l.PAGE_VALUE_CHANGE,s),i(e,l.SETTING_CHANGE,s),e);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function p(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(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.")}()}var v=f(467),g=void 0,y=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[g].concat(p(n))):e[t]},m=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},b=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},C=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},T=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=e.getBoundingClientRect()||{},r=o.width,i=r-4,a=[],l=function(e,t){var n=e.minWidth,o=void 0===n?void 0:n;if(void 0===o)return t;var i=t;return/^\d+\.?\d*$/.test("".concat(o))&&(i=Number(o)),/^\d+\.?\d*%$/.test("".concat(o))&&(i=Number(o)*r/100),/^\d+\.?\d*px$/i.test("".concat(o))&&(i=Number("".concat(o).replace(/px/i,""))),i},c=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=l(e,t),r=t<o?o:t;Object.assign(e,{calcWidth:r}),n&&(i-=r)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(C(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var l=Number(o.replace("px",""));c(e,l),r=!1}if(/^\d+\.?\d*%$/.test(o)){var s=n;if(i>0){var u=Number(o.replace("%",""));s=i*u/100}c(e,s),r=!1}r&&a.push(t)}})),a.length>0){var s=n;i>0&&(s=i/a.length,a.forEach((function(e){return c(t[e],s,!1)})))}},P=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},x=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},N=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:m(e.activeColumn):Array.isArray(e.activeColumn)?m(e.activeColumn[0]):m(e.activeColumn):[]};const O=function(e,o){var r=(0,n.computed)((function(){return e.pagination&&e.data.length?40:0})),a=function(e){return"right"===e.fixed?"right":"left"},l={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+C(n)}),0)}},c=l.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(l[e](!1),"px"),bottom:"".concat(r.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(o){var r,i=a(o),l=t[i];return t[i]=!0,l?"":(0,n.createVNode)("div",{class:(r=o,{column_fixed:!!r.fixed,column_fixed_left:"right"!==r.fixed,column_fixed_right:"right"===r.fixed}),style:e(i)},null)}))},fixedWrapperClass:(0,t.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:c(!0)},resolveFixedColumnStyle:function(e,t){if(!e.fixed)return{};var n=a(e),o="right"===n?-1:1,r="".concat(t[n],"px");return t[n]=t[n]+C(e)*o,i({},n,r)}}}}};function k(e){return k="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},k(e)}var V=function(e,t){if(e){if("object"===k(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};const S=function(e){var t=(0,n.ref)(0),o=(0,n.ref)(0),r=(0,n.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),i=(0,n.reactive)({count:0,limit:10,current:1});i=V(e.pagination,i);var a=(0,n.ref)(null),l=(0,n.reactive)([]),c=function(n,i){l.splice.apply(l,[0,l.length].concat(p(r.value.slice(t.value,o.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(p(n)))}}(n),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(n,r){i=V(e.pagination,i),e.pagination&&(a.value=e.remotePagination?i:Object.assign(Object.assign({},i),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return t.value=0,void(o.value=e.data.length);t.value=(i.current-1)*i.limit,o.value=i.current*i.limit}(),c(n,r)}}};var _;!function(e){e.CURRENT="current",e.ALL="all"}(_||(_={}));var w={data:t.PropTypes.arrayOf(t.PropTypes.any).def([]),columns:t.PropTypes.arrayOf(t.PropTypes.shape({label:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),field:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),render:t.PropTypes.oneOfType([t.PropTypes.func.def((function(){return""})),t.PropTypes.string.def("")]),width:t.PropTypes.oneOfType([t.PropTypes.number.def(void 0),t.PropTypes.string.def("auto")]),minWidth:t.PropTypes.oneOfType([t.PropTypes.number.def(void 0),t.PropTypes.string.def("auto")]).def(),type:t.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:t.PropTypes.bool.def(!0),fixed:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:t.PropTypes.oneOfType([t.PropTypes.shape({sortFn:t.PropTypes.func.def(void 0),sortScope:t.PropTypes.commonType(Object.values(_)).def(_.CURRENT)}),t.PropTypes.bool,t.PropTypes.string]).def(!1),filter:t.PropTypes.oneOfType([t.PropTypes.shape({list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),filterFn:t.PropTypes.func.def(void 0)}),t.PropTypes.bool,t.PropTypes.string]).def(!1)})),activeColumn:t.PropTypes.oneOfType([t.PropTypes.number.def(-1),t.PropTypes.arrayOf(t.PropTypes.number.def(-1))]),columnPick:t.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("auto"),minHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def(200),maxHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).def("auto"),rowHeight:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.func]).def(40),headHeight:t.PropTypes.number.def(40),showHead:t.PropTypes.bool.def(!0),thead:t.PropTypes.shape({height:t.PropTypes.number.def(40),isShow:t.PropTypes.bool.def(!0),cellFn:t.PropTypes.func.def(void 0)}),virtualEnabled:t.PropTypes.bool.def(!1),border:t.PropTypes.arrayOf(t.PropTypes.commonType(c,"border")).def(["row"]),pagination:t.PropTypes.oneOfType([t.PropTypes.bool.def(!1),t.PropTypes.object.def({})]).def(!1),remotePagination:t.PropTypes.bool.def(!1),emptyText:t.PropTypes.string.def("暂无数据"),settings:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.shape({fields:t.PropTypes.shape([]).def(void 0),checked:t.PropTypes.shape([]).def(void 0),limit:t.PropTypes.number.def(void 0),size:t.PropTypes.size(["small","default","large"]).def("default"),sizeList:t.PropTypes.shape([]).def(void 0)})]).def(!1)};function E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function H(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function j(e,t,n){return t&&H(e.prototype,t),n&&H(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var A=f(5801),L=f.n(A),R=f(9911),F=f.n(R);const I=(0,n.defineComponent)({name:"BodyEmpty",props:{list:t.PropTypes.array.def([]),filterList:t.PropTypes.array.def([]),emptyText:t.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,t){var o=t.slots,r=(0,n.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,i;return(0,n.createVNode)(F(),{scene:"part",type:r.value},{default:function(){return[null!==(i=null===(t=o.default)||void 0===t?void 0:t.call(o))&&void 0!==i?i:e.emptyText]}})}}});var M=f(5800),z=f.n(M),G=f(6870),U=f(5537),q=f.n(U);const B=(0,n.defineComponent)({name:"HeadFilter",props:{column:t.PropTypes.any.def({}),height:t.PropTypes.number.def(40)},emits:["change"],setup:function(e,o){var r=o.emit,a=e.column,l=(0,n.ref)(!1),c=(0,n.reactive)({isOpen:!1,checked:[]}),s=(0,n.computed)((function(){var n;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table-head-action"),!0),i(n,"column-filter",!0),i(n,"--row-height","".concat(e.height,"px")),i(n,"active",c.checked.length),i(n,"opened",c.isOpen),n))})),u=(0,t.classes)(i({},(0,t.resolveClassName)("table-head-filter"),!0)),d=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],h="light ".concat((0,t.resolveClassName)("table-head-filter")),v=(0,n.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(t,n,o,r){return a.filter.filterFn(t,n,e.column,o,r)}:function(e,t){return!e.length||e.includes(x(t,y(a,"field",[a,t]),a))},m=function(){if("custom"===e.column.filter)return r("change",p(c.checked),null),void(l.value=!1);r("change",p(c.checked),g),l.value=!1},b=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,n.nextTick)((function(){return r("change",c.checked,g)})))};return function(){return(0,n.createVNode)(q(),(0,n.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:h},{boundary:document.body,onAfterShow:function(){return d(!0)},onAfterHidden:function(){return d(!1)}}),{default:function(){return(0,n.createVNode)(G.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,n.createVNode)("div",{class:u},[(0,n.createVNode)(M.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(t=e=v.value.map((function(e){return(0,n.createVNode)("div",{class:"list-item"},[(0,n.createVNode)(z(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,n.isVNode)(t)?e:{default:function(){return[e]}})),(0,n.createVNode)("div",{class:"content-footer"},[(0,n.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,n.createTextVNode)("确定")]),(0,n.createVNode)("span",{class:"btn-filter-split"},null),(0,n.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:b},[(0,n.createTextVNode)("重置")])])])}})}}});var D,W=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(D||(D={}));const $=(0,n.defineComponent)({name:"HeadSort",props:{column:t.PropTypes.any.def({})},emits:["change"],setup:function(e,o){var r=o.emit,i=(0,n.ref)(""),a=function(t,n){var o,a;if(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault(),i.value=n,"custom"!==e.column.sort){var l=e.column.field,c=function(t){return x(t,l,e.column)},s="function"==typeof(null===(o=e.column.sort)||void 0===o?void 0:o.sortFn)?null===(a=e.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};r("change",(function(e,t){return s(e,t)*(n===D.DESC?-1:1)}),n)}else r("change",null,n)};return function(){return(0,n.createVNode)("span",{class:(0,t.resolveClassName)("head-cell-sort")},[(0,n.createVNode)(W.AngleDownFill,{class:["sort-action","sort-asc",i.value===D.ASC?"active":""],onClick:function(e){return a(e,D.ASC)}},null),(0,n.createVNode)(W.AngleUpFill,{class:["sort-action","sort-desc",i.value===D.DESC?"active":""],onClick:function(e){return a(e,D.DESC)}},null)])}}});var K=j((function e(t,n){E(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),X=f(4976),Y=f.n(X);function J(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,n.isVNode)(e)}const Q=(0,n.defineComponent)({name:"Settings",props:{settings:t.PropTypes.oneOfType([t.PropTypes.bool,t.PropTypes.shape({fields:t.PropTypes.shape([]).def(void 0),checked:t.PropTypes.shape([]).def(void 0),limit:t.PropTypes.number.def(void 0),size:t.PropTypes.string.def(void 0)})]).def(!1),columns:t.PropTypes.array.def([]),rowHeight:t.PropTypes.number.def(40)},emits:["change"],setup:function(e,o){var r,i,a,l=o.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:e.rowHeight},{value:"large",label:"大",height:56}],s=[{name:"offset",options:{offset:[10,10]}}],u=(0,n.ref)(!1),d=e.settings,p=(0,n.ref)(null!==(r=d.size)&&void 0!==r?r:"default"),f=(0,n.ref)(e.rowHeight),h=(0,n.ref)(null!==(i=d.checked)&&void 0!==i?i:[]),v=(0,t.resolveClassName)("table-settings"),g="light ".concat(v),m=function(){l("change",{checked:h.value,size:p.value,height:f.value}),u.value=!1},b=function(){var t;p.value="default",f.value=e.rowHeight,h.value=null!==(t=d.checked)&&void 0!==t?t:[],u.value=!1},C=function(){u.value=!0},T=function(){var t,n;h.value=(null!==(n=null!==(t=d.fields)&&void 0!==t?t:e.columns)&&void 0!==n?n:[]).map((function(e,t){return y(e,"field",[e,t])}))},P=(0,n.computed)((function(){var e;return(null!==(e=d.limit)&&void 0!==e?e:0)>0})),x=null!==(a=d.sizeList)&&void 0!==a?a:c,N=(0,n.computed)((function(){var e;return P.value&&(null!==(e=d.limit)&&void 0!==e?e:0)<=h.value.length})),O=function(e,t){return N.value&&!h.value.includes(y(e,"field",[e,t]))},k=function(e){return{"line-size":!0,"is-default":"default"===p.value,active:e.value===p.value}},V={width:"85px",marginRight:"5px"};return function(){return(0,n.createVNode)(q(),(0,n.mergeProps)({trigger:"manual",isShow:u.value,placement:"bottom-end",arrow:!1},{modifiers:s,theme:g},{boundary:document.body}),{default:function(){return(0,n.createVNode)(W.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:C},null)},content:function(){var t,o,r;return(0,n.createVNode)("div",{class:"setting-content"},[(0,n.createVNode)("div",{class:"setting-head"},[(0,n.createVNode)("h2",null,[(0,n.createTextVNode)("表格设置")]),(0,n.createVNode)(W.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,n.createVNode)("div",{class:"setting-body"},[(0,n.createVNode)("div",{class:"setting-body-title"},[(0,n.createVNode)("div",null,[(0,n.createVNode)("span",null,[(0,n.createTextVNode)("字段显示设置")]),P.value?(0,n.createVNode)("span",{class:"limit"},[(0,n.createTextVNode)("（最多"),d.limit,(0,n.createTextVNode)("项）")]):""]),P.value?"":(0,n.createVNode)("span",{class:"check-all",onClick:T},[(0,n.createTextVNode)("全选")])]),(0,n.createVNode)(M.BkCheckboxGroup,{class:"setting-body-fields",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e}},J(t=(null!==(r=null!==(o=d.fields)&&void 0!==o?o:e.columns)&&void 0!==r?r:[]).map((function(e,t){var o;return(0,n.createVNode)("div",{class:"field-item"},[(0,n.createVNode)(z(),{label:y(e,"field",[e,t]),disabled:O(e,t)},J(o=y(e,"label",[e,t]))?o:{default:function(){return[o]}})])})))?t:{default:function(){return[t]}}),(0,n.createVNode)("div",{class:"setting-body-line-height"},[(0,n.createTextVNode)("表格行高："),x.map((function(e){return(0,n.createVNode)("span",{class:k(e),onClick:function(){return function(e){p.value=e.value,f.value=e.height}(e)}},[e.label])}))])]),(0,n.createVNode)("div",{class:"setting-footer"},[(0,n.createVNode)(Y(),{theme:"primary",style:V,onClick:m},{default:function(){return[(0,n.createTextVNode)("确定")]}}),(0,n.createVNode)(Y(),{style:V,onClick:b},{default:function(){return[(0,n.createTextVNode)("取消")]}})])])}})}}});var Z=function(){function e(n,o,r,a){var l=this;E(this,e),this.getRowHeight=function(e,t){var n=l.setting,o=n.size;return null!=n.height?y(l.setting,"height",["tbody",e,t,o]):y(l.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return i(n={},"".concat(l.uuid,"-column-").concat(t),!0),i(n,"column_fixed",!!e.fixed),i(n,"column_fixed_left",!!e.fixed),i(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},l.getColumnClass(e,t)),{active:l.isColActive(t)})},this.props=n,this.context=o,this.reactiveProp=r,this.colgroups=a,this.plugins=new K(n,o),this.uuid=(0,t.random)(8),this.events=new Map}return j(e,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=P(this.props).isShow;return void 0===t||t?[this.props.settings?(0,n.createVNode)(Q,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,o=void 0===n?[]:n,r=t.size,i=t.height;e.reactiveProp.setting.size=r,e.reactiveProp.setting.height=i,o.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=o?o:[]).includes(y(e,"field",[e]))})),e.emitEvent(a.ON_SETTING_CHANGE,[t])}},null):"",(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return(0,n.createVNode)(L(),(0,n.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var o=this;return(0,n.createVNode)($,{column:e,onChange:function(n,r){o.emitEvent(a.ON_SORT_BY_CLICK,[{sortFn:n,column:e,index:t,type:r}])}},null)}},{key:"getFilterCell",value:function(e,t){var o=this;return(0,n.createVNode)(B,{column:e,height:this.props.headHeight,onChange:function(n,r){o.emitEvent(a.ON_FILTER_CLICK,[{filterFn:function(e,t){return r(n,e,t)},checked:n,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,t=P(this.props),o=t.cellFn,r={"--row-height":"".concat(y(t,"height",["thead"]),"px")},a=function(t,n){var r=[];return t.sort&&r.push(e.getSortCell(t,n)),t.filter&&r.push(e.getFilterCell(t,n)),"function"==typeof o?(r.unshift(o(t,n)),r):(r.unshift(y(t,"label",[t,n])),r)},l=(0,O(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,n.createVNode)("thead",{style:r},[(0,n.createVNode)("tr",null,[this.filterColgroups.map((function(t,o){return(0,n.createVNode)("th",(0,n.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(t,o),style:c(t,s),onClick:function(){return e.handleColumnHeadClick(o)}},(r=t,Array.from(r.listeners.keys()).reduce((function(t,n){var o=n.split("_").slice(-1)[0];return Object.assign(t,i({},o,(function(t){r.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,n.createVNode)("div",{class:"cell"},[a(t,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var t,o,r,i=this,a=O(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,n.createVNode)("tbody",null,[e.length?e.map((function(t,o){var r={"--row-height":"".concat(i.getRowHeight(t,o),"px")},l=a(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,n.createVNode)("tr",{style:r,onClick:function(n){return i.handleRowClick(n,t,o,e)},onDblclick:function(n){return i.handleRowDblClick(n,t,o,e)}},[i.filterColgroups.map((function(r,a){return(0,n.createVNode)("td",{class:i.getColumnClass(r,a),style:c(r,s),colspan:1,rowspan:1},[(0,n.createVNode)("div",{class:"cell"},[i.renderCell(t,r,o,e)])])}))])})):(0,n.createVNode)("tr",null,[(0,n.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(r=null===(o=(t=this.context.slots).empty)||void 0===o?void 0:o.call(t))&&void 0!==r?r:(0,n.createVNode)(I,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"renderCell",value:function(e,t,n,o){var r=x(e,y(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(r,e,n,o):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var e=this;return(0,n.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(o,r){var i,a=(0,t.classes)({active:e.isColActive(r)}),l="".concat((i=C(o),b(i,"auto"))).replace(/px$/i,"");return(0,n.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),e}();const ee=(0,n.defineComponent)({name:"Table",props:w,emits:u,setup:function(e,o){var s=(0,n.reactive)(e.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),u=null,d=null,f=null,h=(0,n.ref)(),g=(0,n.ref)(),m=function(e){var t,o,r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var l=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,n.ref)(-1e3),h=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var o=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),u=0,f.value=-1e3,d=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},v=function(e){document.body.style.setProperty("cursor",""),f.value=e.clientX-u+p},g=(i(t={},o.MOUSE_DOWN,(function(e,t){if(l){c=!0,document.body.style.setProperty("cursor","col-resize"),d=t,u=e.clientX;var n=e.target.closest("table");p=u-n.getBoundingClientRect().left,document.addEventListener("mouseup",h),document.addEventListener("mousemove",v)}})),i(t,o.MOUSE_MOVE,(function(e,t){c&&!s&&(s=!0);var n=e.target.closest("th");if(s&&n.style.setProperty("user-select","none"),!s){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(l=!0,n.style.setProperty("cursor","col-resize")):l=!1}})),i(t,o.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),t),y=function(e){return"".concat(a,"_").concat(e)},m=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(g).forEach((function(t){var n=y(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(g[t])}))}))},b=function(){e.forEach((function(e){Object.keys(g).forEach((function(t){var n=y(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&m();var C=(0,n.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(f.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:m,resetResizeEvents:b,dragOffsetX:f,dragOffsetXStyle:C}}(s,!0),C=m.dragOffsetXStyle,x=function(e){var t=(0,n.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var o=(0,n.reactive)(N(e));return(0,n.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}));var n=N(e);t.forEach((function(e,t){Object.assign(e,{active:n.some((function(e){return e===t}))})}))})),{activeColumns:t}}(e).activeColumns,k=(0,n.reactive)({scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:x,setting:{size:null,height:null}}),V=S(e),_=V.pageData,w=V.localPagination,E=V.resolvePageData,H=V.watchEffectFn,j=function(e,o,r){var a=(0,n.ref)(200),l=(0,n.ref)(!1),s=(0,n.computed)((function(){return e.pagination&&e.data.length})),u=(0,n.computed)((function(){var n,o,a;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table"),!0),i(n,"has-footer",s.value),i(n,"has-scroll-y",l.value||e.virtualEnabled),i(n,"is-scroll-bottom",r.pos.bottom<2),n),(a=["row"],"string"==typeof(o=e.border)&&a.push(o),Array.isArray(o)&&a.push.apply(a,p(o.filter((function(e){return c.includes(e)})))),p(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),d=(0,t.classes)(i({},(0,t.resolveClassName)("table-head"),!0)),f=P(e),h=(0,n.computed)((function(){return{"--row-height":"".concat(y(f,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),v=(0,t.classes)(i({},(0,t.resolveClassName)("table-body"),!0)),g=(0,n.computed)((function(){var n;return(0,t.classes)((i(n={},(0,t.resolveClassName)("table-footer"),!0),i(n,"is-hidden",!e.pagination||!e.data.length),n))})),m=(0,n.computed)((function(){return{minHeight:b(e.minHeight,"auto")}})),C=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},T=(0,n.reactive)({});(0,n.onMounted)((function(){x(null==o?void 0:o.value)}));var x=function(t){if(t){var n=t.parentElement.getBoundingClientRect().height;a.value=n,function(){var t=C(e.height,a.value),n=e.showHead?C(e.headHeight,40)+2:0,o=C(e.maxHeight,a.value),r=C(e.minHeight,a.value),i=e.pagination&&e.data.length?40:0,l=t-n-i,c="auto"!==e.height&&"".concat(l,"px"),s=o-n-i,u=r-n-i;Object.assign(T,{display:"block","max-height":"".concat(s,"px"),"min-height":"".concat(u,"px"),height:c})}()}};return{tableClass:u,headClass:d,contentClass:v,footerClass:g,wrapperStyle:m,contentStyle:T,headStyle:h,resetTableHeight:x,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");l.value=t.offsetHeight>e.offsetHeight}},hasFooter:s}}(e,h,k),A=j.tableClass,L=j.headClass,R=j.contentClass,F=j.footerClass,I=j.wrapperStyle,M=j.contentStyle,z=j.headStyle,G=j.updateBorderClass,U=j.resetTableHeight,q=j.hasFooter,B=O(e,s),D=B.renderFixedColumns,W=B.fixedWrapperClass,$=new Z(e,o,k,s);(0,n.watch)((function(){return[e.data,e.pagination]}),(function(){H(d,u),(0,n.nextTick)((function(){U(h.value),G(h.value)}))}),{immediate:!0,deep:!0}),$.on(a.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn,n=e.column,r=e.index,i=e.type;"function"==typeof t&&(u=t,_.sort(u)),o.emit(l.COLUMN_SORT,{column:n,index:r,type:i})})).on(a.ON_FILTER_CLICK,(function(e){var t=e.filterFn,n=e.checked,r=e.column,i=e.index;"function"==typeof t&&E(d=t,u),o.emit(l.COLUMN_FILTER,{checked:n,column:r,index:i})})).on(a.ON_SETTING_CHANGE,(function(e){var t,n,r=e.checked,i=void 0===r?[]:r,a=e.size,c=e.height;i.length&&T(h.value,s,20),null===(n=null===(t=g.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),o.emit(l.SETTING_CHANGE,{checked:i,size:a,height:c})}));var K=function(e){var t=e[1],n=t.translateX,o=t.translateY,r=t.pos,i=void 0===r?{}:r;k.scrollTranslateY=o,k.scrollTranslateX=n,k.pos=i};return(0,n.onMounted)((function(){f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,v.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(h.value,(function(){T(h.value,s,20),"100%"===e.height&&U(h.value)}),60,!0),f.start()})),(0,n.onBeforeUnmount)((function(){f.stop(),f=null,$.destroy()})),o.expose({plugins:$.plugins}),function(){return(0,n.createVNode)("div",{class:A.value,style:I.value,ref:h},[(0,n.createVNode)("div",{class:L,style:z.value},[$.renderTableHeadSchema()]),(0,n.createVNode)(r(),{ref:g,lineHeight:$.getRowHeight,class:R,style:M,list:_,onContentScroll:K,throttleDelay:0,scrollEvent:!0,enabled:e.virtualEnabled},{default:function(t){return $.renderTableBodySchema(t.data||e.data)}}),(0,n.createVNode)("div",{class:W},[D(),(0,n.createVNode)("div",{class:"bk-drag-column offset-x",style:C.value},null)]),(0,n.createVNode)("div",{class:F.value},[q.value&&$.renderTableFooter(w.value)])])}}}),te=(0,t.withInstall)(ee)})(),h})()));

package/lib/table/props.d.ts

@@ -155,6 +155,7 @@ export declare type Column = {
     field?: Function | string;
     render?: Function | string;
     width?: number | string;
+    minWidth?: number | string;
     type?: string;
     fixed?: string | boolean;
     resizable?: boolean;

package/lib/tag-input/index.d.ts

@@ -13,13 +13,13 @@ declare const TagInput: {
             showClearOnlyHover: boolean;
             modelValue: string[];
             trigger: string;
+            allowCreate: boolean;
             searchKey: string | string[];
             displayKey: string;
             tooltipKey: string;
             saveKey: string;
             hasDeleteIcon: boolean;
             useGroup: boolean;
-            allowCreate: boolean;
             maxData: number;
             maxResult: number;
             contentMaxHeight: number;
@@ -182,7 +182,7 @@ declare const TagInput: {
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
             onRemoveAll?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "list" | "separator" | "disabled" | "clearable" | "showClearOnlyHover" | "modelValue" | "trigger" | "searchKey" | "displayKey" | "tooltipKey" | "saveKey" | "hasDeleteIcon" | "useGroup" | "allowCreate" | "maxData" | "maxResult" | "contentMaxHeight" | "contentWidth" | "allowNextFocus" | "allowAutoMatch" | "leftSpace" | "createTagValidator" | "filterCallback" | "tagTpl" | "tpl" | "pasteFn">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "list" | "separator" | "disabled" | "clearable" | "showClearOnlyHover" | "modelValue" | "trigger" | "allowCreate" | "searchKey" | "displayKey" | "tooltipKey" | "saveKey" | "hasDeleteIcon" | "useGroup" | "maxData" | "maxResult" | "contentMaxHeight" | "contentWidth" | "allowNextFocus" | "allowAutoMatch" | "leftSpace" | "createTagValidator" | "filterCallback" | "tagTpl" | "tpl" | "pasteFn">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -405,13 +405,13 @@ declare const TagInput: {
             showClearOnlyHover: boolean;
             modelValue: string[];
             trigger: string;
+            allowCreate: boolean;
             searchKey: string | string[];
             displayKey: string;
             tooltipKey: string;
             saveKey: string;
             hasDeleteIcon: boolean;
             useGroup: boolean;
-            allowCreate: boolean;
             maxData: number;
             maxResult: number;
             contentMaxHeight: number;
@@ -863,13 +863,13 @@ declare const TagInput: {
     showClearOnlyHover: boolean;
     modelValue: string[];
     trigger: string;
+    allowCreate: boolean;
     searchKey: string | string[];
     displayKey: string;
     tooltipKey: string;
     saveKey: string;
     hasDeleteIcon: boolean;
     useGroup: boolean;
-    allowCreate: boolean;
     maxData: number;
     maxResult: number;
     contentMaxHeight: number;

package/lib/tag-input/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"),require("../directives"),require("../icon"),require("../loading"),require("../popover"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../directives","../icon","../loading","../popover"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash"),require("../directives"),require("../icon"),require("../loading"),require("../popover")):t(e["../shared"],e.vue,e.lodash,e["../directives"],e["../icon"],e["../loading"],e["../popover"]);for(var a in r)("object"==typeof exports?exports:e)[a]=r[a]}}(self,((e,t,r,a,n,o,l)=>(()=>{"use strict";var i={4061:e=>{e.exports=a},6870:e=>{e.exports=n},4870:e=>{e.exports=o},5537:e=>{e.exports=l},4212:t=>{t.exports=e},467:e=>{e.exports=r},748:e=>{e.exports=t}},s={};function u(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return i[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{u.r(c),u.d(c,{default:()=>L});var e=u(4212);function t(e){return t="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},t(e)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function a(e,t){if(e){if("string"==typeof e)return r(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)?r(e,t):void 0}}function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||a(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.")}()}var l=u(748),i=u(467),s=u(4061),d=u(6870),p=u(4870),f=u.n(p),g=u(5537),v=u.n(g),h=12,y=function(e){for(var t=e.length,r=0,a=0;a<t;a++)0!=(65280&e.charCodeAt(a))&&(r+=1),r+=1;return r};const m=(0,l.defineComponent)({name:"ListTagRender",props:{node:e.PropTypes.object,searchKey:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.arrayOf(e.PropTypes.string)]),displayKey:e.PropTypes.string,searchKeyword:e.PropTypes.string,tpl:{type:Function,default:null}},render:function(){var e=this,t=function(t){if(e.searchKeyword){var r=new RegExp("(".concat(e.searchKeyword,")"),"i");return t.replace(r,'<strong class="highlight-text">$1</strong>')}return t};if(this.tpl)return this.tpl(this.node,t,l.h,this);var r=this.node[this.displayKey];return(0,l.createVNode)("div",{class:"bk-selector-node"},[(0,l.createVNode)("span",{class:"text",innerHTML:t(r)},[r])])}}),b=(0,l.defineComponent)({name:"TagRender",props:{node:e.PropTypes.object,displayKey:e.PropTypes.string,tpl:{type:Function,default:null}},render:function(){return this.tpl?this.tpl(this.node,l.h,this):(0,l.createVNode)("div",{class:"tag"},[(0,l.createVNode)("span",{class:"text"},[this.node[this.displayKey]])])}}),T=(0,l.defineComponent)({name:"TagInput",directives:{bkTooltips:s.bkTooltips},props:{modelValue:e.PropTypes.arrayOf(e.PropTypes.string).def([]),placeholder:e.PropTypes.string.def("请输入并按 Enter 结束"),list:e.PropTypes.arrayOf(e.PropTypes.object).def([]),disabled:e.PropTypes.bool.def(!1),tooltipKey:e.PropTypes.string.def(""),saveKey:e.PropTypes.string.def("id"),displayKey:e.PropTypes.string.def("name"),hasDeleteIcon:e.PropTypes.bool.def(!1),clearable:e.PropTypes.bool.def(!0),trigger:e.PropTypes.commonType(["focus","search"]).def("search"),searchKey:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.arrayOf(e.PropTypes.string)]).def("name"),useGroup:e.PropTypes.bool.def(!1),allowCreate:e.PropTypes.bool.def(!1),maxData:e.PropTypes.number.def(-1),maxResult:e.PropTypes.number.def(10),contentMaxHeight:e.PropTypes.number.def(300),contentWidth:e.PropTypes.number.def(190),separator:e.PropTypes.string.def(""),allowNextFocus:e.PropTypes.bool.def(!0),allowAutoMatch:e.PropTypes.bool.def(!1),showClearOnlyHover:e.PropTypes.bool.def(!1),leftSpace:e.PropTypes.number.def(0),createTagValidator:{type:Function,default:null},filterCallback:{type:Function,default:null},tagTpl:{type:Function,default:null},tpl:{type:Function,default:null},pasteFn:{type:Function,default:null}},emits:["update:modelValue","change","select","blur","remove","removeAll"],setup:function(e,r){var s=r.emit,u=(0,l.reactive)({isEdit:!1,isHover:!1,focusItemIndex:e.allowCreate?-1:0}),c=(0,l.reactive)({isShow:!1,width:190,modifiers:[{name:"offset",options:{offset:[0,4]}}]}),d=function(e){var t=(0,l.reactive)({curPage:1,totalSize:0,totalPage:0,pageSize:e,isPageLoading:!1,curPageList:[],renderListPaged:[]});return{pageState:t,initPage:function(){var e,r,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];t.curPage=1,t.totalSize=a.length,t.totalPage=Math.ceil(t.totalSize/t.pageSize)||1;var n=[];if(t.pageSize>0)for(var l=0;l<t.totalSize;l+=t.pageSize)n.push(a.slice(l,l+t.pageSize));(e=t.renderListPaged).splice.apply(e,[0,t.renderListPaged.length].concat(n)),(r=t.curPageList).splice.apply(r,[0,t.curPageList.length].concat(o(t.renderListPaged[t.curPage-1]||[])))},pageChange:function(e){var r;t.curPage=e,(r=t.curPageList).splice.apply(r,[t.curPageList.length,0].concat(o(t.renderListPaged[t.curPage-1]||[]))),t.isPageLoading=!1}}}((0,l.toRefs)(e).maxResult),p=d.pageState,f=d.initPage,g=d.pageChange,v=(0,l.ref)(""),m=(0,l.ref)(null),b=(0,l.ref)(null),T=(0,l.ref)(null),L=(0,l.ref)(null),w=(0,l.ref)(null),P=(0,l.ref)(null),x=(0,l.ref)(null),I=(0,l.computed)((function(){return!e.disabled&&e.hasDeleteIcon})),S=(0,l.computed)((function(){return 1===e.maxData})),C=(0,l.computed)((function(){return 0===R.selectedTagList.length&&""===v.value&&!u.isEdit})),K=(0,l.computed)((function(){return e.clearable&&!e.disabled&&0!==R.selectedTagList.length&&(!e.showClearOnlyHover||u.isHover)})),V=(0,l.computed)((function(){return{"bk-tag-input-trigger":!0,active:u.isEdit,disabled:e.disabled}}));(0,l.watch)([function(){return o(e.modelValue)},function(){return o(e.list)}],(function(){F()})),(0,l.watch)(v,(0,i.debounce)((function(){var t=0!==p.curPageList.length,r=v.value;""!==r&&t||""===r&&"focus"===e.trigger&&t?c.isShow=!0:"focus"===e.trigger&&t||(c.isShow=!1)}),150)),(0,l.watch)((function(){return c.isShow}),(function(e){k(),e&&w.value&&((0,l.nextTick)((function(){w.value.scrollTop=0})),w.value.removeEventListener("scroll",N),w.value.addEventListener("scroll",N))}));var k=function(){var e,t,r=S.value?0:null===(e=L.value)||void 0===e?void 0:e.offsetLeft;c.modifiers=[{name:"offset",options:{offset:[r,4]}}],null===(t=P.value)||void 0===t||t.update()},N=function(){if(!p.isPageLoading&&0!==w.value.scrollTop){var e=w.value;if(e.scrollTop+e.offsetHeight>=e.scrollHeight){var t=p.curPage+1;t<=p.totalPage&&(p.isPageLoading=!0,setTimeout((function(){g(t)}),500))}}},A=function(){var e;return Array.from((null===(e=T.value)||void 0===e?void 0:e.childNodes)||[]).filter((function(e){return e.nodeType!==Node.TEXT_NODE}))},O=function(t){if(!e.disabled){if(null==t?void 0:t.target){var r=t.target.className;(r.indexOf("bk-tag-input-trigger")>-1||r.indexOf("tag-list")>-1)&&T.value.appendChild(L.value)}clearTimeout(x.value),S.value&&j.value.length&&(R.tagListCache=o(j.value),R.selectedTagListCache=o(R.selectedTagList),v.value=R.selectedTagListCache[0][e.saveKey],$(R.selectedTagList[0],0),H()),u.isEdit=!0,(0,l.nextTick)((function(){var t;null===(t=m.value)||void 0===t||t.focus(),"focus"===e.trigger&&0!==R.localList.length&&(q(),c.isShow?k():c.isShow=!0)}))}},R=(0,l.reactive)({localList:[],tagListCache:[],selectedTagList:[],selectedTagListCache:[]}),j=(0,l.computed)((function(){return R.selectedTagList.map((function(t){return t[e.saveKey]}))})),E=function(e){var t=(0,l.toRefs)(e),r=t.useGroup,a=t.saveKey,n=t.displayKey,i=t.list,s=(0,l.reactive)([]);return(0,l.watch)([r,a,n,i],(function(){var e=i.value;r.value&&(e=i.value.reduce((function(e,t){var r=[];return t.children&&(r=t.children.map((function(e){return Object.assign({group:{groupId:t[a.value],groupName:t[n.value]}},e)}))),e.concat(r)}),[])),s.splice.apply(s,[0,s.length].concat(o(e)))}),{immediate:!0,deep:!0}),s}(e),D=(0,l.computed)((function(){if(e.useGroup){var t={};return p.curPageList.forEach((function(e,r){e.__index__=r,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 p.curPageList})),F=function(){var t=e.saveKey,r=e.modelValue,a=e.displayKey,l=e.allowCreate,i=e.trigger;R.selectedTagList=[],R.localList=o(E),r.length&&(r.forEach((function(e){var r=R.localList.find((function(r){return e===r[t]}));if(void 0!==r)R.selectedTagList.push(r);else if(l&&!j.value.includes(e)){var o;R.selectedTagList.push((n(o={},t,e),n(o,a,e),o))}})),S.value||(R.localList=R.localList.filter((function(e){return!r.includes(e[t])})))),"focus"===i&&q()},q=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=e.searchKey,a=e.filterCallback,n=t.toLowerCase(),o=[];if("function"==typeof a)o=a(n,r,R.localList)||[];else if(Array.isArray(r)){var l=r.map((function(e){return R.localList.filter((function(t){return-1!==t[e].toLowerCase().indexOf(n)}))}));o=Array.from(new Set(l.flat()))}else o=R.localList.filter((function(e){return-1!==e[r].toLowerCase().indexOf(n)}));f(o)};(0,l.onMounted)((function(){F()}));var z=function(){v.value=""},_=function(){if(S.value)return 0;var e=A().findIndex((function(e){return"tagInputItem"===e.id}));return e>=0?e:0},M=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(t&&e){var a=t;r&&(a=t.nextElementSibling||null),t.parentNode.insertBefore(e,a)}},H=function(t){var r=e.maxData,a=e.trigger,n=e.allowCreate;if(-1===r||r>j.value.length){var o=((null==t?void 0:t.target)?t.target:v).value,l=y(o);l?(q(o),m.value.style.width="".concat(l*h,"px")):"focus"===a&&q()}else B(),v.value="",c.isShow=!1;u.isEdit=!0,u.focusItemIndex=n?-1:0},B=function(){x.value=setTimeout((function(){var t,r,n=v.value;if(z(),u.isEdit=!1,S.value){var o=(t=R.tagListCache,r=1,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,o=[],l=!0,i=!1;try{for(r=r.call(e);!(l=(a=r.next()).done)&&(o.push(a.value),!t||o.length!==t);l=!0);}catch(e){i=!0,n=e}finally{try{l||null==r.return||r.return()}finally{if(i)throw n}}return o}}(t,r)||a(t,r)||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];n&&n===o&&R.selectedTagListCache.length?W(R.selectedTagListCache[0],"select"):Z("remove")}else if(e.allowAutoMatch&&n){var l=p.curPageList.find((function(t){return Array.isArray(e.searchKey)?e.searchKey.map((function(e){return t[e]})).includes(n):t[e.searchKey]===n}));l?G(l,"select"):e.allowCreate&&G(n,"custom")}c.isShow=!1,s("blur",n,j.value)}),50)},G=function(e,t,r){null==r||r.stopPropagation(),e&&!e.disabled&&(S.value&&(R.tagListCache=[],R.selectedTagListCache=[],R.selectedTagList=[]),W(e,t),Z("select"),z(),c.isShow=!1)},Z=function(e){s("change",j.value),s(e),s("update:modelValue",j.value)},U=function(){var e=w.value.clientHeight,t=w.value.getBoundingClientRect().y;(0,l.nextTick)((function(){var r=w.value.querySelector(".bk-selector-actived");if(r){var a=r.clientHeight,n=r.getBoundingClientRect().y;n<t&&(w.value.scrollTop=w.value.scrollTop-(t-n));var o=n+a-t;o>e&&(w.value.scrollTop=w.value.scrollTop+o-e)}}))},W=function(r,a){if(!(R.selectedTagList.length>=e.maxData&&-1!==e.maxData)){var i,s=e.separator,u=e.saveKey,c=e.displayKey,d=e.createTagValidator,p=_(),f=1,g=!1,v=function(e){return"function"!=typeof d||d(e)},y=function(e){return R.localList.find((function(t){return t[u]===e}))};if("custom"===a)if(s){var b,T=r.split(s),w=(T=T.filter((function(e){return(null==e?void 0:e.trim())&&!j.value.includes(e)&&v(e)}))).map((function(e){var t;return y(e)||(n(t={},u,e),n(t,c,e),t)}));T.length&&((b=R.selectedTagList).splice.apply(b,[p,0].concat(o(w))),f=w.length,g=!0)}else{var P="object"===t(r);if(void 0!==(i=(i=P?r[u]:r.trim()).replace(/\s+/g,""))&&!j.value.includes(i)&&v(i)){var x,I=y(i)||(P?r:(n(x={},u,i),n(x,c,i),x));R.selectedTagList.splice(p,0,I),g=!0}}else r&&(void 0===(i=r[u])||j.value.includes(i)||(R.selectedTagList.splice(p,0,r),g=!0));g&&(0,l.nextTick)((function(){for(var t=1;t<=f;t++){var r=A()[p+t];M(r,L.value)}m.value.style.width="".concat(h,"px"),S.value||(e.allowNextFocus&&O(),R.localList=R.localList.filter((function(e){return!j.value.includes(e[u])})))}))}},$=function(t,r){R.selectedTagList.splice(r,1);var a=E.some((function(r){return r===t[e.saveKey]}));(e.allowCreate&&a||!e.allowCreate)&&!S.value&&R.localList.push(t)};return Object.assign(Object.assign(Object.assign(Object.assign({popoverProps:c},(0,l.toRefs)(u)),(0,l.toRefs)(R)),(0,l.toRefs)(p)),{isShowPlaceholder:C,isShowClear:K,curInputValue:v,formatList:E,renderList:D,showTagClose:I,tagInputRef:m,bkTagSelectorRef:b,tagListRef:T,tagInputItemRef:L,selectorListRef:w,popoverRef:P,triggerClass:V,focusInputTrigger:O,activeClass:function(t,r){var a={"bk-selector-actived":!1,"bk-selector-selected":j.value.includes(t[e.saveKey])};return e.useGroup?a["bk-selector-actived"]=t.__index__===u.focusItemIndex:a["bk-selector-actived"]=r===u.focusItemIndex,a},handleInput:H,handleFocus:function(){var t;c.width=S.value?null===(t=b.value)||void 0===t?void 0:t.clientWidth:e.contentWidth},handleBlur:B,handleTagSelected:G,handleTagRemove:function(e,t,r){null==r||r.stopPropagation(),$(e,t),z(),Z("remove"),m.value.style.width="".concat(h,"px")},handleClear:function(t){t.stopPropagation();var r=R.selectedTagList;R.selectedTagList=[];var a,n=E.filter((function(t){return r.some((function(r){return r[e.saveKey]===t[e.saveKey]}))}));(!e.allowCreate||0===n.length)&&e.allowCreate||S.value||(a=R.localList).push.apply(a,o(n)),Z("removeAll")},tagFocus:function(t){e.disabled||(M(L.value,t.currentTarget,!0),m.value.style.width="".concat(h,"px"),c.isShow&&k())},handleKeydown:function(t){if(!p.isPageLoading){var r=t.target.value,a=y(r),n=_(),o=A();switch(t.code){case"ArrowUp":if(t.preventDefault(),!c.isShow)return;u.focusItemIndex=u.focusItemIndex-1,u.focusItemIndex=u.focusItemIndex<0?-1:u.focusItemIndex,-1===u.focusItemIndex&&(u.focusItemIndex=p.curPageList.length-1),U();break;case"ArrowDown":if(t.preventDefault(),!c.isShow)return;u.focusItemIndex=u.focusItemIndex+1,u.focusItemIndex=u.focusItemIndex>p.curPageList.length-1?p.curPageList.length:u.focusItemIndex,u.focusItemIndex===p.curPageList.length&&(u.focusItemIndex=0),U();break;case"ArrowLeft":if(u.isEdit=!0,!a){if(n<1)return;M(L.value,o[n-1]),O()}break;case"ArrowRight":if(u.isEdit=!0,!a){if(n===o.length-1)return;M(o[n+1],L.value),O()}break;case"Enter":case"NumpadEnter":!e.allowCreate&&c.isShow||e.allowCreate&&u.focusItemIndex>=0&&c.isShow?G(p.curPageList[u.focusItemIndex],"select",t):e.allowCreate&&G(v.value,"custom",t),t.preventDefault();break;case"Backspace":0===n||v.value||function(t,r){var a=A();M(L.value,a[t-1]),R.selectedTagList.splice(t-1,1),O();var n=E.some((function(t){return t===r[e.saveKey]}));(e.allowCreate&&n||!e.allowCreate)&&!S.value&&R.localList.push(r),m.value="".concat(h,"px"),Z("remove")}(n,R.selectedTagList[n-1])}}},handlePaste:function(t){if(t.preventDefault(),S.value)return!1;var r=e.maxData,a=e.saveKey,l=e.pasteFn,i=t.clipboardData.getData("text"),s=l?l(i):function(t){var r=[];return t.split(";").forEach((function(t){if(t.match(/^[a-zA-Z][a-zA-Z_]+/g)){var a,o=t.match(/^[a-zA-Z][a-zA-Z_]+/g).join("");r.push((n(a={},e.saveKey,o),n(a,e.displayKey,o),a))}})),r}(i),u=s.map((function(e){return e[a]}));if(u.length){var c=A(),d=_(),p=R.localList.map((function(e){return e[a]}));if(u=u.filter((function(e){return(null==e?void 0:e.trim())&&!j.value.includes(e)&&p.includes(e)})),-1!==r){var f=R.selectedTagList.length;if(f<r){var g=r-f;u.length>g&&(u=o(u.slice(0,g)))}else u=[]}var v,y=R.localList.filter((function(e){return u.includes(e[a])}));u.length&&((v=R.selectedTagList).splice.apply(v,[d,0].concat(o(y))),M(L.value,c[d]),m.value.style.width="".concat(h,"px"),R.localList=R.localList.filter((function(e){return!u.includes(e[a])})),Z("select"),O())}}})},render:function(){var e=this;return(0,l.createVNode)("div",{class:"bk-tag-input",ref:"bkTagSelectorRef",onClick:this.focusInputTrigger,onMouseenter:function(){return e.isHover=!0},onMouseleave:function(){return e.isHover=!1}},[(0,l.createVNode)(v(),{ref:"popoverRef",theme:"light",trigger:"manual",placement:"bottom-start",arrow:!1,width:this.popoverProps.width,isShow:this.popoverProps.isShow,modifiers:this.popoverProps.modifiers},{default:function(){return(0,l.createVNode)("div",{class:e.triggerClass},[(0,l.createVNode)("ul",{class:"tag-list",ref:"tagListRef",style:{marginLeft:"".concat(e.leftSpace,"px")}},[e.selectedTagList.map((function(t,r){var a={boundary:"window",theme:"light",distance:12,content:t[e.tooltipKey],disabled:!e.tooltipKey};return(0,l.withDirectives)((0,l.createVNode)("li",{class:"tag-item",onClick:e.tagFocus},[(0,l.createVNode)(b,{node:t,tpl:e.tagTpl,displayKey:e.displayKey},null),e.showTagClose?(0,l.createVNode)(d.Error,{class:"remove-tag",onClick:e.handleTagRemove.bind(e,t,r)},null):null]),[[(0,l.resolveDirective)("bk-tooltips"),a]])})),(0,l.withDirectives)((0,l.createVNode)("li",{ref:"tagInputItemRef",id:"tagInputItem",class:"tag-input-item",role:"input"},[(0,l.withDirectives)((0,l.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),[[l.vModelText,e.curInputValue]])]),[[l.vShow,e.isEdit]])]),(0,l.withDirectives)((0,l.createVNode)("p",{class:"placeholder"},[e.placeholder]),[[l.vShow,e.isShowPlaceholder]]),e.isShowClear?(0,l.createVNode)(d.Close,{class:"clear-icon",onClick:e.handleClear},null):null])},content:function(){return(0,l.createVNode)("div",{class:"bk-selector-list"},[(0,l.createVNode)("ul",{ref:"selectorListRef",style:{"max-height":"".concat(e.contentMaxHeight,"px")},class:"outside-ul"},[e.useGroup?e.renderList.map((function(t){return(0,l.createVNode)("li",{class:"bk-selector-group-item"},[(0,l.createVNode)("span",{class:"group-name"},[t.name,(0,l.createTextVNode)(" ("),t.children.length,(0,l.createTextVNode)(")")]),(0,l.createVNode)("ul",{class:"bk-selector-group-list-item"},[t.children.map((function(t,r){return(0,l.createVNode)("li",{class:["bk-selector-list-item",{disabled:t.disabled},e.activeClass(t,r)],onClick:e.handleTagSelected.bind(e,t,"select")},[(0,l.createVNode)(m,{node:t,displayKey:e.displayKey,tpl:e.tpl,searchKey:e.searchKey,searchKeyword:e.curInputValue},null)])}))])])})):e.renderList.map((function(t,r){return(0,l.createVNode)("li",{class:["bk-selector-list-item",{disabled:t.disabled},e.activeClass(t,r)],onClick:e.handleTagSelected.bind(e,t,"select")},[(0,l.createVNode)(m,{node:t,displayKey:e.displayKey,tpl:e.tpl,searchKey:e.searchKey,searchKeyword:e.curInputValue},null)])})),e.isPageLoading?(0,l.createVNode)("li",{class:"bk-selector-list-item loading"},[(0,l.createVNode)(f(),{theme:"primary",size:p.BkLoadingSize.Small},null)]):null])])}})])}}),L=(0,e.withInstall)(T)})(),c})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"),require("../directives"),require("../icon"),require("../loading"),require("../popover"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../directives","../icon","../loading","../popover"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash"),require("../directives"),require("../icon"),require("../loading"),require("../popover")):t(e["../shared"],e.vue,e.lodash,e["../directives"],e["../icon"],e["../loading"],e["../popover"]);for(var a in r)("object"==typeof exports?exports:e)[a]=r[a]}}(self,((e,t,r,a,n,o,l)=>(()=>{"use strict";var i={4061:e=>{e.exports=a},6870:e=>{e.exports=n},4870:e=>{e.exports=o},5537:e=>{e.exports=l},4212:t=>{t.exports=e},467:e=>{e.exports=r},748:e=>{e.exports=t}},s={};function u(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return i[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{u.r(c),u.d(c,{default:()=>L});var e=u(4212);function t(e){return t="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},t(e)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function a(e,t){if(e){if("string"==typeof e)return r(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)?r(e,t):void 0}}function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||a(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.")}()}var l=u(748),i=u(467),s=u(4061),d=u(6870),p=u(4870),f=u.n(p),v=u(5537),g=u.n(v),h=12,y=function(e){for(var t=e.length,r=0,a=0;a<t;a++)0!=(65280&e.charCodeAt(a))&&(r+=1),r+=1;return r};const m=(0,l.defineComponent)({name:"ListTagRender",props:{node:e.PropTypes.object,searchKey:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.arrayOf(e.PropTypes.string)]),displayKey:e.PropTypes.string,searchKeyword:e.PropTypes.string,tpl:{type:Function,default:null}},render:function(){var e=this,t=function(t){if(e.searchKeyword){var r=new RegExp("(".concat(e.searchKeyword,")"),"i");return t.replace(r,'<strong class="highlight-text">$1</strong>')}return t};if(this.tpl)return this.tpl(this.node,t,l.h,this);var r=this.node[this.displayKey];return(0,l.createVNode)("div",{class:"bk-selector-node"},[(0,l.createVNode)("span",{class:"text",innerHTML:t(r)},[r])])}}),b=(0,l.defineComponent)({name:"TagRender",props:{node:e.PropTypes.object,displayKey:e.PropTypes.string,tpl:{type:Function,default:null}},render:function(){return this.tpl?this.tpl(this.node,l.h,this):(0,l.createVNode)("div",{class:"tag"},[(0,l.createVNode)("span",{class:"text"},[this.node[this.displayKey]])])}}),T=(0,l.defineComponent)({name:"TagInput",directives:{bkTooltips:s.bkTooltips},props:{modelValue:e.PropTypes.arrayOf(e.PropTypes.string).def([]),placeholder:e.PropTypes.string.def("请输入并按 Enter 结束"),list:e.PropTypes.arrayOf(e.PropTypes.object).def([]),disabled:e.PropTypes.bool.def(!1),tooltipKey:e.PropTypes.string.def(""),saveKey:e.PropTypes.string.def("id"),displayKey:e.PropTypes.string.def("name"),hasDeleteIcon:e.PropTypes.bool.def(!1),clearable:e.PropTypes.bool.def(!0),trigger:e.PropTypes.commonType(["focus","search"]).def("search"),searchKey:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.arrayOf(e.PropTypes.string)]).def("name"),useGroup:e.PropTypes.bool.def(!1),allowCreate:e.PropTypes.bool.def(!1),maxData:e.PropTypes.number.def(-1),maxResult:e.PropTypes.number.def(10),contentMaxHeight:e.PropTypes.number.def(300),contentWidth:e.PropTypes.number.def(190),separator:e.PropTypes.string.def(""),allowNextFocus:e.PropTypes.bool.def(!0),allowAutoMatch:e.PropTypes.bool.def(!1),showClearOnlyHover:e.PropTypes.bool.def(!1),leftSpace:e.PropTypes.number.def(0),createTagValidator:{type:Function,default:null},filterCallback:{type:Function,default:null},tagTpl:{type:Function,default:null},tpl:{type:Function,default:null},pasteFn:{type:Function,default:null}},emits:["update:modelValue","change","select","blur","remove","removeAll"],setup:function(e,r){var s=r.emit,u=(0,l.reactive)({isEdit:!1,isHover:!1,focusItemIndex:e.allowCreate?-1:0}),c=(0,l.reactive)({isShow:!1,width:190,modifiers:[{name:"offset",options:{offset:[0,4]}}]}),d=function(e){var t=(0,l.reactive)({curPage:1,totalSize:0,totalPage:0,pageSize:e,isPageLoading:!1,curPageList:[],renderListPaged:[]});return{pageState:t,initPage:function(){var e,r,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];t.curPage=1,t.totalSize=a.length,t.totalPage=Math.ceil(t.totalSize/t.pageSize)||1;var n=[];if(t.pageSize>0)for(var l=0;l<t.totalSize;l+=t.pageSize)n.push(a.slice(l,l+t.pageSize));(e=t.renderListPaged).splice.apply(e,[0,t.renderListPaged.length].concat(n)),(r=t.curPageList).splice.apply(r,[0,t.curPageList.length].concat(o(t.renderListPaged[t.curPage-1]||[])))},pageChange:function(e){var r;t.curPage=e,(r=t.curPageList).splice.apply(r,[t.curPageList.length,0].concat(o(t.renderListPaged[t.curPage-1]||[]))),t.isPageLoading=!1}}}((0,l.toRefs)(e).maxResult),p=d.pageState,f=d.initPage,v=d.pageChange,g=(0,l.ref)(""),m=(0,l.ref)(null),b=(0,l.ref)(null),T=(0,l.ref)(null),L=(0,l.ref)(null),w=(0,l.ref)(null),P=(0,l.ref)(null),x=(0,l.ref)(null),I=(0,l.computed)((function(){return!e.disabled&&e.hasDeleteIcon})),S=(0,l.computed)((function(){return 1===e.maxData})),C=(0,l.computed)((function(){return 0===R.selectedTagList.length&&""===g.value&&!u.isEdit})),K=(0,l.computed)((function(){return e.clearable&&!e.disabled&&0!==R.selectedTagList.length&&(!e.showClearOnlyHover||u.isHover)})),V=(0,l.computed)((function(){return{"bk-tag-input-trigger":!0,active:u.isEdit,disabled:e.disabled}}));(0,l.watch)([function(){return o(e.modelValue)},function(){return o(e.list)}],(function(){F()})),(0,l.watch)(g,(0,i.debounce)((function(){var t=0!==p.curPageList.length,r=g.value;""!==r&&t||""===r&&"focus"===e.trigger&&t?c.isShow=!0:"focus"===e.trigger&&t||(c.isShow=!1)}),150)),(0,l.watch)((function(){return c.isShow}),(function(e){k(),e&&w.value&&((0,l.nextTick)((function(){w.value.scrollTop=0})),w.value.removeEventListener("scroll",N),w.value.addEventListener("scroll",N))}));var k=function(){var e,t,r=S.value?0:null===(e=L.value)||void 0===e?void 0:e.offsetLeft;c.modifiers=[{name:"offset",options:{offset:[r,4]}}],null===(t=P.value)||void 0===t||t.update()},N=function(){if(!p.isPageLoading&&0!==w.value.scrollTop){var e=w.value;if(e.scrollTop+e.offsetHeight>=e.scrollHeight){var t=p.curPage+1;t<=p.totalPage&&(p.isPageLoading=!0,setTimeout((function(){v(t)}),500))}}},A=function(){var e;return Array.from((null===(e=T.value)||void 0===e?void 0:e.childNodes)||[]).filter((function(e){return e.nodeType!==Node.TEXT_NODE}))},O=function(t){if(!e.disabled){if(null==t?void 0:t.target){var r=t.target.className;(r.indexOf("bk-tag-input-trigger")>-1||r.indexOf("tag-list")>-1)&&T.value.appendChild(L.value)}clearTimeout(x.value),S.value&&j.value.length&&(R.tagListCache=o(j.value),R.selectedTagListCache=o(R.selectedTagList),g.value=R.selectedTagListCache[0][e.saveKey],$(R.selectedTagList[0],0),H()),u.isEdit=!0,(0,l.nextTick)((function(){var t;null===(t=m.value)||void 0===t||t.focus(),"focus"===e.trigger&&0!==R.localList.length&&(q(),c.isShow?k():c.isShow=!0)}))}},R=(0,l.reactive)({localList:[],tagListCache:[],selectedTagList:[],selectedTagListCache:[]}),j=(0,l.computed)((function(){return R.selectedTagList.map((function(t){return t[e.saveKey]}))})),E=function(e){var t=(0,l.toRefs)(e),r=t.useGroup,a=t.saveKey,n=t.displayKey,i=t.list,s=(0,l.reactive)([]);return(0,l.watch)([r,a,n,i],(function(){var e=i.value;r.value&&(e=i.value.reduce((function(e,t){var r=[];return t.children&&(r=t.children.map((function(e){return Object.assign({group:{groupId:t[a.value],groupName:t[n.value]}},e)}))),e.concat(r)}),[])),s.splice.apply(s,[0,s.length].concat(o(e)))}),{immediate:!0,deep:!0}),s}(e),D=(0,l.computed)((function(){if(e.useGroup){var t={};return p.curPageList.forEach((function(e,r){e.__index__=r,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 p.curPageList})),F=function(){var t=e.saveKey,r=e.modelValue,a=e.displayKey,l=e.allowCreate,i=e.trigger;R.selectedTagList=[],R.localList=o(E),r.length&&(r.forEach((function(e){var r=R.localList.find((function(r){return e===r[t]}));if(void 0!==r)R.selectedTagList.push(r);else if(l&&!j.value.includes(e)){var o;R.selectedTagList.push((n(o={},t,e),n(o,a,e),o))}})),S.value||(R.localList=R.localList.filter((function(e){return!r.includes(e[t])})))),"focus"===i&&q()},q=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=e.searchKey,a=e.filterCallback,n=t.toLowerCase(),o=[];if("function"==typeof a)o=a(n,r,R.localList)||[];else if(Array.isArray(r)){var l=r.map((function(e){return R.localList.filter((function(t){return-1!==t[e].toLowerCase().indexOf(n)}))}));o=Array.from(new Set(l.flat()))}else o=R.localList.filter((function(e){return-1!==e[r].toLowerCase().indexOf(n)}));f(o)};(0,l.onMounted)((function(){F()}));var z=function(){g.value=""},_=function(){if(S.value)return 0;var e=A().findIndex((function(e){return"tagInputItem"===e.id}));return e>=0?e:0},M=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(t&&e){var a=t;r&&(a=t.nextElementSibling||null),t.parentNode.insertBefore(e,a)}},H=function(t){var r=e.maxData,a=e.trigger,n=e.allowCreate;if(-1===r||r>j.value.length){var o=((null==t?void 0:t.target)?t.target:g).value,l=y(o);l?(q(o),m.value.style.width="".concat(l*h,"px")):"focus"===a&&q()}else B(),g.value="",c.isShow=!1;u.isEdit=!0,u.focusItemIndex=n?-1:0},B=function(){x.value=setTimeout((function(){var t,r,n=g.value;if(z(),u.isEdit=!1,S.value){var o=(t=R.tagListCache,r=1,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,o=[],l=!0,i=!1;try{for(r=r.call(e);!(l=(a=r.next()).done)&&(o.push(a.value),!t||o.length!==t);l=!0);}catch(e){i=!0,n=e}finally{try{l||null==r.return||r.return()}finally{if(i)throw n}}return o}}(t,r)||a(t,r)||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];n&&n===o&&R.selectedTagListCache.length?W(R.selectedTagListCache[0],"select"):Z("remove")}else if(e.allowAutoMatch&&n){var l=p.curPageList.find((function(t){return Array.isArray(e.searchKey)?e.searchKey.map((function(e){return t[e]})).includes(n):t[e.searchKey]===n}));l?G(l,"select"):e.allowCreate&&G(n,"custom")}c.isShow=!1,s("blur",n,j.value)}),50)},G=function(e,t,r){null==r||r.stopPropagation(),e&&!e.disabled&&(S.value&&(R.tagListCache=[],R.selectedTagListCache=[],R.selectedTagList=[]),W(e,t),Z("select"),z(),c.isShow=!1)},Z=function(e,t){s("change",j.value),s(e,t),s("update:modelValue",j.value)},U=function(){var e=w.value.clientHeight,t=w.value.getBoundingClientRect().y;(0,l.nextTick)((function(){var r=w.value.querySelector(".bk-selector-actived");if(r){var a=r.clientHeight,n=r.getBoundingClientRect().y;n<t&&(w.value.scrollTop=w.value.scrollTop-(t-n));var o=n+a-t;o>e&&(w.value.scrollTop=w.value.scrollTop+o-e)}}))},W=function(r,a){if(!(R.selectedTagList.length>=e.maxData&&-1!==e.maxData)){var i,s=e.separator,u=e.saveKey,c=e.displayKey,d=e.createTagValidator,p=_(),f=1,v=!1,g=function(e){return"function"!=typeof d||d(e)},y=function(e){return R.localList.find((function(t){return t[u]===e}))};if("custom"===a)if(s){var b,T=r.split(s),w=(T=T.filter((function(e){return(null==e?void 0:e.trim())&&!j.value.includes(e)&&g(e)}))).map((function(e){var t;return y(e)||(n(t={},u,e),n(t,c,e),t)}));T.length&&((b=R.selectedTagList).splice.apply(b,[p,0].concat(o(w))),f=w.length,v=!0)}else{var P="object"===t(r);if(void 0!==(i=(i=P?r[u]:r.trim()).replace(/\s+/g,""))&&!j.value.includes(i)&&g(i)){var x,I=y(i)||(P?r:(n(x={},u,i),n(x,c,i),x));R.selectedTagList.splice(p,0,I),v=!0}}else r&&(void 0===(i=r[u])||j.value.includes(i)||(R.selectedTagList.splice(p,0,r),v=!0));v&&(0,l.nextTick)((function(){for(var t=1;t<=f;t++){var r=A()[p+t];M(r,L.value)}m.value.style.width="".concat(h,"px"),S.value||(e.allowNextFocus&&O(),R.localList=R.localList.filter((function(e){return!j.value.includes(e[u])})))}))}},$=function(t,r){R.selectedTagList.splice(r,1);var a=E.some((function(r){return r===t[e.saveKey]}));(e.allowCreate&&a||!e.allowCreate)&&!S.value&&R.localList.push(t)};return Object.assign(Object.assign(Object.assign(Object.assign({popoverProps:c},(0,l.toRefs)(u)),(0,l.toRefs)(R)),(0,l.toRefs)(p)),{isShowPlaceholder:C,isShowClear:K,curInputValue:g,formatList:E,renderList:D,showTagClose:I,tagInputRef:m,bkTagSelectorRef:b,tagListRef:T,tagInputItemRef:L,selectorListRef:w,popoverRef:P,triggerClass:V,focusInputTrigger:O,activeClass:function(t,r){var a={"bk-selector-actived":!1,"bk-selector-selected":j.value.includes(t[e.saveKey])};return e.useGroup?a["bk-selector-actived"]=t.__index__===u.focusItemIndex:a["bk-selector-actived"]=r===u.focusItemIndex,a},handleInput:H,handleFocus:function(){var t;c.width=S.value?null===(t=b.value)||void 0===t?void 0:t.clientWidth:e.contentWidth},handleBlur:B,handleTagSelected:G,handleTagRemove:function(e,t,r){null==r||r.stopPropagation(),$(e,t),z(),Z("remove",e),m.value.style.width="".concat(h,"px")},handleClear:function(t){t.stopPropagation();var r=R.selectedTagList;R.selectedTagList=[];var a,n=E.filter((function(t){return r.some((function(r){return r[e.saveKey]===t[e.saveKey]}))}));(!e.allowCreate||0===n.length)&&e.allowCreate||S.value||(a=R.localList).push.apply(a,o(n)),Z("removeAll")},tagFocus:function(t){e.disabled||(M(L.value,t.currentTarget,!0),m.value.style.width="".concat(h,"px"),c.isShow&&k())},handleKeydown:function(t){if(!p.isPageLoading){var r=t.target.value,a=y(r),n=_(),o=A();switch(t.code){case"ArrowUp":if(t.preventDefault(),!c.isShow)return;u.focusItemIndex=u.focusItemIndex-1,u.focusItemIndex=u.focusItemIndex<0?-1:u.focusItemIndex,-1===u.focusItemIndex&&(u.focusItemIndex=p.curPageList.length-1),U();break;case"ArrowDown":if(t.preventDefault(),!c.isShow)return;u.focusItemIndex=u.focusItemIndex+1,u.focusItemIndex=u.focusItemIndex>p.curPageList.length-1?p.curPageList.length:u.focusItemIndex,u.focusItemIndex===p.curPageList.length&&(u.focusItemIndex=0),U();break;case"ArrowLeft":if(u.isEdit=!0,!a){if(n<1)return;M(L.value,o[n-1]),O()}break;case"ArrowRight":if(u.isEdit=!0,!a){if(n===o.length-1)return;M(o[n+1],L.value),O()}break;case"Enter":case"NumpadEnter":!e.allowCreate&&c.isShow||e.allowCreate&&u.focusItemIndex>=0&&c.isShow?G(p.curPageList[u.focusItemIndex],"select",t):e.allowCreate&&G(g.value,"custom",t),t.preventDefault();break;case"Backspace":0===n||g.value||function(t,r){var a=A();M(L.value,a[t-1]),R.selectedTagList.splice(t-1,1),O();var n=E.some((function(t){return t===r[e.saveKey]}));(e.allowCreate&&n||!e.allowCreate)&&!S.value&&R.localList.push(r),m.value="".concat(h,"px"),Z("remove")}(n,R.selectedTagList[n-1])}}},handlePaste:function(t){if(t.preventDefault(),S.value)return!1;var r=e.maxData,a=e.saveKey,l=e.pasteFn,i=t.clipboardData.getData("text"),s=l?l(i):function(t){var r=[];return t.split(";").forEach((function(t){if(t.match(/^[a-zA-Z][a-zA-Z_]+/g)){var a,o=t.match(/^[a-zA-Z][a-zA-Z_]+/g).join("");r.push((n(a={},e.saveKey,o),n(a,e.displayKey,o),a))}})),r}(i),u=s.map((function(e){return e[a]}));if(u.length){var c=A(),d=_(),p=R.localList.map((function(e){return e[a]}));if(u=u.filter((function(e){return(null==e?void 0:e.trim())&&!j.value.includes(e)&&p.includes(e)})),-1!==r){var f=R.selectedTagList.length;if(f<r){var v=r-f;u.length>v&&(u=o(u.slice(0,v)))}else u=[]}var g,y=R.localList.filter((function(e){return u.includes(e[a])}));u.length&&((g=R.selectedTagList).splice.apply(g,[d,0].concat(o(y))),M(L.value,c[d]),m.value.style.width="".concat(h,"px"),R.localList=R.localList.filter((function(e){return!u.includes(e[a])})),Z("select"),O())}}})},render:function(){var e=this;return(0,l.createVNode)("div",{class:"bk-tag-input",ref:"bkTagSelectorRef",onClick:this.focusInputTrigger,onMouseenter:function(){return e.isHover=!0},onMouseleave:function(){return e.isHover=!1}},[(0,l.createVNode)(g(),{ref:"popoverRef",theme:"light",trigger:"manual",placement:"bottom-start",arrow:!1,width:this.popoverProps.width,isShow:this.popoverProps.isShow,modifiers:this.popoverProps.modifiers},{default:function(){var t,r,a;return(0,l.createVNode)("div",{class:e.triggerClass},[(0,l.createVNode)("ul",{class:"tag-list",ref:"tagListRef",style:{marginLeft:"".concat(e.leftSpace,"px")}},[e.selectedTagList.map((function(t,r){var a={boundary:"window",theme:"light",distance:12,content:t[e.tooltipKey],disabled:!e.tooltipKey};return(0,l.withDirectives)((0,l.createVNode)("li",{class:"tag-item",onClick:e.tagFocus},[(0,l.createVNode)(b,{node:t,tpl:e.tagTpl,displayKey:e.displayKey},null),e.showTagClose?(0,l.createVNode)(d.Error,{class:"remove-tag",onClick:e.handleTagRemove.bind(e,t,r)},null):null]),[[(0,l.resolveDirective)("bk-tooltips"),a]])})),(0,l.withDirectives)((0,l.createVNode)("li",{ref:"tagInputItemRef",id:"tagInputItem",class:"tag-input-item",role:"input"},[(0,l.withDirectives)((0,l.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),[[l.vModelText,e.curInputValue]])]),[[l.vShow,e.isEdit]])]),(0,l.withDirectives)((0,l.createVNode)("p",{class:"placeholder"},[e.placeholder]),[[l.vShow,e.isShowPlaceholder]]),null!==(a=null===(r=null===(t=e.$slots)||void 0===t?void 0:t.suffix)||void 0===r?void 0:r.call(t))&&void 0!==a?a:e.isShowClear&&(0,l.createVNode)(d.Close,{class:"clear-icon",onClick:e.handleClear},null)])},content:function(){return(0,l.createVNode)("div",{class:"bk-selector-list"},[(0,l.createVNode)("ul",{ref:"selectorListRef",style:{"max-height":"".concat(e.contentMaxHeight,"px")},class:"outside-ul"},[e.useGroup?e.renderList.map((function(t){return(0,l.createVNode)("li",{class:"bk-selector-group-item"},[(0,l.createVNode)("span",{class:"group-name"},[t.name,(0,l.createTextVNode)(" ("),t.children.length,(0,l.createTextVNode)(")")]),(0,l.createVNode)("ul",{class:"bk-selector-group-list-item"},[t.children.map((function(t,r){return(0,l.createVNode)("li",{class:["bk-selector-list-item",{disabled:t.disabled},e.activeClass(t,r)],onClick:e.handleTagSelected.bind(e,t,"select")},[(0,l.createVNode)(m,{node:t,displayKey:e.displayKey,tpl:e.tpl,searchKey:e.searchKey,searchKeyword:e.curInputValue},null)])}))])])})):e.renderList.map((function(t,r){return(0,l.createVNode)("li",{class:["bk-selector-list-item",{disabled:t.disabled},e.activeClass(t,r)],onClick:e.handleTagSelected.bind(e,t,"select")},[(0,l.createVNode)(m,{node:t,displayKey:e.displayKey,tpl:e.tpl,searchKey:e.searchKey,searchKeyword:e.curInputValue},null)])})),e.isPageLoading?(0,l.createVNode)("li",{class:"bk-selector-list-item loading"},[(0,l.createVNode)(f(),{theme:"primary",size:p.BkLoadingSize.Small},null)]):null])])}})])}}),L=(0,e.withInstall)(T)})(),c})()));

package/lib/tag-input/tag-input.d.ts

@@ -343,13 +343,13 @@ declare const _default: import("vue").DefineComponent<{
     showClearOnlyHover: boolean;
     modelValue: string[];
     trigger: string;
+    allowCreate: boolean;
     searchKey: string | string[];
     displayKey: string;
     tooltipKey: string;
     saveKey: string;
     hasDeleteIcon: boolean;
     useGroup: boolean;
-    allowCreate: boolean;
     maxData: number;
     maxResult: number;
     contentMaxHeight: number;

package/lib/transfer/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/","../input"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/"),require("../input")):t(e["../shared"],e.vue,e["../icon/"],e["../input"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n)=>(()=>{"use strict";var a={7685:e=>{e.exports=r},8133:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function l(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return a[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{l.r(u),l.d(u,{default:()=>v});var e=l(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function r(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}}function n(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],l=!0,u=!1;try{for(r=r.call(e);!(l=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);l=!0);}catch(e){u=!0,a=e}finally{try{l||null==r.return||r.return()}finally{if(u)throw a}}return o}}(e,t)||r(e,t)||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.")}()}function a(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||r(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.")}()}var o=l(748),i=l(7685),s=l(8133),c=l.n(s);e.PropTypes.string,e.PropTypes.string,e.PropTypes.string,e.PropTypes.string,e.PropTypes.bool,e.PropTypes.bool,e.PropTypes.string,e.PropTypes.bool;const f=(0,o.defineComponent)({name:"Transfer",props:{title:{type:Array,default:function(){return[]}},extCls:{type:String,default:""},searchPlaceholder:{type:String,default:""},settingKey:{type:String,default:"id"},displayKey:{type:String,default:"value"},sortKey:{type:String,default:""},showOverflowTips:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},sortable:{type:Boolean,default:!1},sourceList:{type:Array,default:function(){return[]}},targetList:{type:Array,default:function(){return[]}},emptyContent:{type:Array,default:function(){return[]}}},emits:["change"],slots:["left-header","right-header","source-option","target-option","left-empty-content","right-empty-content"],setup:function(t,r){var l=r.emit,u=[],i=t.sortKey,s=t.sortable,c=(0,o.ref)(""),f=(0,o.ref)(null),v=(0,o.ref)([]),d=(0,o.ref)([]),p=(0,o.ref)(-1),h=(0,o.ref)(-1),y=(0,o.computed)((function(){return t.sourceList&&Array.isArray(t.sourceList)?-1!==t.sourceList.toString().indexOf("[object Object]"):"empty"})),g=(0,o.computed)((function(){return y.value?t.settingKey:"index"})),m=(0,o.computed)((function(){return y.value?t.displayKey:"value"})),b=(0,o.computed)((function(){return c.value?v.value.filter((function(t){return!(0,e.isEmpty)(t[m.value])&&String(t[m.value]).indexOf(c.value)>-1})):v.value}));(0,o.watch)((function(){return t.sourceList}),(function(){"empty"!==y.value&&(L(),w())}),{deep:!0}),(0,o.watch)((function(){return t.targetList}),(function(){L(),w()}),{deep:!0}),(0,o.watch)((function(){return[m.value,g.value]}),(function(){L()})),(0,o.watch)((function(){return t.sortKey}),(function(e){i=e,w()})),(0,o.watch)((function(){return t.sortable}),(function(e){s=e,w()}));var L=function(){"empty"!==y.value&&(y.value?S():x())},x=function(){if(!t.targetList.length||t.targetList.length>t.sourceList.length){for(var e,r=[],n=0;n<t.sourceList.length;n++)r.push({index:n,value:t.sourceList[n]});v.value=[].concat(r),(e=d.value).splice.apply(e,[0,d.value.length].concat([])),l("change",v.value,[],[])}else{for(var o=[],u=[],i=0;i<t.sourceList.length;i++)o.push({index:i,value:t.sourceList[i]});t.targetList.forEach((function(e){var t=o.find((function(t){return t.value===e}));t&&u.push(t)})),d.value=[].concat(u);var s=o.filter((function(e){return u.every((function(t){return t.index!==e.index}))}));v.value=a(s),l("change",v.value,a(N(d.value,!1)),[])}},S=function(){if(!t.targetList.length||t.targetList.length>t.sourceList.length){var e;(e=v.value).splice.apply(e,[0,v.value.length].concat(a(t.sourceList))),d.value=[],l("change",v.value,[],[])}else{var r=t.sourceList.filter((function(e){return t.targetList.every((function(t){return t!==e[g.value]}))})),n=[];t.sourceList.forEach((function(e){t.targetList.forEach((function(t){e[g.value]===t&&n.push(e)}))})),d.value=[].concat(n),v.value=a(r);var o=a(N(d.value));l("change",v.value,d.value,o)}},w=function(){var e=[];if(y.value)s||(i=""),e=a(t.sourceList);else{i=s?"index":"";for(var r=0;r<t.sourceList.length;r++)e.push({index:r,value:t.sourceList[r]})}if(i){var n=[];if(e.forEach((function(e){n.push(e[i])})),(u=[].concat(n)).length===t.sourceList.length){var o=a(v.value);v.value=a(T(o,i,u))}}},V=function(){var e=v.value,t=y.value?d.value:a(N(d.value,!1)),r=y.value?a(N(d.value)):[];l("change",e,t,r)},N=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!e.length)return[];var o=a(e);return o.forEach((function(e){if(t)for(var a=0,o=Object.entries(e);a<o.length;a++){var l=n(o[a],2),u=l[0],i=l[1];u===g.value&&r.push(i)}else r.push(e.value)})),r},T=function(e,t,r){var n=r;return e.sort((function(e,r){return n.indexOf(e[t])-n.indexOf(r[t])>=0}))},A=function(e){v.value=v.value.filter((function(t){return t[g.value]!==e[g.value]}))};return"empty"!==y.value&&(y.value?S():x(),w()),{keyword:c,transferRef:f,dataList:v,allToRight:function(){p.value=-1;var e=b.value,r=d.value;e.forEach((function(e){r.push(e),A(e)})),u.length===t.sourceList.length?d.value=a(T(r,i,u)):d.value=a(r),V()},allToLeft:function(){h.value=-1;for(var e=d.value,r=v.value;e.length;){var n=e.shift();r.push(n),u.length===t.sourceList.length?v.value=a(T(r,i,u)):v.value=a(r)}V()},displayDataList:b,displayCode:m,leftHoverIndex:p,rightHoverIndex:h,handleItemMouseEvent:function(e,t,r,n){t.preventDefault(),t.stopPropagation();var a="over"===e?n:-1;r?p.value=a:h.value=a},handleItemClick:function(e,r,n){e.preventDefault(),e.stopPropagation(),n?p.value=-1:h.value=-1;var o=n?b.value[r]:d.value.splice(r,1)[0],l=n?d.value:v.value;l.push(o),n&&A(o);var s=u.length===t.sourceList.length?a(T(l,i,u)):a(l);n?d.value=a(s):v.value=a(s),V()},hasSelectedList:d}},render:function(){var e=this,t=this.$props,r=t.extCls,n=t.title,a=t.emptyContent,l=t.searchable,u=t.searchPlaceholder,s=function(t){var r,a,l="left-header"===t,u="".concat(l?null!==(r=n[0])&&void 0!==r?r:"左侧列表":null!==(a=n[1])&&void 0!==a?a:"右侧列表"),i=l?!e.dataList.length:!e.hasSelectedList.length;return e.$slots[t]?(0,o.createVNode)("div",{class:"slot-header"},[(0,o.createVNode)("div",{class:"slot-content"},[e.$slots[t]()])]):(0,o.createVNode)("div",{class:"header"},["".concat(u,"（共").concat(e.dataList.length,"条）"),(0,o.createVNode)("span",{class:{disabled:i},onClick:function(){return l&&e.dataList.length&&e.allToRight(),void(!l&&e.hasSelectedList.length&&e.allToLeft())}},[l?"全部添加":"清空"])])},f=function(t,r){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=n?e.leftHoverIndex:e.rightHoverIndex;return(0,o.createVNode)("div",{class:"item-content"},[(0,o.createVNode)("span",{class:"content-text",title:t[e.displayCode]},[t[e.displayCode]]),(0,o.createVNode)("span",{class:["icon-wrapper",r===a?"hover":""]},[n?(0,o.createVNode)(i.ArrowsRight,{class:"bk-icon"},null):(0,o.createVNode)(i.Error,{class:"bk-icon"},null)])])},v=function(t){var r="left"===t,n=r?e.displayDataList:e.hasSelectedList,u=r?"source-option":"target-option",i=r?"left-empty-content":"right-empty-content";return n.length?(0,o.createVNode)("ul",{class:["content",l&&r?"is-search":""]},[n.map((function(t,n){var a,l,i;return(0,o.createVNode)("li",{key:n,class:[e.$slots[u]?"custom-item":""],onClick:function(t){return e.handleItemClick(t,n,r)},onMouseover:function(t){return e.handleItemMouseEvent("over",t,r,n)},onMouseleave:function(t){return e.handleItemMouseEvent("leave",t,r,n)}},[null!==(i=null===(l=(a=e.$slots)[u])||void 0===l?void 0:l.call(a,t))&&void 0!==i?i:f(t,n,r)])}))]):function(t){var r,n="left-empty-content"===t,l=null!==(r=n?a[0]:a[1])&&void 0!==r?r:n?"无数据":"未选择任何项";return e.$slots[t]?(0,o.createVNode)("div",null,[e.$slots[t]()]):(0,o.createVNode)("div",{class:"empty"},[l])}(i)};return(0,o.createVNode)("div",{class:["bk-transfer",r],ref:"transferRef"},[(0,o.createVNode)("div",{class:"source-list"},[s("left-header"),l&&(0,o.createVNode)(c(),{modelValue:e.keyword,"onUpdate:modelValue":function(t){return e.keyword=t},class:"transfer-search-input",clearable:!0,placeholder:u||"请输入搜索关键字",type:"search","left-icon":"bk-icon icon-search"},null),v("left")]),(0,o.createVNode)("div",{class:"transfer"},null),(0,o.createVNode)("div",{class:"target-list"},[s("right-header"),v("right")])])}}),v=(0,e.withInstall)(f)})(),u})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/","../input"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/"),require("../input")):t(e["../shared"],e.vue,e["../icon/"],e["../input"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n)=>(()=>{"use strict";var a={7685:e=>{e.exports=r},8133:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function u(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return a[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{u.r(l),u.d(l,{default:()=>v});var e=u(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function r(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}}function n(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],u=!0,l=!1;try{for(r=r.call(e);!(u=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);u=!0);}catch(e){l=!0,a=e}finally{try{u||null==r.return||r.return()}finally{if(l)throw a}}return o}}(e,t)||r(e,t)||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.")}()}function a(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||r(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.")}()}var o=u(748),i=u(7685),s=u(8133),c=u.n(s);e.PropTypes.string,e.PropTypes.string,e.PropTypes.string,e.PropTypes.string,e.PropTypes.bool,e.PropTypes.bool,e.PropTypes.string,e.PropTypes.bool;const f=(0,o.defineComponent)({name:"Transfer",props:{title:{type:Array,default:function(){return[]}},extCls:{type:String,default:""},searchPlaceholder:{type:String,default:""},settingKey:{type:String,default:"id"},displayKey:{type:String,default:"value"},sortKey:{type:String,default:""},showOverflowTips:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},sortable:{type:Boolean,default:!1},sourceList:{type:Array,default:function(){return[]}},targetList:{type:Array,default:function(){return[]}},emptyContent:{type:Array,default:function(){return[]}}},emits:["change"],slots:["left-header","right-header","source-option","target-option","left-empty-content","right-empty-content"],setup:function(t,r){var u=r.emit,l=[],i=t.sortKey,s=t.sortable,c=(0,o.ref)(""),f=(0,o.ref)(null),v=(0,o.ref)([]),d=(0,o.ref)([]),p=(0,o.ref)(-1),h=(0,o.ref)(-1),y=(0,o.computed)((function(){return t.sourceList&&Array.isArray(t.sourceList)?-1!==t.sourceList.toString().indexOf("[object Object]"):"empty"})),g=(0,o.computed)((function(){return y.value?t.settingKey:"index"})),m=(0,o.computed)((function(){return y.value?t.displayKey:"value"})),b=(0,o.computed)((function(){return c.value?v.value.filter((function(t){return!(0,e.isEmpty)(t[m.value])&&String(t[m.value]).indexOf(c.value)>-1})):v.value}));(0,o.watch)((function(){return t.sourceList}),(function(){"empty"!==y.value&&(L(),w())}),{deep:!0}),(0,o.watch)((function(){return t.targetList}),(function(){L(),w()}),{deep:!0}),(0,o.watch)((function(){return[m.value,g.value]}),(function(){L()})),(0,o.watch)((function(){return t.sortKey}),(function(e){i=e,w()})),(0,o.watch)((function(){return t.sortable}),(function(e){s=e,w()}));var L=function(){"empty"!==y.value&&(y.value?S():x())},x=function(){if(!t.targetList.length||t.targetList.length>t.sourceList.length){for(var e,r=[],n=0;n<t.sourceList.length;n++)r.push({index:n,value:t.sourceList[n]});v.value=[].concat(r),(e=d.value).splice.apply(e,[0,d.value.length].concat([])),u("change",v.value,[],[])}else{for(var o=[],l=[],i=0;i<t.sourceList.length;i++)o.push({index:i,value:t.sourceList[i]});t.targetList.forEach((function(e){var t=o.find((function(t){return t.value===e}));t&&l.push(t)})),d.value=[].concat(l);var s=o.filter((function(e){return l.every((function(t){return t.index!==e.index}))}));v.value=a(s),u("change",v.value,a(T(d.value,!1)),[])}},S=function(){if(!t.targetList.length||t.targetList.length>t.sourceList.length){var e;(e=v.value).splice.apply(e,[0,v.value.length].concat(a(t.sourceList))),d.value=[],u("change",v.value,[],[])}else{var r=t.sourceList.filter((function(e){return t.targetList.every((function(t){return t!==e[g.value]}))})),n=[];t.sourceList.forEach((function(e){t.targetList.forEach((function(t){e[g.value]===t&&n.push(e)}))})),d.value=[].concat(n),v.value=a(r);var o=a(T(d.value));u("change",v.value,d.value,o)}},w=function(){var e=[];if(y.value)s||(i=""),e=a(t.sourceList);else{i=s?"index":"";for(var r=0;r<t.sourceList.length;r++)e.push({index:r,value:t.sourceList[r]})}if(i){var n=[];if(e.forEach((function(e){n.push(e[i])})),(l=[].concat(n)).length===t.sourceList.length){var o=a(v.value);v.value=a(N(o,i,l))}}},V=function(){var e=v.value,t=y.value?d.value:a(T(d.value,!1)),r=y.value?a(T(d.value)):[];u("change",e,t,r)},T=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!e.length)return[];var o=a(e);return o.forEach((function(e){if(t)for(var a=0,o=Object.entries(e);a<o.length;a++){var u=n(o[a],2),l=u[0],i=u[1];l===g.value&&r.push(i)}else r.push(e.value)})),r},N=function(e,t,r){var n=r;return e.sort((function(e,r){return n.indexOf(e[t])-n.indexOf(r[t])>=0}))},A=function(e){v.value=v.value.filter((function(t){return t[g.value]!==e[g.value]}))};return"empty"!==y.value&&(y.value?S():x(),w()),{keyword:c,transferRef:f,dataList:v,allToRight:function(){p.value=-1;var e=b.value,r=d.value;e.forEach((function(e){r.push(e),A(e)})),l.length===t.sourceList.length?d.value=a(N(r,i,l)):d.value=a(r),V()},allToLeft:function(){h.value=-1;for(var e=d.value,r=v.value;e.length;){var n=e.shift();r.push(n),l.length===t.sourceList.length?v.value=a(N(r,i,l)):v.value=a(r)}V()},displayDataList:b,displayCode:m,leftHoverIndex:p,rightHoverIndex:h,handleItemMouseEvent:function(e,t,r,n){t.preventDefault(),t.stopPropagation();var a="over"===e?n:-1;r?p.value=a:h.value=a},handleItemClick:function(e,r,n){e.preventDefault(),e.stopPropagation(),n?p.value=-1:h.value=-1;var o=n?b.value[r]:d.value.splice(r,1)[0],u=n?d.value:v.value;u.push(o),n&&A(o);var s=l.length===t.sourceList.length?a(N(u,i,l)):a(u);n?d.value=a(s):v.value=a(s),V()},hasSelectedList:d}},render:function(){var e=this,t=this.$props,r=t.extCls,n=t.title,a=t.emptyContent,u=t.searchable,l=t.searchPlaceholder,s=function(t){var r,a,u="left-header"===t,l="".concat(u?null!==(r=n[0])&&void 0!==r?r:"左侧列表":null!==(a=n[1])&&void 0!==a?a:"右侧列表"),i=u?!e.dataList.length:!e.hasSelectedList.length;return e.$slots[t]?(0,o.createVNode)("div",{class:"slot-header"},[e.$slots[t]()]):(0,o.createVNode)("div",{class:"header"},["".concat(l,"（共").concat(e.dataList.length,"条）"),(0,o.createVNode)("span",{class:{disabled:i},onClick:function(){return u&&e.dataList.length&&e.allToRight(),void(!u&&e.hasSelectedList.length&&e.allToLeft())}},[u?"全部添加":"清空"])])},f=function(t,r){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=n?e.leftHoverIndex:e.rightHoverIndex;return(0,o.createVNode)("div",{class:"item-content"},[(0,o.createVNode)("span",{class:"content-text",title:t[e.displayCode]},[t[e.displayCode]]),(0,o.createVNode)("span",{class:["icon-wrapper",r===a?"hover":""]},[n?(0,o.createVNode)(i.ArrowsRight,{class:"bk-icon"},null):(0,o.createVNode)(i.Error,{class:"bk-icon"},null)])])},v=function(t){var r="left"===t,n=r?e.displayDataList:e.hasSelectedList,l=r?"source-option":"target-option",i=r?"left-empty-content":"right-empty-content";return n.length?(0,o.createVNode)("ul",{class:["content",u&&r?"is-search":""]},[n.map((function(t,n){var a,u,i;return(0,o.createVNode)("li",{key:n,class:[e.$slots[l]?"custom-item":""],onClick:function(t){return e.handleItemClick(t,n,r)},onMouseover:function(t){return e.handleItemMouseEvent("over",t,r,n)},onMouseleave:function(t){return e.handleItemMouseEvent("leave",t,r,n)}},[null!==(i=null===(u=(a=e.$slots)[l])||void 0===u?void 0:u.call(a,t))&&void 0!==i?i:f(t,n,r)])}))]):function(t){var r,n="left-empty-content"===t,u=null!==(r=n?a[0]:a[1])&&void 0!==r?r:n?"无数据":"未选择任何项";return e.$slots[t]?(0,o.createVNode)("div",null,[e.$slots[t]()]):(0,o.createVNode)("div",{class:"empty"},[u])}(i)};return(0,o.createVNode)("div",{class:["bk-transfer",r],ref:"transferRef"},[(0,o.createVNode)("div",{class:"source-list"},[s("left-header"),u&&(0,o.createVNode)(c(),{modelValue:e.keyword,"onUpdate:modelValue":function(t){return e.keyword=t},class:"transfer-search-input",clearable:!0,placeholder:l||"请输入搜索关键字",type:"search","left-icon":"bk-icon icon-search"},null),v("left")]),(0,o.createVNode)("div",{class:"transfer"},null),(0,o.createVNode)("div",{class:"target-list"},[s("right-header"),v("right")])])}}),v=(0,e.withInstall)(f)})(),l})()));

package/lib/transfer/transfer.css

@@ -5,57 +5,46 @@
 /* 重点表示、强调、链接以及带有明确指示性 */
 /* 正常尺寸图标 */
 .bk-transfer {
-  position: relative;
   display: flex;
-  font-size: 14px;
-  flex-direction: row;
   justify-content: center;
+  align-items: center;
+  font-size: 14px;
 }
 .bk-transfer .transfer {
-  position: absolute;
-  top: 50%;
-  left: 50%;
   width: 30px;
   height: 30px;
+  margin: 0 2px;
   background: url('@bkui-vue/styles/images/transfer.png') no-repeat center center;
-  transform: translate(-50%, -50%);
 }
 .bk-transfer .source-list,
 .bk-transfer .target-list {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
   height: 400px;
   min-width: 200px;
   overflow: hidden;
   background-color: #fff;
   border: 1px solid #dde4eb;
   border-radius: 2px;
-  flex: 1;
 }
 .bk-transfer .source-list .slot-header,
-.bk-transfer .target-list .slot-header {
-  position: relative;
+.bk-transfer .target-list .slot-header,
+.bk-transfer .source-list .header,
+.bk-transfer .target-list .header {
   height: 43px;
   padding: 0 20px;
-  line-height: 43px;
   background-color: #fafbfd;
   border-bottom: 1px solid #dde4eb;
 }
-.bk-transfer .source-list .slot-header .slot-content,
-.bk-transfer .target-list .slot-header .slot-content {
-  position: relative;
-}
 .bk-transfer .source-list .header,
 .bk-transfer .target-list .header {
-  position: relative;
-  height: 43px;
-  padding: 0 20px;
-  line-height: 43px;
-  background-color: #fafbfd;
-  border-bottom: 1px solid #dde4eb;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 .bk-transfer .source-list .header span,
 .bk-transfer .target-list .header span {
-  position: absolute;
-  right: 10px;
   font-size: 12px;
   color: #3a84ff;
   cursor: pointer;
@@ -65,39 +54,43 @@
   color: #c4c6cc;
   cursor: not-allowed;
 }
+.bk-transfer .source-list .transfer-search-input,
+.bk-transfer .target-list .transfer-search-input {
+  height: 36px;
+  border-bottom: 1px solid #f0f1f5;
+  border-width: 0 0 1px 0;
+  border-radius: 0;
+  outline: none;
+}
+.bk-transfer .source-list .transfer-search-input.is-focused,
+.bk-transfer .target-list .transfer-search-input.is-focused {
+  box-shadow: none;
+}
 .bk-transfer .source-list .empty,
 .bk-transfer .target-list .empty {
-  position: relative;
-  top: 40%;
-  width: 100%;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 30px;
   color: #c4c6cc;
-  text-align: center;
   cursor: default;
 }
 .bk-transfer .source-list .content,
 .bk-transfer .target-list .content {
-  position: relative;
-  max-height: calc(100% - 50px);
-  padding: 0;
+  flex: 1;
   margin: 6px 0;
   overflow-y: auto;
 }
-.bk-transfer .source-list .content.is-search,
-.bk-transfer .target-list .content.is-search {
-  max-height: calc(100% - 86px);
-}
 .bk-transfer .source-list .content li.custom-item,
 .bk-transfer .target-list .content li.custom-item,
 .bk-transfer .source-list .content li .item-content,
 .bk-transfer .target-list .content li .item-content {
-  position: relative;
   display: flex;
+  align-items: center;
   height: 40px;
   padding: 0 20px;
-  line-height: 40px;
-  list-style: none;
   cursor: pointer;
-  align-items: center;
 }
 .bk-transfer .source-list .content li.custom-item:hover,
 .bk-transfer .target-list .content li.custom-item:hover,
@@ -110,23 +103,29 @@
 .bk-transfer .target-list .content li.custom-item .content-text,
 .bk-transfer .source-list .content li .item-content .content-text,
 .bk-transfer .target-list .content li .item-content .content-text {
+  flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  flex: 1;
 }
 .bk-transfer .source-list .content li.custom-item .icon-wrapper,
 .bk-transfer .target-list .content li.custom-item .icon-wrapper,
 .bk-transfer .source-list .content li .item-content .icon-wrapper,
 .bk-transfer .target-list .content li .item-content .icon-wrapper {
-  display: none;
-  flex: 22px 0 0;
+  visibility: hidden;
 }
 .bk-transfer .source-list .content li.custom-item .icon-wrapper.hover,
 .bk-transfer .target-list .content li.custom-item .icon-wrapper.hover,
 .bk-transfer .source-list .content li .item-content .icon-wrapper.hover,
 .bk-transfer .target-list .content li .item-content .icon-wrapper.hover {
-  display: inline-block;
+  visibility: visible;
+}
+.bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon,
+.bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon,
+.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon {
+  display: flex;
+  font-size: 22px;
 }
 .bk-transfer .source-list .content::-webkit-scrollbar,
 .bk-transfer .target-list .content::-webkit-scrollbar {
@@ -138,21 +137,3 @@
   background-color: #e6e9ea;
   border-radius: 2px;
 }
-.bk-transfer .source-list .content .bk-icon,
-.bk-transfer .target-list .content .bk-icon {
-  font-size: 22px;
-}
-.bk-transfer .target-list {
-  margin-left: 33px;
-}
-.bk-transfer .transfer-search-input {
-  height: 36px;
-  line-height: 34px;
-  border: none;
-  border-bottom: 1px solid #f0f1f5;
-  outline: none;
-}
-.bk-transfer .transfer-search-input.is-focused {
-  border-color: #f0f1f5;
-  box-shadow: 0px 0px 3px 0px transparent;
-}