bkui-vue 0.0.1-beta.68 → 0.0.1-beta.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -37,6 +37,8 @@
37
37
  }
38
38
  .bk-loading-wrapper.bk-nested-loading {
39
39
  position: relative;
40
+ width: 100%;
41
+ height: 100%;
40
42
  }
41
43
  .bk-loading-wrapper.bk-nested-loading.is-block {
42
44
  display: block;
@@ -45,7 +47,7 @@
45
47
  position: absolute;
46
48
  top: 50%;
47
49
  left: 50%;
48
- z-index: 4;
50
+ z-index: 11;
49
51
  text-align: center;
50
52
  transform: translate(-50%, -50%);
51
53
  }
@@ -77,7 +79,6 @@
77
79
  position: absolute;
78
80
  width: 100%;
79
81
  height: 100%;
80
- opacity: 0.5;
81
82
  }
82
83
  .bk-loading-wrapper .bk-loading-mask::after {
83
84
  position: absolute;
@@ -63,6 +63,8 @@
63
63
 
64
64
  &.@{bk-prefix}-nested-loading {
65
65
  position: relative;
66
+ width: 100%;
67
+ height: 100%;
66
68
 
67
69
  &.is-block {
68
70
  display: block;
@@ -72,7 +74,7 @@
72
74
  position: absolute;
73
75
  top: 50%;
74
76
  left: 50%;
75
- z-index: 4;
77
+ z-index: 11;
76
78
  text-align: center;
77
79
  transform: translate(-50%, -50%);
78
80
  }
@@ -108,7 +110,6 @@
108
110
  position: absolute;
109
111
  width: 100%;
110
112
  height: 100%;
111
- opacity: .5;
112
113
 
113
114
  &::after {
114
115
  position: absolute;
@@ -136,6 +136,8 @@
136
136
  }
137
137
  .bk-loading-wrapper.bk-nested-loading {
138
138
  position: relative;
139
+ width: 100%;
140
+ height: 100%;
139
141
  }
140
142
  .bk-loading-wrapper.bk-nested-loading.is-block {
141
143
  display: block;
@@ -144,7 +146,7 @@
144
146
  position: absolute;
145
147
  top: 50%;
146
148
  left: 50%;
147
- z-index: 4;
149
+ z-index: 11;
148
150
  text-align: center;
149
151
  transform: translate(-50%, -50%);
150
152
  }
@@ -176,7 +178,6 @@
176
178
  position: absolute;
177
179
  width: 100%;
178
180
  height: 100%;
179
- opacity: 0.5;
180
181
  }
181
182
  .bk-loading-wrapper .bk-loading-mask::after {
182
183
  position: absolute;
@@ -1 +1 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n,r,o,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=o},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=r},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return(()=>{f.r(v),f.d(v,{default:()=>Y});var e=f(4212),t=f(748),n=f(3511),r=f.n(n);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function i(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var a=f(467),l=["none","row","col","outer"],c=void 0,s=function(e,t,n){var r;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(r=e[t]).call.apply(r,[c].concat(i(n))):e[t]},u=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r="";return r=/^auto|null|undefined$/gi.test("".concat(e))?t:/^\d+\.?\d+$/.test("".concat(e))?"".concat(e,"px"):e,n&&(r="calc(".concat(r," - ").concat(n,")")),r},p=function(e){var t,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["resizeWidth","calcWidth","width"];return null!==(n=null!==(t=e[r[0]])&&void 0!==t?t:e[r[1]])&&void 0!==n?n:e[r[2]]},h=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,r=e.getBoundingClientRect()||{},o=r.width,i=o-4,a=[],l=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(i-=t)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var r=String(p(e)),o=!0;if(/^\d+\.?\d*(px)?$/.test(r)){var c=Number(r.replace("px",""));l(e,c),o=!1}if(/^\d+\.?\d*%$/.test(r)){var s=n;if(i>0){var u=Number(r.replace("%",""));s=i*u/100}l(e,s),o=!1}o&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return l(t[e],c,!1)})))}},g=function(e){var t=e.showHead,n=e.headHeight,r=e.thead,o=void 0===r?{}:r;return Object.assign({},{isShow:t,height:n},Object.assign({},o))},y=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},m=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:u(e.activeColumn):Array.isArray(e.activeColumn)?u(e.activeColumn[0]):u(e.activeColumn):[]};function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const T=function(n,r){var o=(0,t.computed)((function(){return n.pagination&&n.data.length?40:0})),i=function(e){return"right"===e.fixed?"right":"left"},a={left:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return r.filter((function(e){return e.fixed&&"right"!==e.fixed})).reduce((function(t,n,r){return e&&0===r?t:t+p(n)}),0)},right:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return r.filter((function(e){return"right"===e.fixed})).reduce((function(t,n,r){return e&&0===r?t:t+p(n)}),0)}},l=a.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(a[e](!1),"px"),bottom:"".concat(o.value,"px")}},n={left:!1,right:!1};return r.filter((function(e){return!e.isHidden&&e.fixed})).map((function(r){var o,a=i(r),l=n[a];return n[a]=!0,l?"":(0,t.createVNode)("div",{class:(o=r,{column_fixed:!!o.fixed,column_fixed_left:"right"!==o.fixed,column_fixed_right:"right"===o.fixed}),style:e(a)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:l(!0)},resolveFixedColumnStyle:function(e,t){if(!e.fixed)return{};var n=i(e),r="right"===n?-1:1,o="".concat(t[n],"px");return t[n]=t[n]+p(e)*r,b({},n,o)}}}}};function C(e){return C="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},C(e)}var P=function(e,t){if(e){if("object"===C(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};var x;!function(e){e.CURRENT="current",e.ALL="all"}(x||(x={}));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")]),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(x)).def(x.CURRENT)}),e.PropTypes.bool]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(void 0)}),e.PropTypes.bool]).def(!1)})),activeColumn:e.PropTypes.oneOfType([e.PropTypes.number.def(-1),e.PropTypes.arrayOf(e.PropTypes.number.def(-1))]),columnPick:e.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),minHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(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(l,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1),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)};function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function V(e,t,n){return t&&O(e.prototype,t),n&&O(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var w=f(5801),S=f.n(w),E=f(9911),_=f.n(E);const j=(0,t.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,n){var r=n.slots,o=(0,t.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var n,i;return(0,t.createVNode)(_(),{scene:"part",type:o.value},{default:function(){return[null!==(i=null===(n=r.default)||void 0===n?void 0:n.call(r))&&void 0!==i?i:e.emptyText]}})}}});var H=f(5800),A=f.n(H),F=f(6870),R=f(5537),L=f.n(R);const z=(0,t.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,r){var o=r.emit,a=n.column,l=(0,t.ref)(!1),c=(0,t.reactive)({isOpen:!1,checked:[]}),u=(0,t.computed)((function(){var t;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table-head-action"),!0),b(t,"column-filter",!0),b(t,"--row-height","".concat(n.height,"px")),b(t,"active",c.checked.length),b(t,"opened",c.isOpen),t))})),d=(0,e.classes)(b({},(0,e.resolveClassName)("table-head-filter"),!0)),p=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],v="light ".concat((0,e.resolveClassName)("table-head-filter")),h=(0,t.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(e,t,r,o){return a.filter.filterFn(e,t,n.column,r,o)}:function(e,t){return!e.length||e.includes(y(t,s(a,"field",[a,t]),a))},m=function(){o("change",i(c.checked),g),l.value=!1},T=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,t.nextTick)((function(){return o("change",c.checked,g)})))};return function(){return(0,t.createVNode)(L(),(0,t.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:v},{boundary:document.body,onAfterShow:function(){return p(!0)},onAfterHidden:function(){return p(!1)}}),{default:function(){return(0,t.createVNode)(F.AngleDownLine,{class:u.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,n;return(0,t.createVNode)("div",{class:d},[(0,t.createVNode)(H.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(n=e=h.value.map((function(e){return(0,t.createVNode)("div",{class:"list-item"},[(0,t.createVNode)(A(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!(0,t.isVNode)(n)?e:{default:function(){return[e]}})),(0,t.createVNode)("div",{class:"content-footer"},[(0,t.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,t.createTextVNode)("确定")]),(0,t.createVNode)("span",{class:"btn-filter-split"},null),(0,t.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:T},[(0,t.createTextVNode)("重置")])])])}})}}});var q,D=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(q||(q={}));const M=(0,t.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(n,r){var o=r.emit,i=(0,t.ref)(""),a=function(e,t){var r,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value=t;var l=n.column.field,c=function(e){return y(e,l,n.column)},s="function"==typeof(null===(r=n.column.sort)||void 0===r?void 0:r.sortFn)?null===(a=n.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),r=c(t);return"number"==typeof n&&"number"==typeof r?n-r:String.prototype.localeCompare.call(n,r)};o("change",(function(e,n){return s(e,n)*(t===q.DESC?-1:1)}),t)};return function(){return(0,t.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,t.createVNode)(D.AngleDownFill,{class:["sort-action","sort-asc",i.value===q.ASC?"active":""],onClick:function(e){return a(e,q.ASC)}},null),(0,t.createVNode)(D.AngleUpFill,{class:["sort-action","sort-desc",i.value===q.DESC?"active":""],onClick:function(e){return a(e,q.DESC)}},null)])}}});var I=V((function e(t,n){k(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),B=f(4976),U=f.n(B);function W(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)}const X=(0,t.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(n,r){var o,i,a,l=r.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:n.rowHeight},{value:"large",label:"大",height:56}],u=[{name:"offset",options:{offset:[10,10]}}],d=(0,t.ref)(!1),p=n.settings,f=(0,t.ref)(null!==(o=p.size)&&void 0!==o?o:"default"),v=(0,t.ref)(n.rowHeight),h=(0,t.ref)(null!==(i=p.checked)&&void 0!==i?i:[]),g=(0,e.resolveClassName)("table-settings"),y="light ".concat(g),m=function(){l("change",{checked:h.value,size:f.value,height:v.value}),d.value=!1},b=function(){var e;f.value="default",v.value=n.rowHeight,h.value=null!==(e=p.checked)&&void 0!==e?e:[],d.value=!1},T=function(){d.value=!0},C=function(){var e,t;h.value=(null!==(t=null!==(e=p.fields)&&void 0!==e?e:n.columns)&&void 0!==t?t:[]).map((function(e,t){return s(e,"field",[e,t])}))},P=(0,t.computed)((function(){var e;return(null!==(e=p.limit)&&void 0!==e?e:0)>0})),x=null!==(a=p.sizeList)&&void 0!==a?a:c,N=(0,t.computed)((function(){var e;return P.value&&(null!==(e=p.limit)&&void 0!==e?e:0)<=h.value.length})),k=function(e,t){return N.value&&!h.value.includes(s(e,"field",[e,t]))},O=function(e){return{"line-size":!0,"is-default":"default"===f.value,active:e.value===f.value}},V={width:"85px",marginRight:"5px"};return function(){return(0,t.createVNode)(L(),(0,t.mergeProps)({trigger:"manual",isShow:d.value,placement:"bottom-end",arrow:!1},{modifiers:u,theme:y},{boundary:document.body}),{default:function(){return(0,t.createVNode)(D.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:T},null)},content:function(){var e,r,o;return(0,t.createVNode)("div",{class:"setting-content"},[(0,t.createVNode)("div",{class:"setting-head"},[(0,t.createVNode)("h2",null,[(0,t.createTextVNode)("表格设置")]),(0,t.createVNode)(D.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,t.createVNode)("div",{class:"setting-body"},[(0,t.createVNode)("div",{class:"setting-body-title"},[(0,t.createVNode)("div",null,[(0,t.createVNode)("span",null,[(0,t.createTextVNode)("字段显示设置")]),P.value?(0,t.createVNode)("span",{class:"limit"},[(0,t.createTextVNode)("(最多"),p.limit,(0,t.createTextVNode)("项)")]):""]),P.value?"":(0,t.createVNode)("span",{class:"check-all",onClick:C},[(0,t.createTextVNode)("全选")])]),(0,t.createVNode)(H.BkCheckboxGroup,{class:"setting-body-fields",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e}},W(e=(null!==(o=null!==(r=p.fields)&&void 0!==r?r:n.columns)&&void 0!==o?o:[]).map((function(e,n){var r;return(0,t.createVNode)("div",{class:"field-item"},[(0,t.createVNode)(A(),{label:s(e,"field",[e,n]),disabled:k(e,n)},W(r=s(e,"label",[e,n]))?r:{default:function(){return[r]}})])})))?e:{default:function(){return[e]}}),(0,t.createVNode)("div",{class:"setting-body-line-height"},[(0,t.createTextVNode)("表格行高:"),x.map((function(e){return(0,t.createVNode)("span",{class:O(e),onClick:function(){return function(e){f.value=e.value,v.value=e.height}(e)}},[e.label])}))])]),(0,t.createVNode)("div",{class:"setting-footer"},[(0,t.createVNode)(U(),{theme:"primary",style:V,onClick:m},{default:function(){return[(0,t.createTextVNode)("确定")]}}),(0,t.createVNode)(U(),{style:V,onClick:b},{default:function(){return[(0,t.createTextVNode)("取消")]}})])])}})}}});var $;!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}($||($={}));var G=function(){function n(t,r,o,i){var a=this;k(this,n),this.getRowHeight=function(e,t){var n=a.setting,r=n.size;return null!=n.height?s(a.setting,"height",["tbody",e,t,r]):s(a.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return b(n={},"".concat(a.uuid,"-column-").concat(t),!0),b(n,"column_fixed",!!e.fixed),b(n,"column_fixed_left",!!e.fixed),b(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},a.getColumnClass(e,t)),{active:a.isColActive(t)})},this.props=t,this.context=r,this.reactiveProp=o,this.colgroups=i,this.plugins=new I(t,r),this.uuid=(0,e.random)(8),this.events=new Map}return V(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,n=g(this.props).isShow;return void 0===n||n?[this.props.settings?(0,t.createVNode)(X,{class:"table-head-settings",settings:this.props.settings,columns:this.props.columns,rowHeight:this.props.rowHeight,onChange:function(t){var n=t.checked,r=void 0===n?[]:n,o=t.size,i=t.height;e.reactiveProp.setting.size=o,e.reactiveProp.setting.height=i,r.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=r?r:[]).includes(s(e,"field",[e]))})),e.emitEvent($.ON_SETTING_CHANGE,[t])}},null):"",(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var n=this;return(0,t.createVNode)(S(),(0,t.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return n.handlePageLimitChange(e)},onChange:function(e){return n.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,n){var r=this;return(0,t.createVNode)(M,{column:e,onChange:function(t,o){r.emitEvent($.ON_SORT_BY_CLICK,[{sortFn:t,column:e,index:n,type:o}])}},null)}},{key:"getFilterCell",value:function(e,n){var r=this;return(0,t.createVNode)(z,{column:e,height:this.props.headHeight,onChange:function(t,o){r.emitEvent($.ON_FILTER_CLICK,[{filterFn:function(e,n){return o(t,e,n)},checked:t,column:e,index:n}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=g(this.props),r=n.cellFn,o={"--row-height":"".concat(s(n,"height",["thead"]),"px")},i=function(t,n){var o=[];return t.sort&&o.push(e.getSortCell(t,n)),t.filter&&o.push(e.getFilterCell(t,n)),"function"==typeof r?(o.unshift(r(t,n)),o):(o.unshift(s(t,"label",[t,n])),o)},a=(0,T(this.props,this.colgroups).getFixedColumnStyleResolve)(),l=a.resolveFixedColumnStyle,c=a.fixedoffset;return(0,t.createVNode)("thead",{style:o},[(0,t.createVNode)("tr",null,[this.filterColgroups.map((function(n,r){return(0,t.createVNode)("th",(0,t.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,r),style:l(n,c),onClick:function(){return e.handleColumnHeadClick(r)}},(o=n,Array.from(o.listeners.keys()).reduce((function(t,n){var r=n.split("_").slice(-1)[0];return Object.assign(t,b({},r,(function(t){o.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,o,e])}))})))}),{}))),[(0,t.createVNode)("div",{class:"cell"},[i(n,r)])]);var o}))])])}},{key:"renderTBody",value:function(e){var n,r,o,i=this,a=T(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,t.createVNode)("tbody",null,[e.length?e.map((function(n,r){var o={"--row-height":"".concat(i.getRowHeight(n,r),"px")},l=a(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,t.createVNode)("tr",{style:o,onClick:function(t){return i.handleRowClick(t,n,r,e)},onDblclick:function(t){return i.handleRowDblClick(t,n,r,e)}},[i.filterColgroups.map((function(o,a){return(0,t.createVNode)("td",{class:i.getColumnClass(o,a),style:c(o,s),colspan:1,rowspan:1},[(0,t.createVNode)("div",{class:"cell"},[i.renderCell(n,o,r,e)])])}))])})):(0,t.createVNode)("tr",null,[(0,t.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(o=null===(r=(n=this.context.slots).empty)||void 0===r?void 0:r.call(n))&&void 0!==o?o:(0,t.createVNode)(j,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{key:"handleRowClick",value:function(e,t,n,r){this.context.emit("rowClick",e,t,n,r,this)}},{key:"handleRowDblClick",value:function(e,t,n,r){this.context.emit("rowDblClick",e,t,n,r,this)}},{key:"renderCell",value:function(e,t,n,r){var o=y(e,s(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(o,e,n,r):o}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var n=this;return(0,t.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(r,o){var i,a=(0,e.classes)({active:n.isColActive(o)}),l="".concat((i=p(r),d(i,"auto"))).replace(/px$/i,"");return(0,t.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}();const K=(0,t.defineComponent)({name:"Table",props:N,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,o){var c=(0,t.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),u=null,p=null,f=null,v=(0,t.ref)(),y=(0,t.ref)(),C=function(e){var n,r,o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(r||(r={}));var a=!1,l=!1,c=!1,s=0,u=null,d=0,p=(0,t.ref)(-1e3),f=function e(t){var n;l=!1,c=!1,document.body.style.cursor="";var r=t.clientX-s;u.resizeWidth=(null!==(n=u.resizeWidth)&&void 0!==n?n:u.calcWidth)+r,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),s=0,p.value=-1e3,u=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},v=function(e){document.body.style.setProperty("cursor",""),p.value=e.clientX-s+d},h=(b(n={},r.MOUSE_DOWN,(function(e,t){if(a){l=!0,document.body.style.setProperty("cursor","col-resize"),u=t,s=e.clientX;var n=e.target.closest("table");d=s-n.getBoundingClientRect().left,document.addEventListener("mouseup",f),document.addEventListener("mousemove",v)}})),b(n,r.MOUSE_MOVE,(function(e,t){l&&!c&&(c=!0);var n=e.target.closest("th");if(c&&n.style.setProperty("user-select","none"),!c){if(!n)return;var r=n.getBoundingClientRect();r.width>12&&r.right-e.pageX<8?(a=!0,n.style.setProperty("cursor","col-resize")):a=!1}})),b(n,r.MOUSE_OUT,(function(e,t){var n=e.target;c||n.style.setProperty("cursor","")})),n),g=function(e){return"".concat(i,"_").concat(e)},y=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(h).forEach((function(t){var n=g(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(h[t])}))}))},m=function(){e.forEach((function(e){Object.keys(h).forEach((function(t){var n=g(t);if(e.listeners.has(n)){var r=e.listeners.get(n);r.splice(0,r.length)}}))}))};o&&y();var T=(0,t.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(p.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:y,resetResizeEvents:m,dragOffsetX:p,dragOffsetXStyle:T}}(c,!0),x=C.dragOffsetXStyle,N=function(e){var n=(0,t.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:n};var r=(0,t.reactive)(m(e));return(0,t.watchEffect)((function(){n=(e.columns||[]).map((function(e,t){return{index:t,active:r.some((function(e){return e===t})),_column:e}}));var t=m(e);n.forEach((function(e,n){Object.assign(e,{active:t.some((function(e){return e===n}))})}))})),{activeColumns:n}}(n).activeColumns,k=(0,t.reactive)({scrollTranslateY:0,scrollTranslateX:0,activeColumns:N,setting:{size:null,height:null}}),O=function(e){var n=(0,t.ref)(0),r=(0,t.ref)(0),o=(0,t.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),a=(0,t.reactive)({count:0,limit:10,current:1});a=P(e.pagination,a);var l=(0,t.reactive)([]),c=function(t,a){l.splice.apply(l,[0,l.length].concat(i(o.value.slice(n.value,r.value)))),function(t){if("function"==typeof t){var n=l.filter((function(n,r){return t(n,r,e.data)}));l.splice.apply(l,[0,l.length].concat(i(n)))}}(t),function(e){"function"==typeof e&&l.sort(e)}(a)},s=(0,t.computed)((function(){return e.pagination?e.remotePagination?a:Object.assign(Object.assign({},a),{count:e.data.length}):null}));return{pageData:l,localPagination:s,resolvePageData:c,watchEffectFn:function(t,o){a=P(e.pagination,a),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(r.value=e.data.length);n.value=(a.current-1)*a.limit,r.value=a.current*a.limit}(),c(t,o)}}}(n),V=O.pageData,w=O.localPagination,S=O.resolvePageData,E=O.watchEffectFn,_=function(n,r,o){var a=(0,t.ref)(200),c=(0,t.computed)((function(){return(0,e.classes)(b({},(0,e.resolveClassName)("table"),!0),(r=["row"],"string"==typeof(t=n.border)&&r.push(t),Array.isArray(t)&&r.push.apply(r,i(t.filter((function(e){return l.includes(e)})))),i(new Set(r)).map((function(e){return"bordered-".concat(e)})).join(" ")));var t,r})),u=(0,e.classes)(b({},(0,e.resolveClassName)("table-head"),!0)),p=g(n),f=(0,t.computed)((function(){return{"--row-height":"".concat(s(p,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(o.scrollTranslateX,"px"),"--scroll-left":"".concat(o.scrollTranslateX,"px")}})),v=(0,e.classes)(b({},(0,e.resolveClassName)("table-body"),!0)),h=(0,t.computed)((function(){var t;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table-footer"),!0),b(t,"is-hidden",!n.pagination||!n.data.length),t))})),y=(0,t.computed)((function(){return{minHeight:d(n.minHeight,"auto")}})),m=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,t.computed)((function(){var e=m(n.height,a.value),t=n.showHead?m(n.headHeight,40)+2:0,r=m(n.maxHeight,a.value),o=m(n.minHeight,a.value),i=n.pagination&&n.data.length?40:0,l=e-t-i,c=r-t-i,s=o-t-i,u="auto"!==n.height?"".concat(l,"px"):"auto";return{display:"block","max-height":"".concat(c,"px"),"min-height":"".concat(s,"px"),height:u}}));(0,t.onMounted)((function(){C(null==r?void 0:r.value)}));var C=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;a.value=t}};return{tableClass:c,headClass:u,contentClass:v,footerClass:h,wrapperStyle:y,contentStyle:T,headStyle:f,resetTableHeight:C}}(n,v,k),j=_.tableClass,H=_.headClass,A=_.contentClass,F=_.footerClass,R=_.wrapperStyle,L=_.contentStyle,z=_.headStyle,q=_.resetTableHeight,D=T(n,c),M=D.renderFixedColumns,I=D.fixedWrapperClass,B=new G(n,o,k,c);(0,t.watchEffect)((function(){E(p,u)})),B.on($.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;u=t,V.sort(u)})).on($.ON_FILTER_CLICK,(function(e){var t=e.filterFn;S(p=t,u)})).on($.ON_SETTING_CHANGE,(function(e){var t,n,r=e.checked;(void 0===r?[]:r).length&&h(v.value,c,20),null===(n=null===(t=y.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)}));var U=function(e){var t=e[1],n=t.translateX,r=t.translateY;k.scrollTranslateY=r,k.scrollTranslateX=n};return(0,t.onMounted)((function(){f=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:60,r=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=(0,a.throttle)((function(){"function"==typeof t&&t()}),n),i=new ResizeObserver((function(){o()}));return r&&"function"==typeof t&&t(),{start:function(){i.observe(e)},stop:function(){i.disconnect(),i.unobserve(e)}}}(v.value,(function(){h(v.value,c,20),q(v.value)}),60,!0),f.start()})),(0,t.onBeforeUnmount)((function(){f.stop(),f=null,B.destroy()})),o.expose({plugins:B.plugins}),function(){return(0,t.createVNode)("div",{class:j.value,style:R.value,ref:v},[(0,t.createVNode)("div",{class:H,style:z.value},[B.renderTableHeadSchema()]),(0,t.createVNode)(r(),{ref:y,lineHeight:B.getRowHeight,class:A,style:L.value,list:V,onContentScroll:U,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled},{default:function(e){return B.renderTableBodySchema(e.data||n.data)}}),(0,t.createVNode)("div",{class:I},[M(),(0,t.createVNode)("div",{class:"bk-drag-column offset-x",style:x.value},null)]),(0,t.createVNode)("div",{class:F.value},[n.pagination&&n.data.length&&B.renderTableFooter(w.value)])])}}}),Y=(0,e.withInstall)(K)})(),v})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","lodash","../pagination","../exception","../checkbox","../icon","../popover","../icon/","../button"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../virtual-render"),require("lodash"),require("../pagination"),require("../exception"),require("../checkbox"),require("../icon"),require("../popover"),require("../icon/"),require("../button")):t(e["../shared"],e.vue,e["../virtual-render"],e.lodash,e["../pagination"],e["../exception"],e["../checkbox"],e["../icon"],e["../popover"],e["../icon/"],e["../button"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i,a,l,c,s,u)=>(()=>{"use strict";var d={4976:e=>{e.exports=u},5800:e=>{e.exports=a},9911:e=>{e.exports=i},6870:e=>{e.exports=l},7685:e=>{e.exports=s},5801:e=>{e.exports=r},5537:e=>{e.exports=c},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{e.exports=t}},p={};function f(e){var t=p[e];if(void 0!==t)return t.exports;var n=p[e]={exports:{}};return d[e](n,n.exports,f),n.exports}f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},f.d=(e,t)=>{for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return(()=>{f.r(v),f.d(v,{default:()=>Y});var e=f(4212),t=f(748),n=f(3511),o=f.n(n);function r(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 i(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(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)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var a=f(467),l=["none","row","col","outer"],c=void 0,s=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[c].concat(i(n))):e[t]},u=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"100%",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,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},p=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]]},h=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20,o=e.getBoundingClientRect()||{},r=o.width,i=r-4,a=[],l=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];Object.assign(e,{calcWidth:t}),n&&(i-=t)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(p(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var c=Number(o.replace("px",""));l(e,c),r=!1}if(/^\d+\.?\d*%$/.test(o)){var s=n;if(i>0){var u=Number(o.replace("%",""));s=i*u/100}l(e,s),r=!1}r&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return l(t[e],c,!1)})))}},g=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))},y=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},m=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:u(e.activeColumn):Array.isArray(e.activeColumn)?u(e.activeColumn[0]):u(e.activeColumn):[]};function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const T=function(n,o){var r=(0,t.computed)((function(){return n.pagination&&n.data.length?40:0})),i=function(e){return"right"===e.fixed?"right":"left"},a={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+p(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+p(n)}),0)}},l=a.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(a[e](!1),"px"),bottom:"".concat(r.value,"px")}},n={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(o){var r,a=i(o),l=n[a];return n[a]=!0,l?"":(0,t.createVNode)("div",{class:(r=o,{column_fixed:!!r.fixed,column_fixed_left:"right"!==r.fixed,column_fixed_right:"right"===r.fixed}),style:e(a)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:l(!0)},resolveFixedColumnStyle:function(e,t){if(!e.fixed)return{};var n=i(e),o="right"===n?-1:1,r="".concat(t[n],"px");return t[n]=t[n]+p(e)*o,b({},n,r)}}}}};function C(e){return C="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},C(e)}var P=function(e,t){if(e){if("object"===C(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};var x;!function(e){e.CURRENT="current",e.ALL="all"}(x||(x={}));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")]),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(x)).def(x.CURRENT)}),e.PropTypes.bool]).def(!1),filter:e.PropTypes.oneOfType([e.PropTypes.shape({list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),filterFn:e.PropTypes.func.def(void 0)}),e.PropTypes.bool]).def(!1)})),activeColumn:e.PropTypes.oneOfType([e.PropTypes.number.def(-1),e.PropTypes.arrayOf(e.PropTypes.number.def(-1))]),columnPick:e.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),minHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(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(l,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1),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)};function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(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 V(e,t,n){return t&&O(e.prototype,t),n&&O(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var w=f(5801),S=f.n(w),E=f(9911),_=f.n(E);const j=(0,t.defineComponent)({name:"BodyEmpty",props:{list:e.PropTypes.array.def([]),filterList:e.PropTypes.array.def([]),emptyText:e.PropTypes.string.def("暂无数据")},emits:["change"],setup:function(e,n){var o=n.slots,r=(0,t.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var n,i;return(0,t.createVNode)(_(),{scene:"part",type:r.value},{default:function(){return[null!==(i=null===(n=o.default)||void 0===n?void 0:n.call(o))&&void 0!==i?i:e.emptyText]}})}}});var H=f(5800),A=f.n(H),F=f(6870),R=f(5537),L=f.n(R);const q=(0,t.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var r=o.emit,a=n.column,l=(0,t.ref)(!1),c=(0,t.reactive)({isOpen:!1,checked:[]}),u=(0,t.computed)((function(){var t;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table-head-action"),!0),b(t,"column-filter",!0),b(t,"--row-height","".concat(n.height,"px")),b(t,"active",c.checked.length),b(t,"opened",c.isOpen),t))})),d=(0,e.classes)(b({},(0,e.resolveClassName)("table-head-filter"),!0)),p=function(e){c.isOpen=e},f=[{name:"offset",options:{offset:[0,0]}}],v="light ".concat((0,e.resolveClassName)("table-head-filter")),h=(0,t.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:c.checked.includes(e.value)})}))})),g="function"==typeof a.filter.filterFn?function(e,t,o,r){return a.filter.filterFn(e,t,n.column,o,r)}:function(e,t){return!e.length||e.includes(y(t,s(a,"field",[a,t]),a))},m=function(){r("change",i(c.checked),g),l.value=!1},T=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,t.nextTick)((function(){return r("change",c.checked,g)})))};return function(){return(0,t.createVNode)(L(),(0,t.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:f,theme:v},{boundary:document.body,onAfterShow:function(){return p(!0)},onAfterHidden:function(){return p(!1)}}),{default:function(){return(0,t.createVNode)(F.AngleDownLine,{class:u.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,n;return(0,t.createVNode)("div",{class:d},[(0,t.createVNode)(H.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(n=e=h.value.map((function(e){return(0,t.createVNode)("div",{class:"list-item"},[(0,t.createVNode)(A(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof n||"[object Object]"===Object.prototype.toString.call(n)&&!(0,t.isVNode)(n)?e:{default:function(){return[e]}})),(0,t.createVNode)("div",{class:"content-footer"},[(0,t.createVNode)("span",{class:"btn-filter-save",onClick:m},[(0,t.createTextVNode)("确定")]),(0,t.createVNode)("span",{class:"btn-filter-split"},null),(0,t.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:T},[(0,t.createTextVNode)("重置")])])])}})}}});var z,B=f(7685);!function(e){e.ASC="asc",e.DESC="desc"}(z||(z={}));const D=(0,t.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(n,o){var r=o.emit,i=(0,t.ref)(""),a=function(e,t){var o,a;e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),i.value=t;var l=n.column.field,c=function(e){return y(e,l,n.column)},s="function"==typeof(null===(o=n.column.sort)||void 0===o?void 0:o.sortFn)?null===(a=n.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};r("change",(function(e,n){return s(e,n)*(t===z.DESC?-1:1)}),t)};return function(){return(0,t.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,t.createVNode)(B.AngleDownFill,{class:["sort-action","sort-asc",i.value===z.ASC?"active":""],onClick:function(e){return a(e,z.ASC)}},null),(0,t.createVNode)(B.AngleUpFill,{class:["sort-action","sort-desc",i.value===z.DESC?"active":""],onClick:function(e){return a(e,z.DESC)}},null)])}}});var M=V((function e(t,n){k(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),I=f(4976),U=f.n(I);function W(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)}const X=(0,t.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(n,o){var r,i,a,l=o.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:n.rowHeight},{value:"large",label:"大",height:56}],u=[{name:"offset",options:{offset:[10,10]}}],d=(0,t.ref)(!1),p=n.settings,f=(0,t.ref)(null!==(r=p.size)&&void 0!==r?r:"default"),v=(0,t.ref)(n.rowHeight),h=(0,t.ref)(null!==(i=p.checked)&&void 0!==i?i:[]),g=(0,e.resolveClassName)("table-settings"),y="light ".concat(g),m=function(){l("change",{checked:h.value,size:f.value,height:v.value}),d.value=!1},b=function(){var e;f.value="default",v.value=n.rowHeight,h.value=null!==(e=p.checked)&&void 0!==e?e:[],d.value=!1},T=function(){d.value=!0},C=function(){var e,t;h.value=(null!==(t=null!==(e=p.fields)&&void 0!==e?e:n.columns)&&void 0!==t?t:[]).map((function(e,t){return s(e,"field",[e,t])}))},P=(0,t.computed)((function(){var e;return(null!==(e=p.limit)&&void 0!==e?e:0)>0})),x=null!==(a=p.sizeList)&&void 0!==a?a:c,N=(0,t.computed)((function(){var e;return P.value&&(null!==(e=p.limit)&&void 0!==e?e:0)<=h.value.length})),k=function(e,t){return N.value&&!h.value.includes(s(e,"field",[e,t]))},O=function(e){return{"line-size":!0,"is-default":"default"===f.value,active:e.value===f.value}},V={width:"85px",marginRight:"5px"};return function(){return(0,t.createVNode)(L(),(0,t.mergeProps)({trigger:"manual",isShow:d.value,placement:"bottom-end",arrow:!1},{modifiers:u,theme:y},{boundary:document.body}),{default:function(){return(0,t.createVNode)(B.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:T},null)},content:function(){var e,o,r;return(0,t.createVNode)("div",{class:"setting-content"},[(0,t.createVNode)("div",{class:"setting-head"},[(0,t.createVNode)("h2",null,[(0,t.createTextVNode)("表格设置")]),(0,t.createVNode)(B.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,t.createVNode)("div",{class:"setting-body"},[(0,t.createVNode)("div",{class:"setting-body-title"},[(0,t.createVNode)("div",null,[(0,t.createVNode)("span",null,[(0,t.createTextVNode)("字段显示设置")]),P.value?(0,t.createVNode)("span",{class:"limit"},[(0,t.createTextVNode)("(最多"),p.limit,(0,t.createTextVNode)("项)")]):""]),P.value?"":(0,t.createVNode)("span",{class:"check-all",onClick:C},[(0,t.createTextVNode)("全选")])]),(0,t.createVNode)(H.BkCheckboxGroup,{class:"setting-body-fields",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e}},W(e=(null!==(r=null!==(o=p.fields)&&void 0!==o?o:n.columns)&&void 0!==r?r:[]).map((function(e,n){var o;return(0,t.createVNode)("div",{class:"field-item"},[(0,t.createVNode)(A(),{label:s(e,"field",[e,n]),disabled:k(e,n)},W(o=s(e,"label",[e,n]))?o:{default:function(){return[o]}})])})))?e:{default:function(){return[e]}}),(0,t.createVNode)("div",{class:"setting-body-line-height"},[(0,t.createTextVNode)("表格行高:"),x.map((function(e){return(0,t.createVNode)("span",{class:O(e),onClick:function(){return function(e){f.value=e.value,v.value=e.height}(e)}},[e.label])}))])]),(0,t.createVNode)("div",{class:"setting-footer"},[(0,t.createVNode)(U(),{theme:"primary",style:V,onClick:m},{default:function(){return[(0,t.createTextVNode)("确定")]}}),(0,t.createVNode)(U(),{style:V,onClick:b},{default:function(){return[(0,t.createTextVNode)("取消")]}})])])}})}}});var $;!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}($||($={}));var G=function(){function n(t,o,r,i){var a=this;k(this,n),this.getRowHeight=function(e,t){var n=a.setting,o=n.size;return null!=n.height?s(a.setting,"height",["tbody",e,t,o]):s(a.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,t){var n;return b(n={},"".concat(a.uuid,"-column-").concat(t),!0),b(n,"column_fixed",!!e.fixed),b(n,"column_fixed_left",!!e.fixed),b(n,"column_fixed_right","right"===e.fixed),n},this.getHeadColumnClass=function(e,t){return Object.assign(Object.assign({},a.getColumnClass(e,t)),{active:a.isColActive(t)})},this.props=t,this.context=o,this.reactiveProp=r,this.colgroups=i,this.plugins=new M(t,o),this.uuid=(0,e.random)(8),this.events=new Map}return V(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,n=g(this.props).isShow;return void 0===n||n?[this.props.settings?(0,t.createVNode)(X,{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(s(e,"field",[e]))})),e.emitEvent($.ON_SETTING_CHANGE,[t])}},null):"",(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){return(0,t.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderTBody(e)])}},{key:"renderTableFooter",value:function(e){var n=this;return(0,t.createVNode)(S(),(0,t.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return n.handlePageLimitChange(e)},onChange:function(e){return n.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,n){var o=this;return(0,t.createVNode)(D,{column:e,onChange:function(t,r){o.emitEvent($.ON_SORT_BY_CLICK,[{sortFn:t,column:e,index:n,type:r}])}},null)}},{key:"getFilterCell",value:function(e,n){var o=this;return(0,t.createVNode)(q,{column:e,height:this.props.headHeight,onChange:function(t,r){o.emitEvent($.ON_FILTER_CLICK,[{filterFn:function(e,n){return r(t,e,n)},checked:t,column:e,index:n}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=g(this.props),o=n.cellFn,r={"--row-height":"".concat(s(n,"height",["thead"]),"px")},i=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(s(t,"label",[t,n])),r)},a=(0,T(this.props,this.colgroups).getFixedColumnStyleResolve)(),l=a.resolveFixedColumnStyle,c=a.fixedoffset;return(0,t.createVNode)("thead",{style:r},[(0,t.createVNode)("tr",null,[this.filterColgroups.map((function(n,o){return(0,t.createVNode)("th",(0,t.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,o),style:l(n,c),onClick:function(){return e.handleColumnHeadClick(o)}},(r=n,Array.from(r.listeners.keys()).reduce((function(t,n){var o=n.split("_").slice(-1)[0];return Object.assign(t,b({},o,(function(t){r.listeners.get(n).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,t.createVNode)("div",{class:"cell"},[i(n,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var n,o,r,i=this,a=T(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,t.createVNode)("tbody",null,[e.length?e.map((function(n,o){var r={"--row-height":"".concat(i.getRowHeight(n,o),"px")},l=a(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,t.createVNode)("tr",{style:r,onClick:function(t){return i.handleRowClick(t,n,o,e)},onDblclick:function(t){return i.handleRowDblClick(t,n,o,e)}},[i.filterColgroups.map((function(r,a){return(0,t.createVNode)("td",{class:i.getColumnClass(r,a),style:c(r,s),colspan:1,rowspan:1},[(0,t.createVNode)("div",{class:"cell"},[i.renderCell(n,r,o,e)])])}))])})):(0,t.createVNode)("tr",null,[(0,t.createVNode)("td",{colspan:this.props.columns.length,class:"empty-cell"},[null!==(r=null===(o=(n=this.context.slots).empty)||void 0===o?void 0:o.call(n))&&void 0!==r?r:(0,t.createVNode)(j,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)])])])}},{key:"handleRowClick",value:function(e,t,n,o){this.context.emit("rowClick",e,t,n,o,this)}},{key:"handleRowDblClick",value:function(e,t,n,o){this.context.emit("rowDblClick",e,t,n,o,this)}},{key:"renderCell",value:function(e,t,n,o){var r=y(e,s(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(r,e,n,o):r}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var n=this;return(0,t.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(o,r){var i,a=(0,e.classes)({active:n.isColActive(r)}),l="".concat((i=p(o),d(i,"auto"))).replace(/px$/i,"");return(0,t.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}();const K=(0,t.defineComponent)({name:"Table",props:N,emits:["columnPick","rowClick","rowDblClick","pageLimitChange","pageValueChange"],setup:function(n,r){var c=(0,t.reactive)(n.columns.map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),u=null,p=null,f=null,v=(0,t.ref)(),y=(0,t.ref)(),C=function(e){var n,o,r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i="HeadColumnResize";!function(e){e.MOUSE_MOVE="onMousemove",e.MOUSE_OUT="onMouseout",e.MOUSE_DOWN="onMousedown"}(o||(o={}));var a=!1,l=!1,c=!1,s=0,u=null,d=0,p=(0,t.ref)(-1e3),f=function e(t){var n;l=!1,c=!1,document.body.style.cursor="";var o=t.clientX-s;u.resizeWidth=(null!==(n=u.resizeWidth)&&void 0!==n?n:u.calcWidth)+o,document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",v),s=0,p.value=-1e3,u=null,t.target.closest("table").querySelectorAll("th").forEach((function(e){return e.style.setProperty("user-select","inherit")}))},v=function(e){document.body.style.setProperty("cursor",""),p.value=e.clientX-s+d},h=(b(n={},o.MOUSE_DOWN,(function(e,t){if(a){l=!0,document.body.style.setProperty("cursor","col-resize"),u=t,s=e.clientX;var n=e.target.closest("table");d=s-n.getBoundingClientRect().left,document.addEventListener("mouseup",f),document.addEventListener("mousemove",v)}})),b(n,o.MOUSE_MOVE,(function(e,t){l&&!c&&(c=!0);var n=e.target.closest("th");if(c&&n.style.setProperty("user-select","none"),!c){if(!n)return;var o=n.getBoundingClientRect();o.width>12&&o.right-e.pageX<8?(a=!0,n.style.setProperty("cursor","col-resize")):a=!1}})),b(n,o.MOUSE_OUT,(function(e,t){var n=e.target;c||n.style.setProperty("cursor","")})),n),g=function(e){return"".concat(i,"_").concat(e)},y=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(h).forEach((function(t){var n=g(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(h[t])}))}))},m=function(){e.forEach((function(e){Object.keys(h).forEach((function(t){var n=g(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&y();var T=(0,t.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(p.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:y,resetResizeEvents:m,dragOffsetX:p,dragOffsetXStyle:T}}(c,!0),x=C.dragOffsetXStyle,N=function(e){var n=(0,t.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:n};var o=(0,t.reactive)(m(e));return(0,t.watchEffect)((function(){n=(e.columns||[]).map((function(e,t){return{index:t,active:o.some((function(e){return e===t})),_column:e}}));var t=m(e);n.forEach((function(e,n){Object.assign(e,{active:t.some((function(e){return e===n}))})}))})),{activeColumns:n}}(n).activeColumns,k=(0,t.reactive)({scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:N,setting:{size:null,height:null}}),O=function(e){var n=(0,t.ref)(0),o=(0,t.ref)(0),r=(0,t.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),a=(0,t.reactive)({count:0,limit:10,current:1});a=P(e.pagination,a);var l=(0,t.reactive)([]),c=function(t,a){l.splice.apply(l,[0,l.length].concat(i(r.value.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(i(n)))}}(t),function(e){"function"==typeof e&&l.sort(e)}(a)},s=(0,t.computed)((function(){return e.pagination?e.remotePagination?a:Object.assign(Object.assign({},a),{count:e.data.length}):null}));return{pageData:l,localPagination:s,resolvePageData:c,watchEffectFn:function(t,r){a=P(e.pagination,a),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(o.value=e.data.length);n.value=(a.current-1)*a.limit,o.value=a.current*a.limit}(),c(t,r)}}}(n),V=O.pageData,w=O.localPagination,S=O.resolvePageData,E=O.watchEffectFn,_=function(n,o,r){var a=(0,t.ref)(200),c=(0,t.ref)(!1),u=(0,t.computed)((function(){return n.pagination&&n.data.length})),p=(0,t.computed)((function(){var t,o,a;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table"),!0),b(t,"has-footer",u.value),b(t,"has-scroll-y",c.value||n.virtualEnabled),b(t,"is-scroll-bottom",r.pos.bottom<2),t),(a=["row"],"string"==typeof(o=n.border)&&a.push(o),Array.isArray(o)&&a.push.apply(a,i(o.filter((function(e){return l.includes(e)})))),i(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),f=(0,e.classes)(b({},(0,e.resolveClassName)("table-head"),!0)),v=g(n),h=(0,t.computed)((function(){return{"--row-height":"".concat(s(v,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),y=(0,e.classes)(b({},(0,e.resolveClassName)("table-body"),!0)),m=(0,t.computed)((function(){var t;return(0,e.classes)((b(t={},(0,e.resolveClassName)("table-footer"),!0),b(t,"is-hidden",!n.pagination||!n.data.length),t))})),T=(0,t.computed)((function(){return{minHeight:d(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},P=(0,t.reactive)({});(0,t.onMounted)((function(){x(null==o?void 0:o.value)}));var x=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;a.value=t,function(){var e=C(n.height,a.value),t=n.showHead?C(n.headHeight,40)+2:0,o=C(n.maxHeight,a.value),r=C(n.minHeight,a.value),i=n.pagination&&n.data.length?40:0,l=e-t-i,c="auto"!==n.height&&"".concat(l,"px"),s=!!c&&o-t-i,u=r-t-i;Object.assign(P,{display:"block","max-height":"".concat(s,"px"),"min-height":"".concat(u,"px"),height:c})}()}};return{tableClass:p,headClass:f,contentClass:y,footerClass:m,wrapperStyle:T,contentStyle:P,headStyle:h,resetTableHeight:x,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");c.value=t.offsetHeight>e.offsetHeight}},hasFooter:u}}(n,v,k),j=_.tableClass,H=_.headClass,A=_.contentClass,F=_.footerClass,R=_.wrapperStyle,L=_.contentStyle,q=_.headStyle,z=_.updateBorderClass,B=_.hasFooter,D=T(n,c),M=D.renderFixedColumns,I=D.fixedWrapperClass,U=new G(n,r,k,c);(0,t.watch)((function(){return[n.data]}),(function(){E(p,u),(0,t.nextTick)((function(){return z(v.value)}))}),{immediate:!0,deep:!0}),U.on($.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn;u=t,V.sort(u)})).on($.ON_FILTER_CLICK,(function(e){var t=e.filterFn;S(p=t,u)})).on($.ON_SETTING_CHANGE,(function(e){var t,n,o=e.checked;(void 0===o?[]:o).length&&h(v.value,c,20),null===(n=null===(t=y.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t)}));var W=function(e){var t=e[1],n=t.translateX,o=t.translateY,r=t.pos,i=void 0===r?{}:r;k.scrollTranslateY=o,k.scrollTranslateX=n,k.pos=i};return(0,t.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,a.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(){h(v.value,c,20)}),60,!0),f.start()})),(0,t.onBeforeUnmount)((function(){f.stop(),f=null,U.destroy()})),r.expose({plugins:U.plugins}),function(){return(0,t.createVNode)("div",{class:j.value,style:R.value,ref:v},[(0,t.createVNode)("div",{class:H,style:q.value},[U.renderTableHeadSchema()]),(0,t.createVNode)(o(),{ref:y,lineHeight:U.getRowHeight,class:A,style:L,list:V,onContentScroll:W,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled},{default:function(e){return U.renderTableBodySchema(e.data||n.data)}}),(0,t.createVNode)("div",{class:I},[M(),(0,t.createVNode)("div",{class:"bk-drag-column offset-x",style:x.value},null)]),(0,t.createVNode)("div",{class:F.value},[B.value&&U.renderTableFooter(w.value)])])}}}),Y=(0,e.withInstall)(K)})(),v})()));
@@ -33,7 +33,8 @@ export declare const tableProps: {
33
33
  };
34
34
  /**
35
35
  * 设置表格高度
36
- * 默认:auto,依赖外层高度
36
+ * 默认:auto 根据行数自动填充高度
37
+ * 100%,依赖初始化时父级容器高度
37
38
  */
38
39
  height: import("vue-types").VueTypeDef<string | number> & {
39
40
  default: string | number;
@@ -203,8 +203,13 @@
203
203
  height: auto;
204
204
  overflow: hidden;
205
205
  border-top: 1px solid #dcdee5;
206
+ }
207
+ .bk-table.has-scroll-y {
206
208
  border-bottom: 1px solid #dcdee5;
207
209
  }
210
+ .bk-table.has-scroll-y.is-scroll-bottom {
211
+ border-bottom: 1px solid transparent;
212
+ }
208
213
  .bk-table .bk-table-body {
209
214
  position: relative;
210
215
  overflow: auto;
@@ -278,6 +283,10 @@
278
283
  .bk-table .bk-table-body table thead th.column_fixed {
279
284
  transform: translateX(var(--scroll-left));
280
285
  }
286
+ .bk-table .bk-table-head table tbody tr td.empty-cell,
287
+ .bk-table .bk-table-body table tbody tr td.empty-cell {
288
+ padding-bottom: 30px;
289
+ }
281
290
  .bk-table .bk-table-head table tbody tr td .cell,
282
291
  .bk-table .bk-table-body table tbody tr td .cell {
283
292
  display: block;
@@ -313,17 +322,21 @@
313
322
  .bk-table .bk-table-footer {
314
323
  line-height: 40px;
315
324
  border-top: 1px solid #dcdee5;
325
+ border-bottom: 1px solid #dcdee5;
316
326
  }
317
327
  .bk-table .bk-table-footer.is-hidden {
318
328
  display: none;
319
329
  }
320
- .bk-table tr:last-child td {
321
- border-bottom: none;
322
- }
323
330
  .bk-table.bordered-row td,
324
331
  .bk-table.bordered-row th {
325
332
  border-bottom: 1px solid #dcdee5;
326
333
  }
334
+ .bk-table.bordered-row.has-footer {
335
+ border-bottom: none;
336
+ }
337
+ .bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td {
338
+ border-bottom: none;
339
+ }
327
340
  .bk-table.bordered-outer {
328
341
  border-right: 1px solid #dcdee5;
329
342
  border-left: 1px solid #dcdee5;
@@ -8,7 +8,14 @@
8
8
  height: auto;
9
9
  overflow: hidden;
10
10
  border-top: 1px solid @table-border-color;
11
- border-bottom: 1px solid @table-border-color;
11
+
12
+ &.has-scroll-y {
13
+ border-bottom: 1px solid @table-border-color;
14
+
15
+ &.is-scroll-bottom {
16
+ border-bottom: 1px solid transparent;
17
+ }
18
+ }
12
19
 
13
20
  .@{bk-prefix}-table-body {
14
21
  position: relative;
@@ -79,6 +86,10 @@
79
86
  tbody {
80
87
  tr {
81
88
  td {
89
+ &.empty-cell {
90
+ padding-bottom: 30px;
91
+ }
92
+
82
93
  .cell {
83
94
  display: block;
84
95
  width: 100%;
@@ -128,25 +139,32 @@
128
139
  .@{bk-prefix}-table-footer {
129
140
  line-height: 40px;
130
141
  border-top: 1px solid @table-border-color;
131
-
142
+ border-bottom: 1px solid @table-border-color;
143
+
132
144
  &.is-hidden {
133
145
  display: none;
134
146
  }
135
147
  }
136
148
 
137
- tr {
138
- &:last-child {
139
- td {
140
- border-bottom: none;
141
- }
142
- }
143
- }
144
-
145
149
  &.bordered-row {
146
150
  td,
147
151
  th {
148
152
  border-bottom: 1px solid @table-border-color;
149
153
  }
154
+
155
+ &.has-footer {
156
+ border-bottom: none;
157
+
158
+ &.has-scroll-y {
159
+ tr {
160
+ &:last-child {
161
+ td {
162
+ border-bottom: none;
163
+ }
164
+ }
165
+ }
166
+ }
167
+ }
150
168
  }
151
169
 
152
170
  &.bordered-outer {
@@ -302,8 +302,13 @@
302
302
  height: auto;
303
303
  overflow: hidden;
304
304
  border-top: 1px solid #dcdee5;
305
+ }
306
+ .bk-table.has-scroll-y {
305
307
  border-bottom: 1px solid #dcdee5;
306
308
  }
309
+ .bk-table.has-scroll-y.is-scroll-bottom {
310
+ border-bottom: 1px solid transparent;
311
+ }
307
312
  .bk-table .bk-table-body {
308
313
  position: relative;
309
314
  overflow: auto;
@@ -377,6 +382,10 @@
377
382
  .bk-table .bk-table-body table thead th.column_fixed {
378
383
  transform: translateX(var(--scroll-left));
379
384
  }
385
+ .bk-table .bk-table-head table tbody tr td.empty-cell,
386
+ .bk-table .bk-table-body table tbody tr td.empty-cell {
387
+ padding-bottom: 30px;
388
+ }
380
389
  .bk-table .bk-table-head table tbody tr td .cell,
381
390
  .bk-table .bk-table-body table tbody tr td .cell {
382
391
  display: block;
@@ -412,17 +421,21 @@
412
421
  .bk-table .bk-table-footer {
413
422
  line-height: 40px;
414
423
  border-top: 1px solid #dcdee5;
424
+ border-bottom: 1px solid #dcdee5;
415
425
  }
416
426
  .bk-table .bk-table-footer.is-hidden {
417
427
  display: none;
418
428
  }
419
- .bk-table tr:last-child td {
420
- border-bottom: none;
421
- }
422
429
  .bk-table.bordered-row td,
423
430
  .bk-table.bordered-row th {
424
431
  border-bottom: 1px solid #dcdee5;
425
432
  }
433
+ .bk-table.bordered-row.has-footer {
434
+ border-bottom: none;
435
+ }
436
+ .bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td {
437
+ border-bottom: none;
438
+ }
426
439
  .bk-table.bordered-outer {
427
440
  border-right: 1px solid #dcdee5;
428
441
  border-left: 1px solid #dcdee5;
@@ -7,16 +7,13 @@ export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?
7
7
  wrapperStyle: import("vue").ComputedRef<{
8
8
  minHeight: string | number;
9
9
  }>;
10
- contentStyle: import("vue").ComputedRef<{
11
- display: string;
12
- 'max-height': string;
13
- 'min-height': string;
14
- height: string;
15
- }>;
10
+ contentStyle: {};
16
11
  headStyle: import("vue").ComputedRef<{
17
12
  '--row-height': string;
18
13
  '--scroll-head-left': string;
19
14
  '--scroll-left': string;
20
15
  }>;
21
16
  resetTableHeight: (rootEl: HTMLElement) => void;
17
+ updateBorderClass: (root: HTMLElement) => void;
18
+ hasFooter: import("vue").ComputedRef<number>;
22
19
  };
@@ -1 +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 n="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash")):t(e["../shared"],e.vue,e.lodash);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},467:e=>{e.exports=n},748:e=>{e.exports=t}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,l),n.exports}l.d=(e,t)=>{for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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:()=>g});var e=l(4212);function t(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 n(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,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):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 o(e){return o="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},o(e)}var r=l(748),a={onContentScroll:Function},s=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)},a),u=l(467),c=void 0;function p(e,t,n,o){for(var r=0,l=0,i=0,a=0;r<e;r++){if(l+(a=o(r,[r*n,(r+1)*n,"virtual"]))>t){i=t-l;break}l+=a}return{startIndex:r,height:l,diffHeight:i}}function f(e,t,n,o,r){if(o){var l=o.scrollTop,i=o.scrollLeft,a=n.scrollTop,s=n.count,u=n.groupItemCount,c=n.startIndex,f=n.endIndex,d=o.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(s,l,u,e);y=b.startIndex>0?b.startIndex:0,h=b.diffHeight,v=p(s,d,u,e).startIndex+y+1}l===a&&y===c&&v===f||"function"==typeof t&&t(r,y,v,l,h,i)}}function d(e,t,n){var o=n.value,r=o.lineHeight,l=void 0===r?30:r,i=o.handleScrollCallback,a=o.pagination,s=void 0===a?{}:a;if(o.onlyScroll){var u=t.scrollTop;i(e,null,null,u,u,t.scrollLeft)}else{var c=s.startIndex,p=s.endIndex,d=s.groupItemCount,y=s.count;f(l,i,{scrollTop:s.scrollTop,startIndex:c,endIndex:p,groupItemCount:d,count:y},t,e)}}var y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60;return(0,u.throttle)((function(e,t,n){return d(e,t,n)}),e)},v=null,h=function(e,t,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:60;v||(v=y(o)),"function"==typeof v&&v.call(c,e,t,n)};const b={mounted:function(e,t){var n=e.parentNode,o=t.value.throttleDelay;n.addEventListener("scroll",(function(e){h(e,n,t,o)}))},updated:function(e,t){var n=e.parentNode,o=t.value.throttleDelay;h(null,n,t,o)},unbind:function(e){if(e){var t=e.parentNode;if(!t)return;t.removeEventListener("scroll",y)}}},m=(0,r.defineComponent)({name:"VirtualRender",directives:{bkVirtualRender:b},props:s,emits:["content-scroll"],setup:function(e,t){var l=this,i=e.renderAs,a=e.contentAs,s=function(e){return"string"==typeof e?[e]:"object"!==o(e)||Array.isArray(e)?e:[e]};if(!e.enabled){var u=function(e,t){var n=e.renderAs,o=e.contentAs,l=(0,r.resolveDirective)("bkVirtualRender"),i={lineHeight:e.lineHeight,handleScrollCallback:function(e,n,o,r,l,i){t.emit("content-scroll",[e,{translateY:l,translateX:i}])},pagination:{},throttleDelay:e.throttleDelay,onlyScroll:e.scrollEvent};return{rendAsTag:function(){var a,s,u,c,p,f,d,y,v;return(0,r.h)(n,{class:e.className},[null!==(u=null===(s=(a=t.slots).beforeContent)||void 0===s?void 0:s.call(a))&&void 0!==u?u:"",(0,r.withDirectives)((0,r.h)(o,{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,groupItemCount:e.groupItemCount}),d=function(e,n,o,r,l,i){p.startIndex=n,p.endIndex=o,p.scrollTop=r,p.translateY=l,p.translateX=i,t.emit("content-scroll",[e,p])};(0,r.onMounted)((function(){(0,r.nextTick)((function(){b(e.list),m()}))})),(0,r.watch)((function(){return e.list}),(function(){y(),m()}),{deep:!0}),(0,r.watch)((function(){return e.lineHeight}),(function(){y(),m()}));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 n=0,o=0;o<v.value;o++){var r=e.lineHeight.call(l,o,t.slice(o*e.groupItemCount,e.groupItemCount));n+="number"==typeof r?r:0}h.value=n}else h.value=e.lineHeight*v.value;else h.value=e.abosuteHeight},m=function(){var t,n=null===(t=c.value)||void 0===t?void 0:t.parentNode;f(e.lineHeight,d,p,n,null)},g=(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 g.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"}})),C=(0,r.computed)((function(){return["bk-virtual-render",e.scrollXName,e.scrollYName].concat(n(s(e.className)),["container"===e.scrollPosition?"bk-virtual-content":""])})),O=(0,r.computed)((function(){return["content"===e.scrollPosition?"bk-virtual-content":""].concat(n(s(e.contentClassName)))})),S=(0,r.resolveDirective)("bkVirtualRender"),j={lineHeight:e.lineHeight,handleScrollCallback:d,pagination:p,throttleDelay:e.throttleDelay};return t.expose({reset:function(){y(),m()}}),function(){var n,o,l,s,u,p,f,d,y;return(0,r.h)(i||"div",{ref:c,class:C.value,style:x.value},[null!==(l=null===(o=(n=t.slots).beforeContent)||void 0===o?void 0:o.call(n))&&void 0!==l?l:"",(0,r.withDirectives)((0,r.h)(a||"div",{class:O.value,style:Object.assign(Object.assign({},P.value),e.contentStyle)},[null!==(p=null===(u=(s=t.slots).default)||void 0===u?void 0:u.call(s,{data:T.value}))&&void 0!==p?p:""]),[[S,j]]),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})])}}}),g=(0,e.withInstall)(m)})(),i})()));
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})}}}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;i(e,null,null,u,u,t.scrollLeft,{bottom:t.scrollHeight-t.offsetHeight-t.scrollTop})}else{var c=a.startIndex,p=a.endIndex,d=a.groupItemCount,y=a.count;f(l,i,{scrollTop:a.scrollTop,startIndex:c,endIndex:p,groupItemCount:d,count:y},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=null===(t=c.value)||void 0===t?void 0:t.parentNode;f(e.lineHeight,d,p,o,null)},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})()));
@@ -1,7 +1,6 @@
1
1
  export declare function computedVirtualIndex(lineHeight: any, callback: any, pagination: any, el: any, event: any): void;
2
2
  declare const _default: {
3
3
  mounted(el: any, binding: any): void;
4
- updated(el: any, binding: any): void;
5
4
  unbind(el: any): void;
6
5
  };
7
6
  export default _default;
@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{
101
101
  default: string;
102
102
  } & {
103
103
  default: string;
104
- }; /** 如果有分组状态,计算总行数 */
104
+ };
105
105
  abosuteHeight: import("vue-types").VueTypeDef<string | number> & {
106
106
  default: string | number;
107
107
  };
@@ -215,7 +215,7 @@ declare const _default: import("vue").DefineComponent<{
215
215
  default: string;
216
216
  } & {
217
217
  default: string;
218
- }; /** 如果有分组状态,计算总行数 */
218
+ };
219
219
  abosuteHeight: import("vue-types").VueTypeDef<string | number> & {
220
220
  default: string | number;
221
221
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.68",
3
+ "version": "0.0.1-beta.70",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*",