2 lines
7.4 KiB
Java
2 lines
7.4 KiB
Java
import{d as W,f as C,r as X,ah as d,aC as N,as as u,u as m,aF as n,k as i,au as a,ar as c,F as Y,aD as Z,at as O,ag as j,av as k,aG as x,G as J}from"./vue-vendor-C7Zq48Yl.js";import{a5 as ee,f as te}from"./antd-vue-vendor-BPnV8VqP.js";import{M as ae}from"./BasicModal-0sAdFEk_.js";import"./index-Du0A3ksf.js";import{s as le}from"./_plugin-vue_export-helper-CHgC5LLL-lGy7RumW.js";import{ak as ie}from"./index-BI6CMai0.js";import"./ModalHeader-keHdAHWH.js";import"./useTimeout-DDl4l82I.js";import"./vxe-table-vendor-B88kchpX.js";import"./index-DeEq83Ov.js";import"./useWindowSizeFn-PRZSD86C.js";import"./index-pxs5MULf.js";import"./index-BgYCgfME.js";import"./index-f8O7TghW.js";import"./useIntersectionObserver-BMxdTqP3.js";var q=(P,F,p)=>new Promise((v,f)=>{var _=r=>{try{b(p.next(r))}catch(h){f(h)}},o=r=>{try{b(p.throw(r))}catch(h){f(h)}},b=r=>r.done?v(r.value):Promise.resolve(r.value).then(_,o);b((p=p.apply(P,F)).next())});const ne={class:"card-select-panel"},se=["onClick"],de={class:"card-content"},oe={class:"card-title"},re={key:0,class:"card-top"},ue={class:"desc clamp"},ce={key:1,class:"card-top"},pe={class:"desc clamp"},me={key:2,class:"desc"},ve={key:3},fe={class:"desc"},be={class:"section-panel"},he={class:"stack"},ge={class:"stack-parent"},ye={style:{display:"flex","align-items":"center"}},Ce={style:{display:"flex","align-items":"center"}},ke={style:{display:"flex","align-items":"center"}},xe={style:{display:"flex","align-items":"center"}},_e={key:0,style:{"margin-top":"15px"},class:"stack-child-title"},Ue=W({__name:"CardConfigModal",emits:["register","ok"],setup(P,{emit:F}){const p=F,v=C([]),f=C(),_=C({title:[{required:!0,message:"请填写标题的变量!"}],content:[{required:!0,message:"请填写内容的变量!"}],image:[{required:!0,message:"请填写图片的变量!"}],jumpUrl:[{required:!1},{validator:z}],outputContent:[{required:!0,message:"请绑定输出变量!"}]}),o=C("template-1"),b=C([{id:"template-1",variant:"thumb-left",title:"标题",desc:"内容描述是一种重要的沟通和表达，它在描述事物时发挥着至关重要的作用"},{id:"template-2",variant:"thumb-right",title:"标题",desc:"内容描述是一种重要的沟通和表达，它在描述事物时发挥着至关的作用"},{id:"template-3",variant:"banner",title:"标题",desc:"内容描述是一种重要的沟通和表达，它在描述事物时发挥着至关的重要性"},{id:"template-4",variant:"text",title:"标题",desc:"内容描述是一种重要的沟通和表达，它在描述事物时发挥着至关的重要性"}]),[r,{setModalProps:h,closeModal:B}]=ie(s=>q(null,null,function*(){var e;if(s.outputOptions){v.value=[];for(const U of s.outputOptions){let I={label:U.name,value:"{{"+U.name+"}}"};v.value.push(I)}}s.formData&&(Object.assign(t,s.formData),o.value=(e=s.formData)==null?void 0:e.templateId),h({bodyStyle:{padding:"10px"}})})),L=ee.useForm,t=X({title:void 0,image:void 0,content:void 0,enableJump:!1,templateId:void 0,jumpUrl:void 0,outputContent:void 0}),{resetFields:R,validate:G,validateInfos:g,clearValidate:S}=L(t,_,{immediate:!1});function z(s,e){return t.enableJump&&!e?Promise.reject("请填写跳转路径的变量"):Promise.resolve()}function E(){return q(this,null,function*(){if(!o.value)return te.warning("请选择一个卡片样式");yield G();const s={templateId:o.value,title:t.title,image:t.image,content:t.content,enableJump:t.enableJump,jumpUrl:t.jumpUrl,outputContent:t.outputContent};p("ok",s),M()})}function M(){var s;R(),(s=f.value)==null||s.clearValidate(),B()}function T(s){return q(this,null,function*(){s||S("jumpUrl")})}return(s,e)=>{const U=d("a-radio"),I=d("a-radio-group"),V=d("a-col"),A=d("a-select"),y=d("a-form-item"),w=d("a-input"),H=d("a-switch"),K=d("a-form"),Q=d("a-row"),D=d("a-button"),$=d("a-space");return u(),N(ae,{destroyOnClose:"",onRegister:m(r),canFullscreen:!1,width:"1000px",title:"智能体回复卡片配置"},{footer:n(()=>[i($,null,{default:n(()=>[i(D,{type:"primary",onClick:E},{default:n(()=>[...e[14]||(e[14]=[J("保存",-1)])]),_:1}),i(D,{onClick:M},{default:n(()=>[...e[15]||(e[15]=[J("取消",-1)])]),_:1})]),_:1})]),default:n(()=>[i(Q,{span:24},{default:n(()=>[i(V,{span:10,style:{"border-right":"1px solid #ebedf0"}},{default:n(()=>[e[10]||(e[10]=a("div",null,[a("span",null,"选择卡片样式")],-1)),a("div",ne,[i(I,{value:o.value,"onUpdate:value":e[0]||(e[0]=l=>o.value=l),class:"card-radio-group"},{default:n(()=>[(u(!0),c(Y,null,Z(b.value,l=>(u(),c("div",{key:l.id,class:O(["card-item",["variant-"+l.variant,{selected:o.value===l.id}]]),onClick:we=>o.value=l.id},[i(U,{value:l.id,class:"card-radio"},null,8,["value"]),a("div",de,[a("div",oe,k(l.title),1),l.variant==="thumb-left"?(u(),c("div",re,[e[7]||(e[7]=a("div",{class:"thumb"},[a("div",{class:"thumb-dot"}),a("div",{class:"thumb-mountain"})],-1)),a("div",ue,k(l.desc),1)])):j("",!0),l.variant==="thumb-right"?(u(),c("div",ce,[a("div",pe,k(l.desc),1),e[8]||(e[8]=a("div",{class:"thumb"},[a("div",{class:"thumb-dot"}),a("div",{class:"thumb-mountain"})],-1))])):l.variant==="text"?(u(),c("div",me,k(l.desc),1)):l.variant==="banner"?(u(),c("div",ve,[e[9]||(e[9]=a("div",{class:"banner"},[a("div",{class:"banner-dot"}),a("div",{class:"banner-mountain"})],-1)),a("div",fe,k(l.desc),1)])):j("",!0)])],10,se))),128))]),_:1},8,["value"])])]),_:1}),i(V,{span:14},{default:n(()=>[a("div",be,[e[12]||(e[12]=a("div",{class:"section-title"},"为卡片内元素绑定数据",-1)),i(K,{ref_key:"formRef",ref:f,model:t,layout:"vertical",style:{"margin-top":"10px"},rules:_.value},{default:n(()=>[a("div",he,[a("div",ge,[i(y,x({label:"输出变量"},m(g).outputContent),{default:n(()=>[a("div",ye,[i(A,{value:t.outputContent,"onUpdate:value":e[1]||(e[1]=l=>t.outputContent=l),options:v.value,placeholder:"绑定输出变量",style:{width:"100%"},allowClear:""},null,8,["value","options"])])]),_:1},16)]),a("div",{class:O(["stack-children",{disabled:!t.outputContent}])},[i(y,x({label:"标题"},m(g).title),{default:n(()=>[a("div",Ce,[i(w,{value:t.title,"onUpdate:value":e[2]||(e[2]=l=>t.title=l),placeholder:"为标题绑定数据来源",style:{width:"100%"},disabled:!t.outputContent},null,8,["value","disabled"])])]),_:1},16),i(y,x({label:"内容"},m(g).content),{default:n(()=>[a("div",ke,[i(w,{value:t.content,"onUpdate:value":e[3]||(e[3]=l=>t.content=l),placeholder:"为内容绑定数据来源",style:{width:"100%"},disabled:!t.outputContent},null,8,["value","disabled"])])]),_:1},16),i(y,x({label:"图片"},m(g).image),{default:n(()=>[a("div",xe,[i(w,{value:t.image,"onUpdate:value":e[4]||(e[4]=l=>t.image=l),placeholder:"为图片绑定数据来源",style:{width:"100%"},disabled:!t.outputContent},null,8,["value","disabled"])])]),_:1},16),i(y,x({label:"点击卡片跳转"},m(g).jumpUrl),{default:n(()=>[i(H,{checked:t.enableJump,"onUpdate:checked":e[5]||(e[5]=l=>t.enableJump=l),onChange:T,disabled:!t.outputContent},null,8,["checked","disabled"]),t.enableJump?(u(),c("div",_e,[...e[11]||(e[11]=[a("span",{style:{color:"red","margin-right":"6px"}},"*",-1),J("跳转路径 ",-1)])])):j("",!0),t.enableJump?(u(),N(w,{key:1,value:t.jumpUrl,"onUpdate:value":e[6]||(e[6]=l=>t.jumpUrl=l),placeholder:"为卡片跳转路径绑定数据来源",disabled:!t.outputContent},null,8,["value","disabled"])):j("",!0)]),_:1},16)],2)])]),_:1},8,["model","rules"])]),e[13]||(e[13]=a("div",{class:"tip"},[a("p",null,"提示："),a("p",null,"标题、内容、图片、跳转路径当前为 LLM 返回的变量，需手动输入配置；")],-1))]),_:1})]),_:1})]),_:1},8,["onRegister"])}}}),Se=le(Ue,[["__scopeId","data-v-63ec9f8a"]]);export{Se as default};
|