Начало Каталог Помощ
Вход
Sagoo-Cloud
/
sagoo-admin-ui-plugin
23
0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
ИН на ревизия: 7664bbb85c
Клонове Маркери
sagoo-admin-ui-...
/
screen
/
static
/
js
/
StylesSetting-fd9dd73e.js

StylesSetting-fd9dd73e.js 5.4 KB
История Директен файл

1 
  1. import{d as X,h as Y,r as u,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 w,p as L,A as c,ap as T,ao as Z,$ as S,f as j}from"./index-ec08eff7.js";import{B as q}from"./chartEditStore-bf521111.js";import{S as s}from"./SettingItem-e3862b0b.js";import{S as i}from"./SettingItemBox-76552639.js";import{_ as D}from"./CollapseItem.vue_vue_type_script_setup_true_lang-9f643b07.js";import{i as E}from"./icon-97832eae.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=r=>`${(parseFloat(r)*100).toFixed(0)}%`,F=r=>`${r}deg`,h=Y([]);for(let r=1;r<=12;r++)h.value.push({index:r,src:G,hueRotate:r*30});return(r,a)=>{const b=u("n-divider"),x=u("n-tag"),C=u("n-switch"),d=u("n-slider"),U=u("n-image"),p=u("n-text"),z=u("n-icon"),$=u("n-tooltip"),B=u("n-select"),v=u("n-input-number");return m(),g(w,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(w,null,L(h.value,(n,R)=>(m(),c(U,{class:T(["preset-img",{"active-preset":n.hueRotate===e.chartStyles.hueRotate}]),width:"46","preview-disabled":"","object-fit":"scale-down",key:R,style:Z({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(p,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(p,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(q)},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=j(A,[["__scopeId","data-v-9b37593c"]]);export{te as S};
    2.