mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2025-12-30 10:10:16 +00:00
2 lines
9.8 KiB
JavaScript
2 lines
9.8 KiB
JavaScript
import"./base-0e92f4db.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-4ed993c7.js";/* empty css */import{_ as z}from"./index-9033603c.js";import{_ as G}from"./index-1bbf37b4.js";import{a as I,E as M}from"./el-form-item-c2dd2ffe.js";import{_ as R}from"./index.vue_vue_type_script_setup_true_lang-d629c202.js";/* empty css */import{v as c}from"./event-a537c4cb.js";import{t}from"./index-8f29cb04.js";import{S as P}from"./sortable.esm-be94e56d.js";import{c as B}from"./common-46715e7e.js";import{u as L}from"./diy-2f08077e.js";import{r as W}from"./range-9fbf197d.js";import{E as $,b as D}from"./index-9aa10ae4.js";import{E as H}from"./index-8cefa3ab.js";import{E as j}from"./index-e09a20f5.js";import{E as A}from"./index-b4463d31.js";import{E as O}from"./index-da35968d.js";import{d as q,w as J,r as K,o as Q,A as X,b as C,e as V,L as f,u as e,f as s,x as m,q as o,p as a,v as p,F as S,t as Y,g as Z}from"./runtime-core.esm-bundler-67034826.js";import{_ as ee}from"./_plugin-vue_export-helper-c27b6911.js";const le={class:"content-wrap"},oe={class:"edit-attr-item-wrap"},te={class:"mb-[10px]"},ae={class:"edit-attr-item-wrap"},ie={class:"mb-[10px]"},de={class:"text-sm text-gray-400 mb-[10px]"},ne=["onClick"],me={class:"style-wrap"},re={class:"edit-attr-item-wrap"},pe={class:"mb-[10px]"},se={class:"edit-attr-item-wrap"},ue={class:"mb-[10px]"},_e=q({__name:"edit-graphic-nav",setup(fe,{expose:y}){const l=L();l.editComponent.ignore=[],l.editComponent.verify=u=>{var i={code:!0,message:""};return l.value[u].list.forEach(n=>{if((l.value[u].mode==="graphic"||l.value[u].mode==="img")&&n.imageUrl==="")return i.code=!1,i.message=t("imageUrlTip"),i;if((l.value[u].mode==="graphic"||l.value[u].mode==="text")&&n.title==="")return i.code=!1,i.message=t("graphicNavTitlePlaceholder"),i}),i},l.editComponent.list.forEach(u=>{u.id||(u.id=l.generateRandom())}),J(()=>l.editComponent.list,(u,i)=>{l.editComponent.list.forEach(n=>{let _=new Image;_.src=B(n.imageUrl),_.onload=async()=>{n.imgWidth=_.width,n.imgHeight=_.height}})},{deep:!0});const U=()=>{l.editComponent.list.push({id:l.generateRandom(),title:"",imageUrl:"",imgWidth:0,imgHeight:0,link:{name:""},label:{control:!1,text:"热门",textColor:"#FFFFFF",bgColorStart:"#F83287",bgColorEnd:"#FE3423"}})},x=K();return Q(()=>{X(()=>{const u=P.create(x.value,{group:"item-wrap",animation:200,onEnd:i=>{const n=l.editComponent.list[i.oldIndex];l.editComponent.list.splice(i.oldIndex,1),l.editComponent.list.splice(i.newIndex,0,n),u.sort(W(l.editComponent.list.length).map(_=>_.toString()))}})})}),y({}),(u,i)=>{const n=$,_=D,r=I,h=H,w=R,b=M,T=G,E=z,k=j,v=A,N=O;return C(),V(S,null,[f(s("div",le,[s("div",oe,[s("h3",te,m(e(t)("graphicNavModeTitle")),1),o(b,{"label-width":"90px",class:"px-[10px]"},{default:a(()=>[o(r,{label:e(t)("layoutMode")},{default:a(()=>[o(_,{modelValue:e(l).editComponent.layout,"onUpdate:modelValue":i[0]||(i[0]=d=>e(l).editComponent.layout=d)},{default:a(()=>[o(n,{label:"horizontal"},{default:a(()=>[p(m(e(t)("layoutModeHorizontal")),1)]),_:1}),o(n,{label:"vertical"},{default:a(()=>[p(m(e(t)("layoutModeVertical")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),o(r,{label:e(t)("graphicNavTitle")},{default:a(()=>[o(h,{modelValue:e(l).editComponent.navTitle,"onUpdate:modelValue":i[1]||(i[1]=d=>e(l).editComponent.navTitle=d),placeholder:e(t)("graphicNavTitlePlaceholder"),clearable:"",maxlength:"20","show-word-limit":""},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),o(r,{label:e(t)("subGraphicNavTitle")},{default:a(()=>[o(h,{modelValue:e(l).editComponent.subNavTitle,"onUpdate:modelValue":i[2]||(i[2]=d=>e(l).editComponent.subNavTitle=d),placeholder:e(t)("subGraphicNavTitlePlaceholder"),clearable:"",maxlength:"20","show-word-limit":""},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),o(r,{label:e(t)("subGraphicNavTitleLink")},{default:a(()=>[o(w,{modelValue:e(l).editComponent.subNavTitleLink,"onUpdate:modelValue":i[3]||(i[3]=d=>e(l).editComponent.subNavTitleLink=d)},null,8,["modelValue"])]),_:1},8,["label"]),o(r,{label:e(t)("graphicNavSelectMode")},{default:a(()=>[o(_,{modelValue:e(l).editComponent.mode,"onUpdate:modelValue":i[4]||(i[4]=d=>e(l).editComponent.mode=d)},{default:a(()=>[o(n,{label:"graphic"},{default:a(()=>[p(m(e(t)("graphicNavModeGraphic")),1)]),_:1}),o(n,{label:"img"},{default:a(()=>[p(m(e(t)("graphicNavModeImg")),1)]),_:1}),o(n,{label:"text"},{default:a(()=>[p(m(e(t)("graphicNavModeText")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),f(s("view",null,[o(r,{label:e(t)("graphicNavShowStyle")},{default:a(()=>[o(_,{modelValue:e(l).editComponent.showStyle,"onUpdate:modelValue":i[5]||(i[5]=d=>e(l).editComponent.showStyle=d)},{default:a(()=>[o(n,{label:"fixed"},{default:a(()=>[p(m(e(t)("graphicNavStyleFixed")),1)]),_:1}),o(n,{label:"singleSlide"},{default:a(()=>[p(m(e(t)("graphicNavStyleSingleSlide")),1)]),_:1}),o(n,{label:"pageSlide"},{default:a(()=>[p(m(e(t)("graphicNavStylePageSlide")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),o(r,{label:e(t)("graphicNavRowCount")},{default:a(()=>[o(_,{modelValue:e(l).editComponent.rowCount,"onUpdate:modelValue":i[6]||(i[6]=d=>e(l).editComponent.rowCount=d)},{default:a(()=>[o(n,{label:3},{default:a(()=>[p("3"+m(e(t)("piece")),1)]),_:1}),o(n,{label:4},{default:a(()=>[p("4"+m(e(t)("piece")),1)]),_:1}),o(n,{label:5},{default:a(()=>[p("5"+m(e(t)("piece")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),o(r,{label:e(t)("graphicNavPageCount")},{default:a(()=>[o(_,{modelValue:e(l).editComponent.pageCount,"onUpdate:modelValue":i[7]||(i[7]=d=>e(l).editComponent.pageCount=d)},{default:a(()=>[o(n,{label:1},{default:a(()=>[p("1"+m(e(t)("line")),1)]),_:1}),o(n,{label:2},{default:a(()=>[p("2"+m(e(t)("line")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"])],512),[[c,e(l).editComponent.layout=="horizontal"]])]),_:1})]),s("div",ae,[s("h3",ie,m(e(t)("graphicNavSetLabel")),1),o(b,{"label-width":"90px",class:"px-[10px]"},{default:a(()=>[s("p",de,m(e(t)("graphicNavTips")),1),s("div",{ref_key:"imageBoxRef",ref:x},[(C(!0),V(S,null,Y(e(l).editComponent.list,(d,F)=>(C(),V("div",{key:d.id,class:"item-wrap !cursor-move p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]"},[f(o(r,{label:e(t)("image")},{default:a(()=>[o(T,{modelValue:d.imageUrl,"onUpdate:modelValue":g=>d.imageUrl=g,limit:1},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),[[c,e(l).editComponent.mode==="graphic"||e(l).editComponent.mode==="img"]]),f(o(r,{label:e(t)("graphicNavTitle")},{default:a(()=>[o(h,{modelValue:d.title,"onUpdate:modelValue":g=>d.title=g,placeholder:e(t)("graphicNavTitlePlaceholder"),clearable:"",maxlength:"20","show-word-limit":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])]),_:2},1032,["label"]),[[c,e(l).editComponent.mode==="graphic"||e(l).editComponent.mode==="text"]]),f(s("div",{class:"del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]",onClick:g=>e(l).editComponent.list.splice(F,1)},[o(E,{name:"element-CircleCloseFilled",color:"#bbb",size:"20px"})],8,ne),[[c,e(l).editComponent.list.length>1]]),o(r,{label:e(t)("link")},{default:a(()=>[o(w,{modelValue:d.link,"onUpdate:modelValue":g=>d.link=g},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"])]))),128))],512),f(o(k,{class:"w-full",onClick:U},{default:a(()=>[p(m(e(t)("addGraphicNav")),1)]),_:1},512),[[c,e(l).editComponent.list.length<10]])]),_:1})])],512),[[c,e(l).editTab=="content"]]),f(s("div",me,[f(s("div",re,[s("h3",pe,m(e(t)("graphicNavImageSet")),1),o(b,{"label-width":"90px",class:"px-[10px]"},{default:a(()=>[o(r,{label:e(t)("graphicNavImageSize")},{default:a(()=>[o(v,{modelValue:e(l).editComponent.imageSize,"onUpdate:modelValue":i[8]||(i[8]=d=>e(l).editComponent.imageSize=d),"show-input":"",size:"small",class:"ml-[10px] graphic-nav-slider",min:20,max:60},null,8,["modelValue"])]),_:1},8,["label"]),o(r,{label:e(t)("graphicNavAroundRadius")},{default:a(()=>[o(v,{modelValue:e(l).editComponent.aroundRadius,"onUpdate:modelValue":i[9]||(i[9]=d=>e(l).editComponent.aroundRadius=d),"show-input":"",size:"small",class:"ml-[10px] graphic-nav-slider",max:50},null,8,["modelValue"])]),_:1},8,["label"])]),_:1})],512),[[c,["graphic","img"].includes(e(l).editComponent.mode)]]),f(s("div",se,[s("h3",ue,m(e(t)("textSet")),1),o(b,{"label-width":"90px",class:"px-[10px]"},{default:a(()=>[o(r,{label:e(t)("textFontSize")},{default:a(()=>[o(v,{modelValue:e(l).editComponent.font.size,"onUpdate:modelValue":i[10]||(i[10]=d=>e(l).editComponent.font.size=d),"show-input":"",size:"small",class:"ml-[10px] graphic-nav-slider",min:12,max:16},null,8,["modelValue"])]),_:1},8,["label"]),o(r,{label:e(t)("textFontWeight")},{default:a(()=>[o(_,{modelValue:e(l).editComponent.font.weight,"onUpdate:modelValue":i[11]||(i[11]=d=>e(l).editComponent.font.weight=d)},{default:a(()=>[o(n,{label:"normal"},{default:a(()=>[p(m(e(t)("fontWeightNormal")),1)]),_:1}),o(n,{label:"bold"},{default:a(()=>[p(m(e(t)("fontWeightBold")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),o(r,{label:e(t)("textColor")},{default:a(()=>[o(N,{modelValue:e(l).editComponent.font.color,"onUpdate:modelValue":i[12]||(i[12]=d=>e(l).editComponent.font.color=d),"show-alpha":"",predefine:e(l).predefineColors},null,8,["modelValue","predefine"])]),_:1},8,["label"]),o(r,{label:e(t)("subTextColor")},{default:a(()=>[o(N,{modelValue:e(l).editComponent.subNavColor,"onUpdate:modelValue":i[13]||(i[13]=d=>e(l).editComponent.subNavColor=d),"show-alpha":"",predefine:e(l).predefineColors},null,8,["modelValue","predefine"])]),_:1},8,["label"])]),_:1})],512),[[c,["graphic","text"].includes(e(l).editComponent.mode)]]),Z(u.$slots,"style",{},void 0,!0)],512),[[c,e(l).editTab=="style"]])],64)}}});const ce=ee(_e,[["__scopeId","data-v-d05a387f"]]),De=Object.freeze(Object.defineProperty({__proto__:null,default:ce},Symbol.toStringTag,{value:"Module"}));export{De as _};
|