mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-04 20:31:10 +00:00
2 lines
8.8 KiB
JavaScript
2 lines
8.8 KiB
JavaScript
import{g as z,w as I,r as M,o as R,P,m as C,n as v,a1 as c,u as e,q as s,L as m,F as t,E as o,K as r,I as w,J as B,t as G}from"./base-45eb5090.js";import{C as W,d as $}from"./index-341914e3.js";/* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-58212670.js";import{_ as D}from"./index.vue_vue_type_script_setup_true_lang-56649ff2.js";import{_ as H}from"./index-1b934a92.js";/* empty css */import{E as L,b as j}from"./el-radio-2719e44c.js";import{v as g}from"./event-4977bef7.js";import{t as a}from"./index-047041cb.js";import{S as O}from"./sortable.esm-be94e56d.js";import{d as q}from"./storage-4159d1ed.js";import{u as A}from"./diy-0b3a8b2e.js";import{r as J}from"./range-d6f58b9e.js";import{a as K,E as Q}from"./index-c4fd4c9d.js";import{E as X}from"./index-4ce9333e.js";import{E as Y}from"./index-25c37860.js";import{E as Z}from"./index-913f64d7.js";import{_ as ee}from"./_plugin-vue_export-helper-c27b6911.js";const le={class:"content-wrap"},te={class:"edit-attr-item-wrap"},oe={class:"mb-[10px]"},ae={class:"edit-attr-item-wrap"},ie={class:"mb-[10px]"},ne={class:"text-sm text-gray-400 mb-[10px]"},de=["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=z({__name:"edit-graphic-nav",setup(ge,{expose:S}){const l=A();l.editComponent.ignore=[],l.editComponent.verify=u=>{var i={code:!0,message:""};return l.value[u].list.forEach(d=>{if((l.value[u].mode==="graphic"||l.value[u].mode==="img")&&d.imageUrl==="")return i.code=!1,i.message=a("imageUrlTip"),i;if((l.value[u].mode==="graphic"||l.value[u].mode==="text")&&d.title==="")return i.code=!1,i.message=a("graphicNavTitlePlaceholder"),i}),i},l.editComponent.list.forEach(u=>{u.id||(u.id=l.generateRandom())}),I(()=>l.editComponent.list,(u,i)=>{l.editComponent.list.forEach(d=>{let _=new Image;_.src=q(d.imageUrl),_.onload=async()=>{d.imgWidth=_.width,d.imgHeight=_.height}})},{deep:!0});const y=()=>{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=M();return R(()=>{P(()=>{const u=O.create(x.value,{group:"item-wrap",animation:200,onEnd:i=>{const d=l.editComponent.list[i.oldIndex];l.editComponent.list.splice(i.oldIndex,1),l.editComponent.list.splice(i.newIndex,0,d),u.sort(J(l.editComponent.list.length).map(_=>_.toString()))}})})}),S({}),(u,i)=>{const d=L,_=j,p=K,V=X,h=Q,N=H,U=W,E=D,F=Y,b=Z,T=$;return C(),v(w,null,[c(s("div",le,[s("div",te,[s("h3",oe,m(e(a)("graphicNavModeTitle")),1),t(h,{"label-width":"80px",class:"px-[10px]"},{default:o(()=>[t(p,{label:e(a)("layoutMode")},{default:o(()=>[t(_,{modelValue:e(l).editComponent.layout,"onUpdate:modelValue":i[0]||(i[0]=n=>e(l).editComponent.layout=n)},{default:o(()=>[t(d,{label:"horizontal"},{default:o(()=>[r(m(e(a)("layoutModeHorizontal")),1)]),_:1}),t(d,{label:"vertical"},{default:o(()=>[r(m(e(a)("layoutModeVertical")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(p,{label:e(a)("graphicNavTitle")},{default:o(()=>[t(V,{modelValue:e(l).editComponent.navTitle,"onUpdate:modelValue":i[1]||(i[1]=n=>e(l).editComponent.navTitle=n),placeholder:e(a)("graphicNavTitlePlaceholder"),clearable:"",maxlength:"20","show-word-limit":""},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),t(p,{label:e(a)("graphicNavSelectMode")},{default:o(()=>[t(_,{modelValue:e(l).editComponent.mode,"onUpdate:modelValue":i[2]||(i[2]=n=>e(l).editComponent.mode=n)},{default:o(()=>[t(d,{label:"graphic"},{default:o(()=>[r(m(e(a)("graphicNavModeGraphic")),1)]),_:1}),t(d,{label:"img"},{default:o(()=>[r(m(e(a)("graphicNavModeImg")),1)]),_:1}),t(d,{label:"text"},{default:o(()=>[r(m(e(a)("graphicNavModeText")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),c(s("view",null,[t(p,{label:e(a)("graphicNavShowStyle")},{default:o(()=>[t(_,{modelValue:e(l).editComponent.showStyle,"onUpdate:modelValue":i[3]||(i[3]=n=>e(l).editComponent.showStyle=n)},{default:o(()=>[t(d,{label:"fixed"},{default:o(()=>[r(m(e(a)("graphicNavStyleFixed")),1)]),_:1}),t(d,{label:"singleSlide"},{default:o(()=>[r(m(e(a)("graphicNavStyleSingleSlide")),1)]),_:1}),t(d,{label:"pageSlide"},{default:o(()=>[r(m(e(a)("graphicNavStylePageSlide")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(p,{label:e(a)("graphicNavRowCount")},{default:o(()=>[t(_,{modelValue:e(l).editComponent.rowCount,"onUpdate:modelValue":i[4]||(i[4]=n=>e(l).editComponent.rowCount=n)},{default:o(()=>[t(d,{label:3},{default:o(()=>[r("3"+m(e(a)("piece")),1)]),_:1}),t(d,{label:4},{default:o(()=>[r("4"+m(e(a)("piece")),1)]),_:1}),t(d,{label:5},{default:o(()=>[r("5"+m(e(a)("piece")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(p,{label:e(a)("graphicNavPageCount")},{default:o(()=>[t(_,{modelValue:e(l).editComponent.pageCount,"onUpdate:modelValue":i[5]||(i[5]=n=>e(l).editComponent.pageCount=n)},{default:o(()=>[t(d,{label:1},{default:o(()=>[r("1"+m(e(a)("line")),1)]),_:1}),t(d,{label:2},{default:o(()=>[r("2"+m(e(a)("line")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"])],512),[[g,e(l).editComponent.layout=="horizontal"]])]),_:1})]),s("div",ae,[s("h3",ie,m(e(a)("graphicNavSetLabel")),1),t(h,{"label-width":"80px",class:"px-[10px]"},{default:o(()=>[s("p",ne,m(e(a)("graphicNavTips")),1),s("div",{ref_key:"imageBoxRef",ref:x},[(C(!0),v(w,null,B(e(l).editComponent.list,(n,k)=>(C(),v("div",{key:n.id,class:"item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]"},[c(t(p,{label:e(a)("image")},{default:o(()=>[t(N,{modelValue:n.imageUrl,"onUpdate:modelValue":f=>n.imageUrl=f,limit:1},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),[[g,e(l).editComponent.mode==="graphic"||e(l).editComponent.mode==="img"]]),c(t(p,{label:e(a)("graphicNavTitle")},{default:o(()=>[t(V,{modelValue:n.title,"onUpdate:modelValue":f=>n.title=f,placeholder:e(a)("graphicNavTitlePlaceholder"),clearable:"",maxlength:"20","show-word-limit":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])]),_:2},1032,["label"]),[[g,e(l).editComponent.mode==="graphic"||e(l).editComponent.mode==="text"]]),c(s("div",{class:"del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]",onClick:f=>e(l).editComponent.list.splice(k,1)},[t(U,{name:"element-CircleCloseFilled",color:"#bbb",size:"20px"})],8,de),[[g,e(l).editComponent.list.length>1]]),t(p,{label:e(a)("link")},{default:o(()=>[t(E,{modelValue:n.link,"onUpdate:modelValue":f=>n.link=f},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"])]))),128))],512),c(t(F,{class:"w-full",onClick:y},{default:o(()=>[r(m(e(a)("addGraphicNav")),1)]),_:1},512),[[g,e(l).editComponent.list.length<10]])]),_:1})])],512),[[g,e(l).editTab=="content"]]),c(s("div",me,[c(s("div",re,[s("h3",pe,m(e(a)("graphicNavImageSet")),1),t(h,{"label-width":"80px",class:"px-[10px]"},{default:o(()=>[t(p,{label:e(a)("graphicNavImageSize")},{default:o(()=>[t(b,{modelValue:e(l).editComponent.imageSize,"onUpdate:modelValue":i[6]||(i[6]=n=>e(l).editComponent.imageSize=n),"show-input":"",size:"small",class:"ml-[10px] graphic-nav-slider",min:20,max:60},null,8,["modelValue"])]),_:1},8,["label"]),t(p,{label:e(a)("graphicNavAroundRadius")},{default:o(()=>[t(b,{modelValue:e(l).editComponent.aroundRadius,"onUpdate:modelValue":i[7]||(i[7]=n=>e(l).editComponent.aroundRadius=n),"show-input":"",size:"small",class:"ml-[10px] graphic-nav-slider",max:50},null,8,["modelValue"])]),_:1},8,["label"])]),_:1})],512),[[g,["graphic","img"].includes(e(l).editComponent.mode)]]),c(s("div",se,[s("h3",ue,m(e(a)("textSet")),1),t(h,{"label-width":"80px",class:"px-[10px]"},{default:o(()=>[t(p,{label:e(a)("textFontSize")},{default:o(()=>[t(b,{modelValue:e(l).editComponent.font.size,"onUpdate:modelValue":i[8]||(i[8]=n=>e(l).editComponent.font.size=n),"show-input":"",size:"small",class:"ml-[10px] graphic-nav-slider",min:12,max:16},null,8,["modelValue"])]),_:1},8,["label"]),t(p,{label:e(a)("textFontWeight")},{default:o(()=>[t(_,{modelValue:e(l).editComponent.font.weight,"onUpdate:modelValue":i[9]||(i[9]=n=>e(l).editComponent.font.weight=n)},{default:o(()=>[t(d,{label:"normal"},{default:o(()=>[r(m(e(a)("fontWeightNormal")),1)]),_:1}),t(d,{label:"bold"},{default:o(()=>[r(m(e(a)("fontWeightBold")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(p,{label:e(a)("textColor")},{default:o(()=>[t(T,{modelValue:e(l).editComponent.font.color,"onUpdate:modelValue":i[10]||(i[10]=n=>e(l).editComponent.font.color=n),"show-alpha":"",predefine:e(l).predefineColors},null,8,["modelValue","predefine"])]),_:1},8,["label"])]),_:1})],512),[[g,["graphic","text"].includes(e(l).editComponent.mode)]]),G(u.$slots,"style",{},void 0,!0)],512),[[g,e(l).editTab=="style"]])],64)}}});const ce=ee(_e,[["__scopeId","data-v-c6a78d1e"]]),Ge=Object.freeze(Object.defineProperty({__proto__:null,default:ce},Symbol.toStringTag,{value:"Module"}));export{Ge as _};
|