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

vue3 component library, css framework

import{ref as L,computed as S,watch as A,toRaw as K,defineComponent as X,reactive as Y,onUpdated as Z,markRaw as ee,pushScopeId as ne,popScopeId as te,resolveComponent as ae,openBlock as r,createElementBlock as s,normalizeStyle as $,createElementVNode as p,createCommentVNode as k,normalizeClass as w,withDirectives as le,vModelCheckbox as ie,Fragment as B,renderList as F,toDisplayString as j,withModifiers as N,renderSlot as oe,createVNode as re}from"vue";import{cloneDeep as se}from"lodash-es";function de(e,o,l,b){const d=L([]),E=S(()=>{var h;return(h=b.rows)!=null?h:[]}),y=[null,void 0,""].includes(e)?h=>d.value.some(n=>K(n)===K(h)):h=>d.value.some(n=>n[e]===h[e]),x=S({get(){var h,n,c,C;return!!((h=d.value)==null?void 0:h.length)&&!!((n=E.value)==null?void 0:n.length)&&((C=(c=E.value)==null?void 0:c.every)==null?void 0:C.call(c,y))},set(h){h?(d.value=[...E.value],console.log("currentCheckedList.value",d.value)):d.value=[]}});return A(()=>o==null?void 0:o.checkedValue,h=>{d.value=h||[]},{immediate:!0}),A(E,()=>{var h;d.value=(h=o==null?void 0:o.checkedValue)!=null?h:[]},{immediate:!0}),{currentCheckedList:d,isCurrentCheckedAll:x,checkedAllEvt:()=>{x.value?(l("check-all",{checkedAll:!1,value:d.value}),x.value=!x.value):(x.value=!x.value,l("check-all",{checkedAll:!0,value:d.value})),l("selection-change",d.value)},checkedCompareFunc:y}}var V=X({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(e,{emit:o}){const l=Y({isCheckAll:!1,keyColumn:S(()=>{let t="";return e.columns.forEach(a=>{a.isKey&&(t=a.field)}),t}),isCheckedArr:[],isCheckItem:!1,checkedVal:[],KeyValue:null,sortable:e.sortable,rows:S(()=>{var t;let a=se((t=e.rows)!=null?t:[]),_=e.rowspanField;if(_&&_.length===0)return e.rows;for(let f=0;f<=_.length;f++){let u=0,v=0,m=_[f];for(;u<a.length;){for(a[u][m+"rowspan"]=1,a[u][m+"display"]=!1,v=u+1;v<=a.length-1&&(a[u][m]===a[v][m]&&a[u][m]!=="");v++)a[u][m+"rowspan"]++,a[u][m+"display"]=!1,a[v][m+"rowspan"]=1,a[v][m+"display"]=!0;u=v}}return a}),checkAll:!1,checkList:[]}),{currentCheckedList:b,checkedAllEvt:d,isCurrentCheckedAll:E,checkedCompareFunc:y}=de(l.keyColumn,e,o,l),x=S(()=>(l.keyColumn,e.rows.every(y)));A(x,t=>{});const I=e.columns.filter(t=>t.fixed==="left"),h=e.columns.filter(t=>t.fixed==="right"),n=S(()=>e.columns.filter(t=>t.hover)),c=L([]);L(!1);const C=()=>{l.isCheckItem=!1,l.isCheckAll&&c.value.length==e.rows.length&&(l.isCheckAll=!0)},H=t=>{var a;const _=t||[],f=(a=e==null?void 0:e.rows)!=null?a:[];l.keyColumn,l.checkList=_,e.highlightIndex!==-1&&(l.KeyValue=f[e.highlightIndex])};A(()=>e.highlightIndex,t=>{var a;const _=(a=e==null?void 0:e.rows)!=null?a:[];l.KeyValue=_[e.highlightIndex]},{deep:!0}),A(()=>e.checkedValue,t=>{H(t)},{deep:!0,immediate:!0}),A(()=>e.rows,()=>{l.checkAll=!1,H((e==null?void 0:e.checkedValue)||[])},{deep:!0});const i=()=>{l.checkAll?l.checkList=[]:(l.checkList=[],e.rows.forEach(function(t,a){a>=0&&l.checkList.push(t)})),o("selection-change",l.checkList)},z=(t,a)=>({isChecked:y(t),item:t,index:a}),D=(t,a)=>{var _,f;if(y(t)){const u=l.keyColumn;let v=-1;[null,void 0,""].includes(u)?v=(_=b.value)==null?void 0:_.indexOf(t):v=b.value.findIndex(m=>m[u]===t[u]),b.value.splice(v,1),o("check",z(t,a))}else(f=b.value)==null||f.push(ee(t)),o("check",z(t,a));o("selection-change",b.value)};A(()=>e.sortable,t=>{l.sortable=t},{deep:!0}),A(()=>e.searchCondition,()=>{l.checkList=[],l.checkAll=!1,l.isCheckedArr=[],l.KeyValue="",l.isCheckAll=!1},{deep:!0});const O=(t,a)=>{console.log(t.isExpand,"row.isExpand"),t.isExpand||(t.isExpand=!1),t.isExpand=!t.isExpand,o("expand-change",t,a)},W=(t,a)=>{l.sortable.field=t,l.sortable.order=a===l.sortable.order?"":a,o("sort-change",t,l.sortable.order)};let U=0,R=-1;const q=(t,a)=>{(()=>{R===a?[l.KeyValue,R]=["",-1]:[l.KeyValue,R]=[t,a],e.hasCheckbox||(b.value=[t],o("selection-change",[t]),o("check",z(t,a))),o("row-click",t,R)})()},P=(t,a)=>{clearTimeout(U),o("row-dblclick",t,a)},T=L(),G=t=>{T.value=t},J=()=>{T.value=-1},g=L(),Q=t=>{o("table-scroll",t),Number(g.value.scrollLeft+g.value.clientWidth)>=Number(g.value.scrollWidth)-100&&(console.log(g.value.scrollWidth,g.value.clientWidth,g.value.scrollLeft,888),M.value=!1);const a=g.value.scrollTop,_=g.value.clientHeight,f=g.value.scrollHeight;Number(a+_)>=Number(f)-30&&o("table-scroll-bottom",t)};let M=L(!1);return Z(()=>{g.value.scrollWidth>g.value.clientWidth?M.value=!0:M.value=!1}),{setting:l,doSort:W,doRowClick:q,doRowClickDouble:P,doExpand:O,doScroll:Q,rowCheckbox:c,doChecked:D,changeCheckedItem:C,checkedAll:i,summary:t=>{let a=e.notSummary,_=0;return e.rows.forEach(function(f){if(a)for(const u in a){const v=a[u];if(f[u]===v)return}Number.isFinite(f[t])?(_+=parseFloat(f[t]),_=Math.round(_*100)/100):_="-"}),_},isCheckedAll:x,checkedCompareFunc:y,currentCheckedList:b,checkedAllEvt:d,isCurrentCheckedAll:E,hasScrollHorizontal:M,toRaw:K,doMouseOver:G,doMouseLeave:J,hoverIndex:T,wrap:g,fixedLeft:I,fixedRight:h,hasRowHover:n}}});ne("data-v-338770e6");const ce={class:"table"},_e={class:"table__thead es-fs--sm"},he={class:"table__tr"},be={key:0,class:"has__expand table__th"},ue={class:"table__checkbox"},fe={class:"checkbox__wrapper"},pe={class:"checkbox"},ve=p("span",{class:"checkbox__inner"},null,-1),ke={key:0},xe={key:1,class:"sortable__wrapper"},ge=["onClick"],me=["onClick"],ye={key:0},we=["onClick","onDblclick","onMouseover","onMouseleave"],Ce={key:0,class:"has__expand table__td"},Ae=["onClick"],Ee={class:"table__checkbox"},ze={class:"checkbox__wrapper"},Le={class:"checkbox"},Se=["id","checked","onClick"],Ve=p("span",{class:"checkbox__inner"},null,-1),Ie=["rowspan"],He={key:0},Re={key:0},Me={key:1},$e=["innerHTML"],Be={key:1},Fe={key:0,class:"table__tr table__row es-cursor--pointer es-fs--md"},Ne={key:0,class:"has__expand table__td"},Te={key:0},Ke={key:1},je={key:0,class:"empty__box es-row es-jc--c"};te();function De(e,o,l,b,d,E){var y,x,I;const h=ae("es-empty");return r(),s("div",{ref:"wrap",class:"table__container",style:$({maxHeight:e.headerFixed&&e.scrollHeight}),onScrollPassive:o[2]||(o[2]=(...n)=>e.doScroll&&e.doScroll(...n))},[p("table",ce,[p("thead",_e,[p("tr",he,[e.hasExpand?(r(),s("th",be)):k("v-if",!0),e.hasCheckbox&&((y=e.rows)==null?void 0:y.length)>0?(r(),s("th",{key:1,class:w(["has__checkbox check__all table__th",{"has__checkbox--nosingle":e.hasExpand}])},[p("div",ue,[p("label",fe,[p("span",pe,[le(p("input",{class:"input__check checkbox__input",type:"checkbox","onUpdate:modelValue":o[0]||(o[0]=n=>e.isCurrentCheckedAll=n),onClick:o[1]||(o[1]=(...n)=>e.checkedAllEvt&&e.checkedAllEvt(...n))},null,512),[[ie,e.isCurrentCheckedAll]]),ve])])])],2)):k("v-if",!0),(r(!0),s(B,null,F(e.columns,n=>{var c;return r(),s("th",{key:n.label,style:$({width:n.width?n.width:"auto",textAlign:n.align?n.align:""}),class:w([[{is__group:n.group,is__hide:n.hide,is__fixed:n.fixed,is__hover:n.hover,"is__hover--horizontal":n.hover&&e.hasScrollHorizontal},n.fixed==="left"?n.field===e.fixedLeft[e.fixedLeft.length-1].field?"fixed__left fixed__left--last":"fixed__left":n.field===((c=e.fixedRight[0])==null?void 0:c.field)?"fixed__right fixed__right--first":"fixed__right"],"table__th"])},[n.hide?k("v-if",!0):(r(),s("span",ke,j(n.label),1)),n.sortable?(r(),s("div",xe,[p("i",{class:w(["es-icon-arrow-up-s-fill ascending",{active:e.setting.sortable.field==n.field&&e.setting.sortable.order=="ascending"}]),onClick:C=>e.doSort(n.field,"ascending")},null,10,ge),p("i",{class:w(["es-icon-arrow-down-s-fill descending",{active:e.setting.sortable.field==n.field&&e.setting.sortable.order=="descending"}]),onClick:C=>e.doSort(n.field,"descending")},null,10,me)])):k("v-if",!0)],6)}),128))])]),((x=e.rows)==null?void 0:x.length)>0?(r(),s("tbody",ye,[(r(!0),s(B,null,F(e.setting.rows,(n,c)=>{var C,H;return r(),s("tr",{key:c,class:w(["table__tr table__row es-cursor--pointer es-fs--md",[{"table__row--checked":(e.setting.KeyValue===n||e.toRaw(e.setting.KeyValue)===n)&&e.highlight,rel:((C=e.hasRowHover)==null?void 0:C.length)&&e.hoverIndex===c}]]),onClick:N(i=>e.doRowClick(n,c),["stop"]),onDblclick:N(i=>e.doRowClickDouble(n,c),["stop"]),onMouseover:i=>e.doMouseOver(c),onMouseleave:i=>e.doMouseLeave(c)},[e.hasExpand?(r(),s("td",Ce,[n.isChild?k("v-if",!0):(r(),s("i",{key:0,onClick:N(i=>e.doExpand(n,c),["stop"]),class:w([n.isExpand?"es-icon-arrow-down-s-line":"es-icon-arrow-right-s-line",{"has__expand--disabled":!n.hasChild}])},null,10,Ae))])):k("v-if",!0),e.hasCheckbox?(r(),s("td",{key:1,class:w(["has__checkbox table__td",{"has__checkbox--nosingle":e.hasExpand,"is__fixed fixed__left":((H=e.fixedLeft)==null?void 0:H.length)>0}])},[p("div",Ee,[p("label",ze,[p("span",Le,[p("input",{id:c,class:"input__check checkbox__input",type:"checkbox",checked:e.checkedCompareFunc(n),onClick:N(i=>e.doChecked(n,c),["stop"])},null,8,Se),Ve])])])],2)):k("v-if",!0),(r(!0),s(B,null,F(e.columns,i=>{var z;return r(),s("td",{key:i.label,rowspan:i.rowspan?n[i.field+"rowspan"]:1,class:w([[{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&&e.hasScrollHorizontal,"is-show es-animated fadeIn":i.hover&&e.hoverIndex===c},i.fixed==="left"?i.field===e.fixedLeft[e.fixedLeft.length-1].field?"fixed__left fixed__left--last":"fixed__left":i.field===((z=e.fixedRight[0])==null?void 0:z.field)?"fixed__right fixed__right--first":"fixed__right"],"table__td"]),style:$({width:i.width?i.width:"auto",textAlign:i.align?i.align:""})},[i.hide?k("v-if",!0):(r(),s("div",He,[i.slot?(r(),s("div",Re,[oe(e.$slots,i.field,{row:n,index:c})])):(r(),s("div",Me,[i.display?(r(),s("span",{key:0,innerHTML:i.display(n)},null,8,$e)):(r(),s("span",Be,j(n[i.field]||"-"),1))]))]))],14,Ie)}),128))],42,we)}),128)),e.isSummary?(r(),s("tr",Fe,[e.hasExpand?(r(),s("td",Ne)):k("v-if",!0),e.hasCheckbox?(r(),s("td",{key:1,class:w(["has__checkbox table__td",{"has__checkbox--nosingle":e.hasExpand}])},null,2)):k("v-if",!0),(r(!0),s(B,null,F(e.columns,(n,c)=>(r(),s("td",{key:n.label,class:w(["table__td",[{is__group:n.group,is__hide:n.hide,is__hover:n.hover}]]),style:$({width:n.width?n.width:"auto",textAlign:n.align?n.align:"",position:n.hover&&e.hasScrollHorizontal?"sticky":"absolute"})},[c===0?(r(),s("span",Te,"\u5408\u8BA1")):(r(),s("span",Ke,j(e.summary(n.field)),1))],6))),128))])):k("v-if",!0)])):k("v-if",!0)]),((I=e.rows)==null?void 0:I.length)<=0?(r(),s("div",je,[re(h,{description:"\u6682\u65E0\u6570\u636E"})])):k("v-if",!0)],36)}function Oe(e,o){o===void 0&&(o={});var l=o.insertAt;if(!(!e||typeof document=="undefined")){var b=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css",l==="top"&&b.firstChild?b.insertBefore(d,b.firstChild):b.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e))}}var We=`@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: " ";
}`;Oe(We),V.render=De,V.__scopeId="data-v-338770e6",V.__file="components/table/index.vue",V.install=e=>{e.component("es-table",V)};export{V as default};