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

2 lines
5.7 KiB
JavaScript

import{T as A,X as y,Y as E}from"./hooks-RnuDI-lA.js";import{m as h}from"./utils-Blr39eif.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./crypto-js@4.2.0-Dv3RD6s_.js";import"./print-js@1.6.0-CNuQ_Icd.js";import"./vue-hooks-plus@2.2.3_vue@3.5.16_typescript@5.6.3_-Df_SHJmP.js";import"./lodash@4.17.21-MV68C9EV.js";import"./js-cookie@3.0.5-Z_8Sd105.js";import"./screenfull@5.2.0-D-G20XJY.js";import"./jsbarcode@3.11.6-Dw2l8iJP.js";import"./@logicflow_core@2.0.10-DN_57zVH.js";import"./mobx-preact@3.0.0_mobx@5.15.7_preact@10.25.4-SwmSNyX5.js";import"./preact@10.25.4-CrjB-ZC0.js";import{d}from"./dayjs@1.11.13-BPpqO9Hf.js";import{M as F}from"./mockjs@1.1.0-Dcr13kPT.js";import{e as m,P as p,al as l,M as o,H as k,am as x,J as b,w as v}from"./naive-ui@2.41.0_vue@3.5.16_typescript@5.6.3_-yWPjH_Ph.js";import{m as T,d as t,J as f,F as D,q as N}from"./@vue_runtime-core@3.5.16-BvitNUdN.js";import{k as g}from"./@vue_reactivity@3.5.16-CUIkIwWA.js";import"./lodash-es@4.17.21-UVJw7vmf.js";import"./@vueuse_core@12.4.0_typescript@5.6.3-St_dvywg.js";import"./@vueuse_shared@12.4.0_typescript@5.6.3-BLAOBwC7.js";import"./pinia-plugin-persistedstate@4.2.0_pinia@2.3.0_typescript@5.6.3_vue@3.5.16_typescript@5.6.3___rollup@4.40.0-_Zka_ujQ.js";import"./destr@2.0.3-CVtkxrq9.js";import"./deep-pick-omit@1.2.1-CegYQlcN.js";import"./pinia@2.3.0_typescript@5.6.3_vue@3.5.16_typescript@5.6.3_-DLv9ysSb.js";import"./html-to-image@1.11.11-3dFXpKWR.js";import"./vue-router@4.4.0_vue@3.5.16_typescript@5.6.3_-CXVbEhov.js";import"./@vue_runtime-dom@3.5.16-CxFgQWDi.js";import"./@vue_shared@3.5.16-BvRwBqAG.js";import"./interactjs@1.10.27-BhZFX4Iq.js";import"./call-bind-apply-helpers@1.0.1-D6-XlEtG.js";import"./vue-i18n@9.13.1_vue@3.5.16_typescript@5.6.3_-C1AJMU0f.js";import"./@intlify_shared@9.13.1-CM6R_CZ5.js";import"./@intlify_core-base@9.13.1-BNWv53cz.js";import"./@intlify_message-compiler@9.13.1-4K4Nd_mc.js";import"./echarts@5.6.0-BRu9FGIM.js";import"./zrender@5.6.1-MHdZqf99.js";import"./tslib@2.3.0-BDyQ-Jie.js";import"./mobx@5.15.7-DLDjekon.js";import"./uuid@9.0.1-CtRu48qb.js";import"./classnames@2.5.1-8E8W9FZl.js";import"./mousetrap@1.6.5-CGKHClW8.js";import"./mobx-utils@5.6.2_mobx@5.15.7-CmgHUCcI.js";import"./date-fns@3.6.0-BMcLdxE-.js";import"./seemly@0.3.9-DfXeAbNj.js";import"./vueuc@0.4.64_vue@3.5.16_typescript@5.6.3_-DzZUMs-1.js";import"./evtd@0.2.4-CI_DDEu_.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.16_typescript@5.6.3_-CK7vBx2t.js";import"./vooks@0.2.12_vue@3.5.16_typescript@5.6.3_-C9y7e-tT.js";import"./vdirs@0.1.8_vue@3.5.16_typescript@5.6.3_-BAjskub0.js";import"./@juggle_resize-observer@3.4.0-C8OzoCMD.js";import"./css-render@0.15.14-C5toWlUr.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./treemate@0.3.11-DKekKYbv.js";import"./date-fns-tz@3.2.0_date-fns@3.6.0-7cEoHFIO.js";import"./async-validator@4.2.5-9PlIezaS.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-Be8eOoM-.js";function S(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Object]"&&!N(u)}const Pt=T({name:"TableAutoHeight",setup(){const{format:u}=E(),s=g([{type:"selection"},{title:"Name",key:"name"},{title:"Sign Status",key:"statusText"},{title:"Sign Time",key:"signTimeStart",render:n=>u(n.signTimeStart)+" ~ "+u(n.signTimeEnd)},{title:"Age",key:"age"},{title:"Address",key:"address"},{title:"Tags",key:"tags",render:n=>n.tags.map(i=>t(v,{type:"info",bordered:!1,style:"margin-right: 6px"},S(i)?i:{default:()=>[i]}))},{title:"Remark",key:"remark"}]),e=g((()=>{const c=[],i=d().valueOf();for(let r=0;r<30;r++)c.push({key:h(),name:F.Random.cname(),age:r+20,address:F.Random.city(),tags:["nice","developer"],remark:"我是一条很长很长的备注",status:r%2===0?"success":"error",statusText:r%2===0?"在线":"离线",signTimeStart:d(i).add(r*2,"year").valueOf(),signTimeEnd:d(i).add(r+5,"day").valueOf()});return c})()),a=g({footer:!1,action:!1,flexAutoHeight:!0});return{mockPersonList:e,baseColumns:s,switchRef:a}},render(){const{mockPersonList:u,baseColumns:s,switchRef:e}=this;return t(m,{vertical:!0,class:"flex-vertical"},{default:()=>[t(A,{bordered:!0},{default:()=>t(D,null,[t(l,{label:"用户名"},{default:()=>[t(o,{clearable:!0},null)]}),t(l,{label:"状态"},{default:()=>[t(k,{clearable:!0,options:[{label:"成功",value:"success"},{label:"失败",value:"error"}]},null)]}),t(l,{label:"登陆时间"},{default:()=>[t(x,{type:"datetimerange",clearable:!0},null)]}),t(l,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(l,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(l,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(l,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(l,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]}),t(l,{label:"演示折叠的条件框"},{default:()=>[t(o,{clearable:!0},null)]})]),action:()=>t(m,null,{default:()=>[t(p,{type:"primary"},{default:()=>[f("查询")]})]})}),t(y,{data:u,columns:s,"onUpdate:columns":a=>s=a,showPagination:!0,paginationCount:u.length,remote:!1,flexAutoHeight:e.flexAutoHeight,title:t(m,null,{default:()=>[t(m,{align:"center"},{default:()=>[t(p,{text:!0,focusable:!1},{default:()=>[f("流体高度")]}),t(b,{value:e.flexAutoHeight,"onUpdate:value":a=>e.flexAutoHeight=a},null)]}),t(m,{align:"center"},{default:()=>[t(p,{text:!0,focusable:!1},{default:()=>[f("底部区域插槽")]}),t(b,{value:e.footer,"onUpdate:value":a=>e.footer=a},null)]}),t(m,{align:"center"},{default:()=>[t(p,{text:!0,focusable:!1},{default:()=>[f("操作区域插槽")]}),t(b,{value:e.action,"onUpdate:value":a=>e.action=a},null)]})]})},{tableFooter:()=>e.footer?"表格的底部内容区域插槽,有时候你可能会用上":null,tableAction:()=>e.action?"表格的操作区域内容插槽,有时候可能会用上":null})]})}});export{Pt as default};