bkui-vue 0.0.1-beta.89 → 0.0.1-beta.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +22 -22
- package/dist/index.esm.js +1379 -1113
- package/dist/index.umd.js +23 -23
- package/dist/style.css +1 -1
- package/lib/breadcrumb/index.js +1 -1
- package/lib/components.d.ts +1 -0
- package/lib/components.js +1 -1
- package/lib/input/index.js +1 -1
- package/lib/popover/index.d.ts +24 -1
- package/lib/popover/index.js +1 -1
- package/lib/popover/popover.d.ts +11 -0
- package/lib/popover/props.d.ts +5 -0
- package/lib/table/const.d.ts +12 -1
- package/lib/table/index.d.ts +46 -2
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +16 -0
- package/lib/table/render.d.ts +3 -0
- package/lib/table/table.css +21 -0
- package/lib/table/table.d.ts +20 -0
- package/lib/table/table.less +17 -0
- package/lib/table/table.variable.css +21 -0
- package/lib/table/use-common.d.ts +50 -0
- package/lib/table/utils.d.ts +1 -0
- package/package.json +2 -1
package/lib/table/index.js
CHANGED
@@ -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("../loading"),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","../loading","../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("../loading"),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["../loading"],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,d)=>(()=>{"use strict";var p={4976:e=>{e.exports=d},5800:e=>{e.exports=l},9911:e=>{e.exports=a},6870:e=>{e.exports=c},7685:e=>{e.exports=u},4870:e=>{e.exports=r},5801:e=>{e.exports=i},5537:e=>{e.exports=s},4212:t=>{t.exports=e},3511:e=>{e.exports=n},467:e=>{e.exports=o},748:e=>{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(()=>{v.r(h),v.d(h,{default:()=>re});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,i=v(748),a=v(3511),l=v.n(a),c=["none","row","col","outer"];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange"}(o||(o={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblClick",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom"}(r||(r={}));var s=function(){return!0},u=(t(n={},r.COLUMN_PICK,s),t(n,r.COLUMN_FILTER,s),t(n,r.COLUMN_SORT,s),t(n,r.ROW_CLICK,s),t(n,r.ROW_DBL_CLICK,s),t(n,r.PAGE_LIMIT_CHANGE,s),t(n,r.PAGE_VALUE_CHANGE,s),t(n,r.SETTING_CHANGE,s),t(n,r.SCROLL_BOTTOM,s),n);function d(e){return d="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},d(e)}function p(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 f(e){return function(e){if(Array.isArray(e))return p(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 p(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)?p(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 y=v(467),g=void 0,m=function(e,t,n){var o;if(Object.prototype.hasOwnProperty.call(e,t))return"function"==typeof e[t]?(o=e[t]).call.apply(o,[g].concat(f(n))):e[t]},b=function(e){return/^\d+$/.test("".concat(e))?[parseInt("".concat(e),10)]:[]},T=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},C=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]]},P=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=e.minWidth,o=void 0===n?void 0:n;if(void 0===o)return t;var i=t;return/^\d+\.?\d*$/.test("".concat(o))&&(i=Number(o)),/^\d+\.?\d*%$/.test("".concat(o))&&(i=Number(o)*r/100),/^\d+\.?\d*px$/i.test("".concat(o))&&(i=Number("".concat(o).replace(/px/i,""))),i},c=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=l(e,t),r=t<o?o:t;Object.assign(e,{calcWidth:r}),n&&(i-=r)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(C(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var l=Number(o.replace("px",""));c(e,l),r=!1}if(/^\d+\.?\d*%$/.test(o)){var s=n;if(i>0){var u=Number(o.replace("%",""));s=i*u/100}c(e,s),r=!1}r&&a.push(t)}})),a.length>0){var s=n;i>0&&(s=i/a.length,a.forEach((function(e){return c(t[e],s,!1)})))}},x=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))},N=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},O=function e(t,n){return Array.isArray(t)?t:"string"==typeof t||"object"===d(t)?[t]:"function"==typeof t?e(Reflect.apply(t,g,n),n):[]},k=function(e){return"disabled"!==e.columnPick?"multi"===e.columnPick?Array.isArray(e.activeColumn)?e.activeColumn:b(e.activeColumn):Array.isArray(e.activeColumn)?b(e.activeColumn[0]):b(e.activeColumn):[]};const S=function(n,o){var r=(0,i.computed)((function(){return n.pagination&&n.data.length?40:0})),a=function(e){return"right"===e.fixed?"right":"left"},l={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+C(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+C(n)}),0)}},c=l.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(l[e](!1),"px"),bottom:"".concat(r.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(n){var o,r=a(n),l=t[r];return t[r]=!0,l?"":(0,i.createVNode)("div",{class:(o=n,{column_fixed:!!o.fixed,column_fixed_left:"right"!==o.fixed,column_fixed_right:"right"===o.fixed}),style:e(r)},null)}))},fixedWrapperClass:(0,e.resolveClassName)("table-fixed"),getFixedColumnStyleResolve:function(){return{fixedoffset:{left:0,right:c(!0)},resolveFixedColumnStyle:function(e,n){if(!e.fixed)return{};var o=a(e),r="right"===o?-1:1,i="".concat(n[o],"px");return n[o]=n[o]+C(e)*r,t({},o,i)}}}}};var V=function(e,t){if(e){if("object"===d(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 _=function(e){var t=(0,i.ref)(0),n=(0,i.ref)(0),o=(0,i.computed)((function(){return e.data.map((function(e,t){return Object.assign(Object.assign({},e),{__$table_row_index:t+1})}))})),r=(0,i.reactive)({count:0,limit:10,current:1});r=V(e.pagination,r);var a=(0,i.ref)(null),l=(0,i.reactive)([]),c=function(r,i){l.splice.apply(l,[0,l.length].concat(f(o.value.slice(t.value,n.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(f(n)))}}(r),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:c,watchEffectFn:function(o,i){r=V(e.pagination,r),e.pagination&&(a.value=e.remotePagination?r:Object.assign(Object.assign({},r),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return t.value=0,void(n.value=e.data.length);t.value=(r.current-1)*r.limit,n.value=r.current*r.limit}(),c(o,i)}}};var w=v(4870),E=v.n(w);var j;!function(e){e.CURRENT="current",e.ALL="all"}(j||(j={}));var L={data:e.PropTypes.arrayOf(e.PropTypes.any).def([]),columns:e.PropTypes.arrayOf(e.PropTypes.shape({label:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),field:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),render:e.PropTypes.oneOfType([e.PropTypes.func.def((function(){return""})),e.PropTypes.string.def("")]),width:e.PropTypes.oneOfType([e.PropTypes.number.def(void 0),e.PropTypes.string.def("auto")]),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(j)).def(j.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(c,"border")).def(["row"]),pagination:e.PropTypes.oneOfType([e.PropTypes.bool.def(!1),e.PropTypes.object.def({})]).def(!1),remotePagination:e.PropTypes.bool.def(!1),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)};function H(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function A(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 R(e,t,n){return t&&A(e.prototype,t),n&&A(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var F=v(5801),I=v.n(F),M=v(9911),z=v.n(M);const B=(0,i.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,i.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,r;return(0,i.createVNode)(z(),{scene:"part",type:o.value},{default:function(){return[null!==(r=null===(t=n.default)||void 0===t?void 0:t.call(n))&&void 0!==r?r:e.emptyText]}})}}});var q=v(5800),G=v.n(q),U=v(6870),D=v(5537),W=v.n(D);const $=(0,i.defineComponent)({name:"HeadFilter",props:{column:e.PropTypes.any.def({}),height:e.PropTypes.number.def(40)},emits:["change"],setup:function(n,o){var r=o.emit,a=n.column,l=(0,i.ref)(!1),c=(0,i.reactive)({isOpen:!1,checked:[]}),s=(0,i.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",c.checked.length),t(o,"opened",c.isOpen),o))})),u=(0,e.classes)(t({},(0,e.resolveClassName)("table-head-filter"),!0)),d=function(e){c.isOpen=e},p=[{name:"offset",options:{offset:[0,0]}}],v="light ".concat((0,e.resolveClassName)("table-head-filter")),h=(0,i.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)})}))})),y="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(N(t,m(a,"field",[a,t]),a))},g=function(){if("custom"===n.column.filter)return r("change",f(c.checked),null),void(l.value=!1);r("change",f(c.checked),y),l.value=!1},b=function(){c.checked.length&&(c.checked.splice(0,c.checked.length),l.value=!1,(0,i.nextTick)((function(){return r("change",c.checked,y)})))};return function(){return(0,i.createVNode)(W(),(0,i.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:p,theme:v},{boundary:document.body,onAfterShow:function(){return d(!0)},onAfterHidden:function(){return d(!1)}}),{default:function(){return(0,i.createVNode)(U.AngleDownLine,{class:s.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,i.createVNode)("div",{class:u},[(0,i.createVNode)(q.BkCheckboxGroup,{class:"content-list",modelValue:c.checked,"onUpdate:modelValue":function(e){return c.checked=e}},(t=e=h.value.map((function(e){return(0,i.createVNode)("div",{class:"list-item"},[(0,i.createVNode)(G(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,i.isVNode)(t)?e:{default:function(){return[e]}})),(0,i.createVNode)("div",{class:"content-footer"},[(0,i.createVNode)("span",{class:"btn-filter-save",onClick:g},[(0,i.createTextVNode)("确定")]),(0,i.createVNode)("span",{class:"btn-filter-split"},null),(0,i.createVNode)("span",{class:["btn-filter-reset",c.checked.length?"":"disable"],onClick:b},[(0,i.createTextVNode)("重置")])])])}})}}});var X,K=v(7685);!function(e){e.ASC="asc",e.DESC="desc"}(X||(X={}));const Y=(0,i.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(t,n){var o=n.emit,r=(0,i.ref)(""),a=function(e,n){var i,a;if(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),r.value=n,"custom"!==t.column.sort){var l=t.column.field,c=function(e){return N(e,l,t.column)},s="function"==typeof(null===(i=t.column.sort)||void 0===i?void 0:i.sortFn)?null===(a=t.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=c(e),o=c(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};o("change",(function(e,t){return s(e,t)*(n===X.DESC?-1:1)}),n)}else o("change",null,n)};return function(){return(0,i.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,i.createVNode)(K.AngleDownFill,{class:["sort-action","sort-asc",r.value===X.ASC?"active":""],onClick:function(e){return a(e,X.ASC)}},null),(0,i.createVNode)(K.AngleUpFill,{class:["sort-action","sort-desc",r.value===X.DESC?"active":""],onClick:function(e){return a(e,X.DESC)}},null)])}}});var J=R((function e(t,n){H(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),Q=v(4976),Z=v.n(Q);function ee(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,i.isVNode)(e)}const te=(0,i.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,r,a,l=n.emit,c=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:t.rowHeight},{value:"large",label:"大",height:56}],s=[{name:"offset",options:{offset:[10,10]}}],u=(0,i.ref)(!1),d=t.settings,p=(0,i.ref)(null!==(o=d.size)&&void 0!==o?o:"default"),f=(0,i.ref)(t.rowHeight),v=(0,i.ref)(null!==(r=d.checked)&&void 0!==r?r:[]),h=(0,e.resolveClassName)("table-settings"),y="light ".concat(h),g=function(){l("change",{checked:v.value,size:p.value,height:f.value}),u.value=!1},b=function(){var e;p.value="default",f.value=t.rowHeight,v.value=null!==(e=d.checked)&&void 0!==e?e:[],u.value=!1},T=function(){u.value=!0},C=function(){var e,n;v.value=(null!==(n=null!==(e=d.fields)&&void 0!==e?e:t.columns)&&void 0!==n?n:[]).map((function(e,t){return m(e,"field",[e,t])}))},P=(0,i.computed)((function(){var e;return(null!==(e=d.limit)&&void 0!==e?e:0)>0})),x=null!==(a=d.sizeList)&&void 0!==a?a:c,N=(0,i.computed)((function(){var e;return P.value&&(null!==(e=d.limit)&&void 0!==e?e:0)<=v.value.length})),O=function(e,t){return N.value&&!v.value.includes(m(e,"field",[e,t]))},k=function(e){return{"line-size":!0,"is-default":"default"===p.value,active:e.value===p.value}},S={width:"85px",marginRight:"5px"};return function(){return(0,i.createVNode)(W(),(0,i.mergeProps)({trigger:"manual",isShow:u.value,placement:"bottom-end",arrow:!1},{modifiers:s,theme:y},{boundary:document.body}),{default:function(){return(0,i.createVNode)(K.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:T},null)},content:function(){var e,n,o;return(0,i.createVNode)("div",{class:"setting-content"},[(0,i.createVNode)("div",{class:"setting-head"},[(0,i.createVNode)("h2",null,[(0,i.createTextVNode)("表格设置")]),(0,i.createVNode)(K.CloseLine,{class:"icon-close-action",onClick:b},null)]),(0,i.createVNode)("div",{class:"setting-body"},[(0,i.createVNode)("div",{class:"setting-body-title"},[(0,i.createVNode)("div",null,[(0,i.createVNode)("span",null,[(0,i.createTextVNode)("字段显示设置")]),P.value?(0,i.createVNode)("span",{class:"limit"},[(0,i.createTextVNode)("(最多"),d.limit,(0,i.createTextVNode)("项)")]):""]),P.value?"":(0,i.createVNode)("span",{class:"check-all",onClick:C},[(0,i.createTextVNode)("全选")])]),(0,i.createVNode)(q.BkCheckboxGroup,{class:"setting-body-fields",modelValue:v.value,"onUpdate:modelValue":function(e){return v.value=e}},ee(e=(null!==(o=null!==(n=d.fields)&&void 0!==n?n:t.columns)&&void 0!==o?o:[]).map((function(e,t){var n;return(0,i.createVNode)("div",{class:"field-item"},[(0,i.createVNode)(G(),{label:m(e,"field",[e,t]),disabled:O(e,t)},ee(n=m(e,"label",[e,t]))?n:{default:function(){return[n]}})])})))?e:{default:function(){return[e]}}),(0,i.createVNode)("div",{class:"setting-body-line-height"},[(0,i.createTextVNode)("表格行高:"),x.map((function(e){return(0,i.createVNode)("span",{class:k(e),onClick:function(){return function(e){p.value=e.value,f.value=e.height}(e)}},[e.label])}))])]),(0,i.createVNode)("div",{class:"setting-footer"},[(0,i.createVNode)(Z(),{theme:"primary",style:S,onClick:g},{default:function(){return[(0,i.createTextVNode)("确定")]}}),(0,i.createVNode)(Z(),{style:S,onClick:b},{default:function(){return[(0,i.createTextVNode)("取消")]}})])])}})}}});var ne=function(){function n(o,r,i,a){var l=this;H(this,n),this.getRowHeight=function(e,t){var n=l.setting,o=n.size;return null!=n.height?m(l.setting,"height",["tbody",e,t,o]):m(l.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,n){var o;return t(o={},"".concat(l.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({},l.getColumnClass(e,t)),{active:l.isColActive(t)})},this.props=o,this.context=r,this.reactiveProp=i,this.colgroups=a,this.plugins=new J(o,r),this.uuid=(0,e.random)(8),this.events=new Map}return R(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=x(this.props).isShow;return void 0===t||t?[this.props.settings?(0,i.createVNode)(te,{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,i=t.size,a=t.height;e.reactiveProp.setting.size=i,e.reactiveProp.setting.height=a,r.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=r?r:[]).includes(m(e,"field",[e]))})),e.emitEvent(o.ON_SETTING_CHANGE,[t])}},null):"",(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){var t,n,o;return e.length?(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[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,i.createVNode)(B,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)}},{key:"renderTableFooter",value:function(e){var t=this;return(0,i.createVNode)(I(),(0,i.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var n=this;return(0,i.createVNode)(Y,{column:e,onChange:function(r,i){n.emitEvent(o.ON_SORT_BY_CLICK,[{sortFn:r,column:e,index:t,type:i}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,i.createVNode)($,{column:e,height:this.props.headHeight,onChange:function(r,i){n.emitEvent(o.ON_FILTER_CLICK,[{filterFn:function(e,t){return i(r,e,t)},checked:r,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=x(this.props),o=n.cellFn,r={"--row-height":"".concat(m(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(m(t,"label",[t,n])),r)},l=(0,S(this.props,this.colgroups).getFixedColumnStyleResolve)(),c=l.resolveFixedColumnStyle,s=l.fixedoffset;return(0,i.createVNode)("thead",{style:r},[(0,i.createVNode)("tr",null,[this.filterColgroups.map((function(n,o){return(0,i.createVNode)("th",(0,i.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,o),style:c(n,s),onClick:function(){return e.handleColumnHeadClick(o)}},(r=n,Array.from(r.listeners.keys()).reduce((function(n,o){var i=o.split("_").slice(-1)[0];return Object.assign(n,t({},i,(function(t){r.listeners.get(o).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,i.createVNode)("div",{class:"cell"},[a(n,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var t=this,n=S(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,i.createVNode)("tbody",null,[e.map((function(o,r){var a=[].concat(f(O(t.props.rowStyle,[o,r,t])),[{"--row-height":"".concat(t.getRowHeight(o,r),"px")}]),l=f(O(t.props.rowClass,[o,r,t])),c=n(),s=c.resolveFixedColumnStyle,u=c.fixedoffset;return(0,i.createVNode)("tr",{style:a,class:l,onClick:function(n){return t.handleRowClick(n,o,r,e)},onDblclick:function(n){return t.handleRowDblClick(n,o,r,e)}},[t.filterColgroups.map((function(n,a){var l=[s(n,u)].concat(f(O(t.props.cellStyle,[n,a,o,r,t]))),c=[t.getColumnClass(n,a)].concat(f(O(t.props.cellClass,[n,a,o,r,t])));return(0,i.createVNode)("td",{class:c,style:l,colspan:1,rowspan:1},[(0,i.createVNode)("div",{class:"cell"},[t.renderCell(o,n,r,e)])])}))])}))])}},{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=N(e,m(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 t=this;return(0,i.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(n,o){var r,a=(0,e.classes)({active:t.isColActive(o)}),l="".concat((r=C(n),T(r,"auto"))).replace(/px$/i,"");return(0,i.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 oe=(0,i.defineComponent)({name:"Table",props:L,emits:u,setup:function(n,a){var s,u,p,v=(0,i.reactive)((null!==(p=n.columns)&&void 0!==p?p:[]).map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),h=null,g=null,b=null,C=(0,i.ref)(),N=(0,i.ref)(),O=function(e){var n,o,r=!(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,i.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",h),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){document.body.style.setProperty("cursor",""),f.value=e.clientX-u+p},y=(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",h)}})),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")):l=!1}})),t(n,o.MOUSE_OUT,(function(e,t){var n=e.target;s||n.style.setProperty("cursor","")})),n),g=function(e){return"".concat(a,"_").concat(e)},m=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(y).forEach((function(t){var n=g(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(y[t])}))}))},b=function(){e.forEach((function(e){Object.keys(y).forEach((function(t){var n=g(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&m();var T=(0,i.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(f.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:m,resetResizeEvents:b,dragOffsetX:f,dragOffsetXStyle:T}}(v,!0),V=O.dragOffsetXStyle,j=function(e){var t=(0,i.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var n=(0,i.reactive)(k(e));return(0,i.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:n.some((function(e){return e===t})),_column:e}}));var o=k(e);t.forEach((function(e,t){Object.assign(e,{active:o.some((function(e){return e===t}))})}))})),{activeColumns:t}}(n).activeColumns,L=(0,i.reactive)({scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:j,setting:{size:null,height:null}}),H=_(n),A=H.pageData,R=H.localPagination,F=H.resolvePageData,I=H.watchEffectFn,M=function(n,o,r,a){var l=(0,i.ref)(200),s=(0,i.ref)(!1),u=(0,i.computed)((function(){return n.pagination&&n.data.length})),d=(0,i.computed)((function(){var o,i,a;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table"),!0),t(o,"has-footer",u.value),t(o,"has-scroll-y",s.value||n.virtualEnabled),t(o,"is-scroll-bottom",r.pos.bottom<2),o),(a=["row"],"string"==typeof(i=n.border)&&a.push(i),Array.isArray(i)&&a.push.apply(a,f(i.filter((function(e){return c.includes(e)})))),f(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),p=(0,e.classes)(t({},(0,e.resolveClassName)("table-head"),!0)),v=x(n),h=(0,i.computed)((function(){return{"--row-height":"".concat(m(v,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),y=t({},(0,e.resolveClassName)("table-body"),!0),g=(0,i.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,i.computed)((function(){return{minHeight:T(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,i.reactive)({});(0,i.onMounted)((function(){N(null==o?void 0:o.value)}));var N=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;l.value=t,function(){var e=C(n.height,l.value),t=n.showHead?C(n.headHeight,40)+2:0,o=C(n.maxHeight,l.value),r=C(n.minHeight,l.value),i=n.pagination&&n.data.length?40:0,c=e-t-i,s="auto"!==n.height&&"".concat(c,"px"),u=o-t-i,d=r-t-i;Object.assign(P,{display:!!(null==a?void 0:a.length)&&"block","max-height":"".concat(u,"px"),"min-height":"".concat(d,"px"),height:s})}()}};return{tableClass:d,headClass:p,contentClass:y,footerClass:g,wrapperStyle:b,contentStyle:P,headStyle:h,resetTableHeight:N,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");t&&(s.value=t.offsetHeight>e.offsetHeight)}},hasFooter:u}}(n,C,L,A),z=M.tableClass,B=M.headClass,q=M.contentClass,G=M.footerClass,U=M.wrapperStyle,D=M.contentStyle,W=M.headStyle,$=M.updateBorderClass,X=M.resetTableHeight,K=M.hasFooter,Y=S(n,v),J=Y.renderFixedColumns,Q=Y.fixedWrapperClass,Z=new ne(n,a,L,v);(0,i.watch)((function(){return[n.data,n.pagination]}),(function(){I(g,h),(0,i.nextTick)((function(){X(C.value),$(C.value)}))}),{immediate:!0,deep:!0}),Z.on(o.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn,n=e.column,o=e.index,i=e.type;"function"==typeof t&&(h=t,A.sort(h)),a.emit(r.COLUMN_SORT,{column:n,index:o,type:i})})).on(o.ON_FILTER_CLICK,(function(e){var t=e.filterFn,n=e.checked,o=e.column,i=e.index;"function"==typeof t&&F(g=t,h),a.emit(r.COLUMN_FILTER,{checked:n,column:o,index:i})})).on(o.ON_SETTING_CHANGE,(function(e){var t,n,o=e.checked,i=void 0===o?[]:o,l=e.size,c=e.height;i.length&&P(C.value,v,20),null===(n=null===(t=N.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),a.emit(r.SETTING_CHANGE,{checked:i,size:l,height:c})}));var ee=function(t){var n,o=null!==(n=L.pos.bottom)&&void 0!==n?n:0,i=t[1],l=i.translateX,c=i.translateY,s=i.pos,u=void 0===s?{}:s;L.scrollTranslateY=c,L.scrollTranslateX=l,L.pos=u;var d=u.bottom;d<=2&&o>d&&(0,e.debounce)(60,(function(){a.emit(r.SCROLL_BOTTOM,Object.assign(Object.assign({},u),{translateX:l,translateY:c}))}),!0)()};(0,i.onMounted)((function(){b=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,y.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)}}}(C.value,(function(){P(C.value,v,20),"100%"===n.height&&X(C.value)}),60,!0),b.start()})),(0,i.onBeforeUnmount)((function(){b.stop(),b=null,Z.destroy()}));var te=Object.assign(Object.assign({},q),{"__is-empty":!A.length}),oe=(t(s={},(0,e.resolveClassName)("table-body-content"),!0),t(s,"with-virtual-render",n.virtualEnabled),s),re=(t(u={},(0,e.resolveClassName)("drag-column"),!0),t(u,"offset-x",!0),u),ie={"scroll-loading":!0,_bottom:!0},ae=function(e,t){var n=(0,i.toRef)(e,"scrollLoading"),o=(0,i.computed)((function(){return null!==n.value&&("boolean"==typeof n.value&&n.value||"object"===d(n.value))}));return{renderScrollLoading:function(){var e,r,a;if(o.value){var l="boolean"==typeof n.value?{loading:!!n.value,inline:!0,title:"",size:w.BkLoadingSize.Normal,mode:w.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===(r=(e=t.slots).fixedBottom)||void 0===r?void 0:r.call(e))&&void 0!==a?a:(0,i.createVNode)(E(),{loading:c,size:s,mode:u,title:d,inline:p,indicator:f},null)}}}}(n,a).renderScrollLoading;return function(){return(0,i.createVNode)("div",{class:z.value,style:U.value,ref:C},[(0,i.createVNode)("div",{class:B,style:W.value},[Z.renderTableHeadSchema()]),(0,i.createVNode)(l(),{ref:N,lineHeight:Z.getRowHeight,class:te,style:D,list:A,contentClassName:oe,onContentScroll:ee,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled},{default:function(e){return Z.renderTableBodySchema(e.data||n.data)}}),(0,i.createVNode)("div",{class:Q},[J(),(0,i.createVNode)("div",{class:re,style:V.value},null),(0,i.createVNode)("div",{class:ie},[ae()])]),(0,i.createVNode)("div",{class:G.value},[K.value&&Z.renderTableFooter(R.value)])])}}}),re=(0,e.withInstall)(oe)})(),h})()));
|
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("../popover"),require("lodash"),require("../icon/"),require("../button"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../virtual-render","../loading","../icon","../pagination","../exception","../checkbox","../popover","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("../popover"),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["../popover"],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,s,c,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,s=0;e.exports=function(e,t,n){var c=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:s+1,y=v-l+(h-s)/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,s=h,r=p;var g=(1e4*(268435455&(v+=122192928e5))+h)%4294967296;u[c++]=g>>>24&255,u[c++]=g>>>16&255,u[c++]=g>>>8&255,u[c++]=255&g;var m=v/4294967296*1e4&268435455;u[c++]=m>>>8&255,u[c++]=255&m,u[c++]=m>>>24&15|16,u[c++]=m>>>16&255,u[c++]=p>>>8|128,u[c++]=255&p;for(var b=0;b<6;++b)u[c+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},5537:e=>{"use strict";e.exports=s},4212:t=>{"use strict";t.exports=e},3511:e=>{"use strict";e.exports=n},467:e=>{"use strict";e.exports=c},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:()=>ue});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,i=v(748),a=v(3511),l=v.n(a),s=["none","row","col","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"}(o||(o={})),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"}(r||(r={}));var c=function(){return!0},u=(t(n={},r.COLUMN_PICK,c),t(n,r.COLUMN_FILTER,c),t(n,r.COLUMN_SORT,c),t(n,r.ROW_CLICK,c),t(n,r.ROW_DBL_CLICK,c),t(n,r.ROW_EXPAND_CLICK,c),t(n,r.PAGE_LIMIT_CHANGE,c),t(n,r.PAGE_VALUE_CHANGE,c),t(n,r.SETTING_CHANGE,c),t(n,r.SCROLL_BOTTOM,c),n),d="__$table_row_index",p="__$uuid",f="__row_expand";function y(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 g(e){return function(e){if(Array.isArray(e))return y(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 y(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)?y(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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}var b=function(e,t){if(e){if("object"===m(e)){var n=Object.prototype.hasOwnProperty.call(e,"current")?e.current:e.value;return/\d+/.test(n)||(n=1),Object.assign(Object.assign(Object.assign({},t),e),{current:n})}return t}return{}};const C=function(e,t){var n=(0,i.ref)(0),o=(0,i.ref)(0),r=(0,i.reactive)({count:0,limit:10,current:1});r=b(e.pagination,r);var a=(0,i.ref)(null),l=(0,i.reactive)([]),s=function(r,i){l.splice.apply(l,[0,l.length].concat(g(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(g(n)))}}(r),function(e){"function"==typeof e&&l.sort(e)}(i)};return{pageData:l,localPagination:a,resolvePageData:s,watchEffectFn:function(t,i){r=b(e.pagination,r),e.pagination&&(a.value=e.remotePagination?r:Object.assign(Object.assign({},r),{count:e.data.length})),function(){if(!e.pagination||e.remotePagination)return n.value=0,void(o.value=e.data.length);n.value=(r.current-1)*r.limit,o.value=r.current*r.limit}(),s(t,i)}}};var T=v(4870),x=v.n(T);var P;!function(e){e.CURRENT="current",e.ALL="all"}(P||(P={}));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(P)).def(P.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(["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(void 0)};function O(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 _(e,t,n){return t&&w(e.prototype,t),n&&w(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var k=v(6870),E=v(5801),S=v.n(E),V=v(9911),R=v.n(V);const j=(0,i.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,i.computed)((function(){return 0===e.list.length?"empty":"search-empty"}));return function(){var t,r;return(0,i.createVNode)(R(),{scene:"part",type:o.value},{default:function(){return[null!==(r=null===(t=n.default)||void 0===t?void 0:t.call(n))&&void 0!==r?r:e.emptyText]}})}}});var A=v(5800),L=v.n(A),H=v(5537),I=v.n(H),F=v(467),M=v(8022),D=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,[D].concat(g(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},U=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]]},W=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=e.minWidth,o=void 0===n?void 0:n;if(void 0===o)return t;var i=t;return/^\d+\.?\d*$/.test("".concat(o))&&(i=Number(o)),/^\d+\.?\d*%$/.test("".concat(o))&&(i=Number(o)*r/100),/^\d+\.?\d*px$/i.test("".concat(o))&&(i=Number("".concat(o).replace(/px/i,""))),i},s=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=l(e,t),r=t<o?o:t;Object.assign(e,{calcWidth:r}),n&&(i-=r)<0&&(i=0)};if(t.forEach((function(e,t){if(!e.isHidden){var o=String(U(e)),r=!0;if(/^\d+\.?\d*(px)?$/.test(o)){var l=Number(o.replace("px",""));s(e,l),r=!1}if(/^\d+\.?\d*%$/.test(o)){var c=n;if(i>0){var u=Number(o.replace("%",""));c=i*u/100}s(e,c),r=!1}r&&a.push(t)}})),a.length>0){var c=n;i>0&&(c=i/a.length,a.forEach((function(e){return s(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))},K=function(e,t,n){return"index"===n.type?e.__$table_row_index:e[t]},X=function e(t,n){return Array.isArray(t)?t:"string"==typeof t||"object"===m(t)?[t]:"function"==typeof t?e(Reflect.apply(t,D,n),n):[]},$=function(e,t){return"string"==typeof t.rowKey?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,D,[e]):(0,M.v4)()};const Y=(0,i.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,i.ref)(!1),s=(0,i.reactive)({isOpen:!1,checked:[]}),c=(0,i.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",s.checked.length),t(o,"opened",s.isOpen),o))})),u=(0,e.classes)(t({},(0,e.resolveClassName)("table-head-filter"),!0)),d=function(e){s.isOpen=e},p=[{name:"offset",options:{offset:[0,0]}}],f="light ".concat((0,e.resolveClassName)("table-head-filter")),v=(0,i.computed)((function(){var e=a.filter.list;return(void 0===e?[]:e).map((function(e){return Object.assign(Object.assign({},e),{checked:s.checked.includes(e.value)})}))})),h="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(K(t,z(a,"field",[a,t]),a))},y=function(){if("custom"===n.column.filter)return r("change",g(s.checked),null),void(l.value=!1);r("change",g(s.checked),h),l.value=!1},m=function(){s.checked.length&&(s.checked.splice(0,s.checked.length),l.value=!1,(0,i.nextTick)((function(){return r("change",s.checked,h)})))};return function(){return(0,i.createVNode)(I(),(0,i.mergeProps)({trigger:"click",isShow:l.value,placement:"bottom-end",stopBehaviors:["stopPropagation"],arrow:!1},{modifiers:p,theme:f},{boundary:document.body,onAfterShow:function(){return d(!0)},onAfterHidden:function(){return d(!1)}}),{default:function(){return(0,i.createVNode)(k.AngleDownLine,{class:c.value,onClick:function(){return l.value=!0}},null)},content:function(){var e,t;return(0,i.createVNode)("div",{class:u},[(0,i.createVNode)(A.BkCheckboxGroup,{class:"content-list",modelValue:s.checked,"onUpdate:modelValue":function(e){return s.checked=e}},(t=e=v.value.map((function(e){return(0,i.createVNode)("div",{class:"list-item"},[(0,i.createVNode)(L(),{label:e.value},{default:function(){return[e.text]}})])})),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,i.isVNode)(t)?e:{default:function(){return[e]}})),(0,i.createVNode)("div",{class:"content-footer"},[(0,i.createVNode)("span",{class:"btn-filter-save",onClick:y},[(0,i.createTextVNode)("确定")]),(0,i.createVNode)("span",{class:"btn-filter-split"},null),(0,i.createVNode)("span",{class:["btn-filter-reset",s.checked.length?"":"disable"],onClick:m},[(0,i.createTextVNode)("重置")])])])}})}}});var J,Q=v(7685);!function(e){e.ASC="asc",e.DESC="desc"}(J||(J={}));const Z=(0,i.defineComponent)({name:"HeadSort",props:{column:e.PropTypes.any.def({})},emits:["change"],setup:function(t,n){var o=n.emit,r=(0,i.ref)(""),a=function(e,n){var i,a;if(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault(),r.value=n,"custom"!==t.column.sort){var l=t.column.field,s=function(e){return K(e,l,t.column)},c="function"==typeof(null===(i=t.column.sort)||void 0===i?void 0:i.sortFn)?null===(a=t.column.sort)||void 0===a?void 0:a.sortFn:function(e,t){var n=s(e),o=s(t);return"number"==typeof n&&"number"==typeof o?n-o:String.prototype.localeCompare.call(n,o)};o("change",(function(e,t){return c(e,t)*(n===J.DESC?-1:1)}),n)}else o("change",null,n)};return function(){return(0,i.createVNode)("span",{class:(0,e.resolveClassName)("head-cell-sort")},[(0,i.createVNode)(Q.AngleDownFill,{class:["sort-action","sort-asc",r.value===J.ASC?"active":""],onClick:function(e){return a(e,J.ASC)}},null),(0,i.createVNode)(Q.AngleUpFill,{class:["sort-action","sort-desc",r.value===J.DESC?"active":""],onClick:function(e){return a(e,J.DESC)}},null)])}}});var ee=_((function e(t,n){O(this,e),this.props=null,this.ctx=null,this.props=t,this.ctx=n})),te=v(4976),ne=v.n(te);function oe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,i.isVNode)(e)}const re=(0,i.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,r,a,l=n.emit,s=[{value:"small",label:"小",height:32},{value:"default",label:"中",height:t.rowHeight},{value:"large",label:"大",height:56}],c=[{name:"offset",options:{offset:[10,10]}}],u=(0,i.ref)(!1),d=t.settings,p=(0,i.ref)(null!==(o=d.size)&&void 0!==o?o:"default"),f=(0,i.ref)(t.rowHeight),v=(0,i.ref)(null!==(r=d.checked)&&void 0!==r?r:[]),h=(0,e.resolveClassName)("table-settings"),y="light ".concat(h),g=function(){l("change",{checked:v.value,size:p.value,height:f.value}),u.value=!1},m=function(){var e;p.value="default",f.value=t.rowHeight,v.value=null!==(e=d.checked)&&void 0!==e?e:[],u.value=!1},b=function(){u.value=!0},C=function(){var e,n;v.value=(null!==(n=null!==(e=d.fields)&&void 0!==e?e:t.columns)&&void 0!==n?n:[]).map((function(e,t){return z(e,"field",[e,t])}))},T=(0,i.computed)((function(){var e;return(null!==(e=d.limit)&&void 0!==e?e:0)>0})),x=null!==(a=d.sizeList)&&void 0!==a?a:s,P=(0,i.computed)((function(){var e;return T.value&&(null!==(e=d.limit)&&void 0!==e?e:0)<=v.value.length})),N=function(e,t){return P.value&&!v.value.includes(z(e,"field",[e,t]))},O=function(e){return{"line-size":!0,"is-default":"default"===p.value,active:e.value===p.value}},w={width:"85px",marginRight:"5px"};return function(){return(0,i.createVNode)(I(),(0,i.mergeProps)({trigger:"manual",isShow:u.value,placement:"bottom-end",arrow:!1},{modifiers:c,theme:y},{boundary:document.body}),{default:function(){return(0,i.createVNode)(Q.CogShape,{style:"color: rgba(99,101,110, 0.6);",onClick:b},null)},content:function(){var e,n,o;return(0,i.createVNode)("div",{class:"setting-content"},[(0,i.createVNode)("div",{class:"setting-head"},[(0,i.createVNode)("h2",null,[(0,i.createTextVNode)("表格设置")]),(0,i.createVNode)(Q.CloseLine,{class:"icon-close-action",onClick:m},null)]),(0,i.createVNode)("div",{class:"setting-body"},[(0,i.createVNode)("div",{class:"setting-body-title"},[(0,i.createVNode)("div",null,[(0,i.createVNode)("span",null,[(0,i.createTextVNode)("字段显示设置")]),T.value?(0,i.createVNode)("span",{class:"limit"},[(0,i.createTextVNode)("(最多"),d.limit,(0,i.createTextVNode)("项)")]):""]),T.value?"":(0,i.createVNode)("span",{class:"check-all",onClick:C},[(0,i.createTextVNode)("全选")])]),(0,i.createVNode)(A.BkCheckboxGroup,{class:"setting-body-fields",modelValue:v.value,"onUpdate:modelValue":function(e){return v.value=e}},oe(e=(null!==(o=null!==(n=d.fields)&&void 0!==n?n:t.columns)&&void 0!==o?o:[]).map((function(e,t){var n;return(0,i.createVNode)("div",{class:"field-item"},[(0,i.createVNode)(L(),{label:z(e,"field",[e,t]),disabled:N(e,t)},oe(n=z(e,"label",[e,t]))?n:{default:function(){return[n]}})])})))?e:{default:function(){return[e]}}),(0,i.createVNode)("div",{class:"setting-body-line-height"},[(0,i.createTextVNode)("表格行高:"),x.map((function(e){return(0,i.createVNode)("span",{class:O(e),onClick:function(){return function(e){p.value=e.value,f.value=e.height}(e)}},[e.label])}))])]),(0,i.createVNode)("div",{class:"setting-footer"},[(0,i.createVNode)(ne(),{theme:"primary",style:w,onClick:g},{default:function(){return[(0,i.createTextVNode)("确定")]}}),(0,i.createVNode)(ne(),{style:w,onClick:m},{default:function(){return[(0,i.createTextVNode)("取消")]}})])])}})}}}),ie=function(n,o){var r=(0,i.computed)((function(){return n.pagination&&n.data.length?40:0})),a=function(e){return"right"===e.fixed?"right":"left"},l={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+U(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+U(n)}),0)}},s=l.right;return{renderFixedColumns:function(){var e=function(e){return{width:"".concat(l[e](!1),"px"),bottom:"".concat(r.value,"px")}},t={left:!1,right:!1};return o.filter((function(e){return!e.isHidden&&e.fixed})).map((function(n){var o,r=a(n),l=t[r];return t[r]=!0,l?"":(0,i.createVNode)("div",{class:(o=n,{column_fixed:!!o.fixed,column_fixed_left:"right"!==o.fixed,column_fixed_right:"right"===o.fixed}),style:e(r)},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=a(e),r="right"===o?-1:1,i="".concat(n[o],"px");return n[o]=n[o]+U(e)*r,t({},o,i)}}}}};var ae=function(){function n(o,r,i,a){var l=this;O(this,n),this.getRowHeight=function(e,t){var n=l.setting,o=n.size;return null!=n.height?z(l.setting,"height",["tbody",e,t,o]):z(l.props,"rowHeight",["tbody",e,t])},this.getColumnClass=function(e,n){var o;return t(o={},"".concat(l.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({},l.getColumnClass(e,t)),{active:l.isColActive(t)})},this.props=o,this.context=r,this.reactiveProp=i,this.colgroups=a,this.plugins=new ee(o,r),this.uuid=(0,e.random)(8),this.events=new Map}return _(n,[{key:"propActiveCols",get:function(){return this.reactiveProp.activeColumns}},{key:"renderTableHeadSchema",value:function(){var e=this,t=G(this.props).isShow;return void 0===t||t?[this.props.settings?(0,i.createVNode)(re,{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,i=t.size,a=t.height;e.reactiveProp.setting.size=i,e.reactiveProp.setting.height=a,r.length&&e.colgroups.forEach((function(e){e.isHidden=!(null!=r?r:[]).includes(z(e,"field",[e]))})),e.emitEvent(o.ON_SETTING_CHANGE,[t])}},null):"",(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[this.renderColGroup(),this.renderHeader()])]:null}},{key:"renderTableBodySchema",value:function(e){var t,n,o;return e.length?(0,i.createVNode)("table",{cellpadding:0,cellspacing:0},[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,i.createVNode)(j,{filterList:e,list:this.props.data,emptyText:this.props.emptyText},null)}},{key:"renderTableFooter",value:function(e){var t=this;return(0,i.createVNode)(S(),(0,i.mergeProps)(e,{modelValue:e.current,onLimitChange:function(e){return t.handlePageLimitChange(e)},onChange:function(e){return t.hanlePageChange(e)}}),null)}},{key:"on",value:function(e,t){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),this}},{key:"destroy",value:function(){this.events.clear(),this.events=null}},{key:"emitEvent",value:function(e,t){var n=this;this.events.has(e)&&this.events.get(e).forEach((function(e){"function"==typeof e&&Reflect.apply(e,n,t)}))}},{key:"handlePageLimitChange",value:function(e){Object.assign(this.props.pagination,{limit:e}),this.context.emit("pageLimitChange",e)}},{key:"hanlePageChange",value:function(e){Object.assign(this.props.pagination,{current:e,value:e}),this.context.emit("pageValueChange",e)}},{key:"setColumnActive",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.propActiveCols.find((function(t){return t.index===e}));Object.assign(n,{active:!n.active}),t&&this.propActiveCols.filter((function(t){return t.index!==e&&t.active})).forEach((function(e){Object.assign(e,{active:!1})}))}},{key:"handleColumnHeadClick",value:function(e){"disabled"!==this.props.columnPick&&(this.setColumnActive(e,"single"===this.props.columnPick),this.context.emit("column-pick",this.propActiveCols))}},{key:"getSortCell",value:function(e,t){var n=this;return(0,i.createVNode)(Z,{column:e,onChange:function(r,i){n.emitEvent(o.ON_SORT_BY_CLICK,[{sortFn:r,column:e,index:t,type:i}])}},null)}},{key:"getFilterCell",value:function(e,t){var n=this;return(0,i.createVNode)(Y,{column:e,height:this.props.headHeight,onChange:function(r,i){n.emitEvent(o.ON_FILTER_CLICK,[{filterFn:function(e,t){return i(r,e,t)},checked:r,column:e,index:t}])}},null)}},{key:"renderHeader",value:function(){var e=this,n=G(this.props),o=n.cellFn,r={"--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,ie(this.props,this.colgroups).getFixedColumnStyleResolve)(),s=l.resolveFixedColumnStyle,c=l.fixedoffset;return(0,i.createVNode)("thead",{style:r},[(0,i.createVNode)("tr",null,[this.filterColgroups.map((function(n,o){return(0,i.createVNode)("th",(0,i.mergeProps)({colspan:1,rowspan:1,class:e.getHeadColumnClass(n,o),style:s(n,c),onClick:function(){return e.handleColumnHeadClick(o)}},(r=n,Array.from(r.listeners.keys()).reduce((function(n,o){var i=o.split("_").slice(-1)[0];return Object.assign(n,t({},i,(function(t){r.listeners.get(o).forEach((function(n){return Reflect.apply(n,e,[t,r,e])}))})))}),{}))),[(0,i.createVNode)("div",{class:"cell"},[a(n,o)])]);var r}))])])}},{key:"renderTBody",value:function(e){var t=this,n=ie(this.props,this.colgroups).getFixedColumnStyleResolve;return(0,i.createVNode)("tbody",null,[e.map((function(o,r){var a=[].concat(g(X(t.props.rowStyle,[o,r,t])),[{"--row-height":"".concat(t.getRowHeight(o,r),"px")}]),l=g(X(t.props.rowClass,[o,r,t])),s=n(),c=s.resolveFixedColumnStyle,u=s.fixedoffset;return[(0,i.createVNode)("tr",{style:a,class:l,key:o.__$uuid,onClick:function(n){return t.handleRowClick(n,o,r,e)},onDblclick:function(n){return t.handleRowDblClick(n,o,r,e)}},[t.filterColgroups.map((function(n,a){var l=[c(n,u)].concat(g(X(t.props.cellStyle,[n,a,o,r,t]))),s=[t.getColumnClass(n,a)].concat(g(X(t.props.cellClass,[n,a,o,r,t])),[{"expand-row":o.__row_expand}]),d={cell:!0,"expand-cell":"expand"===n.type};return(0,i.createVNode)("td",{class:s,style:l,colspan:1,rowspan:1},[(0,i.createVNode)("div",{class:d},[t.renderCell(o,n,r,e)])])}))]),t.renderExpandRow(o,l)]}))])}},{key:"renderExpandRow",value:function(e,t){var n,o,r;if(e.__row_expand){var a=[].concat(g(t),[{row_expend:!0}]);return(0,i.createVNode)("tr",{class:a},[(0,i.createVNode)("td",{colspan:this.filterColgroups.length,rowspan:1},[null!==(r=null===(o=(n=this.context.slots).expandRow)||void 0===o?void 0:o.call(n,e))&&void 0!==r?r:(0,i.createVNode)("div",{class:"expand-cell-ctx"},[(0,i.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,i.createVNode)(k.DownShape,null,null):(0,i.createVNode)(k.RightShape,null,null)}},{key:"handleRowExpandClick",value:function(e,t,n,r,i){this.emitEvent(o.ON_ROW_EXPAND_CLICK,[{row:e,column:t,index:n,rows:r,e:i}])}},{key:"renderCell",value:function(e,t,n,o){var r,a,l,s=this;if("expand"===t.type)return(0,i.createVNode)("span",{class:"expand-btn-action",onClick:function(r){return s.handleRowExpandClick(e,t,n,o,r)}},["function"==typeof t.render?t.render(null,e,n,o):null!==(l=null===(a=(r=s.context.slots).expandCell)||void 0===a?void 0:a.call(r,{row:e,column:t,index:n,rows:o}))&&void 0!==l?l:s.getExpandCell(e)]);var c=K(e,z(t,"field",[t,e]),t);return"function"==typeof t.render?t.render(c,e,n,o):c}},{key:"isColActive",value:function(e){return"disabled"!==this.props.columnPick&&this.propActiveCols.some((function(t){return t.index===e&&t.active}))}},{key:"renderColGroup",value:function(){var t=this;return(0,i.createVNode)("colgroup",null,[(this.filterColgroups||[]).map((function(n,o){var r,a=(0,e.classes)({active:t.isColActive(o)}),l="".concat((r=U(n),B(r,"auto"))).replace(/px$/i,"");return(0,i.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}(),le=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 se=function(e){var n,o=(0,i.reactive)((null!==(n=e.columns)&&void 0!==n?n:[]).map((function(e){return Object.assign(Object.assign({},e),{calcWidth:null,resizeWidth:null,listeners:new Map})}))),r=function(e){var n,o,r=!(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,s=!1,c=!1,u=0,d=null,p=0,f=(0,i.ref)(-1e3),v=function e(t){var n;s=!1,c=!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",h),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){document.body.style.setProperty("cursor",""),f.value=e.clientX-u+p},y=(t(n={},o.MOUSE_DOWN,(function(e,t){if(l){s=!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",h)}})),t(n,o.MOUSE_MOVE,(function(e,t){s&&!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?(l=!0,n.style.setProperty("cursor","col-resize")):l=!1}})),t(n,o.MOUSE_OUT,(function(e,t){var n=e.target;c||n.style.setProperty("cursor","")})),n),g=function(e){return"".concat(a,"_").concat(e)},m=function(){e.forEach((function(e){!1!==e.resizable&&Object.keys(y).forEach((function(t){var n=g(t);e.listeners.has(n)||e.listeners.set(n,[]),e.listeners.get(n).push(y[t])}))}))},b=function(){e.forEach((function(e){Object.keys(y).forEach((function(t){var n=g(t);if(e.listeners.has(n)){var o=e.listeners.get(n);o.splice(0,o.length)}}))}))};r&&m();var C=(0,i.computed)((function(){return{position:"absolute",top:0,bottom:0,left:"".concat(f.value,"px"),width:"1px","background-color":"#ebeef5"}}));return{registerResizeEvent:m,resetResizeEvents:b,dragOffsetX:f,dragOffsetXStyle:C}}(o,!0),a=r.dragOffsetXStyle,l=function(e){var t=(0,i.reactive)([]);if("disabled"===e.columnPick)return{activeColumns:t};var n=(0,i.reactive)(le(e));return(0,i.watchEffect)((function(){t=(e.columns||[]).map((function(e,t){return{index:t,active:n.some((function(e){return e===t})),_column:e}}));var o=le(e);t.forEach((function(e,t){Object.assign(e,{active:o.some((function(e){return e===t}))})}))})),{activeColumns:t}}(e).activeColumns,s=(0,i.reactive)({rowActions:new Map,scrollTranslateY:0,scrollTranslateX:0,pos:{bottom:1},activeColumns:l,setting:{size:null,height:null}}),c=function(e){var t;return!!s.rowActions.has(e)&&(null===(t=s.rowActions.get(e))||void 0===t?void 0:t.isExpand)},u=(0,i.reactive)([]),v=function(){u.forEach((function(e){Object.assign(e,t({},f,c(e.__$uuid)))}))},h=ie(e,o),y=h.renderFixedColumns,m=h.fixedWrapperClass;return{colgroups:o,dragOffsetXStyle:a,reactiveSchema:s,indexData:u,fixedWrapperClass:m,initIndexData:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0];u.splice.apply(u,[0,u.length].concat(g(e.data.map((function(o,r){var i,a=$(o,e);return Object.assign(Object.assign({},o),(t(i={},d,r+1),t(i,p,a),t(i,f,!!n&&c(a)),i))})))))},updateIndexData:v,renderFixedColumns:y,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:!c(o);s.rowActions.set(o,Object.assign({},null!==(t=s.rowActions.get(o))&&void 0!==t?t:{},{isExpand:r})),v()}}};const ce=(0,i.defineComponent)({name:"Table",props:N,emits:u,setup:function(n,a){var c,u,d=se(n),p=d.colgroups,f=d.dragOffsetXStyle,v=d.reactiveSchema,h=d.indexData,y=d.renderFixedColumns,b=d.setRowExpand,P=d.initIndexData,N=d.fixedWrapperClass,O=null,w=null,_=null,k=(0,i.ref)(),E=(0,i.ref)(),S=C(n,h),V=S.pageData,R=S.localPagination,j=S.resolvePageData,A=S.watchEffectFn,L=function(n,o,r,a){var l=(0,i.ref)(200),c=(0,i.ref)(!1),u=(0,i.computed)((function(){return n.pagination&&n.data.length})),d=(0,i.computed)((function(){var o,i,a;return(0,e.classes)((t(o={},(0,e.resolveClassName)("table"),!0),t(o,"has-footer",u.value),t(o,"has-scroll-y",c.value||n.virtualEnabled),t(o,"is-scroll-bottom",r.pos.bottom<2),o),(a=["row"],"string"==typeof(i=n.border)&&a.push(i),Array.isArray(i)&&a.push.apply(a,g(i.filter((function(e){return s.includes(e)})))),g(new Set(a)).map((function(e){return"bordered-".concat(e)})).join(" ")))})),p=(0,e.classes)(t({},(0,e.resolveClassName)("table-head"),!0)),f=G(n),v=(0,i.computed)((function(){return{"--row-height":"".concat(z(f,"height",["thead"]),"px"),"--scroll-head-left":"-".concat(r.scrollTranslateX,"px"),"--scroll-left":"".concat(r.scrollTranslateX,"px")}})),h=t({},(0,e.resolveClassName)("table-body"),!0),y=(0,i.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))})),m=(0,i.computed)((function(){return{minHeight:B(n.minHeight,"auto")}})),b=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},C=(0,i.reactive)({});(0,i.onMounted)((function(){T(null==o?void 0:o.value)}));var T=function(e){if(e){var t=e.parentElement.getBoundingClientRect().height;l.value=t,function(){var e=b(n.height,l.value),t=n.showHead?b(n.headHeight,40)+2:0,o=b(n.maxHeight,l.value),r=b(n.minHeight,l.value),i=n.pagination&&n.data.length?40:0,s=e-t-i,c="auto"!==n.height&&"".concat(s,"px"),u=o-t-i,d=r-t-i;Object.assign(C,{display:!!(null==a?void 0:a.length)&&"block","max-height":"".concat(u,"px"),"min-height":"".concat(d,"px"),height:c})}()}};return{tableClass:d,headClass:p,contentClass:h,footerClass:y,wrapperStyle:m,contentStyle:C,headStyle:v,resetTableHeight:T,updateBorderClass:function(e){if(e){var t=e.querySelector(".bk-table-body table");t&&(c.value=t.offsetHeight>e.offsetHeight)}},hasFooter:u}}(n,k,v,V),H=L.tableClass,I=L.headClass,M=L.contentClass,D=L.footerClass,q=L.wrapperStyle,U=L.contentStyle,K=L.headStyle,X=L.updateBorderClass,$=L.resetTableHeight,Y=L.hasFooter,J=new ae(n,a,v,p);(0,i.watch)((function(){return[n.data,n.pagination]}),(function(){P(n.reserveExpand),A(w,O),(0,i.nextTick)((function(){$(k.value),X(k.value)}))}),{immediate:!0,deep:!0}),J.on(o.ON_SORT_BY_CLICK,(function(e){var t=e.sortFn,n=e.column,o=e.index,i=e.type;"function"==typeof t&&(O=t,V.sort(O)),a.emit(r.COLUMN_SORT,{column:n,index:o,type:i})})).on(o.ON_FILTER_CLICK,(function(e){var t=e.filterFn,n=e.checked,o=e.column,i=e.index;"function"==typeof t&&j(w=t,O),a.emit(r.COLUMN_FILTER,{checked:n,column:o,index:i})})).on(o.ON_SETTING_CHANGE,(function(e){var t,n,o=e.checked,i=void 0===o?[]:o,l=e.size,s=e.height;i.length&&W(k.value,p,20),null===(n=null===(t=E.value)||void 0===t?void 0:t.reset)||void 0===n||n.call(t),a.emit(r.SETTING_CHANGE,{checked:i,size:l,height:s})})).on(o.ON_ROW_EXPAND_CLICK,(function(e){var t=e.row,n=e.column,o=e.index,i=e.rows,l=e.e;a.emit(r.ROW_EXPAND_CLICK,{row:t,column:n,index:o,rows:i,e:l}),b(t,!t.__row_expand)}));var Q=function(t){var n,o=null!==(n=v.pos.bottom)&&void 0!==n?n:0,i=t[1],l=i.translateX,s=i.translateY,c=i.pos,u=void 0===c?{}:c;v.scrollTranslateY=s,v.scrollTranslateX=l,v.pos=u;var d=u.bottom;d<=2&&o>d&&(0,e.debounce)(60,(function(){a.emit(r.SCROLL_BOTTOM,Object.assign(Object.assign({},u),{translateX:l,translateY:s}))}),!0)()};(0,i.onMounted)((function(){_=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,F.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)}}}(k.value,(function(){W(k.value,p,20),"100%"===n.height&&$(k.value)}),60,!0),_.start()})),(0,i.onBeforeUnmount)((function(){_.stop(),_=null,J.destroy()})),a.expose({setRowExpand:b});var Z=Object.assign(Object.assign({},M),{"__is-empty":!V.length}),ee=(t(c={},(0,e.resolveClassName)("table-body-content"),!0),t(c,"with-virtual-render",n.virtualEnabled),c),te=(t(u={},(0,e.resolveClassName)("drag-column"),!0),t(u,"offset-x",!0),u),ne={"scroll-loading":!0,_bottom:!0},oe=function(e,t){var n=(0,i.toRef)(e,"scrollLoading"),o=(0,i.computed)((function(){return null!==n.value&&("boolean"==typeof n.value&&n.value||"object"===m(n.value))}));return{renderScrollLoading:function(){var e,r,a;if(o.value){var l="boolean"==typeof n.value?{loading:!!n.value,inline:!0,title:"",size:T.BkLoadingSize.Normal,mode:T.BkLoadingMode.Default,indicator:null}:n.value,s=l.loading,c=l.size,u=l.mode,d=l.title,p=l.inline,f=l.indicator;return null!==(a=null===(r=(e=t.slots).fixedBottom)||void 0===r?void 0:r.call(e))&&void 0!==a?a:(0,i.createVNode)(x(),{loading:s,size:c,mode:u,title:d,inline:p,indicator:f},null)}}}}(n,a).renderScrollLoading;return function(){return(0,i.createVNode)("div",{class:H.value,style:q.value,ref:k},[(0,i.createVNode)("div",{class:I,style:K.value},[J.renderTableHeadSchema()]),(0,i.createVNode)(l(),{ref:E,lineHeight:J.getRowHeight,class:Z,style:U,list:V,contentClassName:ee,onContentScroll:Q,throttleDelay:0,scrollEvent:!0,enabled:n.virtualEnabled},{default:function(e){return J.renderTableBodySchema(e.data||n.data)}}),(0,i.createVNode)("div",{class:N},[y(),(0,i.createVNode)("div",{class:te,style:f.value},null),(0,i.createVNode)("div",{class:ne},[oe()])]),(0,i.createVNode)("div",{class:D.value},[Y.value&&J.renderTableFooter(R.value)])])}}}),ue=(0,e.withInstall)(ce)})(),h})()));
|
package/lib/table/props.d.ts
CHANGED
@@ -167,6 +167,22 @@ export declare const tableProps: {
|
|
167
167
|
[key: string]: any;
|
168
168
|
});
|
169
169
|
};
|
170
|
+
/**
|
171
|
+
* 仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的展开收起操作(需指定 row-key)
|
172
|
+
*/
|
173
|
+
reserveExpand: import("vue-types").VueTypeValidableDef<boolean> & {
|
174
|
+
default: boolean;
|
175
|
+
} & {
|
176
|
+
default: boolean;
|
177
|
+
};
|
178
|
+
/**
|
179
|
+
* 行数据的 Key,用来优化 Table 的渲染;
|
180
|
+
* 在使用 reserve-selection, reserve-expand 功能的情况下,该属性是必填的。
|
181
|
+
* 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function
|
182
|
+
*/
|
183
|
+
rowKey: import("vue-types").VueTypeDef<any> & {
|
184
|
+
default: any;
|
185
|
+
};
|
170
186
|
};
|
171
187
|
/**
|
172
188
|
* 配置自定义行高选项
|
package/lib/table/render.d.ts
CHANGED
@@ -68,6 +68,7 @@ export default class TableRender {
|
|
68
68
|
* @returns
|
69
69
|
*/
|
70
70
|
private renderTBody;
|
71
|
+
private renderExpandRow;
|
71
72
|
private getColumnClass;
|
72
73
|
private getHeadColumnClass;
|
73
74
|
/**
|
@@ -86,6 +87,8 @@ export default class TableRender {
|
|
86
87
|
* @param rows
|
87
88
|
*/
|
88
89
|
private handleRowDblClick;
|
90
|
+
private getExpandCell;
|
91
|
+
private handleRowExpandClick;
|
89
92
|
/**
|
90
93
|
* 渲染表格Cell内容
|
91
94
|
* @param row 当前行
|
package/lib/table/table.css
CHANGED
@@ -260,6 +260,21 @@
|
|
260
260
|
text-overflow: ellipsis;
|
261
261
|
white-space: nowrap;
|
262
262
|
}
|
263
|
+
.bk-table .bk-table-head table th .cell.expand-cell,
|
264
|
+
.bk-table .bk-table-body table th .cell.expand-cell,
|
265
|
+
.bk-table .bk-table-head table td .cell.expand-cell,
|
266
|
+
.bk-table .bk-table-body table td .cell.expand-cell {
|
267
|
+
padding: 0;
|
268
|
+
text-overflow: unset;
|
269
|
+
}
|
270
|
+
.bk-table .bk-table-head table th .cell .expand-btn-action,
|
271
|
+
.bk-table .bk-table-body table th .cell .expand-btn-action,
|
272
|
+
.bk-table .bk-table-head table td .cell .expand-btn-action,
|
273
|
+
.bk-table .bk-table-body table td .cell .expand-btn-action {
|
274
|
+
display: flex;
|
275
|
+
padding: 0 15px;
|
276
|
+
cursor: pointer;
|
277
|
+
}
|
263
278
|
.bk-table .bk-table-head table th.column_fixed,
|
264
279
|
.bk-table .bk-table-body table th.column_fixed,
|
265
280
|
.bk-table .bk-table-head table td.column_fixed,
|
@@ -279,6 +294,12 @@
|
|
279
294
|
.bk-table .bk-table-body table td.column_fixed.column_fixed_right {
|
280
295
|
right: 0;
|
281
296
|
}
|
297
|
+
.bk-table .bk-table-head table th.row_expend .expand-cell-ctx,
|
298
|
+
.bk-table .bk-table-body table th.row_expend .expand-cell-ctx,
|
299
|
+
.bk-table .bk-table-head table td.row_expend .expand-cell-ctx,
|
300
|
+
.bk-table .bk-table-body table td.row_expend .expand-cell-ctx {
|
301
|
+
min-height: 30px;
|
302
|
+
}
|
282
303
|
.bk-table .bk-table-head table thead th,
|
283
304
|
.bk-table .bk-table-body table thead th {
|
284
305
|
font-weight: 400;
|
package/lib/table/table.d.ts
CHANGED
@@ -79,12 +79,21 @@ declare const _default: import("vue").DefineComponent<{
|
|
79
79
|
[key: string]: any;
|
80
80
|
});
|
81
81
|
};
|
82
|
+
reserveExpand: import("vue-types").VueTypeValidableDef<boolean> & {
|
83
|
+
default: boolean;
|
84
|
+
} & {
|
85
|
+
default: boolean;
|
86
|
+
};
|
87
|
+
rowKey: import("vue-types").VueTypeDef<any> & {
|
88
|
+
default: any;
|
89
|
+
};
|
82
90
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
83
91
|
columnPick: (..._args: any[]) => boolean;
|
84
92
|
columnFilter: (..._args: any[]) => boolean;
|
85
93
|
columnSort: (..._args: any[]) => boolean;
|
86
94
|
rowClick: (..._args: any[]) => boolean;
|
87
95
|
rowDblClick: (..._args: any[]) => boolean;
|
96
|
+
rowExpand: (..._args: any[]) => boolean;
|
88
97
|
pageLimitChange: (..._args: any[]) => boolean;
|
89
98
|
pageValueChange: (..._args: any[]) => boolean;
|
90
99
|
settingChange: (..._args: any[]) => boolean;
|
@@ -170,12 +179,21 @@ declare const _default: import("vue").DefineComponent<{
|
|
170
179
|
[key: string]: any;
|
171
180
|
});
|
172
181
|
};
|
182
|
+
reserveExpand: import("vue-types").VueTypeValidableDef<boolean> & {
|
183
|
+
default: boolean;
|
184
|
+
} & {
|
185
|
+
default: boolean;
|
186
|
+
};
|
187
|
+
rowKey: import("vue-types").VueTypeDef<any> & {
|
188
|
+
default: any;
|
189
|
+
};
|
173
190
|
}>> & {
|
174
191
|
onColumnPick?: (...args: any[]) => any;
|
175
192
|
onColumnSort?: (...args: any[]) => any;
|
176
193
|
onColumnFilter?: (...args: any[]) => any;
|
177
194
|
onRowClick?: (...args: any[]) => any;
|
178
195
|
onRowDblClick?: (...args: any[]) => any;
|
196
|
+
onRowExpand?: (...args: any[]) => any;
|
179
197
|
onPageLimitChange?: (...args: any[]) => any;
|
180
198
|
onPageValueChange?: (...args: any[]) => any;
|
181
199
|
onSettingChange?: (...args: any[]) => any;
|
@@ -205,5 +223,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
205
223
|
rowStyle: any;
|
206
224
|
cellStyle: any;
|
207
225
|
cellClass: any;
|
226
|
+
reserveExpand: boolean;
|
227
|
+
rowKey: any;
|
208
228
|
}>;
|
209
229
|
export default _default;
|
package/lib/table/table.less
CHANGED
@@ -62,6 +62,17 @@
|
|
62
62
|
text-align: left;
|
63
63
|
text-overflow: ellipsis;
|
64
64
|
white-space: nowrap;
|
65
|
+
|
66
|
+
&.expand-cell {
|
67
|
+
padding: 0;
|
68
|
+
text-overflow: unset;
|
69
|
+
}
|
70
|
+
|
71
|
+
.expand-btn-action {
|
72
|
+
display: flex;
|
73
|
+
padding: 0 15px;
|
74
|
+
cursor: pointer;
|
75
|
+
}
|
65
76
|
}
|
66
77
|
|
67
78
|
&.column_fixed {
|
@@ -76,6 +87,12 @@
|
|
76
87
|
right: 0;
|
77
88
|
}
|
78
89
|
}
|
90
|
+
|
91
|
+
&.row_expend {
|
92
|
+
.expand-cell-ctx {
|
93
|
+
min-height: 30px;
|
94
|
+
}
|
95
|
+
}
|
79
96
|
}
|
80
97
|
|
81
98
|
thead {
|
@@ -359,6 +359,21 @@
|
|
359
359
|
text-overflow: ellipsis;
|
360
360
|
white-space: nowrap;
|
361
361
|
}
|
362
|
+
.bk-table .bk-table-head table th .cell.expand-cell,
|
363
|
+
.bk-table .bk-table-body table th .cell.expand-cell,
|
364
|
+
.bk-table .bk-table-head table td .cell.expand-cell,
|
365
|
+
.bk-table .bk-table-body table td .cell.expand-cell {
|
366
|
+
padding: 0;
|
367
|
+
text-overflow: unset;
|
368
|
+
}
|
369
|
+
.bk-table .bk-table-head table th .cell .expand-btn-action,
|
370
|
+
.bk-table .bk-table-body table th .cell .expand-btn-action,
|
371
|
+
.bk-table .bk-table-head table td .cell .expand-btn-action,
|
372
|
+
.bk-table .bk-table-body table td .cell .expand-btn-action {
|
373
|
+
display: flex;
|
374
|
+
padding: 0 15px;
|
375
|
+
cursor: pointer;
|
376
|
+
}
|
362
377
|
.bk-table .bk-table-head table th.column_fixed,
|
363
378
|
.bk-table .bk-table-body table th.column_fixed,
|
364
379
|
.bk-table .bk-table-head table td.column_fixed,
|
@@ -378,6 +393,12 @@
|
|
378
393
|
.bk-table .bk-table-body table td.column_fixed.column_fixed_right {
|
379
394
|
right: 0;
|
380
395
|
}
|
396
|
+
.bk-table .bk-table-head table th.row_expend .expand-cell-ctx,
|
397
|
+
.bk-table .bk-table-body table th.row_expend .expand-cell-ctx,
|
398
|
+
.bk-table .bk-table-head table td.row_expend .expand-cell-ctx,
|
399
|
+
.bk-table .bk-table-body table td.row_expend .expand-cell-ctx {
|
400
|
+
min-height: 30px;
|
401
|
+
}
|
381
402
|
.bk-table .bk-table-head table thead th,
|
382
403
|
.bk-table .bk-table-body table thead th {
|
383
404
|
font-weight: 400;
|
@@ -19,3 +19,53 @@ export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?
|
|
19
19
|
updateBorderClass: (root: HTMLElement) => void;
|
20
20
|
hasFooter: import("vue").ComputedRef<number>;
|
21
21
|
};
|
22
|
+
export declare const useInit: (props: TablePropTypes) => {
|
23
|
+
colgroups: {
|
24
|
+
calcWidth: any;
|
25
|
+
resizeWidth: any;
|
26
|
+
listeners: Map<any, any>;
|
27
|
+
label: string | Function;
|
28
|
+
field?: string | Function;
|
29
|
+
render?: string | Function;
|
30
|
+
width?: string | number;
|
31
|
+
minWidth?: string | number;
|
32
|
+
type?: string;
|
33
|
+
fixed?: string | boolean;
|
34
|
+
resizable?: boolean;
|
35
|
+
sort?: string | boolean | {
|
36
|
+
sortFn?: Function;
|
37
|
+
sortScope?: string;
|
38
|
+
};
|
39
|
+
filter?: string | boolean | {
|
40
|
+
list?: any;
|
41
|
+
filterFn?: Function;
|
42
|
+
};
|
43
|
+
}[];
|
44
|
+
dragOffsetXStyle: import("vue").ComputedRef<{
|
45
|
+
readonly position: "absolute";
|
46
|
+
readonly top: 0;
|
47
|
+
readonly bottom: 0;
|
48
|
+
readonly left: `${number}px`;
|
49
|
+
readonly width: "1px";
|
50
|
+
readonly 'background-color': "#ebeef5";
|
51
|
+
}>;
|
52
|
+
reactiveSchema: {
|
53
|
+
rowActions: Map<any, any>;
|
54
|
+
scrollTranslateY: number;
|
55
|
+
scrollTranslateX: number;
|
56
|
+
pos: {
|
57
|
+
bottom: number;
|
58
|
+
};
|
59
|
+
activeColumns: any[];
|
60
|
+
setting: {
|
61
|
+
size: any;
|
62
|
+
height: any;
|
63
|
+
};
|
64
|
+
};
|
65
|
+
indexData: any[];
|
66
|
+
fixedWrapperClass: string;
|
67
|
+
initIndexData: (keepLocalAction?: boolean) => void;
|
68
|
+
updateIndexData: () => void;
|
69
|
+
renderFixedColumns: () => ("" | JSX.Element)[];
|
70
|
+
setRowExpand: (row: any, expand?: any) => void;
|
71
|
+
};
|
package/lib/table/utils.d.ts
CHANGED
@@ -99,3 +99,4 @@ export declare const getRowText: (row: any, key: string, column: Column) => any;
|
|
99
99
|
*/
|
100
100
|
export declare const formatPropAsArray: (prop: string | object | (() => any), args: any[]) => any;
|
101
101
|
export declare const isRenderScrollBottomLoading: (props: TablePropTypes) => boolean;
|
102
|
+
export declare const getRowKey: (item: any, props: TablePropTypes) => any;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "bkui-vue",
|
3
|
-
"version": "0.0.1-beta.
|
3
|
+
"version": "0.0.1-beta.91",
|
4
4
|
"workspaces": {
|
5
5
|
"packages": [
|
6
6
|
"packages/!(**.bak)*",
|
@@ -12,6 +12,7 @@
|
|
12
12
|
"dist"
|
13
13
|
],
|
14
14
|
"scripts": {
|
15
|
+
"preinstall": "npx https://github.com/lockiechen/only-allow.git yarn -y",
|
15
16
|
"prepare": "husky install",
|
16
17
|
"dev": "vite serve site",
|
17
18
|
"build": "run-p build:dist build:lib",
|