bkui-vue 0.0.1-beta.120 → 0.0.1-beta.123

package/lib/table/const.d.ts

@@ -47,3 +47,7 @@ export declare const TABLE_ROW_ATTRIBUTE: {
     ROW_UID: string;
     ROW_EXPAND: string;
 };
+/**
+ * Y 轴滚动条宽度
+ */
+export declare const SCROLLY_WIDTH = 4;

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("../loading"),require("../icon"),require("../pagination"),require("../exception"),require("../checkbox"),require("../popover2"),require("lodash"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../loading","../icon","../pagination","../exception","../checkbox","../popover2","lodash","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("../loading"),require("../icon"),require("../pagination"),require("../exception"),require("../checkbox"),require("../popover2"),require("lodash"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e["../loading"],e["../icon"],e["../pagination"],e["../exception"],e["../checkbox"],e["../popover2"],e.lodash,e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u,d)=>(()=>{var p={8022:(e,t,n)=>{var o=n(4481),r=n(6426),i=r;i.v1=o,i.v4=r,e.exports=i},8725:e=>{for(var t=[],n=0;n<256;++n)t[n]=(n+256).toString(16).substr(1);e.exports=function(e,n){var o=n||0,r=t;return[r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]]].join("")}},9157:e=>{var t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(t){var n=new Uint8Array(16);e.exports=function(){return t(n),n}}else{var o=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),o[t]=e>>>((3&t)<<3)&255;return o}}},4481:(e,t,n)=>{var o,r,i=n(9157),a=n(8725),l=0,c=0;e.exports=function(e,t,n){var s=t&&n||0,u=t||[],d=(e=e||{}).node||o,p=void 0!==e.clockseq?e.clockseq:r;if(null==d||null==p){var f=i();null==d&&(d=o=[1|f[0],f[1],f[2],f[3],f[4],f[5]]),null==p&&(p=r=16383&(f[6]<<8|f[7]))}var v=void 0!==e.msecs?e.msecs:(new Date).getTime(),h=void 0!==e.nsecs?e.nsecs:c+1,y=v-l+(h-c)/1e4;if(y<0&&void 0===e.clockseq&&(p=p+1&16383),(y<0||v>l)&&void 0===e.nsecs&&(h=0),h>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");l=v,c=h,r=p;var g=(1e4*(268435455&(v+=122192928e5))+h)%4294967296;u[s++]=g>>>24&255,u[s++]=g>>>16&255,u[s++]=g>>>8&255,u[s++]=255&g;var m=v/4294967296*1e4&268435455;u[s++]=m>>>8&255,u[s++]=255&m,u[s++]=m>>>24&15|16,u[s++]=m>>>16&255,u[s++]=p>>>8|128,u[s++]=255&p;for(var b=0;b<6;++b)u[s+b]=d[b];return t||a(u)}},6426:(e,t,n)=>{var o=n(9157),r=n(8725);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var a=(e=e||{}).random||(e.rng||o)();if(a[6]=15&a[6]|64,a[8]=63&a[8]|128,t)for(var l=0;l<16;++l)t[i+l]=a[l];return t||r(a)}},4976:e=>{"use strict";e.exports=d},5800:e=>{"use strict";e.exports=l},9911:e=>{"use strict";e.exports=a},6870:e=>{"use strict";e.exports=r},7685:e=>{"use strict";e.exports=u},4870:e=>{"use strict";e.exports=o},5801:e=>{"use strict";e.exports=i},6175:e=>{"use strict";e.exports=c},4212:t=>{"use strict";t.exports=e},3511:e=>{"use strict";e.exports=n},467:e=>{"use strict";e.exports=s},748:e=>{"use strict";e.exports=t}},f={};function v(e){var t=f[e];if(void 0!==t)return t.exports;var n=f[e]={exports:{}};return p[e](n,n.exports,v),n.exports}v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var n in t)v.o(t,n)&&!v.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{"use strict";v.r(h),v.d(h,{default:()=>pe});var e=v(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}var n,o,r=v(748),i=v(3511),a=v.n(i);!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer"}(o||(o={}));var l,c,s=[o.NONE,o.ROW,o.COL,o.OUTER];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange",e.ON_ROW_EXPAND_CLICK="onRowExpandClick"}(l||(l={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.ROW_EXPAND_CLICK="rowExpand",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom"}(c||(c={}));var u=function(){return!0},d=(t(n={},c.COLUMN_PICK,u),t(n,c.COLUMN_FILTER,u),t(n,c.COLUMN_SORT,u),t(n,c.ROW_CLICK,u),t(n,c.ROW_DBL_CLICK,u),t(n,c.ROW_EXPAND_CLICK,u),t(n,c.PAGE_LIMIT_CHANGE,u),t(n,c.PAGE_VALUE_CHANGE,u),t(n,c.SETTING_CHANGE,u),t(n,c.SCROLL_BOTTOM,u),n),p="__$table_row_index",f="__$uuid",y="__row_expand";function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function m(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return g(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)?g(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.")}()}function b(e){return b="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},b(e)}var C=function(e,t){if(e){if("object"===b(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};const T=function(e,t){var n=(0,r.ref)(0),o=(0,r.ref)(0),i=(0,r.reactive)({count:0,limit:10,current:1});i=C(e.pagination,i);var a=(0,r.ref)(null),l=(0,r.reactive)([]),c=function(r,i){l.splice.apply(l,[0,l.length].concat(m(t.slice(n.value,o.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(m(n)))}}(r),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(t,r){i=C(e.pagination,i),e.pagination&&(a.value=e.remotePagination?i:Object.assign(Object.assign({},i),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(o.value=e.data.length);n.value=(i.current-1)*i.limit,o.value=i.current*i.limit}(),c(t,r)}}};var x=v(4870),P=v.n(x);var O;!function(e){e.CURRENT="current",e.ALL="all"}(O||(O={}));var N={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")]),minWidth:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]).def(),type:e.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:e.PropTypes.bool.def(!0),fixed:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortFn:e.PropTypes.func.def(void 0),sortScope:e.PropTypes.commonType(Object.values(O)).def(O.CURRENT)}),e.PropTypes.bool,e.PropTypes.string]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(void 0)}),e.PropTypes.bool,e.PropTypes.string]).def(!1)})).def([]),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(200),maxHeight: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(void 0)}),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(s,"border")).def([o.ROW]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1),emptyText:e.PropTypes.string.def("暂无数据"),settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.size(["small","default","large"]).def("default"),sizeList:e.PropTypes.shape([]).def(void 0)})]).def(!1),rowClass:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),rowStyle:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),cellStyle:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),cellClass:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),scrollLoading:e.PropTypes.oneOfType([e.PropTypes.object,e.PropTypes.bool]).def(void 0),reserveExpand:e.PropTypes.bool.def(!1),rowKey:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.func]).def(p)};function _(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function w(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function k(e,t,n){return t&&w(e.prototype,t),n&&w(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var E=v(8022),S=v(6870),V=v(5801),L=v.n(V);const R=(0,r.defineComponent)({name:"TableRow",render:function(){var e,t;return(0,r.createVNode)(r.Fragment,null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])}});var j=v(9911),A=v.n(j);const H=(0,r.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,t){var n=t.slots,o=(0,r.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,i;return(0,r.createVNode)(A(),{scene:"part",type:o.value},{default:function(){return[null!==(i=null===(t=n.default)||void 0===t?void 0:t.call(n))&&void 0!==i?i:e.emptyText]}})}}});var I=v(5800),F=v.n(I),M=v(6175),D=v.n(M),W=v(467),U=void 0,z=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[U].concat(m(n))):e[t]},q=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},B=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},G=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},X=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,r=e.getBoundingClientRect()||{},i=r.width,a=i-o,l=a,c=[],s=function(e,t){var n=e.minWidth,o=void 0===n?void 0:n;if(void 0===o)return t;var r=t;return/^\d+\.?\d*$/.test("".concat(o))&&(r=Number(o)),/^\d+\.?\d*%$/.test("".concat(o))&&(r=Number(o)*a/100),/^\d+\.?\d*px$/i.test("".concat(o))&&(r=Number("".concat(o).replace(/px/i,""))),r},u=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=s(e,t),r=t<o?o:t;Object.assign(e,{calcWidth:r}),n&&(l-=r)<0&&(l=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(G(e,["resizeWidth","width"])),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var i=Number(o.replace("px",""));u(e,i),r=!1}if(/^\d+\.?\d*%$/.test(o)){var a=n;if(l>0){var s=Number(o.replace("%",""));a=l*s/100}u(e,a),r=!1}r&&c.push(t)}})),c.length>0){var d=n;l>0&&(d=l/c.length,c.forEach((function(e){return u(t[e],d,!1)})))}},K=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},$=function(e,t,n){return"index"===n.type?e.__$table_row_index+1:(0,W.get)(e,t)},Y=function e(t,n){return Array.isArray(t)?t:"string"==typeof t||"object"===b(t)?[t]:"function"==typeof t?e(Reflect.apply(t,U,n),n):[]},J=function(e,t,n){return"string"==typeof t.rowKey?t.rowKey===p?"__ROW_INDEX_".concat(n):t.rowKey.split(".").reduce((function(e,t){return Object.prototype.hasOwnProperty.call(e,t)?e[t]:e}),e):"function"==typeof t.rowKey?Reflect.apply(t.rowKey,U,[e]):(0,E.v4)()};const Q=(0,r.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var i=o.emit,a=n.column,l=(0,r.reactive)({isOpen:!1,checked:[]}),c=(0,r.computed)((function(){var o;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table-head-action"),!0),t(o,"column-filter",!0),t(o,"--row-height","".concat(n.height,"px")),t(o,"active",l.checked.length),t(o,"opened",l.isOpen),o))})),s=(0,e.classes)(t({},(0,e.resolveClassName)("table-head-filter"),!0)),u=function(e){l.isOpen=e},d="light ".concat((0,e.resolveClassName)("table-head-filter")),p=(0,r.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)})}))})),f="function"==typeof a.filter.filterFn?function(e,t,o,r){return a.filter.filterFn(e,t,n.column,o,r)}:function(e,t){return!e.length||e.includes($(t,z(a,"field",[a,t]),a))},v=function(){if("custom"===n.column.filter)return i("change",m(l.checked),null),void(l.isOpen=!1);i("change",m(l.checked),f),l.isOpen=!1},h=function(){l.checked.length&&(l.checked.splice(0,l.checked.length),l.isOpen=!1,(0,r.nextTick)((function(){return i("change",l.checked,f)})))};return function(){return(0,r.createVNode)(D(),(0,r.mergeProps)({trigger:"click",isShow:l.isOpen,placement:"bottom-end",arrow:!1,offset:0},{theme:d},{onAfterShow:function(){return u(!0)},onAfterHidden:function(){return u(!1)}}),{default:function(){return(0,r.createVNode)(S.AngleDownLine,{class:c.value},null)},content:function(){var e,t;return(0,r.createVNode)("div",{class:s},[(0,r.createVNode)(I.BkCheckboxGroup,{class:"content-list",modelValue:l.checked,"onUpdate:modelValue":function(e){return l.checked=e}},(t=e=p.value.map((function(e){return(0,r.createVNode)("div",{class:"list-item"},[(0,r.createVNode)(F(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,r.isVNode)(t)?e:{default:function(){return[e]}})),(0,r.createVNode)("div",{class:"content-footer"},[(0,r.createVNode)("span",{class:"btn-filter-save",onClick:v},[(0,r.createTextVNode)("确定")]),(0,r.createVNode)("span",{class:"btn-filter-split"},null),(0,r.createVNode)("span",{class:["btn-filter-reset",l.checked.length?"":"disable"],onClick:h},[(0,r.createTextVNode)("重置")])])])}})}}});var Z,ee=v(7685);!function(e){e.ASC="asc",e.DESC="desc",e.NULL="null"}(Z||(Z={}));const te=(0,r.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(t,n){var o=n.emit,i=(0,r.ref)(""),a=function(e,n){var r,a;if(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value===n?i.value=Z.NULL:i.value=n,"custom"!==t.column.sort){var l=t.column.field,c=function(e){return $(e,l,t.column)},s="function"==typeof(null===(r=t.column.sort)||void 0===r?void 0:r.sortFn)?null===(a=t.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)},u=i.value===Z.NULL?function(){return!0}:function(e,t){return s(e,t)*(n===Z.DESC?-1:1)};o("change",u,n)}else o("change",null,n)};return function(){return(0,r.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,r.createVNode)(ee.AngleDownFill,{class:["sort-action","sort-asc",i.value===Z.ASC?"active":""],onClick:function(e){return a(e,Z.ASC)}},null),(0,r.createVNode)(ee.AngleUpFill,{class:["sort-action","sort-desc",i.value===Z.DESC?"active":""],onClick:function(e){return a(e,Z.DESC)}},null)])}}});var ne=k((function e(t,n){_(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),oe=v(4976),re=v.n(oe);function ie(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,r.isVNode)(e)}const ae=(0,r.defineComponent)({name:"Settings",props:{settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.string.def(void 0)})]).def(!1),columns:e.PropTypes.array.def([]),rowHeight:e.PropTypes.number.def(40)},emits:["change"],setup:function(t,n){var o,i,a,l=n.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:t.rowHeight},{value:"large",label:"大",height:56}],s=(0,r.ref)(!1),u=t.settings,d=(0,r.ref)(null!==(o=u.size)&&void 0!==o?o:"default"),p=(0,r.ref)(t.rowHeight),f=(0,r.ref)(null!==(i=u.checked)&&void 0!==i?i:[]),v=(0,e.resolveClassName)("table-settings"),h="light ".concat(v),y=function(){l("change",{checked:f.value,size:d.value,height:p.value}),s.value=!1},g=function(){var e;d.value="default",p.value=t.rowHeight,f.value=null!==(e=u.checked)&&void 0!==e?e:[],s.value=!1},m=function(){s.value=!0},b=function(){var e,n;f.value=(null!==(n=null!==(e=u.fields)&&void 0!==e?e:t.columns)&&void 0!==n?n:[]).map((function(e,t){return z(e,"field",[e,t])}))},C=(0,r.computed)((function(){var e;return(null!==(e=u.limit)&&void 0!==e?e:0)>0})),T=null!==(a=u.sizeList)&&void 0!==a?a:c,x=(0,r.computed)((function(){var e;return C.value&&(null!==(e=u.limit)&&void 0!==e?e:0)<=f.value.length})),P=function(e,t){return x.value&&!f.value.includes(z(e,"field",[e,t]))},O=function(e){return{"line-size":!0,"is-default":"default"===d.value,active:e.value===d.value}},N={width:"85px",marginRight:"5px"};return function(){return(0,r.createVNode)(D(),(0,r.mergeProps)({trigger:"manual",isShow:s.value,placement:"bottom-end",arrow:!1},{theme:h}),{default:function(){return(0,r.createVNode)("span",{class:"table-head-settings"},[(0,r.createVNode)(ee.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:m},null)])},content:function(){var e,n,o;return(0,r.createVNode)("div",{class:"setting-content"},[(0,r.createVNode)("div",{class:"setting-head"},[(0,r.createVNode)("h2",null,[(0,r.createTextVNode)("表格设置")]),(0,r.createVNode)(ee.CloseLine,{class:"icon-close-action",onClick:g},null)]),(0,r.createVNode)("div",{class:"setting-body"},[(0,r.createVNode)("div",{class:"setting-body-title"},[(0,r.createVNode)("div",null,[(0,r.createVNode)("span",null,[(0,r.createTextVNode)("字段显示设置")]),C.value?(0,r.createVNode)("span",{class:"limit"},[(0,r.createTextVNode)("（最多"),u.limit,(0,r.createTextVNode)("项）")]):""]),C.value?"":(0,r.createVNode)("span",{class:"check-all",onClick:b},[(0,r.createTextVNode)("全选")])]),(0,r.createVNode)(I.BkCheckboxGroup,{class:"setting-body-fields",modelValue:f.value,"onUpdate:modelValue":function(e){return f.value=e}},ie(e=(null!==(o=null!==(n=u.fields)&&void 0!==n?n:t.columns)&&void 0!==o?o:[]).map((function(e,t){var n;return(0,r.createVNode)("div",{class:"field-item"},[(0,r.createVNode)(F(),{label:z(e,"field",[e,t]),disabled:P(e,t)},ie(n=z(e,"label",[e,t]))?n:{default:function(){return[n]}})])})))?e:{default:function(){return[e]}}),(0,r.createVNode)("div",{class:"setting-body-line-height"},[(0,r.createTextVNode)("表格行高："),T.map((function(e){return(0,r.createVNode)("span",{class:O(e),onClick:function(){return function(e){d.value=e.value,p.value=e.height}(e)}},[e.label])}))])]),(0,r.createVNode)("div",{class:"setting-footer"},[(0,r.createVNode)(re(),{theme:"primary",style:N,onClick:y},{default:function(){return[(0,r.createTextVNode)("确定")]}}),(0,r.createVNode)(re(),{style:N,onClick:g},{default:function(){return[(0,r.createTextVNode)("取消")]}})])])}})}}}),le=function(n,o,i){var a=(0,r.computed)((function(){return n.pagination&&n.data.length?40:0})),l=function(e){return"right"===e.fixed?"right":"left"},c={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+G(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+G(n)}),i?4:0)}},s=c.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(c[e](!1),"px"),bottom:"".concat(a.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(n){var o,i=l(n),a=t[i];return t[i]=!0,a?"":(0,r.createVNode)("div",{class:(o=n,{column_fixed:!!o.fixed,column_fixed_left:"right"!==o.fixed,column_fixed_right:"right"===o.fixed}),style:e(i)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:s(!0)},resolveFixedColumnStyle:function(e,n){if(!e.fixed)return{};var o=l(e),r="right"===o?-1:1,i="".concat(n[o],"px");return n[o]=n[o]+G(e)*r,t({},o,i)}}}}};var ce=function(){function n(e,o,r,i){var a=this;_(this,n),this.getRowHeight=function(e,t){var n=a.setting,o=n.size;return null!=n.height?z(a.setting,"height",["tbody",e,t,o]):z(a.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,n){var o;return t(o={},"".concat(a.uuid,"-column-").concat(n),!0),t(o,"column_fixed",!!e.fixed),t(o,"column_fixed_left",!!e.fixed),t(o,"column_fixed_right","right"===e.fixed),o},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},a.getColumnClass(e,t)),{active:a.isColActive(t)})},this.props=e,this.context=o,this.reactiveProp=r,this.colgroups=i,this.plugins=new ne(e,o),this.uuid=(0,E.v4)(),this.events=new Map}return k(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=K(this.props).isShow;return void 0===t||t?[this.props.settings?(0,r.createVNode)(ae,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,o=void 0===n?[]:n,r=t.size,i=t.height;e.reactiveProp.setting.size=r,e.reactiveProp.setting.height=i,o.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=o?o:[]).includes(z(e,"field",[e]))})),e.emitEvent(l.ON_SETTING_CHANGE,[t])}},null):"",(0,r.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){var t,n,o;return e.length?(0,r.createVNode)("table",{cellpadding:0,cellspacing:0,"data-table-uuid":this.uuid},[this.renderColGroup(),this.renderTBody(e)]):null!==(o=null===(n=(t=this.context.slots).empty)||void 0===n?void 0:n.call(t))&&void 0!==o?o:(0,r.createVNode)(H,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)}},{key:"renderTableFooter",value:function(e){var t=this;return(0,r.createVNode)(L(),(0,r.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,r.createVNode)(te,{column:e,onChange:function(o,r){n.emitEvent(l.ON_SORT_BY_CLICK,[{sortFn:o,column:e,index:t,type:r}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,r.createVNode)(Q,{column:e,height:this.props.headHeight,onChange:function(o,r){n.emitEvent(l.ON_FILTER_CLICK,[{filterFn:function(e,t){return r(o,e,t)},checked:o,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=K(this.props),o=n.cellFn,i={"--row-height":"".concat(z(n,"height",["thead"]),"px")},a=function(t,n){var r=[];return t.sort&&r.push(e.getSortCell(t,n)),t.filter&&r.push(e.getFilterCell(t,n)),"function"==typeof o?(r.unshift(o(t,n)),r):(r.unshift(z(t,"label",[t,n])),r)},l=(0,le(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,r.createVNode)("thead",{style:i},[(0,r.createVNode)(R,null,{default:function(){return[(0,r.createVNode)("tr",null,[e.filterColgroups.map((function(n,o){return(0,r.createVNode)("th",(0,r.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,o),style:c(n,s),onClick:function(){return e.handleColumnHeadClick(o)}},(i=n,Array.from(i.listeners.keys()).reduce((function(n,o){var r=o.split("_").slice(-1)[0];return Object.assign(n,t({},r,(function(t){i.listeners.get(o).forEach((function(n){return Reflect.apply(n,e,[t,i,e])}))})))}),{}))),[(0,r.createVNode)("div",{class:"cell"},[a(n,o)])]);var i}))])]}})])}},{key:"renderTBody",value:function(e){var t=this,n=le(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,r.createVNode)("tbody",null,[e.map((function(o,i){var a=[].concat(m(Y(t.props.rowStyle,[o,i,t])),[{"--row-height":"".concat(t.getRowHeight(o,i),"px")}]),l=m(Y(t.props.rowClass,[o,i,t])),c=n(),s=c.resolveFixedColumnStyle,u=c.fixedoffset,d="".concat(t.uuid,"-").concat(o.__$uuid);return[(0,r.createVNode)(R,{key:d},{default:function(){return[(0,r.createVNode)("tr",{style:a,class:l,onClick:function(n){return t.handleRowClick(n,o,i,e)},onDblclick:function(n){return t.handleRowDblClick(n,o,i,e)}},[t.filterColgroups.map((function(n,a){var l=[s(n,u)].concat(m(Y(t.props.cellStyle,[n,a,o,i,t]))),c=[t.getColumnClass(n,a)].concat(m(Y(t.props.cellClass,[n,a,o,i,t])),[{"expand-row":o.__row_expand}]),d={cell:!0,"expand-cell":"expand"===n.type},p="__CELL_".concat(i,"_").concat(a);return(0,r.createVNode)("td",{class:c,style:l,key:p,colspan:1,rowspan:1},[(0,r.createVNode)("div",{class:d},[t.renderCell(o,n,i,e)])])}))])]}}),t.renderExpandRow(o,l)]}))])}},{key:"renderExpandRow",value:function(e,t){var n,o,i,a=this;if(e.__row_expand){var l=[].concat(m(t),[{row_expend:!0}]),c="".concat(this.uuid,"-").concat(e.__$uuid,"_expand");return(0,r.createVNode)(R,{key:c},{default:function(){return[(0,r.createVNode)("tr",{class:l},[(0,r.createVNode)("td",{colspan:a.filterColgroups.length,rowspan:1},[null!==(i=null===(o=(n=a.context.slots).expandRow)||void 0===o?void 0:o.call(n,e))&&void 0!==i?i:(0,r.createVNode)("div",{class:"expand-cell-ctx"},[(0,r.createTextVNode)("Expand Row")])])])]}})}}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"getExpandCell",value:function(e){return e.__row_expand?(0,r.createVNode)(S.DownShape,null,null):(0,r.createVNode)(S.RightShape,null,null)}},{key:"handleRowExpandClick",value:function(e,t,n,o,r){this.emitEvent(l.ON_ROW_EXPAND_CLICK,[{row:e,column:t,index:n,rows:o,e:r}])}},{key:"renderCell",value:function(e,t,n,o){var i,a,l,c=this;if("expand"===t.type)return(0,r.createVNode)("span",{class:"expand-btn-action",onClick:function(r){return c.handleRowExpandClick(e,t,n,o,r)}},["function"==typeof t.render?t.render(null,e,n,o):null!==(l=null===(a=(i=c.context.slots).expandCell)||void 0===a?void 0:a.call(i,{row:e,column:t,index:n,rows:o}))&&void 0!==l?l:c.getExpandCell(e)]);var s=$(e,z(t,"field",[t,e]),t);if("function"==typeof t.render){var u=this.props.data[e.__$table_row_index];return t.render({cell:s,data:u,row:e,column:t,index:n,rows:o})}return s}},{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,r.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(n,o){var i,a=(0,e.classes)({active:t.isColActive(o)}),l="".concat((i=G(n),B(i,"auto"))).replace(/px$/i,"");return(0,r.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),n}(),se=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:q(e.activeColumn):Array.isArray(e.activeColumn)?q(e.activeColumn[0]):q(e.activeColumn):[]};var ue=function(e){var n=(0,r.reactive)([]),o=function(){var t;n.splice.apply(n,[0,n.length].concat(m((null!==(t=e.columns)&&void 0!==t?t:[]).map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})})))))};(0,r.watch)((function(){return e.columns}),(function(){o()}),{immediate:!0,deep:!0});var i=function(e){var n,o,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var l=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,r.ref)(-1e3),v=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var o=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",y),u=0,f.value=-1e3,d=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},h=function(e){return(0,W.throttle)((function(){f.value=e.clientX-u+p}),60)},y=function(e){document.body.style.setProperty("cursor",""),h(e)()},g=(t(n={},o.MOUSE_DOWN,(function(e,t){if(l){c=!0,document.body.style.setProperty("cursor","col-resize"),d=t,u=e.clientX;var n=e.target.closest("table");p=u-n.getBoundingClientRect().left,document.addEventListener("mouseup",v),document.addEventListener("mousemove",y)}})),t(n,o.MOUSE_MOVE,(function(e,t){c&&!s&&(s=!0);var n=e.target.closest("th");if(s&&n.style.setProperty("user-select","none"),!s){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(l=!0,n.style.setProperty("cursor","col-resize")):(n.style.setProperty("cursor",""),l=!1)}})),t(n,o.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),n),m=function(e){return"".concat(a,"_").concat(e)},b=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(g).forEach((function(t){var n=m(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(g[t])}))}))},C=function(){e.forEach((function(e){Object.keys(g).forEach((function(t){var n=m(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};i&&b();var T=(0,r.computed)((function(){return{position:"absolute",top:0,bottom:0,left:0,width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:b,resetResizeEvents:C,dragOffsetX:f,dragOffsetXStyle:T}}(n,!0),a=i.dragOffsetXStyle,l=i.dragOffsetX,c=function(e){var t=(0,r.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var n=(0,r.reactive)(se(e));return(0,r.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:n.some((function(e){return e===t})),_column:e}}));var o=se(e);t.forEach((function(e,t){Object.assign(e,{active:o.some((function(e){return e===t}))})}))})),{activeColumns:t}}(e).activeColumns,s=(0,r.reactive)({rowActions:new Map,scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:c,setting:{size:null,height:null}}),u=function(e){var t;return!!s.rowActions.has(e)&&(null===(t=s.rowActions.get(e))||void 0===t?void 0:t.isExpand)},d=(0,r.reactive)([]),v=function(){d.forEach((function(e){Object.assign(e,t({},y,u(e.__$uuid)))}))},h=le(e,n),g=h.renderFixedColumns,b=h.fixedWrapperClass;return{colgroups:n,dragOffsetXStyle:a,dragOffsetX:l,reactiveSchema:s,indexData:d,fixedWrapperClass:b,initIndexData:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0];d.splice.apply(d,[0,d.length].concat(m(e.data.map((function(o,r){var i,a=J(o,e,r);return Object.assign(Object.assign({},o),(t(i={},p,r),t(i,f,a),t(i,y,!!n&&u(a)),i))})))))},updateIndexData:v,renderFixedColumns:g,setRowExpand:function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,o=e.__$uuid,r="boolean"==typeof n?n:!u(o);s.rowActions.set(o,Object.assign({},null!==(t=s.rowActions.get(o))&&void 0!==t?t:{},{isExpand:r})),v()},updateColGroups:o}};const de=(0,r.defineComponent)({name:"Table",props:N,emits:d,setup:function(n,i){var u,d=null,p=null,f=null,v=(0,r.ref)(),h=(0,r.ref)(),y=ue(n),g=y.colgroups,C=y.dragOffsetXStyle,O=y.dragOffsetX,N=y.reactiveSchema,_=y.indexData,w=y.renderFixedColumns,k=y.setRowExpand,E=y.initIndexData,S=y.fixedWrapperClass,V=T(n,_),L=V.pageData,R=V.localPagination,j=V.resolvePageData,A=V.watchEffectFn,H=function(n,i,a,l){var c=(0,r.ref)(200),u=(0,r.ref)(void 0),d=(0,r.computed)((function(){return n.pagination&&n.data.length})),p=(0,r.computed)((function(){var o,r,i;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table"),!0),t(o,"has-footer",d.value),t(o,"has-scroll-y",u.value||n.virtualEnabled),o),(i=["row"],"string"==typeof(r=n.border)&&i.push(r),Array.isArray(r)&&i.push.apply(i,m(r.filter((function(e){return s.includes(e)})))),m(new Set(i)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),f=(0,e.classes)(t({},(0,e.resolveClassName)("table-head"),!0)),v=K(n),h=(0,r.computed)((function(){return{"--row-height":"".concat(z(v,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(a.scrollTranslateX,"px"),"--scroll-left":"".concat(a.scrollTranslateX,"px")}})),y=t({},(0,e.resolveClassName)("table-body"),!0),g=(0,r.computed)((function(){var o;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table-footer"),!0),t(o,"is-hidden",!n.pagination||!n.data.length),o))})),b=(0,r.computed)((function(){return{minHeight:B(n.minHeight,"auto")}})),C=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},T=(0,r.reactive)({});(0,r.onMounted)((function(){x(null==i?void 0:i.value)}));var x=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;c.value=t,function(){var e=C(n.height,c.value),t=n.showHead?C(n.headHeight,40)+2:0,o=C(n.minHeight,c.value),r=n.pagination&&n.data.length?40:0,i=e-t-r,a="auto"!==n.height&&"".concat(i,"px"),s=o-t-r;Object.assign(T,{display:!!(null==l?void 0:l.length)&&"block","min-height":"".concat(s,"px"),height:a})}(),P(e)}},P=function(t){var o=n.virtualEnabled?".".concat((0,e.resolveClassName)("virtual-section")):".".concat((0,e.resolveClassName)("table-body-content"));u.value=function(e,t){if(e){var n=e.querySelector(t);if(n)return n.offsetHeight>e.offsetHeight}return!1}(t,o)};return{tableClass:p,headClass:f,contentClass:y,footerClass:g,wrapperStyle:b,contentStyle:T,headStyle:h,resetTableHeight:x,updateBorderClass:P,getColumnsWidthOffsetWidth:function(){var e=0;return u.value&&(e+=4),n.border.includes(o.OUTER)&&!n.border.includes(o.NONE)&&(e+=2),e},hasFooter:d,hasScrollY:u}}(n,v,N,L),I=H.tableClass,F=H.headClass,M=H.contentClass,D=H.footerClass,U=H.wrapperStyle,q=H.contentStyle,G=H.headStyle,$=H.updateBorderClass,Y=H.resetTableHeight,J=H.getColumnsWidthOffsetWidth,Q=H.hasFooter,Z=new ce(n,i,N,g);(0,r.watch)((function(){return[n.data,n.pagination]}),(function(){E(n.reserveExpand),A(p,d),(0,r.nextTick)((function(){Y(v.value),$(v.value)}))}),{immediate:!0,deep:!0}),(0,r.watchEffect)((function(){if((null==v?void 0:v.value)instanceof HTMLElement){var e=J();X(v.value,g,20,e)}})),Z.on(l.ON_SORT_BY_CLICK,(function(e){var t,n,o=e.sortFn,r=e.column,a=e.index,l=e.type;"function"==typeof o&&(j(p,d=o),null===(n=null===(t=h.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)),i.emit(c.COLUMN_SORT,{column:r,index:a,type:l})})).on(l.ON_FILTER_CLICK,(function(e){var t,n,o=e.filterFn,r=e.checked,a=e.column,l=e.index;"function"==typeof o&&(j(p=o,d),null===(n=null===(t=h.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)),i.emit(c.COLUMN_FILTER,{checked:r,column:a,index:l})})).on(l.ON_SETTING_CHANGE,(function(e){var t,n,o=e.checked,r=void 0===o?[]:o,a=e.size,l=e.height,s=J();r.length&&X(v.value,g,20,s),null===(n=null===(t=h.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),i.emit(c.SETTING_CHANGE,{checked:r,size:a,height:l})})).on(l.ON_ROW_EXPAND_CLICK,(function(e){var t=e.row,n=e.column,o=e.index,r=e.rows,a=e.e;i.emit(c.ROW_EXPAND_CLICK,{row:t,column:n,index:o,rows:r,e:a}),k(t,!t.__row_expand)}));var ee=function(t){var n,o=null!==(n=N.pos.bottom)&&void 0!==n?n:0,r=t[1],a=r.translateX,l=r.translateY,s=r.pos,u=void 0===s?{}:s;N.scrollTranslateY=l,N.scrollTranslateX=a,N.pos=u;var d=u.bottom;d<=2&&o>d&&(0,e.debounce)(60,(function(){i.emit(c.SCROLL_BOTTOM,Object.assign(Object.assign({},u),{translateX:a,translateY:l}))}),!0)()};(0,r.onMounted)((function(){f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,W.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(v.value,(function(){"100%"===n.height&&Y(v.value)}),60,!0),f.start()})),(0,r.onBeforeUnmount)((function(){f.stop(),f=null,Z.destroy()})),i.expose({setRowExpand:k});var te=Object.assign(Object.assign({},M),{"__is-empty":!L.length}),ne=(t(u={},(0,e.resolveClassName)("table-body-content"),!0),t(u,"with-virtual-render",n.virtualEnabled),u),oe={column_drag_line:!0,"offset-x":!0},re=(0,r.computed)((function(){return Object.assign(Object.assign({},C.value),{left:"".concat(O.value-N.scrollTranslateX,"px")})})),ie={"scroll-loading":!0,_bottom:!0},ae=function(e,t){var n=(0,r.toRef)(e,"scrollLoading"),o=(0,r.computed)((function(){return null!==n.value&&("boolean"==typeof n.value&&n.value||"object"===b(n.value))}));return{renderScrollLoading:function(){var e,i,a;if(o.value){var l="boolean"==typeof n.value?{loading:!!n.value,inline:!0,title:"",size:x.BkLoadingSize.Normal,mode:x.BkLoadingMode.Default,indicator:null}:n.value,c=l.loading,s=l.size,u=l.mode,d=l.title,p=l.inline,f=l.indicator;return null!==(a=null===(i=(e=t.slots).fixedBottom)||void 0===i?void 0:i.call(e))&&void 0!==a?a:(0,r.createVNode)(P(),{loading:c,size:s,mode:u,title:d,inline:p,indicator:f},null)}}}}(n,i).renderScrollLoading;return function(){return(0,r.createVNode)("div",{class:I.value,style:U.value,ref:v},[(0,r.createVNode)("div",{class:F,style:G.value},[Z.renderTableHeadSchema()]),(0,r.createVNode)(a(),{ref:h,lineHeight:Z.getRowHeight,class:te,style:q,list:L,contentClassName:ne,onContentScroll:ee,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled},{default:function(e){return Z.renderTableBodySchema(e.data||n.data)}}),(0,r.createVNode)("div",{class:S},[w(),(0,r.createVNode)("div",{class:oe,style:re.value},null),(0,r.createVNode)("div",{class:ie},[ae()])]),(0,r.createVNode)("div",{class:D.value},[Q.value&&Z.renderTableFooter(R.value)])])}}}),pe=(0,e.withInstall)(de)})(),h})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("../loading"),require("../icon"),require("../pagination"),require("../exception"),require("../checkbox"),require("../popover2"),require("lodash"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../loading","../icon","../pagination","../exception","../checkbox","../popover2","lodash","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("../loading"),require("../icon"),require("../pagination"),require("../exception"),require("../checkbox"),require("../popover2"),require("lodash"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e["../loading"],e["../icon"],e["../pagination"],e["../exception"],e["../checkbox"],e["../popover2"],e.lodash,e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u,d)=>(()=>{var p={8022:(e,t,n)=>{var o=n(4481),r=n(6426),i=r;i.v1=o,i.v4=r,e.exports=i},8725:e=>{for(var t=[],n=0;n<256;++n)t[n]=(n+256).toString(16).substr(1);e.exports=function(e,n){var o=n||0,r=t;return[r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],"-",r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]],r[e[o++]]].join("")}},9157:e=>{var t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(t){var n=new Uint8Array(16);e.exports=function(){return t(n),n}}else{var o=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),o[t]=e>>>((3&t)<<3)&255;return o}}},4481:(e,t,n)=>{var o,r,i=n(9157),a=n(8725),l=0,c=0;e.exports=function(e,t,n){var s=t&&n||0,u=t||[],d=(e=e||{}).node||o,p=void 0!==e.clockseq?e.clockseq:r;if(null==d||null==p){var f=i();null==d&&(d=o=[1|f[0],f[1],f[2],f[3],f[4],f[5]]),null==p&&(p=r=16383&(f[6]<<8|f[7]))}var v=void 0!==e.msecs?e.msecs:(new Date).getTime(),h=void 0!==e.nsecs?e.nsecs:c+1,y=v-l+(h-c)/1e4;if(y<0&&void 0===e.clockseq&&(p=p+1&16383),(y<0||v>l)&&void 0===e.nsecs&&(h=0),h>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");l=v,c=h,r=p;var g=(1e4*(268435455&(v+=122192928e5))+h)%4294967296;u[s++]=g>>>24&255,u[s++]=g>>>16&255,u[s++]=g>>>8&255,u[s++]=255&g;var m=v/4294967296*1e4&268435455;u[s++]=m>>>8&255,u[s++]=255&m,u[s++]=m>>>24&15|16,u[s++]=m>>>16&255,u[s++]=p>>>8|128,u[s++]=255&p;for(var b=0;b<6;++b)u[s+b]=d[b];return t||a(u)}},6426:(e,t,n)=>{var o=n(9157),r=n(8725);e.exports=function(e,t,n){var i=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var a=(e=e||{}).random||(e.rng||o)();if(a[6]=15&a[6]|64,a[8]=63&a[8]|128,t)for(var l=0;l<16;++l)t[i+l]=a[l];return t||r(a)}},4976:e=>{"use strict";e.exports=d},5800:e=>{"use strict";e.exports=l},9911:e=>{"use strict";e.exports=a},6870:e=>{"use strict";e.exports=r},7685:e=>{"use strict";e.exports=u},4870:e=>{"use strict";e.exports=o},5801:e=>{"use strict";e.exports=i},6175:e=>{"use strict";e.exports=c},4212:t=>{"use strict";t.exports=e},3511:e=>{"use strict";e.exports=n},467:e=>{"use strict";e.exports=s},748:e=>{"use strict";e.exports=t}},f={};function v(e){var t=f[e];if(void 0!==t)return t.exports;var n=f[e]={exports:{}};return p[e](n,n.exports,v),n.exports}v.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{for(var n in t)v.o(t,n)&&!v.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{"use strict";v.r(h),v.d(h,{default:()=>pe});var e=v(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}var n,o,r=v(748),i=v(3511),a=v.n(i);!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer"}(o||(o={}));var l,c,s=[o.NONE,o.ROW,o.COL,o.OUTER];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange",e.ON_ROW_EXPAND_CLICK="onRowExpandClick"}(l||(l={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.ROW_EXPAND_CLICK="rowExpand",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom"}(c||(c={}));var u=function(){return!0},d=(t(n={},c.COLUMN_PICK,u),t(n,c.COLUMN_FILTER,u),t(n,c.COLUMN_SORT,u),t(n,c.ROW_CLICK,u),t(n,c.ROW_DBL_CLICK,u),t(n,c.ROW_EXPAND_CLICK,u),t(n,c.PAGE_LIMIT_CHANGE,u),t(n,c.PAGE_VALUE_CHANGE,u),t(n,c.SETTING_CHANGE,u),t(n,c.SCROLL_BOTTOM,u),n),p="__$table_row_index",f="__$uuid",y="__row_expand";function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function m(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return g(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)?g(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.")}()}function b(e){return b="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},b(e)}var C=function(e,t){if(e){if("object"===b(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};const T=function(e,t){var n=(0,r.ref)(0),o=(0,r.ref)(0),i=(0,r.reactive)({count:0,limit:10,current:1});i=C(e.pagination,i);var a=(0,r.ref)(null),l=(0,r.reactive)([]),c=function(r,i){l.splice.apply(l,[0,l.length].concat(m(t.slice(n.value,o.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,o){return t(n,o,e.data)}));l.splice.apply(l,[0,l.length].concat(m(n)))}}(r),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(t,r){i=C(e.pagination,i),e.pagination&&(a.value=e.remotePagination?i:Object.assign(Object.assign({},i),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(o.value=e.data.length);n.value=(i.current-1)*i.limit,o.value=i.current*i.limit}(),c(t,r)}}};var x=v(4870),P=v.n(x);var O;!function(e){e.CURRENT="current",e.ALL="all"}(O||(O={}));var N={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")]),minWidth:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]).def(),type:e.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:e.PropTypes.bool.def(!0),fixed:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:e.PropTypes.oneOfType([e.PropTypes.shape({sortFn:e.PropTypes.func.def(void 0),sortScope:e.PropTypes.commonType(Object.values(O)).def(O.CURRENT)}),e.PropTypes.bool,e.PropTypes.string]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(void 0)}),e.PropTypes.bool,e.PropTypes.string]).def(!1)})).def([]),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(80),maxHeight: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(void 0)}),virtualEnabled:e.PropTypes.bool.def(!1),border:e.PropTypes.arrayOf(e.PropTypes.commonType(s,"border")).def([o.ROW]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1),emptyText:e.PropTypes.string.def("暂无数据"),settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.size(["small","default","large"]).def("default"),sizeList:e.PropTypes.shape([]).def(void 0)})]).def(!1),rowClass:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),rowStyle:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),cellStyle:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),cellClass:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object,e.PropTypes.func]).def({}),scrollLoading:e.PropTypes.oneOfType([e.PropTypes.object,e.PropTypes.bool]).def(void 0),reserveExpand:e.PropTypes.bool.def(!1),rowKey:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.func]).def(p)};function w(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function k(e,t,n){return t&&_(e.prototype,t),n&&_(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var E=v(8022),S=v(6870),V=v(5801),L=v.n(V);const R=(0,r.defineComponent)({name:"TableRow",render:function(){var e,t;return(0,r.createVNode)(r.Fragment,null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])}});var j=v(9911),A=v.n(j);const H=(0,r.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,t){var n=t.slots,o=(0,r.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,i;return(0,r.createVNode)(A(),{scene:"part",type:o.value},{default:function(){return[null!==(i=null===(t=n.default)||void 0===t?void 0:t.call(n))&&void 0!==i?i:e.emptyText]}})}}});var I=v(5800),F=v.n(I),M=v(6175),D=v.n(M),W=v(467),U=void 0,z=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[U].concat(m(n))):e[t]},q=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},B=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o="";return o=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(o="calc(".concat(o," - ").concat(n,")")),o},X=function(e){var t,n,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[o[0]])&&void 0!==t?t:e[o[1]])&&void 0!==n?n:e[o[2]]},G=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,r=e.getBoundingClientRect()||{},i=r.width,a=i-o,l=a,c=[],s=function(e,t){var n=e.minWidth,o=void 0===n?void 0:n;if(void 0===o)return t;var r=t;return/^\d+\.?\d*$/.test("".concat(o))&&(r=Number(o)),/^\d+\.?\d*%$/.test("".concat(o))&&(r=Number(o)*a/100),/^\d+\.?\d*px$/i.test("".concat(o))&&(r=Number("".concat(o).replace(/px/i,""))),r},u=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=s(e,t),r=t<o?o:t;Object.assign(e,{calcWidth:r}),n&&(l-=r)<0&&(l=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(X(e,["resizeWidth","width"])),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var i=Number(o.replace("px",""));u(e,i),r=!1}if(/^\d+\.?\d*%$/.test(o)){var a=n;if(l>0){var s=Number(o.replace("%",""));a=l*s/100}u(e,a),r=!1}r&&c.push(t)}})),c.length>0){var d=n;l>0&&(d=l/c.length,c.forEach((function(e){return u(t[e],d,!1)})))}},K=function(e){var t=e.showHead,n=e.headHeight,o=e.thead,r=void 0===o?{}:o;return Object.assign({},{isShow:t,height:n},Object.assign({},r))},$=function(e,t,n){return"index"===n.type?e.__$table_row_index+1:(0,W.get)(e,t)},Y=function e(t,n){return Array.isArray(t)?t:"string"==typeof t||"object"===b(t)?[t]:"function"==typeof t?e(Reflect.apply(t,U,n),n):[]},J=function(e,t,n){return"string"==typeof t.rowKey?t.rowKey===p?"__ROW_INDEX_".concat(n):t.rowKey.split(".").reduce((function(e,t){return Object.prototype.hasOwnProperty.call(e,t)?e[t]:e}),e):"function"==typeof t.rowKey?Reflect.apply(t.rowKey,U,[e]):(0,E.v4)()};const Q=(0,r.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var i=o.emit,a=n.column,l=(0,r.reactive)({isOpen:!1,checked:[]}),c=(0,r.computed)((function(){var o;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table-head-action"),!0),t(o,"column-filter",!0),t(o,"--row-height","".concat(n.height,"px")),t(o,"active",l.checked.length),t(o,"opened",l.isOpen),o))})),s=(0,e.classes)(t({},(0,e.resolveClassName)("table-head-filter"),!0)),u=function(e){l.isOpen=e},d="light ".concat((0,e.resolveClassName)("table-head-filter")),p=(0,r.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)})}))})),f="function"==typeof a.filter.filterFn?function(e,t,o,r){return a.filter.filterFn(e,t,n.column,o,r)}:function(e,t){return!e.length||e.includes($(t,z(a,"field",[a,t]),a))},v=function(){if("custom"===n.column.filter)return i("change",m(l.checked),null),void(l.isOpen=!1);i("change",m(l.checked),f),l.isOpen=!1},h=function(){l.checked.length&&(l.checked.splice(0,l.checked.length),l.isOpen=!1,(0,r.nextTick)((function(){return i("change",l.checked,f)})))};return function(){return(0,r.createVNode)(D(),(0,r.mergeProps)({trigger:"click",isShow:l.isOpen,placement:"bottom-end",arrow:!1,offset:0},{theme:d},{onAfterShow:function(){return u(!0)},onAfterHidden:function(){return u(!1)}}),{default:function(){return(0,r.createVNode)(S.AngleDownLine,{class:c.value},null)},content:function(){var e,t;return(0,r.createVNode)("div",{class:s},[(0,r.createVNode)(I.BkCheckboxGroup,{class:"content-list",modelValue:l.checked,"onUpdate:modelValue":function(e){return l.checked=e}},(t=e=p.value.map((function(e){return(0,r.createVNode)("div",{class:"list-item"},[(0,r.createVNode)(F(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,r.isVNode)(t)?e:{default:function(){return[e]}})),(0,r.createVNode)("div",{class:"content-footer"},[(0,r.createVNode)("span",{class:"btn-filter-save",onClick:v},[(0,r.createTextVNode)("确定")]),(0,r.createVNode)("span",{class:"btn-filter-split"},null),(0,r.createVNode)("span",{class:["btn-filter-reset",l.checked.length?"":"disable"],onClick:h},[(0,r.createTextVNode)("重置")])])])}})}}});var Z,ee=v(7685);!function(e){e.ASC="asc",e.DESC="desc",e.NULL="null"}(Z||(Z={}));const te=(0,r.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(t,n){var o=n.emit,i=(0,r.ref)(""),a=function(e,n){var r,a;if(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value===n?i.value=Z.NULL:i.value=n,"custom"!==t.column.sort){var l=t.column.field,c=function(e){return $(e,l,t.column)},s="function"==typeof(null===(r=t.column.sort)||void 0===r?void 0:r.sortFn)?null===(a=t.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)},u=i.value===Z.NULL?function(){return!0}:function(e,t){return s(e,t)*(n===Z.DESC?-1:1)};o("change",u,n)}else o("change",null,n)};return function(){return(0,r.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,r.createVNode)(ee.AngleDownFill,{class:["sort-action","sort-asc",i.value===Z.ASC?"active":""],onClick:function(e){return a(e,Z.ASC)}},null),(0,r.createVNode)(ee.AngleUpFill,{class:["sort-action","sort-desc",i.value===Z.DESC?"active":""],onClick:function(e){return a(e,Z.DESC)}},null)])}}});var ne=k((function e(t,n){w(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),oe=v(4976),re=v.n(oe);function ie(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,r.isVNode)(e)}const ae=(0,r.defineComponent)({name:"Settings",props:{settings:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.shape({fields:e.PropTypes.shape([]).def(void 0),checked:e.PropTypes.shape([]).def(void 0),limit:e.PropTypes.number.def(void 0),size:e.PropTypes.string.def(void 0)})]).def(!1),columns:e.PropTypes.array.def([]),rowHeight:e.PropTypes.number.def(40)},emits:["change"],setup:function(t,n){var o,i,a,l=n.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:t.rowHeight},{value:"large",label:"大",height:56}],s=(0,r.ref)(!1),u=t.settings,d=(0,r.ref)(null!==(o=u.size)&&void 0!==o?o:"default"),p=(0,r.ref)(t.rowHeight),f=(0,r.ref)(null!==(i=u.checked)&&void 0!==i?i:[]),v=(0,e.resolveClassName)("table-settings"),h="light ".concat(v),y=function(){l("change",{checked:f.value,size:d.value,height:p.value}),s.value=!1},g=function(){var e;d.value="default",p.value=t.rowHeight,f.value=null!==(e=u.checked)&&void 0!==e?e:[],s.value=!1},m=function(){s.value=!0},b=function(){var e,n;f.value=(null!==(n=null!==(e=u.fields)&&void 0!==e?e:t.columns)&&void 0!==n?n:[]).map((function(e,t){return z(e,"field",[e,t])}))},C=(0,r.computed)((function(){var e;return(null!==(e=u.limit)&&void 0!==e?e:0)>0})),T=null!==(a=u.sizeList)&&void 0!==a?a:c,x=(0,r.computed)((function(){var e;return C.value&&(null!==(e=u.limit)&&void 0!==e?e:0)<=f.value.length})),P=function(e,t){return x.value&&!f.value.includes(z(e,"field",[e,t]))},O=function(e){return{"line-size":!0,"is-default":"default"===d.value,active:e.value===d.value}},N={width:"85px",marginRight:"5px"};return function(){return(0,r.createVNode)(D(),(0,r.mergeProps)({trigger:"manual",isShow:s.value,placement:"bottom-end",arrow:!1},{theme:h}),{default:function(){return(0,r.createVNode)("span",{class:"table-head-settings"},[(0,r.createVNode)(ee.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:m},null)])},content:function(){var e,n,o;return(0,r.createVNode)("div",{class:"setting-content"},[(0,r.createVNode)("div",{class:"setting-head"},[(0,r.createVNode)("h2",null,[(0,r.createTextVNode)("表格设置")]),(0,r.createVNode)(ee.CloseLine,{class:"icon-close-action",onClick:g},null)]),(0,r.createVNode)("div",{class:"setting-body"},[(0,r.createVNode)("div",{class:"setting-body-title"},[(0,r.createVNode)("div",null,[(0,r.createVNode)("span",null,[(0,r.createTextVNode)("字段显示设置")]),C.value?(0,r.createVNode)("span",{class:"limit"},[(0,r.createTextVNode)("（最多"),u.limit,(0,r.createTextVNode)("项）")]):""]),C.value?"":(0,r.createVNode)("span",{class:"check-all",onClick:b},[(0,r.createTextVNode)("全选")])]),(0,r.createVNode)(I.BkCheckboxGroup,{class:"setting-body-fields",modelValue:f.value,"onUpdate:modelValue":function(e){return f.value=e}},ie(e=(null!==(o=null!==(n=u.fields)&&void 0!==n?n:t.columns)&&void 0!==o?o:[]).map((function(e,t){var n;return(0,r.createVNode)("div",{class:"field-item"},[(0,r.createVNode)(F(),{label:z(e,"field",[e,t]),disabled:P(e,t)},ie(n=z(e,"label",[e,t]))?n:{default:function(){return[n]}})])})))?e:{default:function(){return[e]}}),(0,r.createVNode)("div",{class:"setting-body-line-height"},[(0,r.createTextVNode)("表格行高："),T.map((function(e){return(0,r.createVNode)("span",{class:O(e),onClick:function(){return function(e){d.value=e.value,p.value=e.height}(e)}},[e.label])}))])]),(0,r.createVNode)("div",{class:"setting-footer"},[(0,r.createVNode)(re(),{theme:"primary",style:N,onClick:y},{default:function(){return[(0,r.createTextVNode)("确定")]}}),(0,r.createVNode)(re(),{style:N,onClick:g},{default:function(){return[(0,r.createTextVNode)("取消")]}})])])}})}}}),le=function(n,o,i){var a=(0,r.computed)((function(){return n.pagination&&n.data.length?40:0})),l=function(e){return"right"===e.fixed?"right":"left"},c={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+X(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return o.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,o){return e&&0===o?t:t+X(n)}),i?4:0)}},s=c.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(c[e](!1),"px"),bottom:"".concat(a.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(n){var o,i=l(n),a=t[i];return t[i]=!0,a?"":(0,r.createVNode)("div",{class:(o=n,{column_fixed:!!o.fixed,column_fixed_left:"right"!==o.fixed,column_fixed_right:"right"===o.fixed}),style:e(i)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:s(!0)},resolveFixedColumnStyle:function(e,n){if(!e.fixed)return{};var o=l(e),r="right"===o?-1:1,i="".concat(n[o],"px");return n[o]=n[o]+X(e)*r,t({},o,i)}}}}};var ce=function(){function n(e,o,r,i){var a=this;w(this,n),this.getRowHeight=function(e,t){var n=a.setting,o=n.size;return null!=n.height?z(a.setting,"height",["tbody",e,t,o]):z(a.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,n){var o;return t(o={},"".concat(a.uuid,"-column-").concat(n),!0),t(o,"column_fixed",!!e.fixed),t(o,"column_fixed_left",!!e.fixed),t(o,"column_fixed_right","right"===e.fixed),o},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},a.getColumnClass(e,t)),{active:a.isColActive(t)})},this.props=e,this.context=o,this.reactiveProp=r,this.colgroups=i,this.plugins=new ne(e,o),this.uuid=(0,E.v4)(),this.events=new Map}return k(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=K(this.props).isShow;return void 0===t||t?[this.props.settings?(0,r.createVNode)(ae,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,o=void 0===n?[]:n,r=t.size,i=t.height;e.reactiveProp.setting.size=r,e.reactiveProp.setting.height=i,o.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=o?o:[]).includes(z(e,"field",[e]))})),e.emitEvent(l.ON_SETTING_CHANGE,[t])}},null):"",(0,r.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){var t,n,o;return e.length?(0,r.createVNode)("table",{cellpadding:0,cellspacing:0,"data-table-uuid":this.uuid},[this.renderColGroup(),this.renderTBody(e)]):null!==(o=null===(n=(t=this.context.slots).empty)||void 0===n?void 0:n.call(t))&&void 0!==o?o:(0,r.createVNode)(H,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)}},{key:"renderTableFooter",value:function(e){var t=this;return(0,r.createVNode)(L(),(0,r.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,r.createVNode)(te,{column:e,onChange:function(o,r){n.emitEvent(l.ON_SORT_BY_CLICK,[{sortFn:o,column:e,index:t,type:r}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,r.createVNode)(Q,{column:e,height:this.props.headHeight,onChange:function(o,r){n.emitEvent(l.ON_FILTER_CLICK,[{filterFn:function(e,t){return r(o,e,t)},checked:o,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=K(this.props),o=n.cellFn,i={"--row-height":"".concat(z(n,"height",["thead"]),"px")},a=function(t,n){var r=[];return t.sort&&r.push(e.getSortCell(t,n)),t.filter&&r.push(e.getFilterCell(t,n)),"function"==typeof o?(r.unshift(o(t,n)),r):(r.unshift(z(t,"label",[t,n])),r)},l=(0,le(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,r.createVNode)("thead",{style:i},[(0,r.createVNode)(R,null,{default:function(){return[(0,r.createVNode)("tr",null,[e.filterColgroups.map((function(n,o){return(0,r.createVNode)("th",(0,r.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,o),style:c(n,s),onClick:function(){return e.handleColumnHeadClick(o)}},(i=n,Array.from(i.listeners.keys()).reduce((function(n,o){var r=o.split("_").slice(-1)[0];return Object.assign(n,t({},r,(function(t){i.listeners.get(o).forEach((function(n){return Reflect.apply(n,e,[t,i,e])}))})))}),{}))),[(0,r.createVNode)("div",{class:"cell"},[a(n,o)])]);var i}))])]}})])}},{key:"renderTBody",value:function(e){var t=this,n=le(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,r.createVNode)("tbody",null,[e.map((function(o,i){var a=[].concat(m(Y(t.props.rowStyle,[o,i,t])),[{"--row-height":"".concat(t.getRowHeight(o,i),"px")}]),l=m(Y(t.props.rowClass,[o,i,t])),c=n(),s=c.resolveFixedColumnStyle,u=c.fixedoffset,d="".concat(t.uuid,"-").concat(o.__$uuid);return[(0,r.createVNode)(R,{key:d},{default:function(){return[(0,r.createVNode)("tr",{style:a,class:l,onClick:function(n){return t.handleRowClick(n,o,i,e)},onDblclick:function(n){return t.handleRowDblClick(n,o,i,e)}},[t.filterColgroups.map((function(n,a){var l=[s(n,u)].concat(m(Y(t.props.cellStyle,[n,a,o,i,t]))),c=[t.getColumnClass(n,a)].concat(m(Y(t.props.cellClass,[n,a,o,i,t])),[{"expand-row":o.__row_expand}]),d={cell:!0,"expand-cell":"expand"===n.type},p="__CELL_".concat(i,"_").concat(a);return(0,r.createVNode)("td",{class:c,style:l,key:p,colspan:1,rowspan:1},[(0,r.createVNode)("div",{class:d},[t.renderCell(o,n,i,e)])])}))])]}}),t.renderExpandRow(o,l)]}))])}},{key:"renderExpandRow",value:function(e,t){var n,o,i,a=this;if(e.__row_expand){var l=[].concat(m(t),[{row_expend:!0}]),c="".concat(this.uuid,"-").concat(e.__$uuid,"_expand");return(0,r.createVNode)(R,{key:c},{default:function(){return[(0,r.createVNode)("tr",{class:l},[(0,r.createVNode)("td",{colspan:a.filterColgroups.length,rowspan:1},[null!==(i=null===(o=(n=a.context.slots).expandRow)||void 0===o?void 0:o.call(n,e))&&void 0!==i?i:(0,r.createVNode)("div",{class:"expand-cell-ctx"},[(0,r.createTextVNode)("Expand Row")])])])]}})}}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"getExpandCell",value:function(e){return e.__row_expand?(0,r.createVNode)(S.DownShape,null,null):(0,r.createVNode)(S.RightShape,null,null)}},{key:"handleRowExpandClick",value:function(e,t,n,o,r){this.emitEvent(l.ON_ROW_EXPAND_CLICK,[{row:e,column:t,index:n,rows:o,e:r}])}},{key:"renderCell",value:function(e,t,n,o){var i,a,l,c=this;if("expand"===t.type)return(0,r.createVNode)("span",{class:"expand-btn-action",onClick:function(r){return c.handleRowExpandClick(e,t,n,o,r)}},["function"==typeof t.render?t.render(null,e,n,o):null!==(l=null===(a=(i=c.context.slots).expandCell)||void 0===a?void 0:a.call(i,{row:e,column:t,index:n,rows:o}))&&void 0!==l?l:c.getExpandCell(e)]);var s=$(e,z(t,"field",[t,e]),t);if("function"==typeof t.render){var u=this.props.data[e.__$table_row_index];return t.render({cell:s,data:u,row:e,column:t,index:n,rows:o})}return s}},{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,r.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(n,o){var i,a=(0,e.classes)({active:t.isColActive(o)}),l="".concat((i=X(n),B(i,"auto"))).replace(/px$/i,"");return(0,r.createVNode)("col",{class:a,width:l},null)}))])}},{key:"filterColgroups",get:function(){return this.colgroups.filter((function(e){return!e.isHidden}))}},{key:"setting",get:function(){return this.reactiveProp.setting}}]),n}(),se=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:q(e.activeColumn):Array.isArray(e.activeColumn)?q(e.activeColumn[0]):q(e.activeColumn):[]};var ue=function(e){var n=(0,r.reactive)([]),o=function(){var t;n.splice.apply(n,[0,n.length].concat(m((null!==(t=e.columns)&&void 0!==t?t:[]).map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})})))))};(0,r.watch)((function(){return e.columns}),(function(){o()}),{immediate:!0,deep:!0});var i=function(e){var n,o,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var l=!1,c=!1,s=!1,u=0,d=null,p=0,f=(0,r.ref)(-1e3),v=function e(t){var n;c=!1,s=!1,document.body.style.cursor="";var o=t.clientX-u;d.resizeWidth=(null!==(n=d.resizeWidth)&&void 0!==n?n:d.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",y),u=0,f.value=-1e3,d=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},h=function(e){return(0,W.throttle)((function(){f.value=e.clientX-u+p}),60)},y=function(e){document.body.style.setProperty("cursor",""),h(e)()},g=(t(n={},o.MOUSE_DOWN,(function(e,t){if(l){c=!0,document.body.style.setProperty("cursor","col-resize"),d=t,u=e.clientX;var n=e.target.closest("table");p=u-n.getBoundingClientRect().left,document.addEventListener("mouseup",v),document.addEventListener("mousemove",y)}})),t(n,o.MOUSE_MOVE,(function(e,t){c&&!s&&(s=!0);var n=e.target.closest("th");if(s&&n.style.setProperty("user-select","none"),!s){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(l=!0,n.style.setProperty("cursor","col-resize")):(n.style.setProperty("cursor",""),l=!1)}})),t(n,o.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),n),m=function(e){return"".concat(a,"_").concat(e)},b=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(g).forEach((function(t){var n=m(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(g[t])}))}))},C=function(){e.forEach((function(e){Object.keys(g).forEach((function(t){var n=m(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};i&&b();var T=(0,r.computed)((function(){return{position:"absolute",top:0,bottom:0,left:0,width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:b,resetResizeEvents:C,dragOffsetX:f,dragOffsetXStyle:T}}(n,!0),a=i.dragOffsetXStyle,l=i.dragOffsetX,c=function(e){var t=(0,r.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var n=(0,r.reactive)(se(e));return(0,r.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:n.some((function(e){return e===t})),_column:e}}));var o=se(e);t.forEach((function(e,t){Object.assign(e,{active:o.some((function(e){return e===t}))})}))})),{activeColumns:t}}(e).activeColumns,s=(0,r.reactive)({rowActions:new Map,scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:c,setting:{size:null,height:null}}),u=function(e){var t;return!!s.rowActions.has(e)&&(null===(t=s.rowActions.get(e))||void 0===t?void 0:t.isExpand)},d=(0,r.reactive)([]),v=function(){d.forEach((function(e){Object.assign(e,t({},y,u(e.__$uuid)))}))},h=le(e,n),g=h.renderFixedColumns,b=h.fixedWrapperClass;return{colgroups:n,dragOffsetXStyle:a,dragOffsetX:l,reactiveSchema:s,indexData:d,fixedWrapperClass:b,initIndexData:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0];d.splice.apply(d,[0,d.length].concat(m(e.data.map((function(o,r){var i,a=J(o,e,r);return Object.assign(Object.assign({},o),(t(i={},p,r),t(i,f,a),t(i,y,!!n&&u(a)),i))})))))},updateIndexData:v,renderFixedColumns:g,setRowExpand:function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,o=e.__$uuid,r="boolean"==typeof n?n:!u(o);s.rowActions.set(o,Object.assign({},null!==(t=s.rowActions.get(o))&&void 0!==t?t:{},{isExpand:r})),v()},updateColGroups:o}};const de=(0,r.defineComponent)({name:"Table",props:N,emits:d,setup:function(n,i){var u,d=null,p=null,f=null,v=(0,r.ref)(),h=(0,r.ref)(),y=ue(n),g=y.colgroups,C=y.dragOffsetXStyle,O=y.dragOffsetX,N=y.reactiveSchema,w=y.indexData,_=y.renderFixedColumns,k=y.setRowExpand,E=y.initIndexData,S=y.fixedWrapperClass,V=T(n,w),L=V.pageData,R=V.localPagination,j=V.resolvePageData,A=V.watchEffectFn,H=function(n,i,a,l){var c=(0,r.ref)(200),u=(0,r.ref)(void 0),d=(0,r.computed)((function(){return n.pagination&&n.data.length})),p=(0,r.computed)((function(){var o,r,i;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table"),!0),t(o,"has-footer",d.value),t(o,"has-scroll-y",u.value||n.virtualEnabled),o),(i=["row"],"string"==typeof(r=n.border)&&i.push(r),Array.isArray(r)&&i.push.apply(i,m(r.filter((function(e){return s.includes(e)})))),m(new Set(i)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),f=(0,e.classes)(t({},(0,e.resolveClassName)("table-head"),!0)),v=K(n),h=(0,r.computed)((function(){return{"--row-height":"".concat(z(v,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(a.scrollTranslateX,"px"),"--scroll-left":"".concat(a.scrollTranslateX,"px")}})),y=t({},(0,e.resolveClassName)("table-body"),!0),g=(0,r.computed)((function(){var o;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table-footer"),!0),t(o,"is-hidden",!n.pagination||!n.data.length),o))})),b=function(){if(n.columns.every((function(e){return/^\d+\.?\d*(px)?$/gi.test("".concat(e.width))}))){var e=n.columns.reduce((function(e,t){return e+Number("".concat(t.width).replace(/px/gi,""))}),0),t=u.value?4:0;return"".concat(e+t,"px")}return"100%"},C=(0,r.computed)((function(){return{minHeight:B(n.minHeight,"auto"),width:b(),maxWidth:"100%"}})),T=function(e,t){var n=String(e);return/^\d+\.?\d*$/.test(n)?Number(n):/^\d+\.?\d*px$/gi.test(n)?Number(n.replace("px","")):/^\d+\.?\d*%$/gi.test(n)?t*Number(n.replace("%",""))/100:t},x=(0,r.reactive)({});(0,r.onMounted)((function(){P(null==i?void 0:i.value)}));var P=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;c.value=t,function(){var e=T(n.height,c.value),t=n.showHead?T(n.headHeight,40)+2:0,o=T(n.minHeight,c.value),r=n.pagination&&n.data.length?40:0,i=e-t-r,a="auto"!==n.height&&"".concat(i,"px"),s=o-t-r;Object.assign(x,{display:!!(null==l?void 0:l.length)&&"block","min-height":"".concat(s,"px"),height:a})}(),O(e)}},O=function(t){var o=n.virtualEnabled?".".concat((0,e.resolveClassName)("virtual-section")):".".concat((0,e.resolveClassName)("table-body-content"));u.value=function(e,t){if(e){var n=e.querySelector(t);if(n)return n.offsetHeight>e.offsetHeight}return!1}(t,o)};return{tableClass:p,headClass:f,contentClass:y,footerClass:g,wrapperStyle:C,contentStyle:x,headStyle:h,resetTableHeight:P,updateBorderClass:O,getColumnsWidthOffsetWidth:function(){var e=0;return u.value&&(e+=4),n.border.includes(o.OUTER)&&!n.border.includes(o.NONE)&&(e+=2),e},hasFooter:d,hasScrollY:u}}(n,v,N,L),I=H.tableClass,F=H.headClass,M=H.contentClass,D=H.footerClass,U=H.wrapperStyle,q=H.contentStyle,X=H.headStyle,$=H.updateBorderClass,Y=H.resetTableHeight,J=H.getColumnsWidthOffsetWidth,Q=H.hasFooter,Z=new ce(n,i,N,g);(0,r.watch)((function(){return[n.data,n.pagination]}),(function(){E(n.reserveExpand),A(p,d),(0,r.nextTick)((function(){Y(v.value),$(v.value)}))}),{immediate:!0,deep:!0}),(0,r.watchEffect)((function(){if((null==v?void 0:v.value)instanceof HTMLElement){var e=J();G(v.value,g,20,e)}})),Z.on(l.ON_SORT_BY_CLICK,(function(e){var t,n,o=e.sortFn,r=e.column,a=e.index,l=e.type;"function"==typeof o&&(j(p,d=o),null===(n=null===(t=h.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)),i.emit(c.COLUMN_SORT,{column:r,index:a,type:l})})).on(l.ON_FILTER_CLICK,(function(e){var t,n,o=e.filterFn,r=e.checked,a=e.column,l=e.index;"function"==typeof o&&(j(p=o,d),null===(n=null===(t=h.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)),i.emit(c.COLUMN_FILTER,{checked:r,column:a,index:l})})).on(l.ON_SETTING_CHANGE,(function(e){var t,n,o=e.checked,r=void 0===o?[]:o,a=e.size,l=e.height,s=J();r.length&&G(v.value,g,20,s),null===(n=null===(t=h.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),i.emit(c.SETTING_CHANGE,{checked:r,size:a,height:l})})).on(l.ON_ROW_EXPAND_CLICK,(function(e){var t=e.row,n=e.column,o=e.index,r=e.rows,a=e.e;i.emit(c.ROW_EXPAND_CLICK,{row:t,column:n,index:o,rows:r,e:a}),k(t,!t.__row_expand)}));var ee=function(t){var n,o=null!==(n=N.pos.bottom)&&void 0!==n?n:0,r=t[1],a=r.translateX,l=r.translateY,s=r.pos,u=void 0===s?{}:s;N.scrollTranslateY=l,N.scrollTranslateX=a,N.pos=u;var d=u.bottom;d<=2&&o>d&&(0,e.debounce)(60,(function(){i.emit(c.SCROLL_BOTTOM,Object.assign(Object.assign({},u),{translateX:a,translateY:l}))}),!0)()};(0,r.onMounted)((function(){f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=(0,W.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){r()}));return o&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(v.value,(function(){"100%"!==n.height&&"auto"!==n.height||Y(v.value);var e=J();G(v.value,g,20,e)}),60,!0),f.start()})),(0,r.onBeforeUnmount)((function(){f.stop(),f=null,Z.destroy()})),i.expose({setRowExpand:k});var te=(0,r.computed)((function(){return Object.assign(Object.assign({},M),{"__is-empty":!L.length})})),ne=(t(u={},(0,e.resolveClassName)("table-body-content"),!0),t(u,"with-virtual-render",n.virtualEnabled),u),oe={column_drag_line:!0,"offset-x":!0},re=(0,r.computed)((function(){return Object.assign(Object.assign({},C.value),{left:"".concat(O.value-N.scrollTranslateX,"px")})})),ie={"scroll-loading":!0,_bottom:!0},ae=function(e,t){var n=(0,r.toRef)(e,"scrollLoading"),o=(0,r.computed)((function(){return null!==n.value&&("boolean"==typeof n.value&&n.value||"object"===b(n.value))}));return{renderScrollLoading:function(){var e,i,a;if(o.value){var l="boolean"==typeof n.value?{loading:!!n.value,inline:!0,title:"",size:x.BkLoadingSize.Normal,mode:x.BkLoadingMode.Default,indicator:null}:n.value,c=l.loading,s=l.size,u=l.mode,d=l.title,p=l.inline,f=l.indicator;return null!==(a=null===(i=(e=t.slots).fixedBottom)||void 0===i?void 0:i.call(e))&&void 0!==a?a:(0,r.createVNode)(P(),{loading:c,size:s,mode:u,title:d,inline:p,indicator:f},null)}}}}(n,i).renderScrollLoading,le=n.virtualEnabled?{}:{scrollXName:"",scrollYName:""};return function(){return(0,r.createVNode)("div",{class:I.value,style:U.value,ref:v},[(0,r.createVNode)("div",{class:F,style:X.value},[Z.renderTableHeadSchema()]),(0,r.createVNode)(a(),(0,r.mergeProps)({ref:h,lineHeight:Z.getRowHeight,class:te.value,style:q,list:L},le,{contentClassName:ne,onContentScroll:ee,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled}),{default:function(e){return Z.renderTableBodySchema(e.data||n.data)}}),(0,r.createVNode)("div",{class:S},[_(),(0,r.createVNode)("div",{class:oe,style:re.value},null),(0,r.createVNode)("div",{class:ie},[ae()])]),(0,r.createVNode)("div",{class:D.value},[Q.value&&Z.renderTableFooter(R.value)])])}}}),pe=(0,e.withInstall)(de)})(),h})()));

package/lib/table/props.d.ts

@@ -241,3 +241,8 @@ export declare type IColumnActive = {
 export declare type IReactiveProp = {
     activeColumns: IColumnActive[];
 };
+export declare type Colgroups = Column & {
+    calcWidth: number;
+    resizeWidth: number;
+    listeners: Map<string, Function>;
+};

package/lib/table/table.css

@@ -1,3 +1,20 @@
+.bk-F-scroll-x {
+  overflow-x: auto;
+  scrollbar-color: #a0a0a0 transparent;
+  scrollbar-width: thin;
+}
+.bk-F-scroll-x::-webkit-scrollbar {
+  height: 6px;
+}
+.bk-F-scroll-y {
+  overflow-y: auto;
+}
+.bk-F-scroll-y::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+}
 .bk-table-head-action {
   display: flex;
   width: 32px;
@@ -217,9 +234,6 @@
   position: relative;
   overflow: auto;
 }
-.bk-table .bk-table-body::-webkit-scrollbar {
-  height: 6px;
-}
 .bk-table .bk-table-head,
 .bk-table .bk-table-body {
   background: white;
@@ -234,6 +248,7 @@
 .bk-table .bk-table-head.__is-empty .bk-table-body-content,
 .bk-table .bk-table-body.__is-empty .bk-table-body-content {
   display: flex;
+  width: 100%;
   height: 100%;
 }
 .bk-table .bk-table-head table,
@@ -257,6 +272,7 @@
   height: var(--row-height);
   padding: 0 15px;
   overflow: hidden;
+  font-size: 14px;
   line-height: var(--row-height);
   color: #575961;
   text-align: left;

package/lib/table/table.less

@@ -1,4 +1,5 @@
 @import '../styles/themes/themes.less';
+@import '../styles/mixins/scroll.less';
 @import './plugins/head-filter.less';
 @import './plugins/head-sort.less';
 @import './plugins/settings.less';
@@ -24,10 +25,6 @@
   .@{bk-prefix}-table-body {
     position: relative;
     overflow: auto;
-
-    &::-webkit-scrollbar {
-      height: 6px;
-    }
   }
 
   .@{bk-prefix}-table-head,
@@ -42,6 +39,7 @@
 
       .@{bk-prefix}-table-body-content {
         display: flex;
+        width: 100%;
         height: 100%;
       }
     }
@@ -61,6 +59,7 @@
           height: var(--row-height);
           padding: 0 15px;
           overflow: hidden;
+          font-size: 14px;
           line-height: var(--row-height);
           color: @table-body-font-color;
           text-align: left;

package/lib/table/table.variable.css

@@ -100,6 +100,23 @@
   --cascader-panel-active: #f4f6fa;
   --cascader-panel-disabled-bg: #fff;
 }
+.bk-F-scroll-x {
+  overflow-x: auto;
+  scrollbar-color: #a0a0a0 transparent;
+  scrollbar-width: thin;
+}
+.bk-F-scroll-x::-webkit-scrollbar {
+  height: 6px;
+}
+.bk-F-scroll-y {
+  overflow-y: auto;
+}
+.bk-F-scroll-y::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+}
 .bk-table-head-action {
   display: flex;
   width: 32px;
@@ -319,9 +336,6 @@
   position: relative;
   overflow: auto;
 }
-.bk-table .bk-table-body::-webkit-scrollbar {
-  height: 6px;
-}
 .bk-table .bk-table-head,
 .bk-table .bk-table-body {
   background: white;
@@ -336,6 +350,7 @@
 .bk-table .bk-table-head.__is-empty .bk-table-body-content,
 .bk-table .bk-table-body.__is-empty .bk-table-body-content {
   display: flex;
+  width: 100%;
   height: 100%;
 }
 .bk-table .bk-table-head table,
@@ -359,6 +374,7 @@
   height: var(--row-height);
   padding: 0 15px;
   overflow: hidden;
+  font-size: 14px;
   line-height: var(--row-height);
   color: #575961;
   text-align: left;

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

@@ -1,4 +1,4 @@
-import { TablePropTypes } from './props';
+import { Colgroups, TablePropTypes } from './props';
 export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?: any, pageData?: any[]) => {
     tableClass: import("vue").ComputedRef<string>;
     headClass: string;
@@ -8,6 +8,8 @@ export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?
     footerClass: import("vue").ComputedRef<string>;
     wrapperStyle: import("vue").ComputedRef<{
         minHeight: string | number;
+        width: string;
+        maxWidth: string;
     }>;
     contentStyle: {};
     headStyle: import("vue").ComputedRef<{
@@ -22,7 +24,7 @@ export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?
     hasScrollY: any;
 };
 export declare const useInit: (props: TablePropTypes) => {
-    colgroups: any[];
+    colgroups: Colgroups[];
     dragOffsetXStyle: import("vue").ComputedRef<{
         readonly position: "absolute";
         readonly top: 0;

package/lib/tree/tree.css

@@ -1,3 +1,20 @@
+.bk-F-scroll-x {
+  overflow-x: auto;
+  scrollbar-color: #a0a0a0 transparent;
+  scrollbar-width: thin;
+}
+.bk-F-scroll-x::-webkit-scrollbar {
+  height: 6px;
+}
+.bk-F-scroll-y {
+  overflow-y: auto;
+}
+.bk-F-scroll-y::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+}
 .bk-tree .bk-node-row {
   padding-left: calc(var(--offset-left));
 }

package/lib/tree/tree.less

@@ -1,4 +1,6 @@
 @import '../styles/themes/themes.less';
+@import '../styles/mixins/scroll.less';
+
 .@{bk-prefix}-tree {
   .@{bk-prefix}-node-row {
     padding-left: calc(var(--offset-left));

package/lib/tree/tree.variable.css

@@ -100,6 +100,23 @@
   --cascader-panel-active: #f4f6fa;
   --cascader-panel-disabled-bg: #fff;
 }
+.bk-F-scroll-x {
+  overflow-x: auto;
+  scrollbar-color: #a0a0a0 transparent;
+  scrollbar-width: thin;
+}
+.bk-F-scroll-x::-webkit-scrollbar {
+  height: 6px;
+}
+.bk-F-scroll-y {
+  overflow-y: auto;
+}
+.bk-F-scroll-y::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+}
 .bk-tree .bk-node-row {
   padding-left: calc(var(--offset-left));
 }

package/lib/virtual-render/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash")):t(e["../shared"],e.vue,e.lodash);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o)=>(()=>{"use strict";var n={4212:t=>{t.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=t}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,l),o.exports}l.d=(e,t)=>{for(var o in t)l.o(t,o)&&!l.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{l.r(i),l.d(i,{default:()=>b});var e=l(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function o(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,o){if(e){if("string"==typeof e)return t(e,o);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,o):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.")}()}function n(e){return n="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},n(e)}var r=l(748),s={onContentScroll:Function},a=Object.assign({list:e.PropTypes.array.def([]),enabled:e.PropTypes.bool.def(!0),scrollEvent:e.PropTypes.bool.def(!1),lineHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(30),minHeight:e.PropTypes.number.def(30),height:e.PropTypes.oneOfType([e.PropTypes.string.def("100%"),e.PropTypes.number]).def("100%"),width:e.PropTypes.oneOfType([e.PropTypes.string.def("100%"),e.PropTypes.number]).def("100%"),className:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.object,e.PropTypes.arrayOf(e.PropTypes.object),e.PropTypes.string]).def(""),contentClassName:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.object,e.PropTypes.arrayOf(e.PropTypes.object),e.PropTypes.string]).def(""),contentStyle:e.PropTypes.object.def({}),scrollXName:e.PropTypes.string.def("bk-scroll-x"),scrollYName:e.PropTypes.string.def("bk-scroll-y"),groupItemCount:e.PropTypes.number.def(1),preloadItemCount:e.PropTypes.number.def(1),renderAs:e.PropTypes.string.def("div"),contentAs:e.PropTypes.string.def("div"),scrollOffsetTop:e.PropTypes.number.def(0),scrollPosition:e.PropTypes.string.def("content"),abosuteHeight:e.PropTypes.oneOfType([e.PropTypes.string.def("auto"),e.PropTypes.number]).def("auto"),throttleDelay:e.PropTypes.number.def(60)},s),u=l(467),c=void 0;function p(e,t,o,n){for(var r=0,l=0,i=0,s=0;r<e;r++){if(l+(s=n(r,[r*o,(r+1)*o,"virtual"]))>t){i=t-l;break}l+=s}return{startIndex:r,height:l,diffHeight:i}}function f(e,t,o,n,r){if(n){var l=n.scrollTop,i=n.scrollLeft,s=o.scrollTop,a=o.count,u=o.groupItemCount,c=o.startIndex,f=o.endIndex,d=n.offsetHeight,y=0,v=0,h=0;if("number"==typeof e&&(y=Math.floor(l/e),v=Math.ceil(d/e)+y,h=l%e),"function"==typeof e){var b=p(a,l,u,e);y=b.startIndex>0?b.startIndex:0,h=b.diffHeight,v=p(a,d,u,e).startIndex+y+1}if(l!==s||y!==c||v!==f){var g=n.scrollHeight-n.offsetHeight-n.scrollTop;"function"==typeof t&&t(r,y,v,l,h,i,{bottom:g>=0?g:0})}}}function d(e,t,o){var n=o.value,r=n.lineHeight,l=void 0===r?30:r,i=n.handleScrollCallback,s=n.pagination,a=void 0===s?{}:s;if(n.onlyScroll){var u=t.scrollTop,c=t.scrollLeft,p=t.scrollHeight-t.offsetHeight-t.scrollTop;i(e,null,null,u,u,c,{bottom:p>=0?p:0})}else{var d=a.startIndex,y=a.endIndex,v=a.groupItemCount,h=a.count;f(l,i,{scrollTop:a.scrollTop,startIndex:d,endIndex:y,groupItemCount:v,count:h},t,e)}}var y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60;return(0,u.throttle)((function(e,t,o){return d(e,t,o)}),e)};const v={mounted:function(e,t){var o=e.parentNode,n=t.value.throttleDelay;o.addEventListener("scroll",(function(e){!function(e,t,o){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:60;Reflect.apply(y(n),c,[e,t,o])}(e,o,t,n)}))},unbind:function(e){if(e){var t=e.parentNode;if(!t)return;t.removeEventListener("scroll",y)}}},h=(0,r.defineComponent)({name:"VirtualRender",directives:{bkVirtualRender:v},props:a,emits:["content-scroll"],setup:function(e,t){var l=this,i=e.renderAs,s=e.contentAs,a=function(e){return"string"==typeof e?[e]:"object"!==n(e)||Array.isArray(e)?e:[e]};if(!e.enabled){var u=function(e,t){var o=e.renderAs,n=e.contentAs,l=(0,r.resolveDirective)("bkVirtualRender"),i={lineHeight:e.lineHeight,handleScrollCallback:function(e,o,n,r,l,i,s){t.emit("content-scroll",[e,{translateY:l,translateX:i,pos:s}])},pagination:{},throttleDelay:e.throttleDelay,onlyScroll:e.scrollEvent};return{rendAsTag:function(){var s,a,u,c,p,f,d,y,v;return(0,r.h)(o,{class:e.className},[null!==(u=null===(a=(s=t.slots).beforeContent)||void 0===a?void 0:a.call(s))&&void 0!==u?u:"",(0,r.withDirectives)((0,r.h)(n,{class:e.contentClassName,style:e.contentStyle},[null!==(f=null===(p=(c=t.slots).default)||void 0===p?void 0:p.call(c,{data:e.list}))&&void 0!==f?f:""]),[[l,i]]),null!==(v=null===(y=(d=t.slots).afterContent)||void 0===y?void 0:y.call(d))&&void 0!==v?v:""])}}}(e,t);return u.rendAsTag}var c=(0,r.ref)(null),p=(0,r.reactive)({startIndex:0,endIndex:0,scrollTop:1,translateY:0,translateX:0,count:0,pos:{},groupItemCount:e.groupItemCount}),d=function(e,o,n,r,l,i,s){p.startIndex=o,p.endIndex=n,p.scrollTop=r,p.translateY=l,p.translateX=i,p.pos=s,t.emit("content-scroll",[e,p])};(0,r.onMounted)((function(){(0,r.nextTick)((function(){b(e.list),g()}))})),(0,r.watch)((function(){return e.list}),(function(){y(),g()}),{deep:!0}),(0,r.watch)((function(){return e.lineHeight}),(function(){y(),g()}));var y=function(){b(e.list)},v=(0,r.ref)(0),h=(0,r.ref)(0),b=function(t){if(v.value=Math.ceil((t||[]).length/e.groupItemCount),p.count=v.value,p.startIndex=0,p.endIndex=0,p.translateY=0,p.scrollTop=0,"string"==typeof e.abosuteHeight&&"auto"===e.abosuteHeight)if("function"==typeof e.lineHeight){h.value=0;for(var o=0,n=0;n<v.value;n++){var r=e.lineHeight.call(l,n,t.slice(n*e.groupItemCount,e.groupItemCount));o+="number"==typeof r?r:0}h.value=o}else h.value=e.lineHeight*v.value;else h.value=e.abosuteHeight},g=function(){var t,o=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=null===(t=c.value)||void 0===t?void 0:t.parentNode;f(e.lineHeight,d,p,n,null),o&&c.value&&c.value.scrollTo(0,0)},m=(0,r.computed)((function(){return(e.list||[]).map((function(e,t){return Object.assign(Object.assign({},e),{$index:t})}))})),T=(0,r.computed)((function(){return m.value.slice(p.startIndex*e.groupItemCount,(p.endIndex+e.preloadItemCount)*e.groupItemCount)})),P=(0,r.computed)((function(){return"content"===e.scrollPosition?{top:"".concat(p.scrollTop+e.scrollOffsetTop,"px"),transform:"translateY(-".concat(p.translateY,"px)")}:{}})),x=(0,r.computed)((function(){return Object.assign({height:"number"==typeof e.height?"".concat(e.height,"px"):e.height,width:"number"==typeof e.width?"".concat(e.width,"px"):e.width,display:"inline-block"},"container"===e.scrollPosition?P.value:{})})),I=(0,r.computed)((function(){var t="number"==typeof e.abosuteHeight&&0===e.abosuteHeight;return{height:"".concat(h.value<e.minHeight?e.minHeight:h.value,"px"),display:t?"none":"block"}})),H=(0,r.computed)((function(){return["bk-virtual-render",e.scrollXName,e.scrollYName].concat(o(a(e.className)),["container"===e.scrollPosition?"bk-virtual-content":""])})),C=(0,r.computed)((function(){return["content"===e.scrollPosition?"bk-virtual-content":""].concat(o(a(e.contentClassName)))})),O=(0,r.resolveDirective)("bkVirtualRender"),S={lineHeight:e.lineHeight,handleScrollCallback:d,pagination:p,throttleDelay:e.throttleDelay};return t.expose({reset:function(){y(),g()}}),function(){var o,n,l,a,u,p,f,d,y;return(0,r.h)(i||"div",{ref:c,class:H.value,style:x.value},[null!==(l=null===(n=(o=t.slots).beforeContent)||void 0===n?void 0:n.call(o))&&void 0!==l?l:"",(0,r.withDirectives)((0,r.h)(s||"div",{class:C.value,style:Object.assign(Object.assign({},P.value),e.contentStyle)},[null!==(p=null===(u=(a=t.slots).default)||void 0===u?void 0:u.call(a,{data:T.value}))&&void 0!==p?p:""]),[[O,S]]),null!==(y=null===(d=(f=t.slots).afterContent)||void 0===d?void 0:d.call(f))&&void 0!==y?y:"",(0,r.h)("div",{class:["bk-virtual-section"],style:I.value})])}}}),b=(0,e.withInstall)(h)})(),i})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash")):t(e["../shared"],e.vue,e.lodash);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o)=>(()=>{"use strict";var n={4212:t=>{t.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=t}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,l),o.exports}l.d=(e,t)=>{for(var o in t)l.o(t,o)&&!l.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{l.r(s),l.d(s,{default:()=>h});var e=l(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function o(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,o){if(e){if("string"==typeof e)return t(e,o);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,o):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.")}()}function n(e){return n="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},n(e)}var r=l(748),i={onContentScroll:Function},a=Object.assign({list:e.PropTypes.array.def([]),enabled:e.PropTypes.bool.def(!0),scrollEvent:e.PropTypes.bool.def(!1),lineHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.func]).def(30),minHeight:e.PropTypes.number.def(30),height:e.PropTypes.oneOfType([e.PropTypes.string.def("100%"),e.PropTypes.number]).def("100%"),width:e.PropTypes.oneOfType([e.PropTypes.string.def("100%"),e.PropTypes.number]).def("100%"),className:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.object,e.PropTypes.arrayOf(e.PropTypes.object),e.PropTypes.string]).def(""),contentClassName:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.object,e.PropTypes.arrayOf(e.PropTypes.object),e.PropTypes.string]).def(""),contentStyle:e.PropTypes.object.def({}),scrollXName:e.PropTypes.string.def((0,e.resolveClassName)("F-scroll-x")),scrollYName:e.PropTypes.string.def((0,e.resolveClassName)("F-scroll-y")),groupItemCount:e.PropTypes.number.def(1),preloadItemCount:e.PropTypes.number.def(1),renderAs:e.PropTypes.string.def("div"),contentAs:e.PropTypes.string.def("div"),scrollOffsetTop:e.PropTypes.number.def(0),scrollPosition:e.PropTypes.string.def("content"),abosuteHeight:e.PropTypes.oneOfType([e.PropTypes.string.def("auto"),e.PropTypes.number]).def("auto"),throttleDelay:e.PropTypes.number.def(60)},i),u=l(467),c=void 0;function p(e,t,o,n){for(var r=0,l=0,s=0,i=0;r<e;r++){if(l+(i=n(r,[r*o,(r+1)*o,"virtual"]))>t){s=t-l;break}l+=i}return{startIndex:r,height:l,diffHeight:s}}function f(e,t,o,n,r){if(n){var l=n.scrollTop,s=n.scrollLeft,i=o.scrollTop,a=o.count,u=o.groupItemCount,c=o.startIndex,f=o.endIndex,d=n.offsetHeight,y=0,v=0,m=0;if("number"==typeof e&&(y=Math.floor(l/e),v=Math.ceil(d/e)+y,m=l%e),"function"==typeof e){var h=p(a,l,u,e);y=h.startIndex>0?h.startIndex:0,m=h.diffHeight,v=p(a,d,u,e).startIndex+y+1}if(l!==i||y!==c||v!==f){var g=n.scrollHeight-n.offsetHeight-n.scrollTop;"function"==typeof t&&t(r,y,v,l,m,s,{bottom:g>=0?g:0})}}}function d(e,t,o){var n=o.value,r=n.lineHeight,l=void 0===r?30:r,s=n.handleScrollCallback,i=n.pagination,a=void 0===i?{}:i;if(n.onlyScroll){var u=t.scrollTop,c=t.scrollLeft,p=t.scrollHeight-t.offsetHeight-t.scrollTop;s(e,null,null,u,u,c,{bottom:p>=0?p:0})}else{var d=a.startIndex,y=a.endIndex,v=a.groupItemCount,m=a.count;f(l,s,{scrollTop:a.scrollTop,startIndex:d,endIndex:y,groupItemCount:v,count:m},t,e)}}var y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60;return(0,u.throttle)((function(e,t,o){return d(e,t,o)}),e)};const v={mounted:function(e,t){var o=e.parentNode,n=t.value.throttleDelay;o.addEventListener("scroll",(function(e){!function(e,t,o){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:60;Reflect.apply(y(n),c,[e,t,o])}(e,o,t,n)}))},unbind:function(e){if(e){var t=e.parentNode;if(!t)return;t.removeEventListener("scroll",y)}}},m=(0,r.defineComponent)({name:"VirtualRender",directives:{bkVirtualRender:v},props:a,emits:["content-scroll"],setup:function(t,l){var s=this,i=t.renderAs,a=t.contentAs,u=function(e){return"string"==typeof e?[e]:"object"!==n(e)||Array.isArray(e)?e:[e]};if(!t.enabled){var c=function(e,t){var o=e.renderAs,n=e.contentAs,l=(0,r.resolveDirective)("bkVirtualRender"),s={lineHeight:e.lineHeight,handleScrollCallback:function(e,o,n,r,l,s,i){t.emit("content-scroll",[e,{translateY:l,translateX:s,pos:i}])},pagination:{},throttleDelay:e.throttleDelay,onlyScroll:e.scrollEvent};return{rendAsTag:function(){var i,a,u,c,p,f,d,y,v;return(0,r.h)(o,{class:e.className},[null!==(u=null===(a=(i=t.slots).beforeContent)||void 0===a?void 0:a.call(i))&&void 0!==u?u:"",(0,r.withDirectives)((0,r.h)(n,{class:e.contentClassName,style:e.contentStyle},[null!==(f=null===(p=(c=t.slots).default)||void 0===p?void 0:p.call(c,{data:e.list}))&&void 0!==f?f:""]),[[l,s]]),null!==(v=null===(y=(d=t.slots).afterContent)||void 0===y?void 0:y.call(d))&&void 0!==v?v:""])}}}(t,l);return c.rendAsTag}var p=(0,r.ref)(null),d=(0,r.reactive)({startIndex:0,endIndex:0,scrollTop:1,translateY:0,translateX:0,count:0,pos:{},groupItemCount:t.groupItemCount}),y=function(e,t,o,n,r,s,i){d.startIndex=t,d.endIndex=o,d.scrollTop=n,d.translateY=r,d.translateX=s,d.pos=i,l.emit("content-scroll",[e,d])};(0,r.onMounted)((function(){(0,r.nextTick)((function(){g(t.list),b()}))})),(0,r.watch)((function(){return t.list}),(function(){v(),b()}),{deep:!0}),(0,r.watch)((function(){return t.lineHeight}),(function(){v(),b()}));var v=function(){g(t.list)},m=(0,r.ref)(0),h=(0,r.ref)(0),g=function(e){if(m.value=Math.ceil((e||[]).length/t.groupItemCount),d.count=m.value,d.startIndex=0,d.endIndex=0,d.translateY=0,d.scrollTop=0,"string"==typeof t.abosuteHeight&&"auto"===t.abosuteHeight)if("function"==typeof t.lineHeight){h.value=0;for(var o=0,n=0;n<m.value;n++){var r=t.lineHeight.call(s,n,e.slice(n*t.groupItemCount,t.groupItemCount));o+="number"==typeof r?r:0}h.value=o}else h.value=t.lineHeight*m.value;else h.value=t.abosuteHeight},b=function(){var e,o=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=null===(e=p.value)||void 0===e?void 0:e.parentNode;f(t.lineHeight,y,d,n,null),o&&p.value&&p.value.scrollTo(0,0)},T=(0,r.computed)((function(){return(t.list||[]).map((function(e,t){return Object.assign(Object.assign({},e),{$index:t})}))})),P=(0,r.computed)((function(){return T.value.slice(d.startIndex*t.groupItemCount,(d.endIndex+t.preloadItemCount)*t.groupItemCount)})),x=(0,r.computed)((function(){return"content"===t.scrollPosition?{top:"".concat(d.scrollTop+t.scrollOffsetTop,"px"),transform:"translateY(-".concat(d.translateY,"px)")}:{}})),I=(0,r.computed)((function(){return Object.assign({height:"number"==typeof t.height?"".concat(t.height,"px"):t.height,width:"number"==typeof t.width?"".concat(t.width,"px"):t.width,display:"inline-block"},"container"===t.scrollPosition?x.value:{})})),C=(0,r.computed)((function(){var e="number"==typeof t.abosuteHeight&&0===t.abosuteHeight;return{height:"".concat(h.value<t.minHeight?t.minHeight:h.value,"px"),display:e?"none":"block"}})),H=(0,r.computed)((function(){return[(0,e.resolveClassName)("virtual-render"),t.scrollXName,t.scrollYName].concat(o(u(t.className)),["container"===t.scrollPosition?(0,e.resolveClassName)("virtual-content"):""])})),O=(0,r.computed)((function(){return["content"===t.scrollPosition?(0,e.resolveClassName)("virtual-content"):""].concat(o(u(t.contentClassName)))})),S=(0,r.resolveDirective)("bkVirtualRender"),j={lineHeight:t.lineHeight,handleScrollCallback:y,pagination:d,throttleDelay:t.throttleDelay};return l.expose({reset:function(){v(),b()}}),function(){var o,n,s,u,c,f,d,y,v;return(0,r.h)(i||"div",{ref:p,class:H.value,style:I.value},[null!==(s=null===(n=(o=l.slots).beforeContent)||void 0===n?void 0:n.call(o))&&void 0!==s?s:"",(0,r.withDirectives)((0,r.h)(a||"div",{class:O.value,style:Object.assign(Object.assign({},x.value),t.contentStyle)},[null!==(f=null===(c=(u=l.slots).default)||void 0===c?void 0:c.call(u,{data:P.value}))&&void 0!==f?f:""]),[[S,j]]),null!==(v=null===(y=(d=l.slots).afterContent)||void 0===y?void 0:y.call(d))&&void 0!==v?v:"",(0,r.h)("div",{class:[(0,e.resolveClassName)("virtual-section")],style:C.value})])}}}),h=(0,e.withInstall)(m)})(),s})()));

package/lib/virtual-render/virtual-render.css

@@ -1,3 +1,20 @@
+.bk-F-scroll-x {
+  overflow-x: auto;
+  scrollbar-color: #a0a0a0 transparent;
+  scrollbar-width: thin;
+}
+.bk-F-scroll-x::-webkit-scrollbar {
+  height: 6px;
+}
+.bk-F-scroll-y {
+  overflow-y: auto;
+}
+.bk-F-scroll-y::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+}
 .bk-virtual-render {
   position: relative;
 }
@@ -14,20 +31,3 @@
   width: 1px;
   background: transparent;
 }
-.bk-virtual-render.bk-scroll-x {
-  overflow-x: auto;
-  scrollbar-color: #a0a0a0 transparent;
-  scrollbar-width: thin;
-}
-.bk-virtual-render.bk-scroll-x::-webkit-scrollbar {
-  height: 6px;
-}
-.bk-virtual-render.bk-scroll-y {
-  overflow-y: auto;
-}
-.bk-virtual-render.bk-scroll-y::-webkit-scrollbar {
-  width: 4px;
-}
-.bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-}

package/lib/virtual-render/virtual-render.less

@@ -1,3 +1,5 @@
+@import '../styles/themes/themes.less';
+@import '../styles/mixins/scroll.less';
 
 .bk-virtual-render {
   position: relative;
@@ -16,28 +18,5 @@
     width: 1px;
     background: transparent;
   }
-
-         
-  &.bk-scroll-x {
-    overflow-x: auto;
-    scrollbar-color: #a0a0a0 transparent;
-    scrollbar-width: thin;
-
-    &::-webkit-scrollbar {
-      height: 6px;
-    }
-  }
-    
-  &.bk-scroll-y {
-    overflow-y: auto;
-
-    &::-webkit-scrollbar {
-      width: 4px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      border-radius: 4px;
-    }
-  }
 }