mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2025-12-24 00:00:17 +00:00
2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
import{d as M,k as a,ah as T,z as R,r as G,ao as B,aG as P,h as V,c as w,J as _,aa as f,u as e,a as u,t as r,e as t,w as o,i as p,F as v,O as A,b as L,ab as W,ac as D,G as H,H as $,D as O,E as j,b3 as J,b2 as q}from"./index-a59af0dd.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-4ed993c7.js";/* empty css */import{_ as K}from"./index.vue_vue_type_style_index_0_lang-48025cf3.js";import{_ as Q}from"./index.vue_vue_type_script_setup_true_lang-4d04ecba.js";import X from"./index-fbdf2045.js";/* empty css */import"./el-form-item-4ed993c7.js";/* empty css *//* empty css */import{S as Y}from"./sortable.esm-be94e56d.js";import{u as Z}from"./diy-cc13c363.js";import{r as ee}from"./range-30d643a5.js";import{_ as le}from"./_plugin-vue_export-helper-c27b6911.js";const te={class:"content-wrap"},oe={class:"edit-attr-item-wrap"},ae={class:"mb-[10px]"},ie={class:"edit-attr-item-wrap"},ne={class:"mb-[10px]"},de={class:"text-sm text-gray-400 mb-[10px]"},re=["onClick"],pe={class:"style-wrap"},se={class:"edit-attr-item-wrap"},me={class:"mb-[10px]"},ue={class:"edit-attr-item-wrap"},ce={class:"mb-[10px]"},_e={class:"edit-attr-item-wrap"},fe={class:"mb-[10px]"},ge=M({__name:"edit-graphic-nav",setup(he,{expose:x}){const l=Z();l.editComponent.ignore=[],l.editComponent.verify=s=>{const i={code:!0,message:""};return l.value[s].list.forEach(d=>{if((l.value[s].mode==="graphic"||l.value[s].mode==="img")&&d.imageUrl==="")return i.code=!1,i.message=a("imageUrlTip"),i;if((l.value[s].mode==="graphic"||l.value[s].mode==="text")&&d.title==="")return i.code=!1,i.message=a("graphicNavTitlePlaceholder"),i}),i},l.editComponent.list.forEach(s=>{s.id||(s.id=l.generateRandom())}),T(()=>l.editComponent.list,(s,i)=>{l.editComponent.list.forEach(d=>{const c=new Image;c.src=R(d.imageUrl),c.onload=async()=>{d.imgWidth=c.width,d.imgHeight=c.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"}})},S=G();B(()=>{P(()=>{const s=Y.create(S.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),s.sort(ee(l.editComponent.list.length).map(c=>c.toString()))}})})});const N=s=>{s=="1"?l.editComponent.showStyle="singleSlide":s=="2"&&(l.editComponent.showStyle="fixed")};return x({}),(s,i)=>{const d=W,c=D,m=H,b=$,U=X,z=O,k=Q,E=K,F=j,h=J,C=q;return V(),w(v,null,[_(u("div",te,[u("div",oe,[u("h3",ae,r(e(a)("graphicNavModeTitle")),1),t(b,{"label-width":"90px",class:"px-[10px]"},{default:o(()=>[t(m,{label:e(a)("layoutMode")},{default:o(()=>[t(c,{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(()=>[p(r(e(a)("layoutModeHorizontal")),1)]),_:1}),t(d,{label:"vertical"},{default:o(()=>[p(r(e(a)("layoutModeVertical")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(m,{label:e(a)("graphicNavSelectMode")},{default:o(()=>[t(c,{modelValue:e(l).editComponent.mode,"onUpdate:modelValue":i[1]||(i[1]=n=>e(l).editComponent.mode=n)},{default:o(()=>[t(d,{label:"graphic"},{default:o(()=>[p(r(e(a)("graphicNavModeGraphic")),1)]),_:1}),t(d,{label:"img"},{default:o(()=>[p(r(e(a)("graphicNavModeImg")),1)]),_:1}),t(d,{label:"text"},{default:o(()=>[p(r(e(a)("graphicNavModeText")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),_(u("view",null,[t(m,{label:e(a)("graphicNavPageCount")},{default:o(()=>[t(c,{modelValue:e(l).editComponent.pageCount,"onUpdate:modelValue":i[2]||(i[2]=n=>e(l).editComponent.pageCount=n),onChange:N},{default:o(()=>[t(d,{label:1},{default:o(()=>[p(r(e(a)("singleLine")),1)]),_:1}),t(d,{label:2},{default:o(()=>[p(r(e(a)("multiline")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(m,{label:e(a)("graphicNavShowStyle")},{default:o(()=>[t(c,{modelValue:e(l).editComponent.showStyle,"onUpdate:modelValue":i[3]||(i[3]=n=>e(l).editComponent.showStyle=n),onChange:s.changeShowStyle},{default:o(()=>[t(d,{label:"fixed"},{default:o(()=>[p(r(e(a)("graphicNavStyleFixed")),1)]),_:1}),t(d,{label:"singleSlide"},{default:o(()=>[p(r(e(l).editComponent.pageCount==2?e(a)("graphicNavStyleMultiLine"):e(a)("graphicNavStyleSingleSlide")),1)]),_:1}),t(d,{label:"pageSlide"},{default:o(()=>[p(r(e(a)("graphicNavStylePageSlide")),1)]),_:1})]),_:1},8,["modelValue","onChange"])]),_:1},8,["label"]),t(m,{label:e(a)("graphicNavRowCount")},{default:o(()=>[t(c,{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(()=>[p("3"+r(e(a)("piece")),1)]),_:1}),t(d,{label:4},{default:o(()=>[p("4"+r(e(a)("piece")),1)]),_:1}),t(d,{label:5},{default:o(()=>[p("5"+r(e(a)("piece")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"])],512),[[f,e(l).editComponent.layout=="horizontal"]])]),_:1})]),u("div",ie,[u("h3",ne,r(e(a)("graphicNavSetLabel")),1),t(b,{"label-width":"90px",class:"px-[10px]"},{default:o(()=>[u("p",de,r(e(a)("graphicNavTips")),1),u("div",{ref_key:"imageBoxRef",ref:S},[(V(!0),w(v,null,A(e(l).editComponent.list,(n,I)=>(V(),w("div",{key:n.id,class:"item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]"},[_(t(m,{label:e(a)("image")},{default:o(()=>[t(U,{modelValue:n.imageUrl,"onUpdate:modelValue":g=>n.imageUrl=g,limit:1},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),[[f,e(l).editComponent.mode==="graphic"||e(l).editComponent.mode==="img"]]),_(t(m,{label:e(a)("graphicNavTitle")},{default:o(()=>[t(z,{modelValue:n.title,"onUpdate:modelValue":g=>n.title=g,modelModifiers:{trim:!0},placeholder:e(a)("graphicNavTitlePlaceholder"),clearable:"",maxlength:"20","show-word-limit":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])]),_:2},1032,["label"]),[[f,e(l).editComponent.mode==="graphic"||e(l).editComponent.mode==="text"]]),_(u("div",{class:"del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]",onClick:g=>e(l).editComponent.list.splice(I,1)},[t(k,{name:"element CircleCloseFilled",color:"#bbb",size:"20px"})],8,re),[[f,e(l).editComponent.list.length>1]]),t(m,{label:e(a)("link")},{default:o(()=>[t(E,{modelValue:n.link,"onUpdate:modelValue":g=>n.link=g},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"])]))),128))],512),_(t(F,{class:"w-full",onClick:y},{default:o(()=>[p(r(e(a)("addGraphicNav")),1)]),_:1},512),[[f,e(l).editComponent.list.length<50]])]),_:1})])],512),[[f,e(l).editTab=="content"]]),_(u("div",pe,[_(u("div",se,[u("h3",me,r(e(a)("graphicNavImageSet")),1),t(b,{"label-width":"90px",class:"px-[10px]"},{default:o(()=>[t(m,{label:e(a)("graphicNavImageSize")},{default:o(()=>[t(h,{modelValue:e(l).editComponent.imageSize,"onUpdate:modelValue":i[5]||(i[5]=n=>e(l).editComponent.imageSize=n),"show-input":"",size:"small",class:"ml-[10px] diy-nav-slider",min:20,max:60},null,8,["modelValue"])]),_:1},8,["label"]),t(m,{label:e(a)("graphicNavAroundRadius")},{default:o(()=>[t(h,{modelValue:e(l).editComponent.aroundRadius,"onUpdate:modelValue":i[6]||(i[6]=n=>e(l).editComponent.aroundRadius=n),"show-input":"",size:"small",class:"ml-[10px] diy-nav-slider",max:50},null,8,["modelValue"])]),_:1},8,["label"])]),_:1})],512),[[f,["graphic","img"].includes(e(l).editComponent.mode)]]),_(u("div",ue,[u("h3",ce,r(e(a)("textSet")),1),t(b,{"label-width":"90px",class:"px-[10px]"},{default:o(()=>[t(m,{label:e(a)("textFontSize")},{default:o(()=>[t(h,{modelValue:e(l).editComponent.font.size,"onUpdate:modelValue":i[7]||(i[7]=n=>e(l).editComponent.font.size=n),"show-input":"",size:"small",class:"ml-[10px] diy-nav-slider",min:12,max:16},null,8,["modelValue"])]),_:1},8,["label"]),t(m,{label:e(a)("textFontWeight")},{default:o(()=>[t(c,{modelValue:e(l).editComponent.font.weight,"onUpdate:modelValue":i[8]||(i[8]=n=>e(l).editComponent.font.weight=n)},{default:o(()=>[t(d,{label:"normal"},{default:o(()=>[p(r(e(a)("fontWeightNormal")),1)]),_:1}),t(d,{label:"bold"},{default:o(()=>[p(r(e(a)("fontWeightBold")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(m,{label:e(a)("textColor")},{default:o(()=>[t(C,{modelValue:e(l).editComponent.font.color,"onUpdate:modelValue":i[9]||(i[9]=n=>e(l).editComponent.font.color=n),"show-alpha":"",predefine:e(l).predefineColors},null,8,["modelValue","predefine"])]),_:1},8,["label"])]),_:1})],512),[[f,["graphic","text"].includes(e(l).editComponent.mode)]]),_(u("div",_e,[u("h3",fe,r(e(a)("carouselSearchSwiperIndicatorSet")),1),t(b,{"label-width":"100px",class:"px-[10px]"},{default:o(()=>[t(m,{label:e(a)("carouselSearchSwiperIndicatorStyle")},{default:o(()=>[t(c,{modelValue:e(l).editComponent.swiper.indicatorStyle,"onUpdate:modelValue":i[10]||(i[10]=n=>e(l).editComponent.swiper.indicatorStyle=n)},{default:o(()=>[t(d,{label:"style-1"},{default:o(()=>[p(r(e(a)("carouselSearchSwiperIndicatorStyle1")),1)]),_:1}),t(d,{label:"style-2"},{default:o(()=>[p(r(e(a)("carouselSearchSwiperIndicatorStyle2")),1)]),_:1}),t(d,{label:"style-3"},{default:o(()=>[p(r(e(a)("carouselSearchSwiperIndicatorStyle3")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(m,{label:e(a)("carouselSearchSwiperIndicatorAlign")},{default:o(()=>[t(c,{modelValue:e(l).editComponent.swiper.indicatorAlign,"onUpdate:modelValue":i[11]||(i[11]=n=>e(l).editComponent.swiper.indicatorAlign=n)},{default:o(()=>[t(d,{label:"left"},{default:o(()=>[p(r(e(a)("alignLeft")),1)]),_:1}),t(d,{label:"center"},{default:o(()=>[p(r(e(a)("alignCenter")),1)]),_:1}),t(d,{label:"right"},{default:o(()=>[p(r(e(a)("alignRight")),1)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["label"]),t(m,{label:e(a)("noColor")},{default:o(()=>[t(C,{modelValue:e(l).editComponent.swiper.indicatorColor,"onUpdate:modelValue":i[12]||(i[12]=n=>e(l).editComponent.swiper.indicatorColor=n),"show-alpha":"",predefine:e(l).predefineColors},null,8,["modelValue","predefine"])]),_:1},8,["label"]),t(m,{label:e(a)("selectColor")},{default:o(()=>[t(C,{modelValue:e(l).editComponent.swiper.indicatorActiveColor,"onUpdate:modelValue":i[13]||(i[13]=n=>e(l).editComponent.swiper.indicatorActiveColor=n),"show-alpha":"",predefine:e(l).predefineColors},null,8,["modelValue","predefine"])]),_:1},8,["label"])]),_:1})],512),[[f,e(l).editComponent.showStyle=="pageSlide"&&e(l).editComponent.layout=="horizontal"]]),L(s.$slots,"style",{},void 0,!0)],512),[[f,e(l).editTab=="style"]])],64)}}});const be=le(ge,[["__scopeId","data-v-2df6fb5a"]]),Pe=Object.freeze(Object.defineProperty({__proto__:null,default:be},Symbol.toStringTag,{value:"Module"}));export{Pe as _};
|