test.1ZrPV1nY.js 3.6 KB

1
  1. import{p as k,E as p}from"./index.BeV-poOC.js";import{F as U}from"./index.CmIlXaNV.js";import{a as $,r as w,w as B,ae as m,c as r,o as n,b as o,G as t,H as s,V as v,E,u as y,U as g,R as M,M as N,a8 as z,J as I}from"./vue.D_RgHSVm.js";import{_ as D}from"./_plugin-vue_export-helper.DlAUqK2U.js";const R={class:"test-container"},T={class:"result-display"},G={key:0},H={key:1,class:"no-value"},J={class:"image-preview-test"},j={class:"image-error"},q={key:1,class:"no-image-placeholder"},A={class:"log-content"},K={class:"log-time"},O={class:"log-message"},P={key:0,class:"no-logs"},Q=$({__name:"test",setup(W){const l=w(""),i=w([]),u=(a,e)=>{const _=new Date().toLocaleTimeString();i.value.unshift({time:_,level:a,message:e}),i.value.length>50&&(i.value=i.value.slice(0,50))};B(l,(a,e)=>{a!==e&&u("info",`图片选择变化: ${e||"无"} -> ${a||"无"}`)});const b=()=>{if(!l.value){p.warning("请先选择一张图片"),u("warn","保存测试失败: 未选择图片");return}u("success",`保存测试成功: ${l.value}`),p.success("测试保存成功!")},C=()=>{const a=l.value;l.value="",u("info",`清除选择: ${a} -> 空值`),p.info("已清除选择")},x=()=>{const a=["https://picsum.photos/400/300?random=1","https://picsum.photos/400/300?random=2","https://picsum.photos/400/300?random=3"],e=a[Math.floor(Math.random()*a.length)];l.value=e,u("info",`设置测试网络图片: ${e}`),p.success("已设置测试网络图片")},V=()=>{i.value=[],p.info("已清除测试日志")};return u("info","FileSelector组件测试页面已加载"),(a,e)=>{const c=m("el-form-item"),_=m("el-icon"),S=m("el-image"),f=m("el-button"),F=m("el-form"),h=m("el-card");return n(),r("div",R,[e[10]||(e[10]=o("h2",null,"FileSelector组件集成测试",-1)),t(h,{class:"test-card"},{header:s(()=>[...e[1]||(e[1]=[o("span",null,"基础功能测试",-1)])]),default:s(()=>[t(F,{"label-width":"120px"},{default:s(()=>[t(c,{label:"选择的图片"},{default:s(()=>[o("div",T,[e[2]||(e[2]=o("strong",null,"当前值: ",-1)),l.value?(n(),r("span",G,v(l.value),1)):(n(),r("span",H,"未选择"))])]),_:1}),t(c,{label:"图片选择器"},{default:s(()=>[t(U,{modelValue:l.value,"onUpdate:modelValue":e[0]||(e[0]=d=>l.value=d),"input-type":"image","input-size":120,"show-upload-button":!0,"show-net-button":!0,"tabs-show":1e3,"value-key":"url",multiple:!1,selectable:!0},null,8,["modelValue"])]),_:1}),t(c,{label:"图片预览"},{default:s(()=>[o("div",J,[l.value?(n(),E(S,{key:0,src:l.value,fit:"contain",style:{width:"200px",height:"150px",border:"1px solid #ddd"}},{error:s(()=>[o("div",j,[t(_,null,{default:s(()=>[t(y(k))]),_:1}),e[3]||(e[3]=o("span",null,"加载失败",-1))])]),_:1},8,["src"])):(n(),r("div",q,[t(_,null,{default:s(()=>[t(y(k))]),_:1}),e[4]||(e[4]=o("span",null,"请选择图片",-1))]))])]),_:1}),t(c,null,{default:s(()=>[t(f,{type:"primary",onClick:b},{default:s(()=>[...e[5]||(e[5]=[g("测试保存",-1)])]),_:1}),t(f,{onClick:C},{default:s(()=>[...e[6]||(e[6]=[g("清除选择",-1)])]),_:1}),t(f,{onClick:x},{default:s(()=>[...e[7]||(e[7]=[g("测试网络图片",-1)])]),_:1})]),_:1})]),_:1})]),_:1}),t(h,{class:"test-log"},{header:s(()=>[e[9]||(e[9]=o("span",null,"测试日志",-1)),t(f,{size:"small",onClick:V},{default:s(()=>[...e[8]||(e[8]=[g("清除日志",-1)])]),_:1})]),default:s(()=>[o("div",A,[(n(!0),r(N,null,z(i.value,(d,L)=>(n(),r("div",{key:L,class:"log-item"},[o("span",K,v(d.time),1),o("span",{class:I(["log-level",d.level])},v(d.level.toUpperCase()),3),o("span",O,v(d.message),1)]))),128)),i.value.length===0?(n(),r("div",P," 暂无测试日志 ")):M("",!0)])]),_:1})])}}}),te=D(Q,[["__scopeId","data-v-10a5fc1f"]]);export{te as default};