Startseite Erkunden Hilfe
Anmelden
waimai
/
crm
Beobachten 3
Favorit hinzufügen 0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: 6c367662e6
Branches Tags
crm
/
assets
/
index-BslxOTKI.js

index-BslxOTKI.js 24 KB
Verlauf Originalformat

12 
  1. var e=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,o=(a,l,t)=>l in a?e(a,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[l]=t,r=(e,a)=>{for(var l in a||(a={}))s.call(a,l)&&o(e,l,a[l]);if(t)for(var l of t(a))n.call(a,l)&&o(e,l,a[l]);return e},u=(e,t)=>a(e,l(t)),i=(e,a,l)=>new Promise(((t,s)=>{var n=e=>{try{r(l.next(e))}catch(a){s(a)}},o=e=>{try{r(l.throw(e))}catch(a){s(a)}},r=e=>e.done?t(e.value):Promise.resolve(e.value).then(n,o);r((l=l.apply(e,a)).next())}));import{_ as c}from"./index-BvzwYHw2.js";import{U as d}from"./index-DF0Gm8tW.js";/* empty css                  *//* empty css                   *//* empty css                 */import{A as m}from"./index-Ck1VbNFO.js";/* empty css                  */import{_ as p}from"./index-CBZRwciJ.js";/* empty css                  *//* empty css                        *//* empty css                     *//* empty css                         */import{_ as f,a as v}from"./index-D70XW4sn.js";import{_ as h}from"./index-6q5ZNh5n.js";/* empty css                *//* empty css                  *//* empty css                         *//* empty css                *//* empty css                 *//* empty css               */import{k as g,r as _,c as b,w as y,B as C,Z as k,P as w,D as x,x as j,G as $,R as z,V as P,bj as S,bk as T,aW as V,W as O,X as U,u as D,a8 as R,aO as A,F as I,$ as E,S as H,bl as L,ar as B,bi as M,i as q,a7 as F,C as G,ad as N,aU as W,bm as Y,a1 as J,_ as X,a0 as Z,aH as Q,a5 as K,ao as ee,bf as ae,aB as le,bn as te,ae as se,bo as ne,bp as oe,E as re,aI as ue,n as ie,l as ce}from"./vendor-CgKklJ4r.js";import{u as de,C as me}from"./useTable-CIm0zGC6.js";import{A as pe}from"./formData-KqCQXJK8.js";import{g as fe}from"./useTableColumns-BTRfLGfS.js";import{_ as ve}from"./_plugin-vue_export-helper-BCo6x5W8.js";/* empty css                   */import"./formEnum-BLgiZVxV.js";import"./index-B_-K9rXC.js";import"./vue-draggable-plus-BO-RaEED.js";/* empty css                  *//* empty css                    *//* empty css                 */import"./avatar1-CutlWZf5.js";import"./avatar6-C8uJx9vz.js";import"./avatar9-oKrDyQhv.js";import"./avatar10-Dom60BwY.js";const he={class:"advanced-table-demo"},ge={class:"intro-header"},_e={class:"intro-badges"},be={class:"intro-content"},ye={key:0,class:"debug-panel"},Ce={class:"debug-info"},ke={class:"stat-item"},we={class:"stat-item"},xe={class:"value"},je={class:"stat-item"},$e={class:"value"},ze={class:"stat-item"},Pe={class:"value"},Se={class:"debug-actions"},Te={class:"debug-info"},Ve={class:"logs-container"},Oe={key:0,class:"empty-logs"},Ue={key:1,class:"log-list"},De={class:"debug-actions"},Re={class:"debug-info"},Ae={class:"stat-item"},Ie={class:"stat-item"},Ee={class:"stat-item"},He={class:"stat-item request-params"},Le={class:"debug-actions"},Be={class:"feature-toggles"},Me={class:"table-header-wrapper"},qe={class:"table-info"},Fe={class:"user-info"},Ge={class:"user-details"},Ne={class:"user-name"},We={class:"user-email"},Ye={style:{display:"flex",gap:"5px","align-items":"center"}},Je={class:"operation-buttons"},Xe={class:"custom-header"},Ze={class:"feature-demo-section"},Qe={class:"demo-group"},Ke={class:"demo-buttons"},ea={key:0,class:"event-logs"},aa={class:"log-header"},la={class:"log-list"},ta={class:"log-message"},sa={class:"log-time"},na={class:"demo-group"},oa={class:"demo-buttons"},ra={class:"demo-group"},ua={class:"demo-buttons"},ia={class:"refresh-buttons"},ca=ve(g(u(r({},{name:"AdvancedTableDemo"}),{__name:"index",setup(e){const{getUserList:a}=d,l=_([]),o=_(),g=_(!1),ve=_(["cache","request","logs"]),ca=_([]),da=_({current:1,size:20,name:"",phone:"",status:"",department:"",daterange:void 0}),ma=_([]),pa=_(""),fa=_(!1),va=_([]),ha=_({height:"100%",fixedHeight:!1}),ga=b((()=>ha.value.fixedHeight?"500px":"")),_a=_(),ba={name:[{required:!0,message:"请输入用户名",trigger:"blur"}],phone:[{required:!0,message:"请输入手机号",trigger:"blur"},{pattern:/^1[3456789]\d{9}$/,message:"请输入正确的手机号",trigger:"blur"}]},ya=_({name:"",phone:"",status:"1",department:"",daterange:["2025-01-01","2025-02-10"]}),Ca={1:{type:"success",text:"在线"},2:{type:"info",text:"离线"},3:{type:"warning",text:"异常"},4:{type:"danger",text:"注销"}},ka=b((()=>[{key:"name",label:"用户名",type:"input",props:{placeholder:"请输入用户名"}},{key:"phone",label:"手机号",type:"input",props:{placeholder:"请输入手机号",maxlength:"11"}},{key:"status",label:"状态",type:"select",options:[{label:"全部",value:""},{label:"在线",value:"1"},{label:"离线",value:"2"},{label:"异常",value:"3"},{label:"注销",value:"4"}]},{key:"department",label:"部门",type:"select",options:[{label:"全部",value:""},{label:"技术部",value:"技术部"},{label:"产品部",value:"产品部"},{label:"运营部",value:"运营部"},{label:"市场部",value:"市场部"},{label:"设计部",value:"设计部"}]},{key:"daterange",label:"日期范围",type:"daterange",props:{type:"daterange",startPlaceholder:"开始日期",endPlaceholder:"结束日期",valueFormat:"YYYY-MM-DD"}}])),wa=b((()=>({userName:{title:"用户名",width:15},userEmail:{title:"邮箱",width:20},userPhone:{title:"手机号",width:15},userGender:{title:"性别",width:10},department:{title:"部门",width:15},status:{title:"状态",width:10,formatter:e=>xa(e).text}}))),xa=e=>Ca[e]||{type:"info",text:"未知"},{data:ja,loading:$a,error:za,hasData:Pa,pagination:Sa,handleSizeChange:Ta,handleCurrentChange:Va,searchParams:Oa,resetSearchParams:Ua,getData:Da,getDataDebounced:Ra,clearData:Aa,columns:Ia,columnChecks:Ea,refreshData:Ha,refreshSoft:La,refreshCreate:Ba,refreshUpdate:Ma,refreshRemove:qa,cacheInfo:Fa,clearCache:Ga,clearExpiredCache:Na,cancelRequest:Wa,addColumn:Ya,removeColumn:Ja,updateColumn:Xa,toggleColumn:Za,resetColumns:Qa,batchUpdateColumns:Ka,reorderColumns:el,getColumnConfig:al,getAllColumns:ll}=de({core:{apiFn:e=>{const l=JSON.stringify(e);return Sl(`🚀 API 请求: current=${e.current}, size=${e.size}`),Sl(`🔑 请求键: ${l.substring(0,100)}...`),Tl(l),a(e)},apiParams:r({current:1,size:20},ya.value),excludeParams:["daterange"],immediate:!0,columnsFactory:()=>[{type:"selection",width:50},{type:"globalIndex",width:60,label:"序号"},{prop:"avatar",label:"用户信息",minWidth:200,useSlot:!0,useHeaderSlot:!0,sortable:!1},{prop:"userGender",label:"性别",sortable:!0,formatter:e=>e.sex||"未知"},{prop:"userPhone",label:"手机号",useHeaderSlot:!0,sortable:!0},{prop:"department",label:"部门",sortable:!0},{prop:"score",label:"评分",useSlot:!0,sortable:!0},{prop:"status",label:"状态",useSlot:!0,sortable:!0},{prop:"operation",label:"操作",width:190,useSlot:!0,fixed:"right"}]},transform:{dataTransformer:e=>Array.isArray(e)?e.map(((e,a)=>u(r({},e),{avatar:pe[a%pe.length].avatar,department:["技术部","产品部","运营部","市场部","设计部"][Math.floor(5*Math.random())],score:Math.floor(5*Math.random())+1,status:["1","2","3","4"][Math.floor(4*Math.random())]}))):[]},performance:{enableCache:!0,cacheTime:3e5,debounceTime:300,maxCacheSize:100},hooks:{onSuccess:(e,a)=>{Sl(`✅ 网络请求成功: ${e.length} 条数据`),Sl(`📝 响应信息: total=${a.total}, current=${a.current}, size=${a.size}`)},onError:e=>{Sl(`❌ 请求失败: ${e.message}`),re.error(e.message)},onCacheHit:(e,a)=>{Sl(`🎯 缓存命中: ${e.length} 条数据 (current=${a.current}, size=${a.size})`),re.info("数据来自缓存")},resetFormCallback:()=>{Sl("🔄 表单已重置")}},debug:{enableLog:!0,logLevel:"info"}}),tl=e=>{l.value=e},sl=e=>{rl("行点击",`点击了用户: ${e.username}`)},nl=e=>{rl("表头点击",`点击了 ${e.label} 列表头`)},ol=e=>{rl("排序变更",`字段: ${e.prop}, 方向: ${e.order}`)},rl=(e,a)=>{if(!fa.value)return;const l=(new Date).toLocaleTimeString();va.value.unshift({type:e,message:a,time:l}),va.value.length>20&&(va.value=va.value.slice(0,20))},ul=()=>{fa.value=!fa.value,fa.value?re.success("事件监听已开启，请与表格交互查看效果"):re.info("事件监听已关闭")},il=()=>{va.value=[],re.info("事件日志已清空")},cl=()=>{var e;null==(e=o.value)||e.scrollToTop()},dl=()=>{var e;null==(e=o.value)||e.elTableRef.setScrollTop(200)},ml=()=>{var e,a;0===l.value.length?(null==(e=o.value)||e.elTableRef.toggleAllSelection(),re.info("已全选")):(null==(a=o.value)||a.elTableRef.clearSelection(),re.info("已取消全选"))},pl=()=>{var e,a;const t=ja.value.length;l.value.length,a=null==(e=null==Ia?void 0:Ia.value)?void 0:e.length,Sa.current,Sa.size,Sa.total;re.info(`表格信息已输出到控制台，当前 ${t} 条数据`)},fl=()=>i(this,null,(function*(){yield _a.value.validate();const e=ya.value,{daterange:a}=e,l=((e,a)=>{var l={};for(var o in e)s.call(e,o)&&a.indexOf(o)<0&&(l[o]=e[o]);if(null!=e&&t)for(var o of t(e))a.indexOf(o)<0&&n.call(e,o)&&(l[o]=e[o]);return l})(e,["daterange"]),[o,i]=Array.isArray(a)?a:[null,null];Object.assign(Oa,u(r({},l),{startTime:o,endTime:i})),Da()})),vl=()=>{Sl("🔄 重置搜索"),Ua()},hl=e=>{ya.value.phone=e,Oa.phone=e,da.value=u(r({},Oa),{phone:e}),Sl(`📱 手机号搜索: ${e}`),Ra()},gl=()=>{Sl("🔄 手动刷新"),Ha()},_l=()=>{re.success("新增用户成功"),Ba()},bl=e=>i(this,null,(function*(){try{yield ue.confirm(`确定要删除用户 ${e.username} 吗？`,"警告",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}),re.success("删除成功"),setTimeout((()=>{qa()}),1e3)}catch(a){re.info("已取消删除")}})),yl=()=>i(this,null,(function*(){try{yield ue.confirm(`确定要删除选中的 ${l.value.length} 个用户吗？`,"警告",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}),re.success(`批量删除 ${l.value.length} 个用户成功`),l.value=[],setTimeout((()=>{qa()}),1e3)}catch(e){re.info("已取消删除")}})),Cl=(e,a)=>{re.success(`导出 ${a} 条数据成功`)},kl=e=>{re.success(`导入 ${e.length} 条数据成功`),Ba()},wl=e=>{re.error(`导入失败：${e.message}`)},xl=()=>{Ga(me.CLEAR_ALL,"手动清空"),ma.value=[],Sl("🗑️ 手动清空所有缓存"),re.success("缓存已清空")},jl=()=>{const e=Na();Sl(`🧹 清理了 ${e} 条过期缓存`),re.info(`清理了 ${e} 条过期缓存`)},$l=()=>{Wa(),Sl("❌ 取消当前请求"),re.info("请求已取消")},zl=()=>{Aa(),Sl("🗑️ 清空所有数据"),re.info("数据已清空")},Pl=()=>{const e=[1,2,3,2,1];re.info("开始缓存测试..."),Sl("🧪 开始缓存测试");let a=0;const l=setInterval((()=>{if(a>=e.length)return clearInterval(l),Sl("✅ 缓存测试完成"),void re.success("缓存测试完成！观察缓存统计的变化");const t=e[a];Sl(`📄 测试切换到第 ${t} 页`),da.value=u(r({},da.value),{current:t}),Va(t),a++}),1e3)},Sl=e=>{const a=(new Date).toLocaleTimeString();ca.value.unshift(`[${a}] ${e}`),ca.value.length>20&&(ca.value=ca.value.slice(0,20))},Tl=(e,a="add")=>{if("add"!==a||ma.value.includes(e)){if("remove"===a){const a=ma.value.indexOf(e);a>-1&&(ma.value.splice(a,1),Sl(`🗑️ 移除缓存键: ${Vl(e)}`))}}else ma.value.push(e),Sl(`🔑 新增缓存键: ${Vl(e)}`)},Vl=e=>{try{const a=JSON.parse(e);return`页码: ${a.current||1}, 大小: ${a.size||20}${a.name?", 名称: "+a.name:""}${a.status?", 状态: "+a.status:""}`}catch(a){return"无效的缓存键"}},Ol=()=>{const e=Fa.value;Sl(`🔄 缓存信息刷新: ${e.total} 条缓存`),0===e.total&&(ma.value=[]),ie((()=>{}))};y((()=>[Sa.current,Sa.size,ya.value]),(([e,a,l])=>{da.value=u(r({},l),{current:e,size:a})}),{deep:!0,immediate:!0});const Ul=e=>{switch(e){case"addColumn":null==Ya||Ya({prop:"remark",label:"备注",width:150,formatter:()=>ce("span",{style:"color: #999"},"暂无备注")}),re.success('已新增"备注"列');break;case"toggleColumn":(null==al?void 0:al("userPhone"))&&(null==Za||Za("userPhone"));break;case"removeColumn":null==Ja||Ja("status");break;case"reorderColumns":{const e=null==ll?void 0:ll();if(e){const a=e.findIndex((e=>"userGender"===fe(e))),l=e.findIndex((e=>"userPhone"===fe(e)));-1!==a&&-1!==l&&(null==el||el(a,l),re.success("已交换性别和手机号列位置"))}break}case"updateColumn":null==Xa||Xa("userPhone",{label:"联系电话",width:140}),re.success('手机号列标题已更新为"联系电话"');break;case"batchUpdate":null==Ka||Ka([{prop:"userGender",updates:{width:200,label:"性别-update",sortable:!1}},{prop:"userPhone",updates:{width:200,label:"手机号-update",sortable:!1}}]);break;case"resetColumns":null==Qa||Qa(),re.success("已重置所有列配置")}};return(e,a)=>{const t=V,s=R,n=T,r=A,u=L,i=S,d=B,_=M,b=h,y=N,ue=f,ie=v,ce=C("ArrowDown"),de=Z,me=X,pe=J,fe=p,ma=se,Ca=le,Oa=ae,Ua=m,Da=K,Ra=Q,Aa=c,Ga=k("ripple");return x(),w("div",he,[j(_,{class:"intro-card",shadow:"never"},{header:$((()=>[z("div",ge,[a[12]||(a[12]=z("h3",null,"🚀 高级表格完整能力展示",-1)),z("div",_e,[j(t,{type:"success",effect:"light"},{default:$((()=>a[8]||(a[8]=[O("智能缓存")]))),_:1,__:[8]}),j(t,{type:"primary",effect:"light"},{default:$((()=>a[9]||(a[9]=[O("防抖搜索")]))),_:1,__:[9]}),j(t,{type:"warning",effect:"light"},{default:$((()=>a[10]||(a[10]=[O("多种刷新")]))),_:1,__:[10]}),j(t,{type:"info",effect:"light"},{default:$((()=>a[11]||(a[11]=[O("错误处理")]))),_:1,__:[11]})])])])),default:$((()=>[z("div",be,[a[30]||(a[30]=z("p",{class:"intro-text"}," 集成搜索、刷新、全屏、大小控制、列显示隐藏、拖拽排序、表格样式控制、并内置 useTable 组合式函数，提供强大的组合式 API，集成数据获取、智能缓存（LRU算法）、 多种刷新策略等核心功能，全面提升表格开发效率。 ",-1)),g.value?(x(),w("div",ye,[j(i,{modelValue:ve.value,"onUpdate:modelValue":a[1]||(a[1]=e=>ve.value=e)},{default:$((()=>[j(n,{name:"cache",title:"📊 缓存统计与演示"},{default:$((()=>[z("div",Ce,[z("div",ke,[a[14]||(a[14]=z("span",{class:"label"},"缓存状态：",-1)),j(t,{type:"success"},{default:$((()=>a[13]||(a[13]=[O("已启用")]))),_:1,__:[13]})]),z("div",we,[a[15]||(a[15]=z("span",{class:"label"},"缓存条数：",-1)),z("span",xe,U(D(Fa).total),1)]),z("div",je,[a[16]||(a[16]=z("span",{class:"label"},"缓存大小：",-1)),z("span",$e,U(D(Fa).size),1)]),z("div",ze,[a[17]||(a[17]=z("span",{class:"label"},"命中信息：",-1)),z("span",Pe,U(D(Fa).hitRate),1)]),z("div",Se,[j(s,{size:"small",onClick:xl},{default:$((()=>a[18]||(a[18]=[O("清空缓存")]))),_:1,__:[18]}),j(s,{size:"small",onClick:jl},{default:$((()=>a[19]||(a[19]=[O("清理过期缓存")]))),_:1,__:[19]}),j(s,{size:"small",onClick:Pl},{default:$((()=>a[20]||(a[20]=[O("测试缓存")]))),_:1,__:[20]}),j(s,{size:"small",onClick:Ol},{default:$((()=>a[21]||(a[21]=[O("刷新缓存信息")]))),_:1,__:[21]})])])])),_:1}),j(n,{name:"logs",title:"📋 缓存日志"},{default:$((()=>[z("div",Te,[z("div",Ve,[0===ca.value.length?(x(),w("div",Oe,[j(r,{description:"暂无缓存日志","image-size":60})])):(x(),w("div",Ue,[(x(!0),w(I,null,E(ca.value,((e,a)=>(x(),w("div",{key:a,class:H(["log-item",{"log-success":e.includes("✅"),"log-cache":e.includes("🎯"),"log-error":e.includes("❌")}])},U(e),3)))),128))]))]),z("div",De,[j(s,{size:"small",onClick:a[0]||(a[0]=e=>ca.value=[])},{default:$((()=>a[22]||(a[22]=[O("清空日志")]))),_:1,__:[22]})])])])),_:1}),j(n,{name:"request",title:"🔄 请求状态"},{default:$((()=>[z("div",Re,[z("div",Ae,[a[23]||(a[23]=z("span",{class:"label"},"加载状态：",-1)),j(t,{type:D($a)?"warning":"success"},{default:$((()=>[O(U(D($a)?"加载中":"空闲"),1)])),_:1},8,["type"])]),z("div",Ie,[a[24]||(a[24]=z("span",{class:"label"},"数据状态：",-1)),j(t,{type:D(Pa)?"success":"info"},{default:$((()=>[O(U(D(Pa)?`${D(ja).length} 条数据`:"无数据"),1)])),_:1},8,["type"])]),z("div",Ee,[a[25]||(a[25]=z("span",{class:"label"},"错误状态：",-1)),j(t,{type:D(za)?"danger":"success"},{default:$((()=>[O(U(D(za)?"有错误":"正常"),1)])),_:1},8,["type"])]),z("div",He,[a[26]||(a[26]=z("span",{class:"label"},"当前请求参数：",-1)),j(u,{tag:"pre",class:"params-display"},{default:$((()=>[O(U(JSON.stringify(da.value,null,2)),1)])),_:1})]),z("div",Le,[j(s,{size:"small",onClick:$l},{default:$((()=>a[27]||(a[27]=[O("取消请求")]))),_:1,__:[27]}),j(s,{size:"small",onClick:zl},{default:$((()=>a[28]||(a[28]=[O("清空数据")]))),_:1,__:[28]})])])])),_:1})])),_:1},8,["modelValue"])])):P("",!0),z("div",Be,[j(d,{modelValue:g.value,"onUpdate:modelValue":a[2]||(a[2]=e=>g.value=e),"active-text":"调试面板"},null,8,["modelValue"]),j(u,{type:"info",size:"small"},{default:$((()=>a[29]||(a[29]=[O(" 💡 缓存功能已启用，可通过调试面板查看详细信息 ")]))),_:1,__:[29]})])])])),_:1}),j(b,{ref_key:"searchBarRef",ref:_a,modelValue:ya.value,"onUpdate:modelValue":a[3]||(a[3]=e=>ya.value=e),items:ka.value,rules:ba,"is-expand":!1,"show-expand":!0,"show-reset-button":!0,"show-search-button":!0,"disabled-search-button":!1,onSearch:fl,onReset:vl},null,8,["modelValue","items"]),j(_,{class:"art-table-card",shadow:"never",style:{"margin-top":"0"}},{header:$((()=>[z("div",Me,[a[32]||(a[32]=z("h4",null,"用户数据表格",-1)),z("div",qe,[D(za)?(x(),G(t,{key:0,type:"danger"},{default:$((()=>[O(U(D(za).message),1)])),_:1})):D($a)?(x(),G(t,{key:1,type:"warning"},{default:$((()=>a[31]||(a[31]=[O("加载中...")]))),_:1,__:[31]})):(x(),G(t,{key:2,type:"success"},{default:$((()=>[O(U(D(ja).length)+" 条数据",1)])),_:1}))])])])),default:$((()=>[j(fe,{columns:D(Ea),"onUpdate:columns":a[4]||(a[4]=e=>q(Ea)?Ea.value=e:null),onRefresh:gl,layout:"refresh,size,fullscreen,columns,settings",fullClass:"art-table-card"},{left:$((()=>[F((x(),G(s,{type:"primary",onClick:_l},{default:$((()=>[j(y,null,{default:$((()=>[j(D(W))])),_:1}),a[33]||(a[33]=O(" 新增用户 "))])),_:1,__:[33]})),[[Ga]]),j(ue,{data:D(ja),columns:wa.value,filename:"用户数据","auto-index":!0,"button-text":"导出",onExportSuccess:Cl},null,8,["data","columns"]),j(ie,{onImportSuccess:kl,onImportError:wl,style:{margin:"0 12px"}}),F((x(),G(s,{onClick:zl,plain:""},{default:$((()=>a[34]||(a[34]=[O(" 清空数据 ")]))),_:1,__:[34]})),[[Ga]]),F((x(),G(s,{onClick:yl,disabled:0===l.value.length},{default:$((()=>[j(y,null,{default:$((()=>[j(D(Y))])),_:1}),O(" 批量删除 ("+U(l.value.length)+") ",1)])),_:1},8,["disabled"])),[[Ga]]),j(pe,{onCommand:Ul,style:{"margin-left":"10px"}},{dropdown:$((()=>[j(me,null,{default:$((()=>[j(de,{command:"addColumn"},{default:$((()=>a[36]||(a[36]=[O("新增列（备注列）")]))),_:1,__:[36]}),j(de,{command:"toggleColumn"},{default:$((()=>a[37]||(a[37]=[O("显示隐藏（手机号列）")]))),_:1,__:[37]}),j(de,{command:"removeColumn"},{default:$((()=>a[38]||(a[38]=[O("删除列（状态列）")]))),_:1,__:[38]}),j(de,{command:"reorderColumns"},{default:$((()=>a[39]||(a[39]=[O("交换列位置（性别、手机号）")]))),_:1,__:[39]}),j(de,{command:"updateColumn"},{default:$((()=>a[40]||(a[40]=[O("更新列（手机号列）")]))),_:1,__:[40]}),j(de,{command:"batchUpdate"},{default:$((()=>a[41]||(a[41]=[O("批量更新（性别、手机号）")]))),_:1,__:[41]}),j(de,{command:"resetColumns",divided:""},{default:$((()=>a[42]||(a[42]=[O("重置所有列配置")]))),_:1,__:[42]})])),_:1})])),default:$((()=>[j(s,{type:"primary",plain:""},{default:$((()=>[a[35]||(a[35]=O(" 动态更新表格列 ")),j(y,{class:"el-icon--right"},{default:$((()=>[j(ce)])),_:1})])),_:1,__:[35]})])),_:1})])),_:1},8,["columns"]),j(Aa,{ref_key:"tableRef",ref:o,loading:D($a),pagination:D(Sa),data:D(ja),columns:D(Ia),height:ga.value,onSelectionChange:tl,onRowClick:sl,onHeaderClick:nl,onSortChange:ol,"onPagination:sizeChange":D(Ta),"onPagination:currentChange":D(Va)},{avatar:$((({row:e})=>[z("div",Fe,[j(ma,{src:e.avatar,size:40},null,8,["src"]),z("div",Ge,[z("p",Ne,U(e.userName),1),z("p",We,U(e.userEmail),1)])])])),"avatar-header":$((({column:e})=>[z("div",Ye,[z("span",null,U(e.label),1),j(Ca,{content:"包含头像、姓名和邮箱",placement:"top"},{default:$((()=>[j(y,{class:"help-icon"},{default:$((()=>[j(D(te))])),_:1})])),_:1})])])),status:$((({row:e})=>[j(t,{type:xa(e.status).type,effect:"light"},{default:$((()=>[O(U(xa(e.status).text),1)])),_:2},1032,["type"])])),score:$((({row:e})=>[j(Oa,{modelValue:e.score,"onUpdate:modelValue":a=>e.score=a,disabled:"",size:"small"},null,8,["modelValue","onUpdate:modelValue"])])),operation:$((({row:e})=>[z("div",Je,[j(Ua,{type:"view",row:e,onClick:a=>(e=>{re.info(`查看用户 ${e.username}`)})(e)},null,8,["row","onClick"]),j(Ua,{type:"add",row:e,onClick:a[5]||(a[5]=e=>_l())},null,8,["row"]),j(Ua,{type:"edit",row:e,onClick:a=>(e=>{re.success(`编辑用户 ${e.username} 成功`),setTimeout((()=>{Ma()}),1e3)})(e)},null,8,["row","onClick"]),j(Ua,{type:"delete",row:e,onClick:a=>bl(e)},null,8,["row","onClick"])])])),"userPhone-header":$((({column:e})=>[j(Ra,{placement:"bottom",width:200,trigger:"hover"},{reference:$((()=>[z("div",Xe,[z("span",null,U(e.label),1),j(y,null,{default:$((()=>[j(D(ee))])),_:1})])])),default:$((()=>[j(Da,{modelValue:pa.value,"onUpdate:modelValue":a[6]||(a[6]=e=>pa.value=e),placeholder:"搜索手机号",size:"small",onInput:hl},{prefix:$((()=>[j(y,null,{default:$((()=>[j(D(ee))])),_:1})])),_:1},8,["modelValue"])])),_:2},1024)])),_:1},8,["loading","pagination","data","columns","height","onPagination:sizeChange","onPagination:currentChange"])])),_:1}),j(_,{class:"advanced-features-card",shadow:"never"},{header:$((()=>a[43]||(a[43]=[z("h4",null,"🚀 高级功能演示",-1)]))),default:$((()=>[z("div",Ze,[z("div",Qe,[a[46]||(a[46]=z("h5",null,"📊 事件监听演示",-1)),z("div",Ke,[j(s,{onClick:ul,type:fa.value?"success":"primary"},{default:$((()=>[O(U(fa.value?"关闭":"开启")+"事件监听 ",1)])),_:1},8,["type"]),fa.value?(x(),G(s,{key:0,onClick:il},{default:$((()=>a[44]||(a[44]=[O("清空日志")]))),_:1,__:[44]})):P("",!0)]),fa.value&&va.value.length>0?(x(),w("div",ea,[z("div",aa,[a[45]||(a[45]=z("span",null,"最近事件日志：",-1)),j(t,{size:"small"},{default:$((()=>[O(U(va.value.length)+" 条",1)])),_:1})]),z("div",la,[(x(!0),w(I,null,E(va.value.slice(0,20),((e,a)=>{return x(),w("div",{key:a,class:"log-item"},[j(t,{type:(l=e.type,{"行点击":"primary","行双击":"success","行右键":"warning","单元格点击":"info","单元格双击":"success","表头点击":"primary","选择变更":"warning","排序变更":"success"}[l]||"info"),size:"small"},{default:$((()=>[O(U(e.type),1)])),_:2},1032,["type"]),z("span",ta,U(e.message),1),z("span",sa,U(e.time),1)]);var l})),128))])])):P("",!0)]),z("div",na,[a[47]||(a[47]=z("h5",null,"⚙️ 表格配置演示",-1)),z("div",oa,[j(d,{modelValue:ha.value.fixedHeight,"onUpdate:modelValue":a[7]||(a[7]=e=>ha.value.fixedHeight=e),"active-text":"固定高度 (500px)","inactive-text":"自适应高度",style:{"margin-left":"10px"}},null,8,["modelValue"])])]),z("div",ra,[a[52]||(a[52]=z("h5",null,"🎯 自定义功能",-1)),z("div",ua,[j(s,{onClick:cl},{default:$((()=>a[48]||(a[48]=[O("滚动到顶部")]))),_:1,__:[48]}),j(s,{onClick:dl},{default:$((()=>a[49]||(a[49]=[O("滚动到指定位置")]))),_:1,__:[49]}),j(s,{onClick:ml},{default:$((()=>a[50]||(a[50]=[O("切换全选")]))),_:1,__:[50]}),j(s,{onClick:pl},{default:$((()=>a[51]||(a[51]=[O("获取表格信息")]))),_:1,__:[51]})])])])])),_:1}),j(_,{class:"refresh-demo-card",shadow:"never"},{header:$((()=>a[53]||(a[53]=[z("h4",null,"🔄 【缓存】刷新策略演示",-1)]))),default:$((()=>[z("div",ia,[F((x(),G(s,{onClick:D(Ha)},{default:$((()=>[j(y,null,{default:$((()=>[j(D(ne))])),_:1}),a[54]||(a[54]=O(" 通用刷新 "))])),_:1,__:[54]},8,["onClick"])),[[Ga]]),F((x(),G(s,{onClick:D(La)},{default:$((()=>[j(y,null,{default:$((()=>[j(D(ne))])),_:1}),a[55]||(a[55]=O(" 软刷新 "))])),_:1,__:[55]},8,["onClick"])),[[Ga]]),F((x(),G(s,{onClick:D(Ba)},{default:$((()=>[j(y,null,{default:$((()=>[j(D(W))])),_:1}),a[56]||(a[56]=O(" 新增后刷新 "))])),_:1,__:[56]},8,["onClick"])),[[Ga]]),F((x(),G(s,{onClick:D(Ma)},{default:$((()=>[j(y,null,{default:$((()=>[j(D(oe))])),_:1}),a[57]||(a[57]=O(" 编辑后刷新 "))])),_:1,__:[57]},8,["onClick"])),[[Ga]]),F((x(),G(s,{onClick:D(qa)},{default:$((()=>[j(y,null,{default:$((()=>[j(D(Y))])),_:1}),a[58]||(a[58]=O(" 删除后刷新 "))])),_:1,__:[58]},8,["onClick"])),[[Ga]])])])),_:1})])}}})),[["__scopeId","data-v-6e59e69b"]]);export{ca as default};
    2. 

  2.