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.
- package/dist/bkui-vue.cjs.js +40 -33
- package/dist/bkui-vue.esm.js +40 -33
- package/dist/bkui-vue.umd.js +40 -33
- package/dist/style.css +53 -19
- package/lib/input/index.d.ts +31 -5
- package/lib/input/input.css +41 -1
- package/lib/input/input.d.ts +20 -3
- package/lib/input/input.js +1 -1
- package/lib/input/input.less +51 -2
- package/lib/input/input.variable.css +42 -1
- package/lib/shared/index.d.ts +1 -0
- package/lib/shared/shared.js +1 -1
- package/lib/table/render.d.ts +2 -0
- package/lib/table/table.css +9 -8
- package/lib/table/table.js +1 -1
- package/lib/table/table.less +10 -15
- package/lib/table/table.variable.css +9 -8
- package/lib/virtual-render/virtual-render.css +3 -10
- package/lib/virtual-render/virtual-render.less +3 -11
- package/lib/virtual-render/virtual-render.variable.css +3 -10
- package/package.json +1 -1
package/lib/table/table.js
CHANGED
@@ -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})()));
|
package/lib/table/table.less
CHANGED
@@ -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
|
-
|
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
|
-
|
82
|
-
border-right: 1px solid @table-border-color;
|
83
|
-
}
|
82
|
+
border-right: 1px solid @table-border-color;
|
84
83
|
|
85
84
|
&:last-child {
|
86
|
-
|
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
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
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
|
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
|
160
|
-
.bk-table.bordered-col td
|
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
|
164
|
-
.bk-table.bordered-col td:last-child
|
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
|
168
|
-
.bk-table.bordered-none td
|
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:
|
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:
|
35
|
-
background-color: transparent;
|
29
|
+
width: 4px;
|
36
30
|
}
|
37
31
|
.bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
|
38
|
-
|
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:
|
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:
|
42
|
-
background-color: transparent;
|
35
|
+
width: 4px;
|
43
36
|
}
|
44
37
|
|
45
38
|
&::-webkit-scrollbar-thumb {
|
46
|
-
|
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:
|
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:
|
35
|
-
background-color: transparent;
|
29
|
+
width: 4px;
|
36
30
|
}
|
37
31
|
.bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
|
38
|
-
|
39
|
-
border-radius: 6px;
|
32
|
+
border-radius: 4px;
|
40
33
|
}
|