import{d as X,h as Y,r,o as m,c as g,M as I,N,m as M,b as t,w as l,e as y,t as V,u as o,F as p,p as q,A as c,ar as L,aq as T,$ as S,f as Z}from"./index-93381b89.js";import{B as j}from"./chartEditStore-15504e7d.js";import{S as s}from"./SettingItem-151c8eef.js";import{S as i}from"./SettingItemBox-b21a2e29.js";import{_ as D}from"./CollapseItem.vue_vue_type_script_setup_true_lang-e70b2a99.js";import{i as E}from"./icon-cac1aa16.js";import{l as G}from"./logo-f20f88ae.js";/* empty css                                                                      */const O={key:0,class:"preset-filter"},A=X({__name:"StylesSetting",props:{isGroup:{type:Boolean,required:!1},isCanvas:{type:Boolean,default:!1},chartStyles:{type:Object,required:!0}},setup(e){const{HelpOutlineIcon:k}=E.ionicons5,f=u=>`${(parseFloat(u)*100).toFixed(0)}%`,F=u=>`${u}deg`,h=Y([]);for(let u=1;u<=12;u++)h.value.push({index:u,src:G,hueRotate:u*30});return(u,a)=>{const b=r("n-divider"),x=r("n-tag"),C=r("n-switch"),d=r("n-slider"),U=r("n-image"),w=r("n-text"),z=r("n-icon"),$=r("n-tooltip"),B=r("n-select"),v=r("n-input-number");return m(),g(p,null,[I(M("div",null,[t(b,{"n-divider":"",style:{margin:"10px 0"}}),t(x,{type:"warning"},{default:l(()=>[y(" 解散分组「 "+V(e.isCanvas?"滤镜":"滤镜 / 变换")+" 」也将消失!",1)]),_:1})],512),[[N,e.isGroup]]),t(o(D),{name:e.isCanvas?"滤镜":"滤镜 / 变换"},{header:l(()=>[t(C,{value:e.chartStyles.filterShow,"onUpdate:value":a[0]||(a[0]=n=>e.chartStyles.filterShow=n),size:"small"},null,8,["value"])]),default:l(()=>[t(o(i),{name:"色相",alone:!0},{default:l(()=>[t(o(s),{name:`值：${e.chartStyles.hueRotate}deg`},{default:l(()=>[t(d,{value:e.chartStyles.hueRotate,"onUpdate:value":a[1]||(a[1]=n=>e.chartStyles.hueRotate=n),step:3,min:0,max:360,"format-tooltip":F},null,8,["value"])]),_:1},8,["name"])]),_:1}),t(o(i),{name:"饱和度",alone:!0},{default:l(()=>[t(o(s),{name:`值：${(parseFloat(String(e.chartStyles.saturate))*100).toFixed(0)}%`},{default:l(()=>[t(d,{value:e.chartStyles.saturate,"onUpdate:value":a[2]||(a[2]=n=>e.chartStyles.saturate=n),step:.1,min:0,max:2,"format-tooltip":f},null,8,["value"])]),_:1},8,["name"])]),_:1}),t(o(i),{name:"对比度",alone:!0},{default:l(()=>[t(o(s),{name:`值：${(parseFloat(String(e.chartStyles.contrast))*100).toFixed(0)}%`},{default:l(()=>[t(d,{value:e.chartStyles.contrast,"onUpdate:value":a[3]||(a[3]=n=>e.chartStyles.contrast=n),step:.1,min:0,max:2,"format-tooltip":f},null,8,["value"])]),_:1},8,["name"])]),_:1}),t(o(i),{name:"亮度",alone:!0},{default:l(()=>[t(o(s),{name:`值：${(parseFloat(String(e.chartStyles.brightness))*100).toFixed(0)}%`},{default:l(()=>[t(d,{value:e.chartStyles.brightness,"onUpdate:value":a[4]||(a[4]=n=>e.chartStyles.brightness=n),step:.1,min:0,max:2,"format-tooltip":f},null,8,["value"])]),_:1},8,["name"])]),_:1}),t(o(i),{name:"透明度",alone:!0},{default:l(()=>[t(o(s),{name:`值：${(parseFloat(String(e.chartStyles.opacity))*100).toFixed(0)}%`},{default:l(()=>[t(d,{value:e.chartStyles.opacity,"onUpdate:value":a[5]||(a[5]=n=>e.chartStyles.opacity=n),step:.1,min:0,max:1,"format-tooltip":f},null,8,["value"])]),_:1},8,["name"])]),_:1}),h.value.length?(m(),g("div",O,[(m(!0),g(p,null,q(h.value,(n,R)=>(m(),c(U,{class:L(["preset-img",{"active-preset":n.hueRotate===e.chartStyles.hueRotate}]),width:"46","preview-disabled":"","object-fit":"scale-down",key:R,style:T({filter:`hue-rotate(${n.hueRotate}deg)`}),src:n.src,onClick:()=>e.chartStyles.hueRotate=n.hueRotate},null,8,["class","style","src","onClick"]))),128))])):S("",!0),e.isCanvas?S("",!0):(m(),c(o(i),{key:1,alone:!0},{name:l(()=>[t(w,null,{default:l(()=>a[12]||(a[12]=[y("混合")])),_:1}),t($,{trigger:"hover"},{trigger:l(()=>[t(z,{size:"21",depth:3},{default:l(()=>[t(o(k))]),_:1})]),default:l(()=>[t(w,null,{default:l(()=>a[13]||(a[13]=[y("视频组件需要底色透明一般选中滤色")])),_:1})]),_:1})]),default:l(()=>[t(o(s),null,{default:l(()=>[t(B,{value:e.chartStyles.blendMode,"onUpdate:value":a[6]||(a[6]=n=>e.chartStyles.blendMode=n),size:"small",filterable:"",options:o(j)},null,8,["value","options"])]),_:1})]),_:1})),e.isCanvas?S("",!0):(m(),c(o(i),{key:2,name:"旋转°"},{default:l(()=>[t(o(s),{name:"Z轴(平面) - 旋转"},{default:l(()=>[t(v,{value:e.chartStyles.rotateZ,"onUpdate:value":a[7]||(a[7]=n=>e.chartStyles.rotateZ=n),min:0,max:360,size:"small",placeholder:"角度"},null,8,["value"])]),_:1}),t(o(s),{name:"X轴 - 旋转"},{default:l(()=>[t(v,{value:e.chartStyles.rotateX,"onUpdate:value":a[8]||(a[8]=n=>e.chartStyles.rotateX=n),min:0,max:360,size:"small",placeholder:"角度"},null,8,["value"])]),_:1}),t(o(s),{name:"Y轴 - 旋转"},{default:l(()=>[t(v,{value:e.chartStyles.rotateY,"onUpdate:value":a[9]||(a[9]=n=>e.chartStyles.rotateY=n),min:0,max:360,size:"small",placeholder:"角度"},null,8,["value"])]),_:1})]),_:1})),e.isCanvas?S("",!0):(m(),c(o(i),{key:3,name:"倾斜°"},{default:l(()=>[t(o(s),{name:"X轴 - 倾斜"},{default:l(()=>[t(v,{value:e.chartStyles.skewX,"onUpdate:value":a[10]||(a[10]=n=>e.chartStyles.skewX=n),min:0,max:360,size:"small",placeholder:"角度"},null,8,["value"])]),_:1}),t(o(s),{name:"Y轴 - 倾斜"},{default:l(()=>[t(v,{value:e.chartStyles.skewY,"onUpdate:value":a[11]||(a[11]=n=>e.chartStyles.skewY=n),min:0,max:360,size:"small",placeholder:"角度"},null,8,["value"])]),_:1})]),_:1})),t(x,{type:"warning"},{default:l(()=>a[14]||(a[14]=[y(" 若预览时大屏模糊，可以尝试关闭滤镜进行修复 ")])),_:1})]),_:1},8,["name"])],64)}}}),te=Z(A,[["__scopeId","data-v-9b37593c"]]);export{te as S};