Startseite Erkunden Hilfe
Anmelden
zhilian
/
admin-ui
1
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: 34ffdf13fc
Branches Tags
admin-ui
/
public
/
plugin
/
screen
/
static
/
js
/
StylesSetting-161a8b39.js

StylesSetting-161a8b39.js 5.4 KB
Verlauf Originalformat

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