eslink-ui-plus/umd/table/index.js

vue3 component library, css framework

(function(e,C){typeof exports=="object"&&typeof module!="undefined"?module.exports=C(require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["vue","lodash-es"],C):(e=typeof globalThis!="undefined"?globalThis:e||self,e["es-table"]=C(e.Vue,e._))})(this,function(e,C){"use strict";function A(t,r,o,h){const s=e.ref([]),y=e.computed(()=>{var _;return(_=h.rows)!=null?_:[]}),x=[null,void 0,""].includes(t)?_=>s.value.some(n=>e.toRaw(n)===e.toRaw(_)):_=>s.value.some(n=>n[t]===_[t]),k=e.computed({get(){var _,n,d,g;return!!((_=s.value)==null?void 0:_.length)&&!!((n=y.value)==null?void 0:n.length)&&((g=(d=y.value)==null?void 0:d.every)==null?void 0:g.call(d,x))},set(_){_?(s.value=[...y.value],console.log("currentCheckedList.value",s.value)):s.value=[]}});return e.watch(()=>r==null?void 0:r.checkedValue,_=>{s.value=_||[]},{immediate:!0}),e.watch(y,()=>{var _;s.value=(_=r==null?void 0:r.checkedValue)!=null?_:[]},{immediate:!0}),{currentCheckedList:s,isCurrentCheckedAll:k,checkedAllEvt:()=>{k.value?(o("check-all",{checkedAll:!1,value:s.value}),k.value=!k.value):(k.value=!k.value,o("check-all",{checkedAll:!0,value:s.value})),o("selection-change",s.value)},checkedCompareFunc:x}}var v=e.defineComponent({name:"EsTable",props:{checkedValue:Array,isLoading:{type:Boolean,require:!0},isSummary:{type:Boolean,require:!0},notSummary:{type:[Object,Array],default:()=>({})},hasCheckbox:{type:Boolean,default:!1},hasExpand:{type:Boolean,default:!1},columns:{type:Array,default:()=>[]},rows:{type:Array,default:()=>[]},sortable:{type:Object,default:()=>({field:"id",order:""})},headerFixed:{type:Boolean,default:!0},scrollHeight:{type:String,default:"100%"},searchCondition:{type:[Object,Array],default:()=>({})},rowspanField:{type:[Array],default:()=>[]},highlight:{type:Boolean,default:!0},highlightIndex:{type:[Number],default:-1}},setup(t,{emit:r}){const o=e.reactive({isCheckAll:!1,keyColumn:e.computed(()=>{let a="";return t.columns.forEach(l=>{l.isKey&&(a=l.field)}),a}),isCheckedArr:[],isCheckItem:!1,checkedVal:[],KeyValue:null,sortable:t.sortable,rows:e.computed(()=>{var a;let l=C.cloneDeep((a=t.rows)!=null?a:[]),c=t.rowspanField;if(c&&c.length===0)return t.rows;for(let p=0;p<=c.length;p++){let b=0,f=0,u=c[p];for(;b<l.length;){for(l[b][u+"rowspan"]=1,l[b][u+"display"]=!1,f=b+1;f<=l.length-1&&(l[b][u]===l[f][u]&&l[b][u]!=="");f++)l[b][u+"rowspan"]++,l[b][u+"display"]=!1,l[f][u+"rowspan"]=1,l[f][u+"display"]=!0;b=f}}return l}),checkAll:!1,checkList:[]}),{currentCheckedList:h,checkedAllEvt:s,isCurrentCheckedAll:y,checkedCompareFunc:x}=A(o.keyColumn,t,r,o),k=e.computed(()=>(o.keyColumn,t.rows.every(x)));e.watch(k,a=>{});const E=t.columns.filter(a=>a.fixed==="left"),_=t.columns.filter(a=>a.fixed==="right"),n=e.computed(()=>t.columns.filter(a=>a.hover)),d=e.ref([]);e.ref(!1);const g=()=>{o.isCheckItem=!1,o.isCheckAll&&d.value.length==t.rows.length&&(o.isCheckAll=!0)},B=a=>{var l;const c=a||[],p=(l=t==null?void 0:t.rows)!=null?l:[];o.keyColumn,o.checkList=c,t.highlightIndex!==-1&&(o.KeyValue=p[t.highlightIndex])};e.watch(()=>t.highlightIndex,a=>{var l;const c=(l=t==null?void 0:t.rows)!=null?l:[];o.KeyValue=c[t.highlightIndex]},{deep:!0}),e.watch(()=>t.checkedValue,a=>{B(a)},{deep:!0,immediate:!0}),e.watch(()=>t.rows,()=>{o.checkAll=!1,B((t==null?void 0:t.checkedValue)||[])},{deep:!0});const i=()=>{o.checkAll?o.checkList=[]:(o.checkList=[],t.rows.forEach(function(a,l){l>=0&&o.checkList.push(a)})),r("selection-change",o.checkList)},w=(a,l)=>({isChecked:x(a),item:a,index:l}),he=(a,l)=>{var c,p;if(x(a)){const b=o.keyColumn;let f=-1;[null,void 0,""].includes(b)?f=(c=h.value)==null?void 0:c.indexOf(a):f=h.value.findIndex(u=>u[b]===a[b]),h.value.splice(f,1),r("check",w(a,l))}else(p=h.value)==null||p.push(e.markRaw(a)),r("check",w(a,l));r("selection-change",h.value)};e.watch(()=>t.sortable,a=>{o.sortable=a},{deep:!0}),e.watch(()=>t.searchCondition,()=>{o.checkList=[],o.checkAll=!1,o.isCheckedArr=[],o.KeyValue="",o.isCheckAll=!1},{deep:!0});const be=(a,l)=>{console.log(a.isExpand,"row.isExpand"),a.isExpand||(a.isExpand=!1),a.isExpand=!a.isExpand,r("expand-change",a,l)},pe=(a,l)=>{o.sortable.field=a,o.sortable.order=l===o.sortable.order?"":l,r("sort-change",a,o.sortable.order)};let fe=0,V=-1;const ke=(a,l)=>{(()=>{V===l?[o.KeyValue,V]=["",-1]:[o.KeyValue,V]=[a,l],t.hasCheckbox||(h.value=[a],r("selection-change",[a]),r("check",w(a,l))),r("row-click",a,V)})()},me=(a,l)=>{clearTimeout(fe),r("row-dblclick",a,l)},N=e.ref(),ue=a=>{N.value=a},xe=()=>{N.value=-1},m=e.ref(),ge=a=>{r("table-scroll",a),Number(m.value.scrollLeft+m.value.clientWidth)>=Number(m.value.scrollWidth)-100&&(console.log(m.value.scrollWidth,m.value.clientWidth,m.value.scrollLeft,888),z.value=!1);const l=m.value.scrollTop,c=m.value.clientHeight,p=m.value.scrollHeight;Number(l+c)>=Number(p)-30&&r("table-scroll-bottom",a)};let z=e.ref(!1);return e.onUpdated(()=>{m.value.scrollWidth>m.value.clientWidth?z.value=!0:z.value=!1}),{setting:o,doSort:pe,doRowClick:ke,doRowClickDouble:me,doExpand:be,doScroll:ge,rowCheckbox:d,doChecked:he,changeCheckedItem:g,checkedAll:i,summary:a=>{let l=t.notSummary,c=0;return t.rows.forEach(function(p){if(l)for(const b in l){const f=l[b];if(p[b]===f)return}Number.isFinite(p[a])?(c+=parseFloat(p[a]),c=Math.round(c*100)/100):c="-"}),c},isCheckedAll:k,checkedCompareFunc:x,currentCheckedList:h,checkedAllEvt:s,isCurrentCheckedAll:y,hasScrollHorizontal:z,toRaw:e.toRaw,doMouseOver:ue,doMouseLeave:xe,hoverIndex:N,wrap:m,fixedLeft:E,fixedRight:_,hasRowHover:n}}});e.pushScopeId("data-v-338770e6");const S={class:"table"},L={class:"table__thead es-fs--sm"},I={class:"table__tr"},R={key:0,class:"has__expand table__th"},M={class:"table__checkbox"},F={class:"checkbox__wrapper"},H={class:"checkbox"},$=e.createElementVNode("span",{class:"checkbox__inner"},null,-1),T={key:0},D={key:1,class:"sortable__wrapper"},K=["onClick"],j=["onClick"],O={key:0},W=["onClick","onDblclick","onMouseover","onMouseleave"],q={key:0,class:"has__expand table__td"},U=["onClick"],P={class:"table__checkbox"},G={class:"checkbox__wrapper"},J={class:"checkbox"},Q=["id","checked","onClick"],X=e.createElementVNode("span",{class:"checkbox__inner"},null,-1),Y=["rowspan"],Z={key:0},ee={key:0},te={key:1},ne=["innerHTML"],ae={key:1},le={key:0,class:"table__tr table__row es-cursor--pointer es-fs--md"},oe={key:0,class:"has__expand table__td"},ie={key:0},re={key:1},se={key:0,class:"empty__box es-row es-jc--c"};e.popScopeId();function de(t,r,o,h,s,y){var x,k,E;const _=e.resolveComponent("es-empty");return e.openBlock(),e.createElementBlock("div",{ref:"wrap",class:"table__container",style:e.normalizeStyle({maxHeight:t.headerFixed&&t.scrollHeight}),onScrollPassive:r[2]||(r[2]=(...n)=>t.doScroll&&t.doScroll(...n))},[e.createElementVNode("table",S,[e.createElementVNode("thead",L,[e.createElementVNode("tr",I,[t.hasExpand?(e.openBlock(),e.createElementBlock("th",R)):e.createCommentVNode("v-if",!0),t.hasCheckbox&&((x=t.rows)==null?void 0:x.length)>0?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(["has__checkbox check__all table__th",{"has__checkbox--nosingle":t.hasExpand}])},[e.createElementVNode("div",M,[e.createElementVNode("label",F,[e.createElementVNode("span",H,[e.withDirectives(e.createElementVNode("input",{class:"input__check checkbox__input",type:"checkbox","onUpdate:modelValue":r[0]||(r[0]=n=>t.isCurrentCheckedAll=n),onClick:r[1]||(r[1]=(...n)=>t.checkedAllEvt&&t.checkedAllEvt(...n))},null,512),[[e.vModelCheckbox,t.isCurrentCheckedAll]]),$])])])],2)):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,n=>{var d;return e.openBlock(),e.createElementBlock("th",{key:n.label,style:e.normalizeStyle({width:n.width?n.width:"auto",textAlign:n.align?n.align:""}),class:e.normalizeClass([[{is__group:n.group,is__hide:n.hide,is__fixed:n.fixed,is__hover:n.hover,"is__hover--horizontal":n.hover&&t.hasScrollHorizontal},n.fixed==="left"?n.field===t.fixedLeft[t.fixedLeft.length-1].field?"fixed__left fixed__left--last":"fixed__left":n.field===((d=t.fixedRight[0])==null?void 0:d.field)?"fixed__right fixed__right--first":"fixed__right"],"table__th"])},[n.hide?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",T,e.toDisplayString(n.label),1)),n.sortable?(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("i",{class:e.normalizeClass(["es-icon-arrow-up-s-fill ascending",{active:t.setting.sortable.field==n.field&&t.setting.sortable.order=="ascending"}]),onClick:g=>t.doSort(n.field,"ascending")},null,10,K),e.createElementVNode("i",{class:e.normalizeClass(["es-icon-arrow-down-s-fill descending",{active:t.setting.sortable.field==n.field&&t.setting.sortable.order=="descending"}]),onClick:g=>t.doSort(n.field,"descending")},null,10,j)])):e.createCommentVNode("v-if",!0)],6)}),128))])]),((k=t.rows)==null?void 0:k.length)>0?(e.openBlock(),e.createElementBlock("tbody",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.setting.rows,(n,d)=>{var g,B;return e.openBlock(),e.createElementBlock("tr",{key:d,class:e.normalizeClass(["table__tr table__row es-cursor--pointer es-fs--md",[{"table__row--checked":(t.setting.KeyValue===n||t.toRaw(t.setting.KeyValue)===n)&&t.highlight,rel:((g=t.hasRowHover)==null?void 0:g.length)&&t.hoverIndex===d}]]),onClick:e.withModifiers(i=>t.doRowClick(n,d),["stop"]),onDblclick:e.withModifiers(i=>t.doRowClickDouble(n,d),["stop"]),onMouseover:i=>t.doMouseOver(d),onMouseleave:i=>t.doMouseLeave(d)},[t.hasExpand?(e.openBlock(),e.createElementBlock("td",q,[n.isChild?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("i",{key:0,onClick:e.withModifiers(i=>t.doExpand(n,d),["stop"]),class:e.normalizeClass([n.isExpand?"es-icon-arrow-down-s-line":"es-icon-arrow-right-s-line",{"has__expand--disabled":!n.hasChild}])},null,10,U))])):e.createCommentVNode("v-if",!0),t.hasCheckbox?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass(["has__checkbox table__td",{"has__checkbox--nosingle":t.hasExpand,"is__fixed fixed__left":((B=t.fixedLeft)==null?void 0:B.length)>0}])},[e.createElementVNode("div",P,[e.createElementVNode("label",G,[e.createElementVNode("span",J,[e.createElementVNode("input",{id:d,class:"input__check checkbox__input",type:"checkbox",checked:t.checkedCompareFunc(n),onClick:e.withModifiers(i=>t.doChecked(n,d),["stop"])},null,8,Q),X])])])],2)):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,i=>{var w;return e.openBlock(),e.createElementBlock("td",{key:i.label,rowspan:i.rowspan?n[i.field+"rowspan"]:1,class:e.normalizeClass([[{is__group:i.group,is__hide:i.hide||n[i.field+"display"],is__fixed:i.fixed,is__hover:i.hover,"is__hover--horizontal":i.hover&&t.hasScrollHorizontal,"is-show es-animated fadeIn":i.hover&&t.hoverIndex===d},i.fixed==="left"?i.field===t.fixedLeft[t.fixedLeft.length-1].field?"fixed__left fixed__left--last":"fixed__left":i.field===((w=t.fixedRight[0])==null?void 0:w.field)?"fixed__right fixed__right--first":"fixed__right"],"table__td"]),style:e.normalizeStyle({width:i.width?i.width:"auto",textAlign:i.align?i.align:""})},[i.hide?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",Z,[i.slot?(e.openBlock(),e.createElementBlock("div",ee,[e.renderSlot(t.$slots,i.field,{row:n,index:d})])):(e.openBlock(),e.createElementBlock("div",te,[i.display?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:i.display(n)},null,8,ne)):(e.openBlock(),e.createElementBlock("span",ae,e.toDisplayString(n[i.field]||"-"),1))]))]))],14,Y)}),128))],42,W)}),128)),t.isSummary?(e.openBlock(),e.createElementBlock("tr",le,[t.hasExpand?(e.openBlock(),e.createElementBlock("td",oe)):e.createCommentVNode("v-if",!0),t.hasCheckbox?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass(["has__checkbox table__td",{"has__checkbox--nosingle":t.hasExpand}])},null,2)):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(n,d)=>(e.openBlock(),e.createElementBlock("td",{key:n.label,class:e.normalizeClass(["table__td",[{is__group:n.group,is__hide:n.hide,is__hover:n.hover}]]),style:e.normalizeStyle({width:n.width?n.width:"auto",textAlign:n.align?n.align:"",position:n.hover&&t.hasScrollHorizontal?"sticky":"absolute"})},[d===0?(e.openBlock(),e.createElementBlock("span",ie,"\u5408\u8BA1")):(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(t.summary(n.field)),1))],6))),128))])):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0)]),((E=t.rows)==null?void 0:E.length)<=0?(e.openBlock(),e.createElementBlock("div",se,[e.createVNode(_,{description:"\u6682\u65E0\u6570\u636E"})])):e.createCommentVNode("v-if",!0)],36)}function ce(t,r){r===void 0&&(r={});var o=r.insertAt;if(!(!t||typeof document=="undefined")){var h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",o==="top"&&h.firstChild?h.insertBefore(s,h.firstChild):h.appendChild(s),s.styleSheet?s.styleSheet.cssText=t:s.appendChild(document.createTextNode(t))}}var _e=`@charset "UTF-8";
.table__container[data-v-338770e6] {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  background-clip: border-box;
  overflow: auto;
}
.table__container .table[data-v-338770e6] {
  width: 100%;
  color: #212529;
  outline: none;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
}
.table__container .table__body[data-v-338770e6] {
  position: absolute;
  top: 0.2rem;
  z-index: 999999;
}
.table__container .table__thead[data-v-338770e6] {
  color: var(--neutral12);
  max-height: 2rem;
  border-left: 4px solid transparent;
}
.table__container .table__thead .table__th[data-v-338770e6] {
  box-shadow: inset 0px -1px 0px #e6e7ef;
  background: #ffffff;
  z-index: 101;
}
.table__container .table__thead .table__th[data-v-338770e6]:nth-child(1) {
  border-left: 4px solid transparent;
}
.table__container .table__th[data-v-338770e6] {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  z-index: 99;
  display: table-cell;
  font-weight: bold;
  min-width: 0;
  height: 100%;
  padding: 10px 20px 10px 10px;
  vertical-align: middle;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  outline: none;
  caret-color: rgba(0, 0, 0, 0);
}
.table__container .table__th span[data-v-338770e6] {
  color: var(--neutral16);
  font-weight: bold;
}
.table__container .table__tr[data-v-338770e6], .table__container .table__td[data-v-338770e6] {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-align: left;
  outline: none;
}
.table__container .table__tr[data-v-338770e6] {
  vertical-align: inherit;
}
.table__container .table__tr[data-v-338770e6]:hover:not(.table__row--checked) {
  background: #f9f9fb !important;
}
.table__container .table__tr.rel[data-v-338770e6] {
  position: relative;
}
.table__container .table__td[data-v-338770e6] {
  display: table-cell;
  height: 100%;
  padding: 10px 20px 10px 10px;
  box-shadow: inset 0px -1px 0px #e6e7ef;
  text-align: inherit;
  vertical-align: middle;
  white-space: nowrap;
}
.table__container .table__td.has__expand[data-v-338770e6] {
  text-align: center;
  width: 20px;
  padding-right: 0 !important;
}
.table__container .table__th.has__expand[data-v-338770e6] {
  text-align: center;
  width: 20px;
  padding-right: 4px !important;
}
.table__container .table__td.has__checkbox[data-v-338770e6], .table__container .table__th.has__checkbox[data-v-338770e6] {
  position: relative;
  z-index: 100 !important;
  width: 20px;
}
.table__container .table__td.has__checkbox--nosingle[data-v-338770e6], .table__container .table__th.has__checkbox--nosingle[data-v-338770e6] {
  padding-right: 0 !important;
}
.table__container .table__td.has__expand i[data-v-338770e6], .table__container .table__td.has__checkbox i[data-v-338770e6], .table__container .table__th.has__expand i[data-v-338770e6], .table__container .table__th.has__checkbox i[data-v-338770e6] {
  color: var(--blue4);
}
.table__container .table__td.has__expand--disabled[data-v-338770e6], .table__container .table__td.has__checkbox--disabled[data-v-338770e6], .table__container .table__th.has__expand--disabled[data-v-338770e6], .table__container .table__th.has__checkbox--disabled[data-v-338770e6] {
  cursor: no-drop;
  pointer-events: none;
  color: var(--neutral4) !important;
}
.table__container .table .table__row[data-v-338770e6] {
  color: var(--neutral14);
}
.table__container .table .table__row .table__td[data-v-338770e6]:nth-child(1) {
  border-left: 4px solid transparent;
}
.table__container .table .table__row--checked[data-v-338770e6] {
  background: var(--blue1) !important;
}
.table__container .table .table__row--checked .table__td[data-v-338770e6]:nth-child(1) {
  border-left: 4px solid #5075e2;
}
.table__container .table .table__row--checked .table__td[data-v-338770e6] {
  background: var(--blue1) !important;
}
.table__container .table .table__row--checked *[data-v-338770e6] {
  text-shadow: 1px 0 0 currentColor;
}
.table__container .table .table__row--summary[data-v-338770e6] {
  position: fixed;
  bottom: 0px;
  background: white;
  width: 100%;
  height: 36px;
}
.table__container .table .check__all[data-v-338770e6] {
  z-index: 101 !important;
}
.table__container .table .is__group[data-v-338770e6] {
  border-right: 1px solid #e6e7ef;
}
.table__container .table .is__hide[data-v-338770e6] {
  display: none !important;
}
.table__container .table .is-show[data-v-338770e6] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.table__container .table .is__hover[data-v-338770e6] {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0 !important;
  z-index: 100;
  padding: 6px 16px;
  background: #f9f9fb;
  text-align: center;
  display: none;
  box-shadow: -4px 0px 6px #e6e6ec;
}
.table__container .table .is__hover--horizontal[data-v-338770e6] {
  position: -webkit-sticky !important;
  position: sticky !important;
  box-sizing: border-box !important;
}
.table__container .table .is__hover[data-v-338770e6] i {
  border-radius: 2px;
  padding: 4px;
}
.table__container .table .is__hover[data-v-338770e6] i:hover {
  color: #eb26b4 !important;
  background: #d7e3ff !important;
}
.table__container .table .is__fixed[data-v-338770e6] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99;
  background: #ffffff;
}
.table__container .table .is__fixed.fixed__left[data-v-338770e6] {
  left: 0;
}
.table__container .table .is__fixed.fixed__right[data-v-338770e6] {
  right: -2px;
}
.table__container .table .is__fixed.fixed__left--last[data-v-338770e6]:after,
.table__container .table .is__fixed.fixed__right--first[data-v-338770e6]:after {
  position: absolute;
  top: 0;
  bottom: -1px;
  width: 30px;
  content: "";
  pointer-events: none;
}
.table__container .table .is__fixed.fixed__left--last[data-v-338770e6]:after {
  right: 0;
  -webkit-transform: translate(100%);
          transform: translate(100%);
  transition: box-shadow 0.3s;
  box-shadow: inset 10px 0 8px -8px #e6e6ec;
}
.table__container .table .is__fixed.fixed__right--first[data-v-338770e6]:after {
  left: 0;
  -webkit-transform: translate(-100%);
          transform: translate(-100%);
  transition: box-shadow 0.3s;
  box-shadow: inset -10px 0 8px -8px #e6e6ec;
}
.table__container .table .table__th.is__fixed[data-v-338770e6] {
  z-index: 101;
}
.table__container .table .table__checkbox[data-v-338770e6] {
  outline: none;
  caret-color: rgba(0, 0, 0, 0);
}
.table__container .sortable__wrapper[data-v-338770e6] {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 18px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  margin-top: -16px;
}
.table__container .sortable__wrapper i[data-v-338770e6] {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  position: absolute;
  left: 7px;
  color: var(--neutral3);
}
.table__container .sortable__wrapper i.active[data-v-338770e6] {
  color: var(--blue4);
}
.table__container .sortable__wrapper .ascending[data-v-338770e6] {
  top: 0;
}
.table__container .sortable__wrapper .descending[data-v-338770e6] {
  bottom: 0;
}
.h100[data-v-338770e6] {
  height: 100%;
}
.table__container[data-v-338770e6]::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  margin-left: 0.4rem;
}
.table__container[data-v-338770e6]::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}

/* \u6ED1\u5757\u989C\u8272 */
.es-col[data-v-338770e6] {
  width: 0;
}
.empty__box[data-v-338770e6] {
  height: calc(100% - 4rem);
  margin-top: 1rem;
}
.table__checkbox[data-v-338770e6] {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.table__checkbox .checkbox__wrapper[data-v-338770e6] {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.table__checkbox .checkbox[data-v-338770e6] {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.table__checkbox .checkbox .checkbox__input[data-v-338770e6] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.table__checkbox .checkbox .checkbox__inner[data-v-338770e6] {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background: #ffffff;
  border: 1px solid var(--blue4);
  box-sizing: border-box;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.table__checkbox .checkbox .checkbox__inner[data-v-338770e6]:after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 3px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: " ";
}
.table__checkbox .checkbox .checkbox__wrapper[data-v-338770e6]:after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: "\xA0";
}
.table__checkbox .checkbox .input__check:checked + .checkbox__inner[data-v-338770e6] {
  background: var(--blue2);
  border: 1px solid var(--blue4);
}
.table__checkbox .checkbox .input__check:checked + .checkbox__inner[data-v-338770e6]:after {
  position: absolute;
  display: table;
  border: 2px solid var(--blue6);
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: " ";
}`;return ce(_e),v.render=de,v.__scopeId="data-v-338770e6",v.__file="components/table/index.vue",v.install=t=>{t.component("es-table",v)},v});