You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
28 KiB
1 lines
28 KiB
import{C as G}from"./Picker-CE9zulMh.js";import{u as H}from"./editor-ouq_SSv2.js";import{U as z}from"./upload-DeP_4dQB.js";import{d as J}from"./dashboard-YyjCL4ge.js";import{_ as x}from"./Select-BpXzRZdb.js";import{u as X}from"./composables-Dy7tAMBn.js";import{d as Y,c as I,s as _,D as K,E as Q,G as c,H as Z,p as ee,I as N,o as u,f as d,w as r,q as o,b as F,F as V,r as q,g as p,e as L,J as T}from"./index-bVOhw2NF.js";import{u as ae}from"./Scrollbar-Db3aKfvv.js";import{_ as oe,a as te}from"./CollapseItem-CnymMNIl.js";import{_ as ne}from"./InputNumber-BUVD-lKD.js";import{_ as re}from"./Card-BhgyLFi8.js";import{B as ie}from"./Button-B7xQqa1N.js";import{_ as le}from"./FormItem-Cp_SJVoE.js";import{_ as ue}from"./ColorPicker-PXaqdINa.js";import{_ as se}from"./Image-CAe7wDsQ.js";import{_ as de}from"./Checkbox-DAl6jmZx.js";import{_ as pe}from"./Slider-C2GzLvgH.js";import{_ as me}from"./Input-CFQSA5NN.js";import{_ as ge}from"./Switch-DWvSWYoO.js";import{_ as be}from"./Form-BZRGTIxb.js";import"./Tooltip-C_3SXSAr.js";import"./Popover-DLIip8wF.js";import"./fade-in-scale-up.cssr-CTZmXn_X.js";import"./context-KbjOeZY_.js";import"./use-false-until-truthy-BNJRTcsy.js";import"./light-Cua7cqmF.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_baseFor-mOzdmxoL.js";import"./toString-eibgRg41.js";import"./_baseEach-BwxcRWC6.js";import"./_getTag-BJ2nhJXz.js";import"./get-BuNGRF3A.js";import"./light-B00G814I.js";import"./clickoutside-CCtiUDaG.js";import"./delegate-CI_DDEu_.js";import"./format-length-B-p6aW7q.js";import"./get-precise-event-target-DhO46Lpt.js";import"./Follower-DJGS5Fnl.js";import"./use-memo-BgHp9YyU.js";import"./cssr-CS9sbUmO.js";import"./utils-BKyMmInE.js";import"./use-is-mounted-wlrzLfZo.js";import"./resolve-slot-Dzko3qih.js";import"./index-C9vhMoZJ.js";import"./flatten-7z_8MaI9.js";import"./index-L98eAIry.js";import"./Scrollbar-DVK2lT9w.js";import"./fade-in.cssr-CltBGdAW.js";import"./use-rtl-CRyak7TN.js";import"./index-C-nsH7mf.js";import"./VResizeObserver-Tzd5ds8d.js";import"./use-merged-state-CzrzZJbg.js";import"./use-compitable-DMmt6sIs.js";import"./keep-B1eBS8j0.js";import"./call-f2ri57Kd.js";import"./light-C52Zdmem.js";import"./cloneDeep-C6NKQlMO.js";import"./http-D9Asdp-z.js";import"./light-BKuBIbLH.js";import"./Loading-CByrJVhO.js";import"./icon-switch.cssr-BCTOxvoq.js";import"./use-style-qLHIyj3D.js";import"./Tree-CzaEbcLe.js";import"./Icon-Ck7Ij_E6.js";import"./upperFirst-Bq7Kgunw.js";import"./render-BxFg9-7m.js";import"./is-browser-DqcmxZSF.js";import"./happens-in-CM8LO42l.js";import"./fade-in-height-expand.cssr-Bx380MfO.js";import"./light-D6zEcTvP.js";import"./light-DU0-KyAX.js";import"./light-CE5Kvs_2.js";import"./FocusDetector-DcygY9Tk.js";import"./Modal-BHLPhdX-.js";import"./context-ELq7iLHP.js";import"./keysOf-HiGXOwLp.js";import"./light-rvBL92Ju.js";import"./light-BqIgj82_.js";import"./Close-D6FODkWY.js";import"./Warning-WCOp46KX.js";import"./index-DsSU6HIH.js";import"./noImage-CAsvTj-5.js";import"./light-Blmb_y9V.js";import"./Add-CgLKrdZy.js";import"./Progress-BpvQ1C2a.js";import"./light-DH15IGTV.js";import"./download-C2161hUv.js";import"./light-DWk6YUKo.js";import"./use-form-item-CNgNT5jP.js";import"./Icon-C8ZbiYW7.js";import"./light-DD97CHyt.js";import"./use-locale-CFjRjALw.js";import"./index-Dn5RNViO.js";import"./Suffix-BqBRFVnL.js";import"./light-BOD3MGQo.js";import"./color-to-class-B0iQgAn2.js";import"./light-uWHRDFKR.js";import"./light-MOj96jwO.js";import"./Forward-B4Y9XmRi.js";import"./omit-DbnPTcif.js";import"./context-CNWzaUOd.js";import"./light-BIogERFh.js";import"./ChevronRight-DjG_plXV.js";import"./light-BULoejUF.js";import"./browser-DLIXj5nt.js";import"./light-CUlEsFk3.js";import"./InputGroup-CLUcMivF.js";import"./light-BJxzOxOf.js";import"./light-jvBBpnb8.js";import"./_createCompounder-D746aL6M.js";import"./light-CnxA-8p4.js";import"./_common-D9N4yDJ1.js";import"./light-CdWU_bnm.js";import"./_common-CtIASumb.js";const he=[{showCorner:!1,radius:5,"is2.5d":!1,cornerWidth:3,cornerBack:"#FF1900",animationStyle:"none",animationImage:"",animationImgStyle:{width:66,height:66,x:0,y:-33,repeat:1,interval:2},animationReverse:!1,strokeDashWidth:12,strokeDashWidth2:12,strokeDashSpace:12,strokeDashoffset:"100%",circlePointMoving:!1,circlePointWidth:8,circlePointBackground:"blue",strokeLineCap:"square",borderColor:"#0DD348FF",borderWidth:4,borderStyle:"solid",backgroundColor:"#1B1B93FF",backgroundWidth:8,gradientBg:[{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:0},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:2},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:50},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:98},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:100}],gradientStr:"linear-gradient(90deg, rgba(46,165,255,1) 0%,rgba(20,51,204,1) 2%,rgba(46,165,255,1) 50%,rgba(20,51,204,1) 98%,rgba(46,165,255,1) 100%)",isAnimation:!0,animationName:"es_animate_dash",animationDuration:"20s",arrowType:"none",dataPoint:"",min:null,max:null,animCondition:[],enableShadow:!1,dropShadow:{x:22,y:12,blur:6,color:"rgba(0,0,0,0.35)"}},{showCorner:!1,radius:5,"is2.5d":!1,cornerWidth:3,cornerBack:"#FF1900",animationStyle:"none",animationImage:"",animationImgStyle:{width:66,height:66,x:0,y:-33,repeat:1,interval:2},animationReverse:!1,strokeDashWidth:12,strokeDashWidth2:12,strokeDashSpace:12,strokeDashoffset:"100%",circlePointMoving:!1,circlePointWidth:8,circlePointBackground:"blue",strokeLineCap:"square",borderColor:"#0DD348FF",borderWidth:4,borderStyle:"solid",backgroundColor:"#B12F115E",backgroundWidth:8,gradientBg:[{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:0},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:2},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:50},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:98},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:100}],gradientStr:"linear-gradient(90deg, rgba(46,165,255,1) 0%,rgba(20,51,204,1) 2%,rgba(46,165,255,1) 50%,rgba(20,51,204,1) 98%,rgba(46,165,255,1) 100%)",isAnimation:!0,animationName:"es_animate_dash",animationDuration:"20s",arrowType:"none",dataPoint:"",min:null,max:null,animCondition:[],enableShadow:!1,dropShadow:{x:22,y:12,blur:6,color:"rgba(0,0,0,0.35)"}},{showCorner:!1,radius:5,"is2.5d":!1,cornerWidth:3,cornerBack:"#FF1900",animationStyle:"none",animationImage:"",animationImgStyle:{width:66,height:66,x:0,y:-33,repeat:1,interval:2},animationReverse:!1,strokeDashWidth:12,strokeDashWidth2:12,strokeDashSpace:12,strokeDashoffset:"100%",circlePointMoving:!1,circlePointWidth:8,circlePointBackground:"blue",strokeLineCap:"square",borderColor:"#B80615FF",borderWidth:4,borderStyle:"solid",backgroundColor:"#CBB4098C",backgroundWidth:8,gradientBg:[{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:0},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:2},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:50},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:98},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:100}],gradientStr:"linear-gradient(90deg, rgba(46,165,255,1) 0%,rgba(20,51,204,1) 2%,rgba(46,165,255,1) 50%,rgba(20,51,204,1) 98%,rgba(46,165,255,1) 100%)",isAnimation:!0,animationName:"es_animate_dash",animationDuration:"20s",arrowType:"none",dataPoint:"",min:null,max:null,animCondition:[],enableShadow:!1,dropShadow:{x:22,y:12,blur:6,color:"rgba(0,0,0,0.35)"}},{showCorner:!1,radius:5,"is2.5d":!1,cornerWidth:3,cornerBack:"#FF1900",animationStyle:"none",animationImage:"",animationImgStyle:{width:66,height:66,x:0,y:-33,repeat:1,interval:2},animationReverse:!1,strokeDashWidth:12,strokeDashWidth2:12,strokeDashSpace:12,strokeDashoffset:"100%",circlePointMoving:!1,circlePointWidth:8,circlePointBackground:"blue",strokeLineCap:"square",borderColor:"#C69409FF",borderWidth:4,borderStyle:"solid",backgroundColor:"#0BA31C80",backgroundWidth:8,gradientBg:[{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:0},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:2},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:50},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:98},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:100}],gradientStr:"linear-gradient(90deg, rgba(46,165,255,1) 0%,rgba(20,51,204,1) 2%,rgba(46,165,255,1) 50%,rgba(20,51,204,1) 98%,rgba(46,165,255,1) 100%)",isAnimation:!0,animationName:"es_animate_dash",animationDuration:"20s",arrowType:"none",dataPoint:"",min:null,max:null,animCondition:[],enableShadow:!1,dropShadow:{x:22,y:12,blur:6,color:"rgba(0,0,0,0.35)"}},{showCorner:!1,radius:5,"is2.5d":!1,cornerWidth:3,cornerBack:"#FF1900",animationStyle:"none",animationImage:"",animationImgStyle:{width:66,height:66,x:0,y:-33,repeat:1,interval:2},animationReverse:!1,strokeDashWidth:12,strokeDashWidth2:12,strokeDashSpace:12,strokeDashoffset:"100%",circlePointMoving:!1,circlePointWidth:8,circlePointBackground:"blue",strokeLineCap:"square",borderColor:"#0EA4DAFF",borderWidth:4,borderStyle:"solid",backgroundColor:"#0EA4DA4F",backgroundWidth:8,gradientBg:[{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:0},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:2},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:50},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:98},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:100}],gradientStr:"linear-gradient(90deg, rgba(46,165,255,1) 0%,rgba(20,51,204,1) 2%,rgba(46,165,255,1) 50%,rgba(20,51,204,1) 98%,rgba(46,165,255,1) 100%)",isAnimation:!0,animationName:"es_animate_dash",animationDuration:"20s",arrowType:"none",dataPoint:"",min:null,max:null,animCondition:[],enableShadow:!1,dropShadow:{x:22,y:12,blur:6,color:"rgba(0,0,0,0.35)"}},{showCorner:!1,radius:5,"is2.5d":!1,cornerWidth:3,cornerBack:"#FF1900",animationStyle:"none",animationImage:"",animationImgStyle:{width:66,height:66,x:0,y:-33,repeat:1,interval:2},animationReverse:!1,strokeDashWidth:12,strokeDashWidth2:12,strokeDashSpace:12,strokeDashoffset:"100%",circlePointMoving:!1,circlePointWidth:8,circlePointBackground:"blue",strokeLineCap:"square",borderColor:"#D3129FFF",borderWidth:4,borderStyle:"solid",backgroundColor:"#D3129F4F",backgroundWidth:8,gradientBg:[{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:0},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:2},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:50},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:98},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:100}],gradientStr:"linear-gradient(90deg, rgba(46,165,255,1) 0%,rgba(20,51,204,1) 2%,rgba(46,165,255,1) 50%,rgba(20,51,204,1) 98%,rgba(46,165,255,1) 100%)",isAnimation:!0,animationName:"es_animate_dash",animationDuration:"20s",arrowType:"none",dataPoint:"",min:null,max:null,animCondition:[],enableShadow:!1,dropShadow:{x:22,y:12,blur:6,color:"rgba(0,0,0,0.35)"}},{showCorner:!1,radius:5,"is2.5d":!1,cornerWidth:3,cornerBack:"#FF1900",animationStyle:"none",animationImage:"",animationImgStyle:{width:66,height:66,x:0,y:-33,repeat:1,interval:2},animationReverse:!1,strokeDashWidth:12,strokeDashWidth2:12,strokeDashSpace:12,strokeDashoffset:"100%",circlePointMoving:!1,circlePointWidth:8,circlePointBackground:"blue",strokeLineCap:"square",borderColor:"#12D362FF",borderWidth:4,borderStyle:"solid",backgroundColor:"#12D3624F",backgroundWidth:8,gradientBg:[{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:0},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:2},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:50},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:98},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:100}],gradientStr:"linear-gradient(90deg, rgba(46,165,255,1) 0%,rgba(20,51,204,1) 2%,rgba(46,165,255,1) 50%,rgba(20,51,204,1) 98%,rgba(46,165,255,1) 100%)",isAnimation:!0,animationName:"es_animate_dash",animationDuration:"20s",arrowType:"none",dataPoint:"",min:null,max:null,animCondition:[],enableShadow:!1,dropShadow:{x:22,y:12,blur:6,color:"rgba(0,0,0,0.35)"}}],ve=""+new URL("preset1-B8VqQEDo.png",import.meta.url).href,fe=""+new URL("preset2-BbJ5Ctyo.png",import.meta.url).href,ce=""+new URL("preset3-ONkrGbLX.png",import.meta.url).href,ke=""+new URL("preset4-BpYyC8wg.png",import.meta.url).href,ye=""+new URL("preset5-CiJ2o43z.png",import.meta.url).href,Se=""+new URL("preset6-aPSVCDeb.png",import.meta.url).href,Ce=""+new URL("preset7-eEkP1GG8.png",import.meta.url).href,O=""+new URL("glow-MfKxrqhe.png",import.meta.url).href,De=Y({name:"EsLineConfig",components:{ColorPicker:G,NSelect:x,Upload:z},props:{modelValue:{type:Object,default:()=>({})}},emits:["update:modelValue"],setup(a,{emit:t}){const w=H(),W=I({get(){return w.current},set(e){w.current=e}}),n=I({get(){return a.modelValue},set(e){t("update:modelValue",e)}}),R=I({get(){return Number.parseInt(n.value.animationDuration)||10},set(e){n.value.animationDuration=`${e}s`}}),b=_([{label:"隐藏",value:"hidden"},{label:"实线",value:"solid"},{label:"虚线",value:"dashed"},{label:"点线",value:"dotted"}]);function i(e){switch(e.value){case"hidden":return"隐藏";case"solid":return c("div",{style:"width: 200px; height: 26px; display: flex; justify-content: center; align-items: center;"},c("div",{style:"width: 100%; height: 0px;border-top: 1px solid #999; margin: 0;"}));case"dashed":return c("div",{style:"width: 200px; height: 26px; display: flex; justify-content: center; align-items: center;"},c("div",{style:"width: 100%; height: 0px;border-top: 1px dashed #999; margin: 0;"}));case"dotted":return c("div",{style:"width: 200px; height: 26px; display: flex; justify-content: center; align-items: center;"},c("div",{style:"width: 100%; height: 0px; border-top: 1px dotted #999; margin: 0;"}));default:return e.label}}const h=Array(100).fill("").map((e,l)=>({label:`${l}px`,value:l})),A=e=>{if(n.value.animationStyle=e,!e||e==="none"){n.value.isAnimation=!1,n.value.strokeDashWidth=12,n.value.strokeDashWidth2=12,n.value.strokeDashSpace=12,n.value.strokeDashoffset="100%",n.value.circlePointMoving=!1;return}const l=W.value.props.points;let g=0;for(let k=1;k<l.length;k++){const M=l[k].x-l[k-1].x,$=l[k].y-l[k-1].y,j=Math.sqrt(Math.floor(M*M+$*$));g+=j}e==="waterPearl"?(n.value.isAnimation=!0,n.value.lineBackStrokeWidth<8&&(n.value.lineBackStrokeWidth=8),n.value.borderStyle="dashed",n.value.strokeDashWidth=12,n.value.strokeDashWidth2=12,n.value.strokeDashSpace=12,n.value.strokeDashoffset=`${g}`,n.value.circlePointMoving=!1):e==="waterfluid"?(n.value.isAnimation=!0,n.value.lineBackStrokeWidth<8&&(n.value.lineBackStrokeWidth=8),n.value.borderStyle="hidden",n.value.strokeDashWidth=g,n.value.strokeDashWidth2=g,n.value.strokeDashSpace=g+20,n.value.strokeDashoffset=`${g}`,n.value.circlePointMoving=!1):e==="waterPoint"&&(n.value.isAnimation=!1,n.value.lineBackStrokeWidth<8&&(n.value.lineBackStrokeWidth=8),n.value.borderStyle="hidden",n.value.strokeDashWidth=12,n.value.strokeDashWidth2=12,n.value.strokeDashSpace=12,n.value.strokeDashoffset="100%",n.value.circlePointMoving=!0)},m=K({lineBackgradient:"",lineBackgradientOrigin:[{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:0},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:2},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:50},{color:"rgba(20,51,204,1)",hex:"#1433cc",rgba:{r:20,g:51,b:204,a:1},pst:98},{color:"rgba(46,165,255,1)",hex:"#2ea5ff",rgba:{r:46,g:165,b:255,a:1},pst:100}]});Q(()=>{n.value.gradientBg&&n.value.gradientBg.length>0&&(m.lineBackgradientOrigin=n.value.gradientBg),n.value.gradientStr&&(m.lineBackgradient=n.value.gradientStr)});const v=({gradientOrigin:e})=>{n.value.gradientBg=Z(e),m.lineBackgradientOrigin=e};function P(e){m.lineBackgradient=e,n.value.gradientStr=e}function s(e){e?(n.value["is2.5d"]=!0,n.value.borderWidth=0,n.value.cornerWidth=0):(n.value["is2.5d"]=!1,n.value.borderWidth=4,n.value.cornerWidth=4)}const f=X(),C=ae();function y(){const e=_(null),l=[{label:"字符串",value:"string"},{label:"数字",value:"number"},{label:"布尔值",value:"boolean"},{label:"范围",value:"range"}];f.success({title:"新增变量条件",content:()=>c(x,{value:e.value,placeholder:"请选择变量类型",options:l,onUpdateValue:g=>{e.value=g}}),negativeText:"取消",positiveText:"确定",onPositiveClick:()=>{if(!e.value)return C.warning("请选择变量类型");e.value==="string"?n.value.animCondition.push({name:"",variable:"",type:"string"}):e.value==="number"?n.value.animCondition.push({name:"",variable:0,type:"number"}):e.value==="boolean"?n.value.animCondition.push({name:"",variable:!1,type:"boolean"}):e.value==="range"&&n.value.animCondition.push({name:"",variable:[0,1],type:"array"})}})}function D(e){W.value.props.options=window.structuredClone(e)}const S=_(null);async function B(e){if(!e){n.value.animationImage="";return}const l=await J.uploadDashboardSnapshot(e);if(l.code!==0)return C.warning(l.msg);n.value.animationImage=l.data}function U(e){n.value.animationImage=e}function E(){n.value.animationImage?S.value.previewSrc=n.value.animationImage:(S.value.previewSrc=O,n.value.animationImage=O)}return{options:n,animationSpeed:R,borderStyleOptions:b,renderBorderStyleLabel:i,borderWidthOptions:h,animationStyleChangeHandler:A,gradient:m,gradientChanged:v,lineBackgradientChanged:P,checkedPoint5d:s,addCondition:y,PresetLines:he,presetsImages:[ve,fe,ce,ke,ye,Se,Ce],updateLineStyle:D,uploadRef:S,imagedChangedHandler:B,componentImgSelected:U,initAnimImg:E}}}),Be={class:"grid grid-cols-1"},Fe={key:3},we={class:"mt-2 flex justify-end"};function We(a,t,w,W,n,R){const b=x,i=le,h=ue,A=se,m=oe,v=de,P=N("ColorPicker"),s=ne,f=re,C=N("Upload"),y=pe,D=me,S=ge,B=ie,U=te,E=be;return u(),d(E,{model:a.options,size:"small","label-placement":"left"},{default:r(()=>[o(i,{label:"线条样式",path:"borderStyle"},{default:r(()=>[o(b,{value:a.options.borderStyle,"onUpdate:value":t[0]||(t[0]=e=>a.options.borderStyle=e),clearable:!0,options:a.borderStyleOptions,"render-label":a.renderBorderStyleLabel},null,8,["value","options","render-label"])]),_:1}),o(i,{label:"流体宽度",path:"borderWidth"},{default:r(()=>[o(b,{value:a.options.borderWidth,"onUpdate:value":t[1]||(t[1]=e=>a.options.borderWidth=e),clearable:!0,options:a.borderWidthOptions},null,8,["value","options"])]),_:1}),o(i,{label:"流体颜色",path:"borderColor"},{default:r(()=>[o(h,{value:a.options.borderColor,"onUpdate:value":t[2]||(t[2]=e=>a.options.borderColor=e)},null,8,["value"])]),_:1}),o(i,{label:"管道背景",path:"backgroundColor"},{default:r(()=>[o(h,{value:a.options.backgroundColor,"onUpdate:value":t[3]||(t[3]=e=>a.options.backgroundColor=e)},null,8,["value"])]),_:1}),o(i,{label:"管道宽度",path:"backgroundWidth"},{default:r(()=>[o(b,{value:a.options.backgroundWidth,"onUpdate:value":t[4]||(t[4]=e=>a.options.backgroundWidth=e),clearable:!0,options:a.borderWidthOptions},null,8,["value","options"])]),_:1}),o(U,{"arrow-placement":"right"},{default:r(()=>[o(m,{title:"预设线条",name:"0"},{default:r(()=>[(u(!0),F(V,null,q(a.PresetLines,(e,l)=>(u(),F("div",{key:l},[o(A,{src:a.presetsImages[l],"preview-disabled":"",class:"cursor-pointer",onClick:g=>a.updateLineStyle(e)},null,8,["src","onClick"])]))),128))]),_:1}),o(m,{title:"2.5d配置",name:"1"},{default:r(()=>[o(f,null,{default:r(()=>[o(i,{label:"开启2.5d",path:"is2.5d"},{default:r(()=>[o(v,{checked:a.options["is2.5d"],"onUpdate:checked":t[5]||(t[5]=e=>a.options["is2.5d"]=e),"on-update:checked":a.checkedPoint5d},null,8,["checked","on-update:checked"])]),_:1}),o(i,{label:"渐变背景",path:"gradientBg"},{default:r(()=>[o(P,{id:"lineBackgradient",type:"gradient","pure-color":"","gradient-color":a.options.gradientBg,"gradient-str":a.gradient.lineBackgradient,"gradient-color-origin":a.gradient.lineBackgradientOrigin,onColorChanged:a.lineBackgradientChanged,onGradientChange:a.gradientChanged},null,8,["gradient-color","gradient-str","gradient-color-origin","onColorChanged","onGradientChange"])]),_:1}),o(i,{label:"开启阴影",path:"enableShadow"},{default:r(()=>[o(v,{checked:a.options.enableShadow,"onUpdate:checked":t[6]||(t[6]=e=>a.options.enableShadow=e)},null,8,["checked"])]),_:1}),o(i,{label:"阴影颜色",path:"dropShadow.color"},{default:r(()=>[o(h,{value:a.options.dropShadow.color,"onUpdate:value":t[7]||(t[7]=e=>a.options.dropShadow.color=e)},null,8,["value"])]),_:1}),o(i,{label:"阴影X偏移",path:"dropShadow.x"},{default:r(()=>[o(s,{value:a.options.dropShadow.x,"onUpdate:value":t[8]||(t[8]=e=>a.options.dropShadow.x=e),min:-100,max:100,step:1},null,8,["value"])]),_:1}),o(i,{label:"阴影Y偏移",path:"dropShadow.y"},{default:r(()=>[o(s,{value:a.options.dropShadow.y,"onUpdate:value":t[9]||(t[9]=e=>a.options.dropShadow.y=e),min:-100,max:100,step:1},null,8,["value"])]),_:1}),o(i,{label:"阴影模糊",path:"dropShadow.blur"},{default:r(()=>[o(s,{value:a.options.dropShadow.blur,"onUpdate:value":t[10]||(t[10]=e=>a.options.dropShadow.blur=e),min:0,max:100,step:1},null,8,["value"])]),_:1})]),_:1})]),_:1}),o(m,{title:"动效配置",name:"2"},{default:r(()=>[o(f,null,{default:r(()=>[o(i,{label:"动画效果",path:"animationStyle"},{default:r(()=>[o(b,{value:a.options.animationStyle,clearable:!0,options:[{label:"无",value:"none"},{label:"水流",value:"waterfluid"},{label:"水珠流动",value:"waterPearl"},{label:"圆点",value:"waterPoint"},{label:"自定义动画",value:"custom"}],"on-update:value":a.animationStyleChangeHandler},null,8,["value","on-update:value"])]),_:1}),a.options.animationStyle==="custom"?(u(),d(i,{key:0,label:"自定义动画",path:"customAnimation"},{default:r(()=>[o(C,{ref:"uploadRef",tip:"发光体，箭头等，少于5M，格式为jpg/png/gif 的文件。",onImagedChanged:a.imagedChangedHandler,onVnodeMounted:a.initAnimImg,onMaterialSelected:a.componentImgSelected},null,8,["onImagedChanged","onVnodeMounted","onMaterialSelected"])]),_:1})):p("",!0),a.options.animationStyle==="custom"?(u(),d(i,{key:1,label:"动画图片宽度",path:"animationImgStyle.width"},{default:r(()=>[o(s,{value:a.options.animationImgStyle.width,"onUpdate:value":t[11]||(t[11]=e=>a.options.animationImgStyle.width=e),min:1,max:200,step:1},null,8,["value"])]),_:1})):p("",!0),a.options.animationStyle==="custom"?(u(),d(i,{key:2,label:"动画图片高度",path:"animationImgStyle.height"},{default:r(()=>[o(s,{value:a.options.animationImgStyle.height,"onUpdate:value":t[12]||(t[12]=e=>a.options.animationImgStyle.height=e),min:1,max:200,step:1},null,8,["value"])]),_:1})):p("",!0),a.options.animationStyle==="custom"?(u(),d(i,{key:3,label:"动画图片x位置",path:"animationImgStyle.x"},{default:r(()=>[o(s,{value:a.options.animationImgStyle.x,"onUpdate:value":t[13]||(t[13]=e=>a.options.animationImgStyle.x=e),max:200,step:1},null,8,["value"])]),_:1})):p("",!0),a.options.animationStyle==="custom"?(u(),d(i,{key:4,label:"动画图片y位置",path:"animationImgStyle.y"},{default:r(()=>[o(s,{value:a.options.animationImgStyle.y,"onUpdate:value":t[14]||(t[14]=e=>a.options.animationImgStyle.y=e),max:200,step:1},null,8,["value"])]),_:1})):p("",!0),a.options.animationStyle==="custom"?(u(),d(i,{key:5,label:"动画图片个数",path:"animationImgStyle.repeat"},{default:r(()=>[o(s,{value:a.options.animationImgStyle.repeat,"onUpdate:value":t[15]||(t[15]=e=>a.options.animationImgStyle.repeat=e),max:10,step:1},null,8,["value"])]),_:1})):p("",!0),a.options.animationStyle==="custom"?(u(),d(i,{key:6,label:"动画间隔时间",path:"animationImgStyle.interval"},{default:r(()=>[o(s,{value:a.options.animationImgStyle.interval,"onUpdate:value":t[16]||(t[16]=e=>a.options.animationImgStyle.interval=e),max:10,step:1},null,8,["value"])]),_:1})):p("",!0),a.options.animationStyle==="waterPoint"?(u(),d(i,{key:7,label:"圆点大小",path:"circlePointWidth"},{default:r(()=>[o(s,{value:a.options.circlePointWidth,"onUpdate:value":t[17]||(t[17]=e=>a.options.circlePointWidth=e),min:1,max:100,step:1},null,8,["value"])]),_:1})):p("",!0),a.options.animationStyle==="waterPoint"?(u(),d(i,{key:8,label:"圆点颜色",path:"circlePointBackground"},{default:r(()=>[o(h,{value:a.options.circlePointBackground,"onUpdate:value":t[18]||(t[18]=e=>a.options.circlePointBackground=e)},null,8,["value"])]),_:1})):p("",!0),o(i,{label:"开启流动",path:"isAnimation"},{default:r(()=>[o(v,{checked:a.options.isAnimation,"onUpdate:checked":t[19]||(t[19]=e=>a.options.isAnimation=e)},null,8,["checked"])]),_:1}),o(i,{label:"反向流动",path:"animationReverse"},{default:r(()=>[o(v,{checked:a.options.animationReverse,"onUpdate:checked":t[20]||(t[20]=e=>a.options.animationReverse=e)},null,8,["checked"])]),_:1}),o(i,{label:"流动速度"},{default:r(()=>[o(y,{value:a.animationSpeed,"onUpdate:value":t[21]||(t[21]=e=>a.animationSpeed=e),min:1,max:30},null,8,["value"])]),_:1}),o(i,{label:"变量控制",path:"text"},{default:r(()=>[L("div",Be,[(u(!0),F(V,null,q(a.options.animCondition,e=>(u(),d(f,{key:e.name},{default:r(()=>[o(i,{label:"名称"},{default:r(()=>[o(D,{value:e.name,"onUpdate:value":l=>e.name=l},null,8,["value","onUpdate:value"])]),_:2},1024),o(i,{label:"值"},{default:r(()=>[e.type==="string"?(u(),d(D,{key:0,value:e.variable,"onUpdate:value":l=>e.variable=l},null,8,["value","onUpdate:value"])):p("",!0),e.type==="number"?(u(),d(s,{key:1,value:e.variable,"onUpdate:value":l=>e.variable=l},null,8,["value","onUpdate:value"])):p("",!0),e.type==="boolean"?(u(),d(S,{key:2,value:e.variable,"onUpdate:value":l=>e.variable=l},null,8,["value","onUpdate:value"])):p("",!0),e.type==="array"?(u(),F("div",Fe,[o(s,{value:e.variable[0],"onUpdate:value":l=>e.variable[0]=l},null,8,["value","onUpdate:value"]),t[31]||(t[31]=L("span",null,"至",-1)),o(s,{value:e.variable[1],"onUpdate:value":l=>e.variable[1]=l},null,8,["value","onUpdate:value"])])):p("",!0)]),_:2},1024)]),_:2},1024))),128))])]),_:1}),o(i,{label:"操作","label-width":"75px","label-placement":"left"},{default:r(()=>[L("div",we,[a.options.animCondition.length<1?(u(),d(B,{key:0,type:"default",size:"small",class:"mr-2",onClick:a.addCondition},{default:r(()=>t[32]||(t[32]=[T(" 新增变量 ")])),_:1},8,["onClick"])):p("",!0),o(B,{type:"warning",size:"small",onClick:t[22]||(t[22]=e=>a.options.animCondition.pop())},{default:r(()=>t[33]||(t[33]=[T(" 删除变量 ")])),_:1})])]),_:1})]),_:1})]),_:1}),o(m,{title:"拐角装饰",name:"3"},{default:r(()=>[o(f,null,{default:r(()=>[o(i,{label:"拐角半径",path:"radius"},{default:r(()=>[o(y,{value:a.options.radius,"onUpdate:value":t[23]||(t[23]=e=>a.options.radius=e),step:1,min:1,max:120},null,8,["value"])]),_:1}),o(i,{label:"拐角装饰",path:"showCorner"},{default:r(()=>[o(v,{checked:a.options.showCorner,"onUpdate:checked":t[24]||(t[24]=e=>a.options.showCorner=e)},null,8,["checked"])]),_:1}),o(i,{label:"拐角宽度",path:"cornerWidth"},{default:r(()=>[o(y,{value:a.options.cornerWidth,"onUpdate:value":t[25]||(t[25]=e=>a.options.cornerWidth=e),step:1,min:0,max:60},null,8,["value"])]),_:1}),o(i,{label:"拐角颜色",path:"cornerBack"},{default:r(()=>[o(h,{value:a.options.cornerBack,"onUpdate:value":t[26]||(t[26]=e=>a.options.cornerBack=e)},null,8,["value"])]),_:1})]),_:1})]),_:1}),o(m,{title:"虚线配置",name:"4"},{default:r(()=>[o(f,null,{default:r(()=>[o(i,{label:"虚线线帽",path:"strokeLineCap"},{default:r(()=>[o(b,{value:a.options.strokeLineCap,"onUpdate:value":t[27]||(t[27]=e=>a.options.strokeLineCap=e),clearable:!0,options:[{label:"正方形",value:"square"},{label:"圆形",value:"round"}]},null,8,["value"])]),_:1}),o(i,{label:"虚线长度",path:"strokeDashWidth"},{default:r(()=>[o(s,{value:a.options.strokeDashWidth,"onUpdate:value":t[28]||(t[28]=e=>a.options.strokeDashWidth=e),min:0,max:8e3,step:1},null,8,["value"])]),_:1}),o(i,{label:"虚线间隔",name:"strokeDashSpace"},{default:r(()=>[o(s,{value:a.options.strokeDashSpace,"onUpdate:value":t[29]||(t[29]=e=>a.options.strokeDashSpace=e),min:0,max:8e3,step:1},null,8,["value"])]),_:1}),o(i,{label:"虚线长度",path:"strokeDashWidth2"},{default:r(()=>[o(s,{value:a.options.strokeDashWidth2,"onUpdate:value":t[30]||(t[30]=e=>a.options.strokeDashWidth2=e),min:0,max:8e3,step:1},null,8,["value"])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["model"])}const xo=ee(De,[["render",We]]);export{xo as default};
|