ray-template/js/table-auto-height-Bd5VtpfW.js

2 lines
5.5 KiB
JavaScript

import{X as y,T as E,Y as k}from"./hooks-MEhk8snd.js";import{n as A}from"./utils-DJW6-rvp.js";import"./currency.js@2.0.4-BSkspdt3.js";import"./crypto-js@4.2.0-Bv3pmx0c.js";import"./print-js@1.6.0-jNcZ-gME.js";import"./vue-hooks-plus@2.4.1_vue@3.5.25_typescript@5.9.3_-CTUohtp4.js";import"./js-cookie@3.0.5-W_rRtFe1.js";import"./screenfull@5.2.0-wmrknyQD.js";import"./jsbarcode@3.11.6-DMXogPYv.js";import"./@logicflow_core@2.0.10-BJ3yfRtr.js";import"./mobx-preact@3.0.0_mobx@5.15.7_preact@10.25.4-CY9_LSXq.js";import"./preact@10.25.4-HyjdtmFg.js";import{d as c}from"./dayjs@1.11.13-DqFijdaO.js";import{M as g}from"./mockjs@1.1.0-Dou1YATw.js";import{e as s,B as d,T as F,al as u,D as o,R as T,am as h,w as v}from"./naive-ui@2.43.2_vue@3.5.25_typescript@5.9.3_-CuzQtRgy.js";import{m as D,d as t,J as f,F as N,t as S}from"./@vue_runtime-core@3.5.25-CyFcdXRD.js";import{k as b}from"./@vue_reactivity@3.5.25-CWykDyL9.js";import"./@vueuse_core@13.1.0_vue@3.5.25_typescript@5.9.3_-D95kAPXK.js";import"./@vueuse_shared@13.1.0_vue@3.5.25_typescript@5.9.3_-eMpvzBVj.js";import"./lodash-es@4.17.21-CFdI1ypR.js";import"./pinia-plugin-persistedstate@4.4.1_pinia@3.0.3_typescript@5.9.3_vue@3.5.25_typescript@5.9.3__-BC_H5euo.js";import"./destr@2.0.5-Ctyiwlcu.js";import"./deep-pick-omit@1.2.1-CegYQlcN.js";import"./pinia@3.0.3_typescript@5.9.3_vue@3.5.25_typescript@5.9.3_-Bshsd_Oe.js";import"./html-to-image@1.11.13-DOj4Zvaj.js";import"./@vue_runtime-dom@3.5.25-qbdLeVMc.js";import"./@vue_shared@3.5.25-ClSOc5xY.js";import"./vue-i18n@11.1.3_vue@3.5.25_typescript@5.9.3_-DnWoR0oZ.js";import"./@intlify_core-base@11.1.3-Cez6J5Vx.js";import"./@intlify_shared@11.1.3-Byx4ULsF.js";import"./@intlify_message-compiler@11.1.3-DphV8pYf.js";import"./echarts@6.0.0-DFotDgc6.js";import"./tslib@2.3.0-Cg4x8ZAA.js";import"./zrender@6.0.0-Co73lGCa.js";import"./interactjs@1.10.27-C3ZPOoID.js";import"./classnames@2.5.1-CU_BXU7G.js";import"./vue-router@4.6.3_vue@3.5.25_typescript@5.9.3_-kLD3n5ZM.js";import"./mobx@5.15.7-iy9XXgsZ.js";import"./uuid@9.0.1-CtRu48qb.js";import"./mousetrap@1.6.5-B3zpTV0k.js";import"./mobx-utils@5.6.2_mobx@5.15.7-BeM5AP8N.js";import"./date-fns@4.1.0-D7sOP3Nv.js";import"./seemly@0.3.10-8_5gPa5q.js";import"./vueuc@0.4.65_vue@3.5.25_typescript@5.9.3_-BiVDcjr0.js";import"./evtd@0.2.4-w6UMCrcr.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.25_typescript@5.9.3_-DbFiQpGI.js";import"./vooks@0.2.12_vue@3.5.25_typescript@5.9.3_-CkUeikoP.js";import"./vdirs@0.1.8_vue@3.5.25_typescript@5.9.3_-D2i3_uv1.js";import"./@juggle_resize-observer@3.4.0-DB6f1vmu.js";import"./css-render@0.15.14-DTtBB2Mk.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./treemate@0.3.11-fnkdj-jo.js";import"./date-fns-tz@3.2.0_date-fns@4.1.0-D_9zH1c_.js";import"./async-validator@4.2.5-B7g11KvB.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-DQkPmH6r.js";function x(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!S(e)}const Ct=D({name:"TableAutoHeight",setup(){const{format:e}=k(),n=b([{type:"selection"},{title:"Name",key:"name"},{title:"Sign Status",key:"statusText"},{title:"Sign Time",key:"signTimeStart",render:m=>e(m.signTimeStart)+" ~ "+e(m.signTimeEnd)},{title:"Age",key:"age"},{title:"Address",key:"address"},{title:"Tags",key:"tags",render:m=>m.tags.map(i=>t(v,{type:"info",bordered:!1,style:"margin-right: 6px"},x(i)?i:{default:()=>[i]}))},{title:"Remark",key:"remark"}]),a=b((()=>{const p=[],i=c().valueOf();for(let l=0;l<30;l++)p.push({key:A(),name:g.Random.cname(),age:l+20,address:g.Random.city(),tags:["nice","developer"],remark:"我是一条很长很长的备注",status:l%2===0?"success":"error",statusText:l%2===0?"在线":"离线",signTimeStart:c(i).add(l*2,"year").valueOf(),signTimeEnd:c(i).add(l+5,"day").valueOf()});return p})()),r=b({footer:!1,action:!1,flexAutoHeight:!0});return{mockPersonList:a,baseColumns:n,switchRef:r}},render(){const{mockPersonList:e,baseColumns:n,switchRef:a}=this;return t(y,{takeoverAutoHeight:!0,data:e,columns:n,"onUpdate:columns":r=>n=r,showPagination:!0,paginationCount:e.length,remote:!1,title:t(s,null,{default:()=>[t(s,{align:"center"},{default:()=>[t(d,{text:!0,focusable:!1},{default:()=>[f("底部区域插槽")]}),t(F,{value:a.footer,"onUpdate:value":r=>a.footer=r},null)]}),t(s,{align:"center"},{default:()=>[t(d,{text:!0,focusable:!1},{default:()=>[f("操作区域插槽")]}),t(F,{value:a.action,"onUpdate:value":r=>a.action=r},null)]})]})},{collapse:()=>t(E,{bordered:!0,open:!1},{default:()=>t(N,null,[t(u,{label:"用户名"},{default:()=>[t(o,{clearable:!0},null)]}),t(u,{label:"状态"},{default:()=>[t(T,{clearable:!0,options:[{label:"成功",value:"success"},{label:"失败",value:"error"}]},null)]}),t(u,{label:"登陆时间"},{default:()=>[t(h,{type:"datetimerange",clearable:!0},null)]}),t(u,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(u,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(u,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(u,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(u,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(u,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]})]),action:()=>t(s,null,{default:()=>[t(d,{type:"primary"},{default:()=>[f("查询")]})]})}),tableFooter:()=>a.footer?"表格的底部内容区域插槽,有时候你可能会用上":null,tableAction:()=>a.action?"表格的操作区域内容插槽,有时候可能会用上":null})}});export{Ct as default};