2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
import{d as w,r as s,o as f,c as p,a3 as U,a4 as k,p as b,f as e,w as a,g as E,t as z,u as n,E as F,Q as C,F as $}from"./index-67a30bc6.js";import{n as X}from"./chartEditStore-8254eca3.js";import{a as i,S as o}from"./SettingItemBox-a2ea547e.js";import{_ as Y}from"./CollapseItem-92fb7302.js";import{i as N}from"./icon-99a136c4.js";const V=E("\u6DF7\u5408"),I=E("\u89C6\u9891\u7EC4\u4EF6\u9700\u8981\u5E95\u8272\u900F\u660E\u4E00\u822C\u9009\u4E2D\u6EE4\u8272"),M=E(" \u82E5\u9884\u89C8\u65F6\u5927\u5C4F\u6A21\u7CCA\uFF0C\u53EF\u4EE5\u5C1D\u8BD5\u5173\u95ED\u6EE4\u955C\u8FDB\u884C\u4FEE\u590D "),O=w({__name:"StylesSetting",props:{isGroup:{type:Boolean,required:!1},isCanvas:{type:Boolean,default:!1},chartStyles:{type:Object,required:!0}},setup(t){const{HelpOutlineIcon:S}=N.ionicons5,d=v=>`${(parseFloat(v)*100).toFixed(0)}%`,h=v=>`${v}deg`;return(v,u)=>{const g=s("n-divider"),c=s("n-tag"),x=s("n-switch"),r=s("n-slider"),y=s("n-text"),D=s("n-icon"),B=s("n-tooltip"),A=s("n-select"),m=s("n-input-number");return f(),p($,null,[U(b("div",null,[e(g,{"n-divider":"",style:{margin:"10px 0"}}),e(c,{type:"warning"},{default:a(()=>[E(" \u89E3\u6563\u5206\u7EC4\u300C "+z(t.isCanvas?"\u6EE4\u955C":"\u6EE4\u955C / \u53D8\u6362")+" \u300D\u4E5F\u5C06\u6D88\u5931!",1)]),_:1})],512),[[k,t.isGroup]]),e(n(Y),{name:t.isCanvas?"\u6EE4\u955C":"\u6EE4\u955C / \u53D8\u6362"},{header:a(()=>[e(x,{value:t.chartStyles.filterShow,"onUpdate:value":u[0]||(u[0]=l=>t.chartStyles.filterShow=l),size:"small"},null,8,["value"])]),default:a(()=>[e(n(i),{name:"\u8272\u76F8",alone:!0},{default:a(()=>[e(n(o),{name:`\u503C\uFF1A${t.chartStyles.hueRotate}deg`},{default:a(()=>[e(r,{value:t.chartStyles.hueRotate,"onUpdate:value":u[1]||(u[1]=l=>t.chartStyles.hueRotate=l),step:3,min:0,max:360,"format-tooltip":h},null,8,["value"])]),_:1},8,["name"])]),_:1}),e(n(i),{name:"\u9971\u548C\u5EA6",alone:!0},{default:a(()=>[e(n(o),{name:`\u503C\uFF1A${(parseFloat(String(t.chartStyles.saturate))*100).toFixed(0)}%`},{default:a(()=>[e(r,{value:t.chartStyles.saturate,"onUpdate:value":u[2]||(u[2]=l=>t.chartStyles.saturate=l),step:.1,min:0,max:2,"format-tooltip":d},null,8,["value","step"])]),_:1},8,["name"])]),_:1}),e(n(i),{name:"\u5BF9\u6BD4\u5EA6",alone:!0},{default:a(()=>[e(n(o),{name:`\u503C\uFF1A${(parseFloat(String(t.chartStyles.contrast))*100).toFixed(0)}%`},{default:a(()=>[e(r,{value:t.chartStyles.contrast,"onUpdate:value":u[3]||(u[3]=l=>t.chartStyles.contrast=l),step:.1,min:0,max:2,"format-tooltip":d},null,8,["value","step"])]),_:1},8,["name"])]),_:1}),e(n(i),{name:"\u4EAE\u5EA6",alone:!0},{default:a(()=>[e(n(o),{name:`\u503C\uFF1A${(parseFloat(String(t.chartStyles.brightness))*100).toFixed(0)}%`},{default:a(()=>[e(r,{value:t.chartStyles.brightness,"onUpdate:value":u[4]||(u[4]=l=>t.chartStyles.brightness=l),step:.1,min:0,max:2,"format-tooltip":d},null,8,["value","step"])]),_:1},8,["name"])]),_:1}),e(n(i),{name:"\u900F\u660E\u5EA6",alone:!0},{default:a(()=>[e(n(o),{name:`\u503C\uFF1A${(parseFloat(String(t.chartStyles.opacity))*100).toFixed(0)}%`},{default:a(()=>[e(r,{value:t.chartStyles.opacity,"onUpdate:value":u[5]||(u[5]=l=>t.chartStyles.opacity=l),step:.1,min:0,max:1,"format-tooltip":d},null,8,["value","step"])]),_:1},8,["name"])]),_:1}),t.isCanvas?C("",!0):(f(),F(n(i),{key:0,alone:!0},{name:a(()=>[e(y,null,{default:a(()=>[V]),_:1}),e(B,{trigger:"hover"},{trigger:a(()=>[e(D,{size:"21",depth:3},{default:a(()=>[e(n(S))]),_:1})]),default:a(()=>[e(y,null,{default:a(()=>[I]),_:1})]),_:1})]),default:a(()=>[e(n(o),null,{default:a(()=>[e(A,{value:t.chartStyles.blendMode,"onUpdate:value":u[6]||(u[6]=l=>t.chartStyles.blendMode=l),size:"small",filterable:"",options:n(X)},null,8,["value","options"])]),_:1})]),_:1})),t.isCanvas?C("",!0):(f(),F(n(i),{key:1,name:"\u65CB\u8F6C\xB0"},{default:a(()=>[e(n(o),{name:"Z\u8F74(\u5E73\u9762) - \u65CB\u8F6C"},{default:a(()=>[e(m,{value:t.chartStyles.rotateZ,"onUpdate:value":u[7]||(u[7]=l=>t.chartStyles.rotateZ=l),min:0,max:360,size:"small",placeholder:"\u89D2\u5EA6"},null,8,["value"])]),_:1}),e(n(o),{name:"X\u8F74 - \u65CB\u8F6C"},{default:a(()=>[e(m,{value:t.chartStyles.rotateX,"onUpdate:value":u[8]||(u[8]=l=>t.chartStyles.rotateX=l),min:0,max:360,size:"small",placeholder:"\u89D2\u5EA6"},null,8,["value"])]),_:1}),e(n(o),{name:"Y\u8F74 - \u65CB\u8F6C"},{default:a(()=>[e(m,{value:t.chartStyles.rotateY,"onUpdate:value":u[9]||(u[9]=l=>t.chartStyles.rotateY=l),min:0,max:360,size:"small",placeholder:"\u89D2\u5EA6"},null,8,["value"])]),_:1})]),_:1})),t.isCanvas?C("",!0):(f(),F(n(i),{key:2,name:"\u503E\u659C\xB0"},{default:a(()=>[e(n(o),{name:"X\u8F74 - \u503E\u659C"},{default:a(()=>[e(m,{value:t.chartStyles.skewX,"onUpdate:value":u[10]||(u[10]=l=>t.chartStyles.skewX=l),min:0,max:360,size:"small",placeholder:"\u89D2\u5EA6"},null,8,["value"])]),_:1}),e(n(o),{name:"Y\u8F74 - \u503E\u659C"},{default:a(()=>[e(m,{value:t.chartStyles.skewY,"onUpdate:value":u[11]||(u[11]=l=>t.chartStyles.skewY=l),min:0,max:360,size:"small",placeholder:"\u89D2\u5EA6"},null,8,["value"])]),_:1})]),_:1})),e(c,{type:"warning"},{default:a(()=>[M]),_:1})]),_:1},8,["name"])],64)}}});export{O as _};
|