bkui-vue 0.0.1-beta.36 → 0.0.1-beta.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../virtual-render"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("../pagination"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue","../virtual-render","@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","../pagination","@babel/runtime/helpers/typeof","@babel/runtime/helpers/toConsumableArray","lodash"],t);else{var r="object"==typeof exports?t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../virtual-render"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("../pagination"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash")):t(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../virtual-render"],e["@babel/runtime/helpers/classCallCheck"],e["@babel/runtime/helpers/createClass"],e["../pagination"],e["@babel/runtime/helpers/typeof"],e["@babel/runtime/helpers/toConsumableArray"],e.lodash);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o,a,i,l,s,c)=>(()=>{"use strict";var u={5801:e=>{e.exports=i},4212:t=>{t.exports=e},3511:e=>{e.exports=n},3162:e=>{e.exports=o},5111:e=>{e.exports=a},311:e=>{e.exports=t},642:e=>{e.exports=s},8541:e=>{e.exports=l},467:e=>{e.exports=c},748:e=>{e.exports=r}},p={};function d(e){var t=p[e];if(void 0!==t)return t.exports;var r=p[e]={exports:{}};return u[e](r,r.exports,d),r.exports}d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var f={};return(()=>{d.r(f),d.d(f,{default:()=>q});var e=d(4212),t=d(311),r=d.n(t),n=d(748),o=d(3511),a=d.n(o),i=["none","row","col","outer"],l={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")])})),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),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(i,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1)},s=d(3162),c=d.n(s),u=d(5111),p=d.n(u),h=d(5801),v=d.n(h),m=p()((function e(t,r){c()(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=r})),b=d(8541),y=d.n(b),g=d(642),C=d.n(g),P=d(467),T=void 0,k=function(e,t,r){var n;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(n=e[t]).call.apply(n,[T].concat(C()(r))):e[t]},x=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:O(e.activeColumn):Array.isArray(e.activeColumn)?O(e.activeColumn[0]):O(e.activeColumn):[]},O=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},w=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n="";return n=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,r&&(n="calc(".concat(n," - ").concat(r,")")),n},j=function(e,t){if(e){if("object"===y()(e)){var r=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(r)||(r=1),Object.assign(Object.assign(Object.assign({},t),e),{current:r})}return t}return{}},N=function(){function t(e,r,n,o){c()(this,t),this.props=e,this.context=r,this.reactiveProp=n,this.colgroups=o,this.plugins=new m(e,r)}return p()(t,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){return this.$createElement,(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])}},{key:"renderTableBodySchema",value:function(e){return this.$createElement,(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return this.$createElement,(0,n.createVNode)(v(),(0,n.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{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],r=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(r,{active:!r.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:"renderHeader",value:function(){var t=this,r=(this.$createElement,{"--row-height":"".concat(k(this.props,"headHeight",["thead"]),"px")});return(0,n.createVNode)("thead",{style:r},[(0,n.createVNode)("tr",null,[this.props.columns.map((function(r,o){return(0,n.createVNode)("th",{colspan:1,rowspan:1,class:(0,e.classes)({active:t.isColActive(o)}),onClick:function(){return t.handleColumnHeadClick(o)}},[(0,n.createVNode)("div",{class:"cell"},[k(r,"label",[r])])])}))])])}},{key:"renderTBody",value:function(e){var t=this;return this.$createElement,(0,n.createVNode)("tbody",null,[e.map((function(r,o){var a={"--row-height":"".concat(k(t.props,"rowHeight",["tbody",r,o]),"px")};return(0,n.createVNode)("tr",{style:a,onClick:function(n){return t.handleRowClick(n,r,o,e)},onDblclick:function(n){return t.handleRowDblClick(n,r,o,e)}},[t.props.columns.map((function(a){return(0,n.createVNode)("td",{colspan:1,rowspan:1},[(0,n.createVNode)("div",{class:"cell"},[t.renderCell(r,a,o,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,r,n){this.context.emit("rowClick",e,t,r,n,this)}},{key:"handleRowDblClick",value:function(e,t,r,n){this.context.emit("rowDblClick",e,t,r,n,this)}},{key:"renderCell",value:function(e,t,r,n){var o=e[k(t,"field",[t,e])];return"function"==typeof t.render?t.render(o,e,r,n):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 this.$createElement,(0,n.createVNode)("colgroup",null,[(this.colgroups||[]).map((function(r,o){var a,i=(0,e.classes)({active:t.isColActive(o)}),l={width:(a=r.calcWidth,w(a,"auto"))};return(0,n.createVNode)("col",{class:i,style:l},null)}))])}}]),t}();const V=(0,n.defineComponent)({name:"Table",props:l,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(t,o){this.$createElement;var l=(0,n.reactive)(x(t)),s=(0,n.reactive)(t.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),c=(0,n.ref)(0),u=(0,n.ref)(0),p=(0,n.reactive)({count:0,limit:10,current:1});p=j(t.pagination,p);var d=function(){if(!t.pagination||t.remotePagination)return c.value=0,void(u.value=t.data.length);c.value=(p.current-1)*p.limit,u.value=p.current*p.limit};d();var f=null,h=(0,n.ref)(),v=function(){return(t.columns||[]).map((function(e,t){return{index:t,active:l.some((function(e){return e===t})),_column:e}}))},m=(0,n.reactive)({activeColumns:v(),scrollTranslateY:0});(0,n.watch)((function(){return[t.activeColumn,t.columns]}),(function(){(0,n.nextTick)((function(){m.activeColumns=v();var e=x(t);m.activeColumns.forEach((function(t,r){Object.assign(t,{active:e.some((function(e){return e===r}))})}))}))}),{deep:!0});var b=new N(t,o,m,s),y=(0,n.computed)((function(){return{minHeight:w(t.minHeight,"auto")}}));(0,n.watchEffect)((function(){p=j(t.pagination,p),d()}));var g=(0,n.computed)((function(){return t.data.slice(c.value,u.value)})),T=(0,n.computed)((function(){return t.pagination?t.remotePagination?p:Object.assign(Object.assign({},p),{count:t.data.length}):null})),k=(0,n.computed)((function(){var e,r=w(t.height),n=t.showHead?w(t.headHeight):"0",o=(e=t.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(e))),a=t.pagination?40:0,i="calc(".concat(r," - ").concat(n," - ").concat(a,"px - 2px)");return Object.assign({display:"block"},o?{maxHeight:i}:{height:i})})),O=(0,n.computed)((function(){return(0,e.classes)(r()({},(0,e.resolveClassName)("table"),!0),(o=["row"],"string"==typeof(n=t.border)&&o.push(n),Array.isArray(n)&&o.push.apply(o,C()(n.filter((function(e){return i.includes(e)})))),C()(new Set(o)).map((function(e){return"bordered-".concat(e)})).join(" ")));var n,o})),V=(0,e.classes)(r()({},(0,e.resolveClassName)("table-head"),!0)),q=(0,e.classes)(r()({},(0,e.resolveClassName)("table-body"),!0)),A=(0,e.classes)(r()({},(0,e.resolveClassName)("table-footer"),!0)),H=function(e){var t=e[1];m.scrollTranslateY=t.translateY};return(0,n.onMounted)((function(){f=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=(0,P.throttle)((function(){"function"==typeof t&&t()}),r),a=new ResizeObserver((function(){o()}));return n&&"function"==typeof t&&t(),{start:function(){a.observe(e)},stop:function(){a.disconnect(),a.unobserve(e)}}}(h.value,(function(){!function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,n=(e.getBoundingClientRect()||{}).width,o=[],a=function(e,t){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),r&&(n-=t)<0&&(n=0)};if(t.forEach((function(e,t){var i=String(e.width),l=!0;if(/^\d+\.?\d*(px)?$/.test(i)){var s=Number(i.replace("px",""));a(e,s),l=!1}if(/^\d+\.?\d*%$/.test(i)){var c=r;if(n>0){var u=Number(i.replace("%",""));c=n*u/100}a(e,c),l=!1}l&&o.push(t)})),o.length>0){var i=r;n>0&&(i=n/o.length,o.forEach((function(e){return a(t[e],i,!1)})))}}(h.value,s,20)}),60,!0),f.start()})),(0,n.onBeforeUnmount)((function(){f.stop(),f=null})),o.expose({plugins:b.plugins}),function(){return(0,n.createVNode)("div",{class:O.value,style:y.value,ref:h},[(0,n.createVNode)("div",{class:V},[t.showHead&&b.renderTableHeadSchema()]),(0,n.createVNode)(a(),{lineHeight:t.rowHeight,class:q,style:k.value,list:g.value,onContentScroll:H,throttleDelay:0,enabled:t.virtualEnabled},{default:function(e){return b.renderTableBodySchema(e.data||t.data)},afterContent:function(){return(0,n.createVNode)("div",{class:(0,e.resolveClassName)("table-fixed")},null)}}),(0,n.createVNode)("div",{class:A},[t.pagination&&b.renderTableFooter(T.value)])])}}}),q=(0,e.withInstall)(V)})(),f})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../virtual-render"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("../pagination"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue","../virtual-render","@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","../pagination","@babel/runtime/helpers/typeof","@babel/runtime/helpers/toConsumableArray","lodash"],t);else{var r="object"==typeof exports?t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../virtual-render"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("../pagination"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash")):t(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../virtual-render"],e["@babel/runtime/helpers/classCallCheck"],e["@babel/runtime/helpers/createClass"],e["../pagination"],e["@babel/runtime/helpers/typeof"],e["@babel/runtime/helpers/toConsumableArray"],e.lodash);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o,a,i,l,c,s)=>(()=>{"use strict";var u={5801:e=>{e.exports=i},4212:t=>{t.exports=e},3511:e=>{e.exports=n},3162:e=>{e.exports=o},5111:e=>{e.exports=a},311:e=>{e.exports=t},642:e=>{e.exports=c},8541:e=>{e.exports=l},467:e=>{e.exports=s},748:e=>{e.exports=r}},p={};function d(e){var t=p[e];if(void 0!==t)return t.exports;var r=p[e]={exports:{}};return u[e](r,r.exports,d),r.exports}d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var f={};return(()=>{d.r(f),d.d(f,{default:()=>q});var e=d(4212),t=d(311),r=d.n(t),n=d(748),o=d(3511),a=d.n(o),i=["none","row","col","outer"],l={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")])})),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),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(i,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1)},c=d(3162),s=d.n(c),u=d(5111),p=d.n(u),h=d(5801),v=d.n(h),m=p()((function e(t,r){s()(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=r})),b=d(8541),y=d.n(b),g=d(642),C=d.n(g),P=d(467),T=void 0,x=function(e,t,r){var n;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(n=e[t]).call.apply(n,[T].concat(C()(r))):e[t]},k=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:O(e.activeColumn):Array.isArray(e.activeColumn)?O(e.activeColumn[0]):O(e.activeColumn):[]},O=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},w=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n="";return n=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,r&&(n="calc(".concat(n," - ").concat(r,")")),n},j=function(e,t){if(e){if("object"===y()(e)){var r=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(r)||(r=1),Object.assign(Object.assign(Object.assign({},t),e),{current:r})}return t}return{}},N=function(){function t(r,n,o,a){var i=this;s()(this,t),this.getColumnClass=function(e){return"".concat(i.uuid,"-column-").concat(e)},this.props=r,this.context=n,this.reactiveProp=o,this.colgroups=a,this.plugins=new m(r,n),this.uuid=(0,e.random)(8)}return p()(t,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){return this.$createElement,(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])}},{key:"renderTableBodySchema",value:function(e){return this.$createElement,(0,n.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var t=this;return this.$createElement,(0,n.createVNode)(v(),(0,n.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{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],r=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(r,{active:!r.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:"renderHeader",value:function(){var t=this,r=(this.$createElement,{"--row-height":"".concat(x(this.props,"headHeight",["thead"]),"px")});return(0,n.createVNode)("thead",{style:r},[(0,n.createVNode)("tr",null,[this.props.columns.map((function(r,o){return(0,n.createVNode)("th",{colspan:1,rowspan:1,class:(0,e.classes)({active:t.isColActive(o)}),onClick:function(){return t.handleColumnHeadClick(o)}},[(0,n.createVNode)("div",{class:"cell"},[x(r,"label",[r])])])}))])])}},{key:"renderTBody",value:function(e){var t=this;return this.$createElement,(0,n.createVNode)("tbody",null,[e.map((function(r,o){var a={"--row-height":"".concat(x(t.props,"rowHeight",["tbody",r,o]),"px")};return(0,n.createVNode)("tr",{style:a,onClick:function(n){return t.handleRowClick(n,r,o,e)},onDblclick:function(n){return t.handleRowDblClick(n,r,o,e)}},[t.props.columns.map((function(o,a){return(0,n.createVNode)("td",{class:t.getColumnClass(a),colspan:1,rowspan:1},[(0,n.createVNode)("div",{class:"cell"},[t.renderCell(r,o,a,e)])])}))])}))])}},{key:"handleRowClick",value:function(e,t,r,n){this.context.emit("rowClick",e,t,r,n,this)}},{key:"handleRowDblClick",value:function(e,t,r,n){this.context.emit("rowDblClick",e,t,r,n,this)}},{key:"renderCell",value:function(e,t,r,n){var o=e[x(t,"field",[t,e])];return"function"==typeof t.render?t.render(o,e,r,n):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 this.$createElement,(0,n.createVNode)("colgroup",null,[(this.colgroups||[]).map((function(r,o){var a,i=(0,e.classes)({active:t.isColActive(o)}),l="".concat((a=r.calcWidth,w(a,"auto"))).replace(/px$/i,"");return(0,n.createVNode)("col",{class:i,width:l},null)}))])}}]),t}();const V=(0,n.defineComponent)({name:"Table",props:l,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(t,o){this.$createElement;var l=(0,n.reactive)(k(t)),c=(0,n.reactive)(t.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null})}))),s=(0,n.ref)(0),u=(0,n.ref)(0),p=(0,n.reactive)({count:0,limit:10,current:1});p=j(t.pagination,p);var d=function(){if(!t.pagination||t.remotePagination)return s.value=0,void(u.value=t.data.length);s.value=(p.current-1)*p.limit,u.value=p.current*p.limit};d();var f=null,h=(0,n.ref)(),v=function(){return(t.columns||[]).map((function(e,t){return{index:t,active:l.some((function(e){return e===t})),_column:e}}))},m=(0,n.reactive)({activeColumns:v(),scrollTranslateY:0});(0,n.watch)((function(){return[t.activeColumn,t.columns]}),(function(){(0,n.nextTick)((function(){m.activeColumns=v();var e=k(t);m.activeColumns.forEach((function(t,r){Object.assign(t,{active:e.some((function(e){return e===r}))})}))}))}),{deep:!0});var b=new N(t,o,m,c),y=(0,n.computed)((function(){return{minHeight:w(t.minHeight,"auto")}}));(0,n.watchEffect)((function(){p=j(t.pagination,p),d()}));var g=(0,n.computed)((function(){return t.data.slice(s.value,u.value)})),T=(0,n.computed)((function(){return t.pagination?t.remotePagination?p:Object.assign(Object.assign({},p),{count:t.data.length}):null})),x=(0,n.computed)((function(){var e,r=w(t.height),n=t.showHead?w(t.headHeight):"0",o=(e=t.height,!/^\d+\.?\d*(px|%)?$/.test("".concat(e))),a=t.pagination?40:0,i="calc(".concat(r," - ").concat(n," - ").concat(a,"px - 2px)");return Object.assign({display:"block"},o?{maxHeight:i}:{height:i})})),O=(0,n.computed)((function(){return(0,e.classes)(r()({},(0,e.resolveClassName)("table"),!0),(o=["row"],"string"==typeof(n=t.border)&&o.push(n),Array.isArray(n)&&o.push.apply(o,C()(n.filter((function(e){return i.includes(e)})))),C()(new Set(o)).map((function(e){return"bordered-".concat(e)})).join(" ")));var n,o})),V=(0,e.classes)(r()({},(0,e.resolveClassName)("table-head"),!0)),q=(0,e.classes)(r()({},(0,e.resolveClassName)("table-body"),!0)),A=(0,e.classes)(r()({},(0,e.resolveClassName)("table-footer"),!0)),H=function(e){var t=e[1];m.scrollTranslateY=t.translateY};return(0,n.onMounted)((function(){f=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=(0,P.throttle)((function(){"function"==typeof t&&t()}),r),a=new ResizeObserver((function(){o()}));return n&&"function"==typeof t&&t(),{start:function(){a.observe(e)},stop:function(){a.disconnect(),a.unobserve(e)}}}(h.value,(function(){!function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,n=(e.getBoundingClientRect()||{}).width-4,o=[],a=function(e,t){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),r&&(n-=t)<0&&(n=0)};if(t.forEach((function(e,t){var i=String(e.width),l=!0;if(/^\d+\.?\d*(px)?$/.test(i)){var c=Number(i.replace("px",""));a(e,c),l=!1}if(/^\d+\.?\d*%$/.test(i)){var s=r;if(n>0){var u=Number(i.replace("%",""));s=n*u/100}a(e,s),l=!1}l&&o.push(t)})),o.length>0){var i=r;n>0&&(i=n/o.length,o.forEach((function(e){return a(t[e],i,!1)})))}}(h.value,c,20)}),60,!0),f.start()})),(0,n.onBeforeUnmount)((function(){f.stop(),f=null})),o.expose({plugins:b.plugins}),function(){return(0,n.createVNode)("div",{class:O.value,style:y.value,ref:h},[(0,n.createVNode)("div",{class:V},[t.showHead&&b.renderTableHeadSchema()]),(0,n.createVNode)(a(),{lineHeight:t.rowHeight,class:q,style:x.value,list:g.value,onContentScroll:H,throttleDelay:0,enabled:t.virtualEnabled},{default:function(e){return b.renderTableBodySchema(e.data||t.data)},afterContent:function(){return(0,n.createVNode)("div",{class:(0,e.resolveClassName)("table-fixed")},null)}}),(0,n.createVNode)("div",{class:A},[t.pagination&&b.renderTableFooter(T.value)])])}}}),q=(0,e.withInstall)(V)})(),f})()));
@@ -16,13 +16,13 @@
16
16
  table {
17
17
  width: 100%;
18
18
  border-collapse: collapse;
19
-
19
+ table-layout: fixed;
20
+
20
21
  th,
21
22
  td {
22
23
  min-width: 80px;
23
24
 
24
25
  .cell {
25
- height: var(--row-height);
26
26
  padding: 0 15px;
27
27
  overflow: hidden;
28
28
  line-height: var(--row-height);
@@ -65,7 +65,8 @@
65
65
  }
66
66
 
67
67
  &.bordered-row {
68
- .cell {
68
+ td,
69
+ th {
69
70
  border-bottom: 1px solid @table-border-color;
70
71
  }
71
72
  }
@@ -78,14 +79,10 @@
78
79
  &.bordered-col {
79
80
  th,
80
81
  td {
81
- .cell {
82
- border-right: 1px solid @table-border-color;
83
- }
82
+ border-right: 1px solid @table-border-color;
84
83
 
85
84
  &:last-child {
86
- .cell {
87
- border-right: none;
88
- }
85
+ border-right: none;
89
86
  }
90
87
  }
91
88
 
@@ -94,12 +91,10 @@
94
91
  &.bordered-none {
95
92
  th,
96
93
  td {
97
- .cell {
98
- border-top: none;
99
- border-right: none;
100
- border-bottom: none;
101
- border-left: none;
102
- }
94
+ border-top: none;
95
+ border-right: none;
96
+ border-bottom: none;
97
+ border-left: none;
103
98
  }
104
99
  }
105
100
 
@@ -108,6 +108,7 @@
108
108
  .bk-table .bk-table-body table {
109
109
  width: 100%;
110
110
  border-collapse: collapse;
111
+ table-layout: fixed;
111
112
  }
112
113
  .bk-table .bk-table-head table th,
113
114
  .bk-table .bk-table-body table th,
@@ -119,7 +120,6 @@
119
120
  .bk-table .bk-table-body table th .cell,
120
121
  .bk-table .bk-table-head table td .cell,
121
122
  .bk-table .bk-table-body table td .cell {
122
- height: var(--row-height);
123
123
  padding: 0 15px;
124
124
  overflow: hidden;
125
125
  line-height: var(--row-height);
@@ -149,23 +149,24 @@
149
149
  .bk-table .bk-table-footer {
150
150
  line-height: 40px;
151
151
  }
152
- .bk-table.bordered-row .cell {
152
+ .bk-table.bordered-row td,
153
+ .bk-table.bordered-row th {
153
154
  border-bottom: 1px solid var(--table-border-color);
154
155
  }
155
156
  .bk-table.bordered-outer {
156
157
  border-right: 1px solid var(--table-border-color);
157
158
  border-left: 1px solid var(--table-border-color);
158
159
  }
159
- .bk-table.bordered-col th .cell,
160
- .bk-table.bordered-col td .cell {
160
+ .bk-table.bordered-col th,
161
+ .bk-table.bordered-col td {
161
162
  border-right: 1px solid var(--table-border-color);
162
163
  }
163
- .bk-table.bordered-col th:last-child .cell,
164
- .bk-table.bordered-col td:last-child .cell {
164
+ .bk-table.bordered-col th:last-child,
165
+ .bk-table.bordered-col td:last-child {
165
166
  border-right: none;
166
167
  }
167
- .bk-table.bordered-none th .cell,
168
- .bk-table.bordered-none td .cell {
168
+ .bk-table.bordered-none th,
169
+ .bk-table.bordered-none td {
169
170
  border-top: none;
170
171
  border-right: none;
171
172
  border-bottom: none;
@@ -20,21 +20,14 @@
20
20
  scrollbar-width: thin;
21
21
  }
22
22
  .bk-virtual-render.bk-scroll-x::-webkit-scrollbar {
23
- height: 8px;
24
- background-color: transparent;
25
- }
26
- .bk-virtual-render.bk-scroll-x::-webkit-scrollbar-thumb {
27
- background-color: #a0a0a0;
28
- border-radius: 8px;
23
+ height: 6px;
29
24
  }
30
25
  .bk-virtual-render.bk-scroll-y {
31
26
  overflow-y: auto;
32
27
  }
33
28
  .bk-virtual-render.bk-scroll-y::-webkit-scrollbar {
34
- width: 6px;
35
- background-color: transparent;
29
+ width: 4px;
36
30
  }
37
31
  .bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
38
- background-color: #dcdee5;
39
- border-radius: 6px;
32
+ border-radius: 4px;
40
33
  }
@@ -24,13 +24,7 @@
24
24
  scrollbar-width: thin;
25
25
 
26
26
  &::-webkit-scrollbar {
27
- height: 8px;
28
- background-color: transparent;
29
- }
30
-
31
- &::-webkit-scrollbar-thumb {
32
- background-color: #a0a0a0;
33
- border-radius: 8px;
27
+ height: 6px;
34
28
  }
35
29
  }
36
30
 
@@ -38,13 +32,11 @@
38
32
  overflow-y: auto;
39
33
 
40
34
  &::-webkit-scrollbar {
41
- width: 6px;
42
- background-color: transparent;
35
+ width: 4px;
43
36
  }
44
37
 
45
38
  &::-webkit-scrollbar-thumb {
46
- background-color: #dcdee5;
47
- border-radius: 6px;
39
+ border-radius: 4px;
48
40
  }
49
41
  }
50
42
  }
@@ -20,21 +20,14 @@
20
20
  scrollbar-width: thin;
21
21
  }
22
22
  .bk-virtual-render.bk-scroll-x::-webkit-scrollbar {
23
- height: 8px;
24
- background-color: transparent;
25
- }
26
- .bk-virtual-render.bk-scroll-x::-webkit-scrollbar-thumb {
27
- background-color: #a0a0a0;
28
- border-radius: 8px;
23
+ height: 6px;
29
24
  }
30
25
  .bk-virtual-render.bk-scroll-y {
31
26
  overflow-y: auto;
32
27
  }
33
28
  .bk-virtual-render.bk-scroll-y::-webkit-scrollbar {
34
- width: 6px;
35
- background-color: transparent;
29
+ width: 4px;
36
30
  }
37
31
  .bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
38
- background-color: #dcdee5;
39
- border-radius: 6px;
32
+ border-radius: 4px;
40
33
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.36",
3
+ "version": "0.0.1-beta.37",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*"