bkui-vue 0.0.1-beta.49 → 0.0.1-beta.51

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("../pagination"),require("../checkbox"),require("../icon"),require("../popover"),require("lodash"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../pagination","../checkbox","../icon","../popover","lodash","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("../pagination"),require("../checkbox"),require("../icon"),require("../popover"),require("lodash"),require("../icon/")):t(e["../shared"],e.vue,e["../virtual-render"],e["../pagination"],e["../checkbox"],e["../icon"],e["../popover"],e.lodash,e["../icon/"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o,i,a,c,l)=>(()=>{"use strict";var u={5800:e=>{e.exports=o},6870:e=>{e.exports=i},7685:e=>{e.exports=l},5801:e=>{e.exports=r},5537:e=>{e.exports=a},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=c},748:e=>{e.exports=t}},s={};function p(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={exports:{}};return u[e](n,n.exports,p),n.exports}p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var n in t)p.o(t,n)&&!p.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var f={};return(()=>{p.r(f),p.d(f,{default:()=>D});var e=p(4212);function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function r(e){return function(e){if(Array.isArray(e))return n(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 n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(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 o,i=p(748),a=p(3511),c=p.n(a),l=["none","row","col","outer"];!function(e){e.CURRENT="current",e.ALL="all"}(o||(o={}));var u={data:e.PropTypes.arrayOf(e.PropTypes.any).def([]),columns:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),field:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),render:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),width:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]),type:e.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortFn:e.PropTypes.func.def(null),sortScope:e.PropTypes.commonType(Object.values(o)).def(o.CURRENT)}),e.PropTypes.bool]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(null)}),e.PropTypes.bool]).def(!1)})),activeColumn:e.PropTypes.oneOfType([e.PropTypes.number.def(-1),e.PropTypes.arrayOf(e.PropTypes.number.def(-1))]),columnPick:e.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),minHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),rowHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(40),headHeight:e.PropTypes.number.def(40),showHead:e.PropTypes.bool.def(!0),thead:e.PropTypes.shape({height:e.PropTypes.number.def(40),isShow:e.PropTypes.bool.def(!0),cellFn:e.PropTypes.func.def(null)}),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(l,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1)};function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function h(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var v=p(5801),y=p.n(v),m=p(5800),g=p.n(m),b=p(6870),C=p(5537),T=p.n(C);function P(e){return P="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},P(e)}var k=p(467),O=void 0,x=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[O].concat(r(n))):e[t]},w=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:N(e.activeColumn):Array.isArray(e.activeColumn)?N(e.activeColumn[0]):N(e.activeColumn):[]},N=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},S=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,r="";return r=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(r="calc(".concat(r," - ").concat(n,")")),r},j=function(e,t){if(e){if("object"===P(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{}},V=function(e){var t=e.showHead,n=e.headHeight,r=e.thead,o=void 0===r?{}:r;return Object.assign({},{isShow:t,height:n},Object.assign({},o))},A=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]};const _=(0,i.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var a=o.emit,c=n.column,l=(0,i.ref)(!1),u=(0,i.reactive)({isOpen:!1,checked:[]}),s=(0,i.computed)((function(){var r;return(0,e.classes)((t(r={},(0,e.resolveClassName)("table-head-action"),!0),t(r,"column-filter",!0),t(r,"--row-height","".concat(n.height,"px")),t(r,"active",u.checked.length),t(r,"opened",u.isOpen),r))})),p=(0,e.classes)(t({},(0,e.resolveClassName)("table-head-filter"),!0)),f=function(e){u.isOpen=e},d=[{name:"offset",options:{offset:[0,0]}}],h="light ".concat((0,e.resolveClassName)("table-head-filter")),v=(0,i.computed)((function(){var e=c.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:u.checked.includes(e.value)})}))})),y="function"==typeof c.filter.filterFn?function(e,t,r,o){return c.filter.filterFn(e,t,n.column,r,o)}:function(e,t){return!e.length||e.includes(A(t,x(c,"field",[c,t]),c))},C=function(){a("change",r(u.checked),y),l.value=!1},P=function(){u.checked.length&&u.checked.splice(0,u.checked.length)};return function(){return(0,i.createVNode)(T(),(0,i.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:d,theme:h},{boundary:document.body,onAfterShow:function(){return f(!0)},onAfterHidden:function(){return f(!1)}}),{default:function(){return(0,i.createVNode)(b.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,i.createVNode)("div",{class:p},[(0,i.createVNode)(m.BkCheckboxGroup,{class:"content-list",modelValue:u.checked,"onUpdate:modelValue":function(e){return u.checked=e}},(t=e=v.value.map((function(e){return(0,i.createVNode)("div",{class:"list-item"},[(0,i.createVNode)(g(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,i.isVNode)(t)?e:{default:function(){return[e]}})),(0,i.createVNode)("div",{class:"content-footer"},[(0,i.createVNode)("span",{class:"btn-filter-save",onClick:C},[(0,i.createTextVNode)("确定")]),(0,i.createVNode)("span",{class:"btn-filter-split"},null),(0,i.createVNode)("span",{class:["btn-filter-reset",u.checked.length?"":"disable"],onClick:P},[(0,i.createTextVNode)("重置")])])])}})}}});var H,F=p(7685);!function(e){e.ASC="asc",e.DESC="desc"}(H||(H={}));const E=(0,i.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(t,n){var r=n.emit,o=(0,i.ref)(""),a=function(e,n){var i,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),o.value=n;var c=t.column.field,l=function(e){return A(e,c,t.column)},u="function"==typeof(null===(i=t.column.sort)||void 0===i?void 0:i.sortFn)?null===(a=t.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=l(e),r=l(t);return"number"==typeof n&&"number"==typeof r?n-r:String.prototype.localeCompare.call(n,r)};r("change",(function(e,t){return u(e,t)*(n===H.DESC?-1:1)}),n)};return function(){return(0,i.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,i.createVNode)(F.AngleDownFill,{class:["sort-action","sort-asc",o.value===H.ASC?"active":""],onClick:function(e){return a(e,H.ASC)}},null),(0,i.createVNode)(F.AngleUpFill,{class:["sort-action","sort-desc",o.value===H.DESC?"active":""],onClick:function(e){return a(e,H.DESC)}},null)])}}});var q,L=h((function e(t,n){s(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n}));!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick"}(q||(q={}));var R=function(){function t(n,r,o,i){var a=this;s(this,t),this.getColumnClass=function(e){return"".concat(a.uuid,"-column-").concat(e)},this.props=n,this.context=r,this.reactiveProp=o,this.colgroups=i,this.plugins=new L(n,r),this.uuid=(0,e.random)(8),this.events=new Map}return h(t,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=V(this.props).isShow;return void 0===e||e?(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()]):null}},{key:"renderTableBodySchema",value:function(e){return(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return(0,i.createVNode)(y(),(0,i.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 n=this;return(0,i.createVNode)(E,{column:e,onChange:function(r,o){n.emitEvent(q.ON_SORT_BY_CLICK,[{sortFn:r,column:e,index:t,type:o}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,i.createVNode)(_,{column:e,height:this.props.headHeight,onChange:function(r,o){n.emitEvent(q.ON_FILTER_CLICK,[{filterFn:function(e,t){return o(r,e,t)},checked:r,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var t=this,n=V(this.props),r=n.cellFn,o={"--row-height":"".concat(x(n,"height",["thead"]),"px")},a=function(e,n){var o=[];return e.sort&&o.push(t.getSortCell(e,n)),e.filter&&o.push(t.getFilterCell(e,n)),"function"==typeof r?(o.unshift(r(e,n)),o):(o.unshift(x(e,"label",[e,n])),o)};return(0,i.createVNode)("thead",{style:o},[(0,i.createVNode)("tr",null,[this.props.columns.map((function(n,r){return(0,i.createVNode)("th",{colspan:1,rowspan:1,class:(0,e.classes)({active:t.isColActive(r)}),onClick:function(){return t.handleColumnHeadClick(r)}},[(0,i.createVNode)("div",{class:"cell"},[a(n,r)])])}))])])}},{key:"renderTBody",value:function(e){var t=this;return(0,i.createVNode)("tbody",null,[e.map((function(n,r){var o={"--row-height":"".concat(x(t.props,"rowHeight",["tbody",n,r]),"px")};return(0,i.createVNode)("tr",{style:o,onClick:function(o){return t.handleRowClick(o,n,r,e)},onDblclick:function(o){return t.handleRowDblClick(o,n,r,e)}},[t.props.columns.map((function(o,a){return(0,i.createVNode)("td",{class:t.getColumnClass(a),colspan:1,rowspan:1},[(0,i.createVNode)("div",{class:"cell"},[t.renderCell(n,o,r,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,n,r){this.context.emit("rowClick",e,t,n,r,this)}},{key:"handleRowDblClick",value:function(e,t,n,r){this.context.emit("rowDblClick",e,t,n,r,this)}},{key:"renderCell",value:function(e,t,n,r){var o=A(e,x(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(o,e,n,r):o}},{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 t=this;return(0,i.createVNode)("colgroup",null,[(this.colgroups||[]).map((function(n,r){var o,a=(0,e.classes)({active:t.isColActive(r)}),c="".concat((o=n.calcWidth,S(o,"auto"))).replace(/px$/i,"");return(0,i.createVNode)("col",{class:a,width:c},null)}))])}}]),t}();const I=(0,i.defineComponent)({name:"Table",props:u,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,o){var a=(0,i.reactive)(w(n)),u=(0,i.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),s=(0,i.ref)(0),p=(0,i.ref)(0),f=null,d=null,h=(0,i.reactive)({count:0,limit:10,current:1});h=j(n.pagination,h);var v=function(){if(!n.pagination||n.remotePagination)return s.value=0,void(p.value=n.data.length);s.value=(h.current-1)*h.limit,p.value=h.current*h.limit};v();var y=null,m=(0,i.ref)(),g=function(){return(n.columns||[]).map((function(e,t){return{index:t,active:a.some((function(e){return e===t})),_column:e}}))},b=(0,i.reactive)({activeColumns:g(),scrollTranslateY:0});(0,i.watch)((function(){return[n.activeColumn,n.columns]}),(function(){(0,i.nextTick)((function(){b.activeColumns=g();var e=w(n);b.activeColumns.forEach((function(t,n){Object.assign(t,{active:e.some((function(e){return e===n}))})}))}))}),{deep:!0});var C=(0,i.computed)((function(){return n.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),T=(0,i.reactive)([]),P=function(){if(T.splice.apply(T,[0,T.length].concat(r(C.value.slice(s.value,p.value)))),"function"==typeof d){var e=T.filter((function(e,t){return d(e,t,n.data)}));T.splice.apply(T,[0,T.length].concat(r(e)))}"function"==typeof f&&T.sort(f)};(0,i.watchEffect)((function(){h=j(n.pagination,h),v(),P()}));var O=new R(n,o,b,u);O.on(q.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;f=t,T.sort(f)})).on(q.ON_FILTER_CLICK,(function(e){var t=e.filterFn;d=t,P()}));var x=(0,i.computed)((function(){return{minHeight:S(n.minHeight,"auto")}})),N=(0,i.computed)((function(){return n.pagination?n.remotePagination?h:Object.assign(Object.assign({},h),{count:n.data.length}):null})),V=(0,i.computed)((function(){var e,t=S(n.height),r=n.showHead?S(n.headHeight):"0",o=(e=n.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(e))),i=n.pagination?40:0,a="calc(".concat(t," - ").concat(r," - ").concat(i,"px - 2px)");return Object.assign({display:"block"},o?{maxHeight:a}:{height:a})})),A=(0,i.computed)((function(){return(0,e.classes)(t({},(0,e.resolveClassName)("table"),!0),(i=["row"],"string"==typeof(o=n.border)&&i.push(o),Array.isArray(o)&&i.push.apply(i,r(o.filter((function(e){return l.includes(e)})))),r(new Set(i)).map((function(e){return"bordered-".concat(e)})).join(" ")));var o,i})),_=(0,e.classes)(t({},(0,e.resolveClassName)("table-head"),!0)),H=(0,e.classes)(t({},(0,e.resolveClassName)("table-body"),!0)),F=(0,e.classes)(t({},(0,e.resolveClassName)("table-footer"),!0)),E=function(e){var t=e[1];b.scrollTranslateY=t.translateY};return(0,i.onMounted)((function(){y=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=(0,k.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){o()}));return r&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(m.value,(function(){!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,r=(e.getBoundingClientRect()||{}).width-4,o=[],i=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(r-=t)<0&&(r=0)};if(t.forEach((function(e,t){var a=String(e.width),c=!0;if(/^\d+\.?\d*(px)?$/.test(a)){var l=Number(a.replace("px",""));i(e,l),c=!1}if(/^\d+\.?\d*%$/.test(a)){var u=n;if(r>0){var s=Number(a.replace("%",""));u=r*s/100}i(e,u),c=!1}c&&o.push(t)})),o.length>0){var a=n;r>0&&(a=r/o.length,o.forEach((function(e){return i(t[e],a,!1)})))}}(m.value,u,20)}),60,!0),y.start()})),(0,i.onBeforeUnmount)((function(){y.stop(),y=null,O.destroy()})),o.expose({plugins:O.plugins}),function(){return(0,i.createVNode)("div",{class:A.value,style:x.value,ref:m},[(0,i.createVNode)("div",{class:_},[O.renderTableHeadSchema()]),(0,i.createVNode)(c(),{lineHeight:n.rowHeight,class:H,style:V.value,list:T,onContentScroll:E,throttleDelay:0,enabled:n.virtualEnabled},{default:function(e){return O.renderTableBodySchema(e.data||n.data)},afterContent:function(){return(0,i.createVNode)("div",{class:(0,e.resolveClassName)("table-fixed")},null)}}),(0,i.createVNode)("div",{class:F},[n.pagination&&O.renderTableFooter(N.value)])])}}}),D=(0,e.withInstall)(I)})(),f})()));
+!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("../checkbox"),require("../icon"),require("../popover"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../checkbox","../icon","../popover","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o,i,a,c,l)=>(()=>{"use strict";var u={5800:e=>{e.exports=i},6870:e=>{e.exports=a},7685:e=>{e.exports=l},5801:e=>{e.exports=o},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=r},748:e=>{e.exports=t}},s={};function p(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={exports:{}};return u[e](n,n.exports,p),n.exports}p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var n in t)p.o(t,n)&&!p.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var f={};return(()=>{p.r(f),p.d(f,{default:()=>I});var e=p(4212),t=p(748),n=p(3511),r=p.n(n);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function i(e){return function(e){if(Array.isArray(e))return o(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 o(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)?o(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 a=p(467),c=["none","row","col","outer"],l=void 0,u=function(e,t,n){var r;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(r=e[t]).call.apply(r,[l].concat(i(n))):e[t]},s=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},d=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,r="";return r=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(r="calc(".concat(r," - ").concat(n,")")),r},h=function(e){var t=e.showHead,n=e.headHeight,r=e.thead,o=void 0===r?{}:r;return Object.assign({},{isShow:t,height:n},Object.assign({},o))},v=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},y=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:s(e.activeColumn):Array.isArray(e.activeColumn)?s(e.activeColumn[0]):s(e.activeColumn):[]};function m(e){return m="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},m(e)}var g=function(e,t){if(e){if("object"===m(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{}};var b;!function(e){e.CURRENT="current",e.ALL="all"}(b||(b={}));var C={data:e.PropTypes.arrayOf(e.PropTypes.any).def([]),columns:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),field:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),render:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),width:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]),type:e.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortFn:e.PropTypes.func.def(null),sortScope:e.PropTypes.commonType(Object.values(b)).def(b.CURRENT)}),e.PropTypes.bool]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(null)}),e.PropTypes.bool]).def(!1)})),activeColumn:e.PropTypes.oneOfType([e.PropTypes.number.def(-1),e.PropTypes.arrayOf(e.PropTypes.number.def(-1))]),columnPick:e.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),minHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),rowHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(40),headHeight:e.PropTypes.number.def(40),showHead:e.PropTypes.bool.def(!0),thead:e.PropTypes.shape({height:e.PropTypes.number.def(40),isShow:e.PropTypes.bool.def(!0),cellFn:e.PropTypes.func.def(null)}),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(c,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1)};function T(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function P(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function k(e,t,n){return t&&P(e.prototype,t),n&&P(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var O=p(5801),x=p.n(O);function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var N=p(5800),S=p.n(N),j=p(6870),V=p(5537),A=p.n(V);const _=(0,t.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,r){var o=r.emit,a=n.column,c=(0,t.ref)(!1),l=(0,t.reactive)({isOpen:!1,checked:[]}),s=(0,t.computed)((function(){var t;return(0,e.classes)((w(t={},(0,e.resolveClassName)("table-head-action"),!0),w(t,"column-filter",!0),w(t,"--row-height","".concat(n.height,"px")),w(t,"active",l.checked.length),w(t,"opened",l.isOpen),t))})),p=(0,e.classes)(w({},(0,e.resolveClassName)("table-head-filter"),!0)),f=function(e){l.isOpen=e},d=[{name:"offset",options:{offset:[0,0]}}],h="light ".concat((0,e.resolveClassName)("table-head-filter")),y=(0,t.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:l.checked.includes(e.value)})}))})),m="function"==typeof a.filter.filterFn?function(e,t,r,o){return a.filter.filterFn(e,t,n.column,r,o)}:function(e,t){return!e.length||e.includes(v(t,u(a,"field",[a,t]),a))},g=function(){o("change",i(l.checked),m),c.value=!1},b=function(){l.checked.length&&(l.checked.splice(0,l.checked.length),c.value=!1,(0,t.nextTick)((function(){return o("change",l.checked,m)})))};return function(){return(0,t.createVNode)(A(),(0,t.mergeProps)({trigger:"click",isShow:c.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:d,theme:h},{boundary:document.body,onAfterShow:function(){return f(!0)},onAfterHidden:function(){return f(!1)}}),{default:function(){return(0,t.createVNode)(j.AngleDownLine,{class:s.value,onClick:function(){return c.value=!0}},null)},content:function(){var e,n;return(0,t.createVNode)("div",{class:p},[(0,t.createVNode)(N.BkCheckboxGroup,{class:"content-list",modelValue:l.checked,"onUpdate:modelValue":function(e){return l.checked=e}},(n=e=y.value.map((function(e){return(0,t.createVNode)("div",{class:"list-item"},[(0,t.createVNode)(S(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!(0,t.isVNode)(n)?e:{default:function(){return[e]}})),(0,t.createVNode)("div",{class:"content-footer"},[(0,t.createVNode)("span",{class:"btn-filter-save",onClick:g},[(0,t.createTextVNode)("确定")]),(0,t.createVNode)("span",{class:"btn-filter-split"},null),(0,t.createVNode)("span",{class:["btn-filter-reset",l.checked.length?"":"disable"],onClick:b},[(0,t.createTextVNode)("重置")])])])}})}}});var E,F=p(7685);!function(e){e.ASC="asc",e.DESC="desc"}(E||(E={}));const H=(0,t.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(n,r){var o=r.emit,i=(0,t.ref)(""),a=function(e,t){var r,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value=t;var c=n.column.field,l=function(e){return v(e,c,n.column)},u="function"==typeof(null===(r=n.column.sort)||void 0===r?void 0:r.sortFn)?null===(a=n.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=l(e),r=l(t);return"number"==typeof n&&"number"==typeof r?n-r:String.prototype.localeCompare.call(n,r)};o("change",(function(e,n){return u(e,n)*(t===E.DESC?-1:1)}),t)};return function(){return(0,t.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,t.createVNode)(F.AngleDownFill,{class:["sort-action","sort-asc",i.value===E.ASC?"active":""],onClick:function(e){return a(e,E.ASC)}},null),(0,t.createVNode)(F.AngleUpFill,{class:["sort-action","sort-desc",i.value===E.DESC?"active":""],onClick:function(e){return a(e,E.DESC)}},null)])}}});var q,R=k((function e(t,n){T(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n}));!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick"}(q||(q={}));var D=function(){function n(t,r,o,i){var a=this;T(this,n),this.getColumnClass=function(e){return"".concat(a.uuid,"-column-").concat(e)},this.props=t,this.context=r,this.reactiveProp=o,this.colgroups=i,this.plugins=new R(t,r),this.uuid=(0,e.random)(8),this.events=new Map}return k(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=h(this.props).isShow;return void 0===e||e?(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()]):null}},{key:"renderTableBodySchema",value:function(e){return(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var n=this;return(0,t.createVNode)(x(),(0,t.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return n.handlePageLimitChange(e)},onChange:function(e){return n.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,n){var r=this;return(0,t.createVNode)(H,{column:e,onChange:function(t,o){r.emitEvent(q.ON_SORT_BY_CLICK,[{sortFn:t,column:e,index:n,type:o}])}},null)}},{key:"getFilterCell",value:function(e,n){var r=this;return(0,t.createVNode)(_,{column:e,height:this.props.headHeight,onChange:function(t,o){r.emitEvent(q.ON_FILTER_CLICK,[{filterFn:function(e,n){return o(t,e,n)},checked:t,column:e,index:n}])}},null)}},{key:"renderHeader",value:function(){var n=this,r=h(this.props),o=r.cellFn,i={"--row-height":"".concat(u(r,"height",["thead"]),"px")},a=function(e,t){var r=[];return e.sort&&r.push(n.getSortCell(e,t)),e.filter&&r.push(n.getFilterCell(e,t)),"function"==typeof o?(r.unshift(o(e,t)),r):(r.unshift(u(e,"label",[e,t])),r)};return(0,t.createVNode)("thead",{style:i},[(0,t.createVNode)("tr",null,[this.props.columns.map((function(r,o){return(0,t.createVNode)("th",{colspan:1,rowspan:1,class:(0,e.classes)({active:n.isColActive(o)}),onClick:function(){return n.handleColumnHeadClick(o)}},[(0,t.createVNode)("div",{class:"cell"},[a(r,o)])])}))])])}},{key:"renderTBody",value:function(e){var n=this;return(0,t.createVNode)("tbody",null,[e.map((function(r,o){var i={"--row-height":"".concat(u(n.props,"rowHeight",["tbody",r,o]),"px")};return(0,t.createVNode)("tr",{style:i,onClick:function(t){return n.handleRowClick(t,r,o,e)},onDblclick:function(t){return n.handleRowDblClick(t,r,o,e)}},[n.props.columns.map((function(i,a){return(0,t.createVNode)("td",{class:n.getColumnClass(a),colspan:1,rowspan:1},[(0,t.createVNode)("div",{class:"cell"},[n.renderCell(r,i,o,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,n,r){this.context.emit("rowClick",e,t,n,r,this)}},{key:"handleRowDblClick",value:function(e,t,n,r){this.context.emit("rowDblClick",e,t,n,r,this)}},{key:"renderCell",value:function(e,t,n,r){var o=v(e,u(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(o,e,n,r):o}},{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 n=this;return(0,t.createVNode)("colgroup",null,[(this.colgroups||[]).map((function(r,o){var i,a=(0,e.classes)({active:n.isColActive(o)}),c="".concat((i=r.calcWidth,d(i,"auto"))).replace(/px$/i,"");return(0,t.createVNode)("col",{class:a,width:c},null)}))])}}]),n}();const L=(0,t.defineComponent)({name:"Table",props:C,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,o){var l=(0,t.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),u=null,s=null,p=null,f=(0,t.ref)(),h=function(e){var n=(0,t.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:n};var r=(0,t.reactive)(y(e));return(0,t.watchEffect)((function(){n=(e.columns||[]).map((function(e,t){return{index:t,active:r.some((function(e){return e===t})),_column:e}}));var t=y(e);n.forEach((function(e,n){Object.assign(e,{active:t.some((function(e){return e===n}))})}))})),{activeColumns:n}}(n).activeColumns,v=function(e){var n=(0,t.ref)(0),r=(0,t.ref)(0),o=(0,t.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),a=(0,t.reactive)({count:0,limit:10,current:1});a=g(e.pagination,a);var c=function(){if(!e.pagination||e.remotePagination)return n.value=0,void(r.value=e.data.length);n.value=(a.current-1)*a.limit,r.value=a.current*a.limit};c();var l=(0,t.reactive)([]),u=function(t,a){l.splice.apply(l,[0,l.length].concat(i(o.value.slice(n.value,r.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,r){return t(n,r,e.data)}));l.splice.apply(l,[0,l.length].concat(i(n)))}}(t),function(e){"function"==typeof e&&l.sort(e)}(a)},s=(0,t.computed)((function(){return e.pagination?e.remotePagination?a:Object.assign(Object.assign({},a),{count:e.data.length}):null}));return{pageData:l,localPagination:s,resolvePageData:u,watchEffectFn:function(t,n){a=g(e.pagination,a),c(),u(t,n)}}}(n),m=v.pageData,b=v.localPagination,C=v.resolvePageData,T=v.watchEffectFn,P=function(n,r){var o,a=(0,t.ref)("auto"),l=(0,t.computed)((function(){return(0,e.classes)(w({},(0,e.resolveClassName)("table"),!0),(r=["row"],"string"==typeof(t=n.border)&&r.push(t),Array.isArray(t)&&r.push.apply(r,i(t.filter((function(e){return c.includes(e)})))),i(new Set(r)).map((function(e){return"bordered-".concat(e)})).join(" ")));var t,r})),u=(0,e.classes)(w({},(0,e.resolveClassName)("table-head"),!0)),s=(0,e.classes)(w({},(0,e.resolveClassName)("table-body"),!0)),p=(0,e.classes)((w(o={},(0,e.resolveClassName)("table-footer"),!0),w(o,"is-hidden",!n.pagination),o)),f=(0,t.computed)((function(){return{minHeight:d(n.minHeight,"auto")}})),h=(0,t.computed)((function(){var e,t=(e=n.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(e))),r=d(n.height),o=n.showHead?d(n.headHeight):"0",i=n.pagination?40:0,a="calc(".concat(r," - ").concat(o," - ").concat(i,"px - 2px)");return Object.assign({display:"block"},t?{maxHeight:a}:{height:a})}));(0,t.onMounted)((function(){v(null==r?void 0:r.value)}));var v=function(e){if(e){var t=r.value.parentElement.getBoundingClientRect().height;a.value="".concat(t,"px")}};return{tableClass:l,headClass:u,contentClass:s,footerClass:p,wrapperStyle:f,contentStyle:h,resetTableHeight:v}}(n),k=P.tableClass,O=P.headClass,x=P.contentClass,N=P.footerClass,S=P.wrapperStyle,j=P.contentStyle,V=(0,t.reactive)({scrollTranslateY:0,activeColumns:h}),A=new D(n,o,V,l);(0,t.watchEffect)((function(){T(s,u)})),A.on(q.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;u=t,m.sort(u)})).on(q.ON_FILTER_CLICK,(function(e){var t=e.filterFn;C(s=t,u)}));var _=function(e){var t=e[1];V.scrollTranslateY=t.translateY};return(0,t.onMounted)((function(){p=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=(0,a.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){o()}));return r&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(f.value,(function(){!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,r=(e.getBoundingClientRect()||{}).width-4,o=[],i=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(r-=t)<0&&(r=0)};if(t.forEach((function(e,t){var a=String(e.width),c=!0;if(/^\d+\.?\d*(px)?$/.test(a)){var l=Number(a.replace("px",""));i(e,l),c=!1}if(/^\d+\.?\d*%$/.test(a)){var u=n;if(r>0){var s=Number(a.replace("%",""));u=r*s/100}i(e,u),c=!1}c&&o.push(t)})),o.length>0){var a=n;r>0&&(a=r/o.length,o.forEach((function(e){return i(t[e],a,!1)})))}}(f.value,l,20)}),60,!0),p.start()})),(0,t.onBeforeUnmount)((function(){p.stop(),p=null,A.destroy()})),o.expose({plugins:A.plugins}),function(){return(0,t.createVNode)("div",{class:k.value,style:S.value,ref:f},[(0,t.createVNode)("div",{class:O},[A.renderTableHeadSchema()]),(0,t.createVNode)(r(),{lineHeight:n.rowHeight,class:x,style:j.value,list:m,onContentScroll:_,throttleDelay:0,enabled:n.virtualEnabled},{default:function(e){return A.renderTableBodySchema(e.data||n.data)},afterContent:function(){return(0,t.createVNode)("div",{class:(0,e.resolveClassName)("table-fixed")},null)}}),(0,t.createVNode)("div",{class:N},[n.pagination&&A.renderTableFooter(b.value)])])}}}),I=(0,e.withInstall)(L)})(),f})()));

package/lib/table/table.css

@@ -89,7 +89,7 @@
   align-items: flex-start;
 }
 .bk-table {
-  height: 100%;
+  height: auto;
   overflow: hidden;
   border-top: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
@@ -149,6 +149,13 @@
 }
 .bk-table .bk-table-footer {
   line-height: 40px;
+  border-top: 1px solid #dcdee5;
+}
+.bk-table .bk-table-footer.is-hidden {
+  display: none;
+}
+.bk-table tr:last-child td {
+  border-bottom: none;
 }
 .bk-table.bordered-row td,
 .bk-table.bordered-row th {

package/lib/table/table.d.ts

@@ -1,9 +1,8 @@
-import { Column } from './props';
 declare const _default: import("vue").DefineComponent<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
-    columns: import("vue-types").VueTypeDef<Column[]>;
+    columns: import("vue-types").VueTypeDef<import("./props").Column[]>;
     activeColumn: import("vue-types").VueTypeDef<number | number[]>;
     columnPick: import("vue-types").VueTypeDef<string> & {
         default: string;
@@ -52,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
-    columns: import("vue-types").VueTypeDef<Column[]>;
+    columns: import("vue-types").VueTypeDef<import("./props").Column[]>;
     activeColumn: import("vue-types").VueTypeDef<number | number[]>;
     columnPick: import("vue-types").VueTypeDef<string> & {
         default: string;
@@ -106,8 +105,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     height: string | number;
     data: any[];
-    minHeight: string | number;
     border: string[];
+    minHeight: string | number;
     headHeight: number;
     pagination: boolean | {
         [key: string]: any;

package/lib/table/table.less

@@ -2,7 +2,7 @@
 @import './plugins/head-filter.less';
 @import './plugins/head-sort.less';
 .@{bk-prefix}-table {
-  height: 100%;
+  height: auto;
   overflow: hidden;
   border-top: 1px solid @table-border-color;
   border-bottom: 1px solid @table-border-color;
@@ -69,6 +69,18 @@
 
   .@{bk-prefix}-table-footer {
     line-height: 40px;
+    border-top: 1px solid @table-border-color;
+    &.is-hidden {
+      display: none;
+    }
+  }
+
+  tr {
+    &:last-child {
+      td {
+        border-bottom: none;
+      }
+    }
   }
 
   &.bordered-row {

package/lib/table/table.variable.css

@@ -183,7 +183,7 @@
   align-items: flex-start;
 }
 .bk-table {
-  height: 100%;
+  height: auto;
   overflow: hidden;
   border-top: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
@@ -243,6 +243,13 @@
 }
 .bk-table .bk-table-footer {
   line-height: 40px;
+  border-top: 1px solid #dcdee5;
+}
+.bk-table .bk-table-footer.is-hidden {
+  display: none;
+}
+.bk-table tr:last-child td {
+  border-bottom: none;
 }
 .bk-table.bordered-row td,
 .bk-table.bordered-row th {

package/lib/table/use-common.d.ts

@@ -0,0 +1,17 @@
+export declare const useClass: (props: any, root?: any) => {
+    tableClass: import("vue").ComputedRef<string>;
+    headClass: string;
+    contentClass: string;
+    footerClass: string;
+    wrapperStyle: import("vue").ComputedRef<{
+        minHeight: string | number;
+    }>;
+    contentStyle: import("vue").ComputedRef<{
+        maxHeight: string;
+        display: string;
+    } | {
+        height: string;
+        display: string;
+    }>;
+    resetTableHeight: (rootEl: HTMLElement) => void;
+};

package/lib/table/utils.d.ts

@@ -59,14 +59,6 @@ export declare const observerResize: (root: HTMLElement, callbackFn: () => void,
  * @returns
  */
 export declare const isPercentPixOrNumber: (val: string | number) => boolean;
-/**
- * 处理 Prop中的分页配置
- * prop中的配置会覆盖本地的配置
- * @param propPagination 用户传入的配置
- * @param defVal 默认配置
- * @returns 返回值
- */
-export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;
 /**
  * Format Table Head Option
  * @param props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.49",
+  "version": "0.0.1-beta.51",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",
@@ -38,6 +38,10 @@
     "cz": "git-cz"
   },
   "devDependencies": {
+    "@babel/core": "~7.17.9",
+    "@babel/plugin-transform-runtime": "~7.17.0",
+    "@babel/preset-env": "~7.16.11",
+    "@babel/preset-typescript": "~7.16.7",
     "@commitlint/cli": "~16.2.3",
     "@commitlint/config-conventional": "~16.2.1",
     "@types/jest": "~27.4.1",
@@ -101,9 +105,9 @@
     "highlight.js": "~11.5.0",
     "vue": "^3.2.0"
   },
-  "main": "dist/bkui-vue.umd.js",
-  "module": "dist/bkui-vue.esm.js",
-  "typings": "./lib/index.d.ts",
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
   "lint-staged": {
     "*.(vue|ts|tsx|js)": [
       "eslint --ext .js,.tsx,.ts,.vue --cache --fix",

package/lib/icon/help-fill.js

@@ -1 +0,0 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"));else if("function"==typeof define&&define.amd)define(["vue"],t);else{var r="object"==typeof exports?t(require("vue")):t(e.vue);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,(e=>(()=>{"use strict";var t={748:t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{default:()=>s});var e=n(748);function t(r,n,o){return(0,e.h)(r.name,Object.assign(Object.assign({key:n},r.attributes),{style:"".concat(r.attributes.style," ").concat(o)}),(r.elements||[]).map((function(e,o){return t(e,"".concat(n,"-").concat(r.name,"-").concat(o))})))}Object.create,Object.create;var r=function(r,n){var o=Object.assign(Object.assign({},n.attrs),r),a=o.data,i=o.name,c=o.width,s=o.height,l=o.fill,p=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(o,["data","name","width","height","fill"]),f="width: ".concat(c,"; height: ").concat(s,"; fill: ").concat(l);return(0,e.createVNode)("span",p,[t(a,i,f)])};r.inheritAttrs=!1,r.displayName="bkIcon";const a=r;var i=JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","class":"bk-icon","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;","overflow":"hidden","viewBox":"0 0 1024 1024"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zM500.8 721.6c-27.2 0-48-20.8-48-48s20.8-48 48-48c27.2 0 48 20.8 48 48S528 721.6 500.8 721.6zM587.2 507.2c-36.8 20.8-48 35.2-48 62.4v14.4H464v-16c-3.2-44.8 11.2-70.4 51.2-92.8 36.8-22.4 48-35.2 48-60.8s-20.8-44.8-52.8-44.8c-28.8-1.6-52.8 19.2-56 48 0 1.6 0 1.6 0 3.2h-76.8c1.6-70.4 49.6-118.4 136-118.4 80 0 132.8 44.8 132.8 110.4C648 454.4 627.2 484.8 587.2 507.2z"}}]}'),c=function(t,r){var n=Object.assign(Object.assign({},t),r.attrs);return(0,e.createVNode)(a,(0,e.mergeProps)(n,{data:i,name:"helpFill"}),null)};c.displayName="helpFill",c.inheritAttrs=!1;const s=c})(),o})()));