| 1 |
- import{d as re,b7 as pe,h as ee,k as oe,G as ce,a6 as O,V as te,c$ as ve,d0 as me,d1 as fe,r as a,o as u,c as C,b as e,w as o,e as h,m as c,F as A,p as U,ap as le,M as Ce,u as k,N as ge,ao as G,$ as ne,a8 as be,a7 as D,d2 as he,d3 as ke,f as ie,H as ae,A as j,t as xe}from"./index-ec08eff7.js";import{n as ye}from"./noData-b4665123.js";import{g as z}from"./plugin-56cc5b01.js";import{i as de}from"./icon-97832eae.js";import{u as we,E as F}from"./chartEditStore-bf521111.js";import{l as Ie}from"./index-9d6ec3bf.js";const Ee={key:0,class:"create-color-setting"},He={class:"color-list-box go-mt-3","x-gap":12,"y-gap":12,cols:4},Te={class:"go-flex-items-center"},$e={class:"expend-color-box"},Oe=["onClick"],De=["onClick"],Re=re({__name:"index",props:{selectColor:Object},emits:["updateColor"],setup(q,{emit:J}){pe(s=>({"3d26029e":i.color}));const L=q,E=J,{AddIcon:K,TrashIcon:Q}=de.ionicons5,W=Ie(()=>be(()=>import("./index-81dcbc27.js"),["static/js/index-81dcbc27.js","static/js/index.esm.min-3e14e69f.js","static/js/index-ec08eff7.js","static/css/index-a2f98856.css","static/js/chartEditStore-bf521111.js","static/js/plugin-56cc5b01.js","static/js/icon-97832eae.js"])),r=ee(),i=oe({index:-1,color:""});ce(()=>{var s;return(s=L.selectColor)==null?void 0:s.id},()=>{var s;r.value=O(L.selectColor),i.index=0,i.color=(s=r.value)==null?void 0:s.color[0]},{immediate:!0,deep:!1});const H=te(()=>v(i.color)),v=s=>{if(!s)return{default:[],fade:[]};const l=36,_=[],x=[],n=[];for(let t=0;t<l;t++)x.unshift(ve(s,1/100*(t+1))),_.push(me(s,3.5/100*(t+1)));return _.forEach((t,f)=>{n.unshift(fe(t,1/100*(f+1)))}),{default:[...x.reverse().splice(0,parseInt(`${l/2}`)-9),..._.splice(0,parseInt(`${l/2}`))],fade:n.reverse().splice(0,27)}},d=s=>({backgroundColor:s}),m=(s,l)=>{i.color=s,i.index=l},g=(s,l)=>{s&&(i.color=s),l&&(i.index=l),D(()=>{E("updateColor",r.value)})},M=(s,l)=>{const _=l?he(s):ke(s);r.value&&(r.value.color[i.index]=_),D(()=>{E("updateColor",r.value)})},R=()=>{var l,_,x;const s=((_=r.value)==null?void 0:_.color[((l=r.value)==null?void 0:l.color.length)-1])||"#2c2c31";(x=r.value)==null||x.color.push(s),D(()=>{E("updateColor",r.value)})},P=s=>{var l,_;(l=r.value)==null||l.color.splice(s,1),s===i.index&&g((_=r.value)==null?void 0:_.color[s-1],s-1)},X=()=>{D(()=>{E("updateColor",r.value)})};return(s,l)=>{const _=a("n-input-group-label"),x=a("n-input"),n=a("n-input-group"),t=a("n-tag"),f=a("n-space"),y=a("n-color-picker"),B=a("n-icon"),S=a("n-tooltip"),T=a("n-button"),Y=a("n-scrollbar"),$=a("n-card"),N=a("n-text"),V=a("n-divider");return r.value?(u(),C("div",Ee,[e($,{bordered:!1,role:"dialog",size:"small","aria-modal":"true"},{default:o(()=>[e(f,{justify:"space-between"},{default:o(()=>[e(n,null,{default:o(()=>[e(_,null,{default:o(()=>l[1]||(l[1]=[h("名称:")])),_:1}),e(x,{class:"create-color-name",value:r.value.name,"onUpdate:value":l[0]||(l[0]=b=>r.value.name=b),valueModifiers:{trim:!0},maxlength:"8","show-count":"",clearable:"",onChange:X},null,8,["value"])]),_:1}),e(t,{type:"warning"},{default:o(()=>l[2]||(l[2]=[h("底部图表仅展示 7 条数据")])),_:1})]),_:1}),e(Y,{style:{"max-height":"132px"}},{default:o(()=>[c("div",He,[(u(!0),C(A,null,U(r.value.color,(b,p)=>(u(),C("div",{class:"color-list-item",key:p},[c("div",{class:le(["go-flex-items-center",{select:p===i.index}])},[e(y,{style:{width:"95px"},value:r.value.color[p],"onUpdate:value":w=>r.value.color[p]=w,"show-preview":!0,modes:["hex"],onComplete:w=>g(w,p),"onUpdate:show":w=>m(b,p)},null,8,["value","onUpdate:value","onComplete","onUpdate:show"]),Ce(c("div",null,[e(S,{trigger:"hover"},{trigger:o(()=>[e(B,{class:"go-ml-1 go-cursor-pointer",size:"16",depth:3,onClick:w=>P(p)},{default:o(()=>[e(k(Q))]),_:2},1032,["onClick"])]),default:o(()=>[l[3]||(l[3]=h(" 删除颜色 "))]),_:2},1024)],512),[[ge,p>5]])],2)]))),128)),c("div",null,[e(T,{type:"primary",secondary:"",onClick:R},{default:o(()=>[c("div",Te,[l[4]||(l[4]=c("span",{class:"go-mr-4"},"添加",-1)),e(B,{size:"16"},{default:o(()=>[e(k(K))]),_:1})])]),_:1})])])]),_:1})]),_:1}),c("div",$e,[e($,{class:"go-mt-3 expend-color",bordered:!1,role:"dialog",size:"small","aria-modal":"true"},{default:o(()=>[e(N,null,{default:o(()=>l[5]||(l[5]=[h("默认扩展色：")])),_:1}),e(V,{style:{margin:"10px 0"}}),e(f,{size:[4,0],justify:"center"},{default:o(()=>[(u(!0),C(A,null,U(H.value.default,(b,p)=>(u(),C("div",{class:"color-computed-item",key:p,onClick:w=>M(b,!1)},[l[6]||(l[6]=c("div",{class:"n-color-picker-checkboard"},null,-1)),c("div",{style:G(d(b))},null,4)],8,Oe))),128))]),_:1})]),_:1}),e($,{class:"go-mt-3 expend-color",bordered:!1,role:"dialog",size:"small","aria-modal":"true"},{default:o(()=>[e(N,null,{default:o(()=>l[7]||(l[7]=[h("透明扩展色：")])),_:1}),e(V,{style:{margin:"10px 0"}}),e(f,{size:[4,0],justify:"center"},{default:o(()=>[(u(!0),C(A,null,U(H.value.fade,(b,p)=>(u(),C("div",{class:"color-computed-item",key:p,onClick:w=>M(b,!0)},[l[8]||(l[8]=c("div",{class:"n-color-picker-checkboard"},null,-1)),c("div",{style:G(d(b))},null,4)],8,De))),128))]),_:1})]),_:1})]),e(k(W),{color:k(O)(r.value.color).splice(0,7)},null,8,["color"])])):ne("",!0)}}});const Se=ie(Re,[["__scopeId","data-v-04bb59e0"]]),ze={class:"create-content"},Ae={class:"create-color-setting-box"},Ue={key:1,class:"no-data go-flex-center"},Le=["src"],Me={class:"color-list-box"},Pe={class:"color-list"},Be={class:"go-flex-items-center"},Ne=re({__name:"index",props:{modelShow:Boolean},emits:["update:modelShow","editSaveHandle"],setup(q,{emit:J}){const L=q,E=J,{DuplicateOutlineIcon:K,TrashIcon:Q,ArrowDownIcon:W}=de.ionicons5,r={id:ae(),name:"未命名",color:["#6ae5bb","#69e3de","#5ac5ee","#5ac4ee","#4498ec","#3c7ddf"]},i=we(),H=ee(!1);let v=oe(i.getEditCanvasConfig.chartCustomThemeColorInfo||[]);const d=ee(void 0),m=oe({selectInfo:v[0]});ce(()=>L.modelShow,n=>{H.value=n,n&&v.length&&(m.selectInfo=v[0])});const g=te(()=>{var n;return(n=m==null?void 0:m.selectInfo)==null?void 0:n.id}),M=te(()=>i.getEditCanvasConfig.chartThemeColor),R=n=>{n.id!==g.value&&(d.value!==void 0?z({message:"当前有变动未保存，是否直接放弃修改？",onPositiveCallback:()=>{d.value=void 0,m.selectInfo=n}}):m.selectInfo=n)},P=()=>{const n=()=>{const t={...O(r),id:ae()};m.selectInfo=t,v.push(t),R(t),d.value=t,l(!1)};d.value!==void 0?z({message:"当前有变动未保存，是否直接放弃修改？",onPositiveCallback:()=>{d.value=void 0,n()}}):n()},X=n=>{const t=()=>{v.splice(n,1),i.setEditCanvasConfig(F.CHART_CUSTOM_THEME_COLOR_INFO,O(v)),D(()=>{v.length?R(v[n-1>-1?n-1:n]):m.selectInfo=void 0})};d.value!==void 0?z({message:"当前有变动未保存，是否直接放弃修改？",onPositiveCallback:()=>{d.value=void 0,t()}}):z({message:"是否删除此颜色？",onPositiveCallback:()=>{t()}})},s=n=>{d.value=n},l=(n=!0)=>{if(!d.value)return;const t=v.findIndex(f=>{var y;return f.id===((y=d.value)==null?void 0:y.id)});if(t!==-1){n&&window.$message.success("数据应用成功！");const f=O({...d.value,name:d.value.name||"未定义"});v.splice(t,1,f),d.value=void 0;const y=i.getEditCanvasConfig.chartThemeColor;i.setEditCanvasConfig(F.CHART_THEME_COLOR,"dark"),D(()=>{i.setEditCanvasConfig(F.CHART_CUSTOM_THEME_COLOR_INFO,O(v)),i.setEditCanvasConfig(F.CHART_THEME_COLOR,y)})}else window.$message.error("数据应用失败！")},_=()=>{const n=()=>{d.value=void 0,m.selectInfo=void 0,E("update:modelShow",!1)};d.value!==void 0?z({message:"当前有变动未保存，是否直接放弃修改？",onPositiveCallback:()=>{n()}}):n()},x=n=>`linear-gradient(to right, ${n.color[0]} 0%, ${n.color[5]} 100%)`;return(n,t)=>{const f=a("n-text"),y=a("n-timeline-item"),B=a("n-timeline"),S=a("n-icon"),T=a("n-button"),Y=a("n-badge"),$=a("n-space"),N=a("n-divider"),V=a("n-a"),b=a("n-ellipsis"),p=a("n-card"),w=a("n-tooltip"),ue=a("n-modal");return u(),j(ue,{class:"go-chart-create-color",show:H.value,"onUpdate:show":t[0]||(t[0]=I=>H.value=I),"mask-closable":!1,closeOnEsc:!1},{default:o(()=>[e(p,{bordered:!1,role:"dialog",size:"small","aria-modal":"true",style:{width:"900px",height:"720px"}},{header:o(()=>t[1]||(t[1]=[])),"header-extra":o(()=>t[2]||(t[2]=[])),action:o(()=>[e($,{justify:"end"},{default:o(()=>[e(T,{onClick:_},{default:o(()=>t[9]||(t[9]=[h("操作完成")])),_:1})]),_:1})]),default:o(()=>[c("div",ze,[c("div",Ae,[g.value?(u(),j(k(Se),{key:0,selectColor:m.selectInfo,onUpdateColor:s},null,8,["selectColor"])):(u(),C("div",Ue,[c("img",{src:k(ye),alt:"暂无数据"},null,8,Le),e(f,{depth:3},{default:o(()=>t[3]||(t[3]=[h("暂未选择自定义颜色")])),_:1})]))]),c("div",Me,[e(B,{class:"pond-item-timeline",style:{width:"20px"}},{default:o(()=>[e(y,{type:"info"}),e(y,{type:"success"})]),_:1}),c("div",Pe,[e($,null,{default:o(()=>[e(T,{class:le(["create-btn",{"is-full":!g.value}]),type:"primary",ghost:!g.value,secondary:!!g.value,onClick:P},{icon:o(()=>[e(S,null,{default:o(()=>[e(k(K))]),_:1})]),default:o(()=>[t[4]||(t[4]=c("span",null," 创建 ",-1))]),_:1},8,["class","ghost","secondary"]),g.value?(u(),j(Y,{key:0,show:d.value!==void 0,dot:""},{default:o(()=>[e(T,{class:"create-btn",type:"info",secondary:"",onClick:l},{icon:o(()=>[e(S,null,{default:o(()=>[e(k(W))]),_:1})]),default:o(()=>[t[5]||(t[5]=c("span",null," 应用数据 ",-1))]),_:1})]),_:1},8,["show"])):ne("",!0)]),_:1}),e(N,{style:{margin:"10px 0"}}),g.value?ne("",!0):(u(),j(f,{key:0,class:"not-data-text",depth:3},{default:o(()=>[t[7]||(t[7]=h(" 暂无自定义颜色， ")),e(V,{onClick:P},{default:o(()=>t[6]||(t[6]=[h("立即创建")])),_:1})]),_:1})),(u(!0),C(A,null,U(k(v),(I,se)=>(u(),C("div",{class:"color-card-box",key:se},[e(p,{class:le(["color-card",{selected:I.id===g.value}]),size:"small",hoverable:"",embedded:"",onClick:Z=>R(I)},{default:o(()=>[c("div",Be,[e(b,{style:{"text-align":"left",width:"70px"}},{default:o(()=>[h(xe(I.name),1)]),_:2},1024),(u(!0),C(A,null,U(I.color,(Z,_e)=>(u(),C("span",{class:"theme-color-item",key:_e,style:G({backgroundColor:Z})},null,4))),128))]),c("div",{class:"theme-bottom",style:G({backgroundImage:x(I)})},null,4)]),_:2},1032,["class","onClick"]),e(w,{trigger:"hover"},{trigger:o(()=>[e(T,{text:"",disabled:I.id===M.value,onClick:Z=>X(se)},{default:o(()=>[e(S,{class:"go-ml-1 go-cursor-pointer",size:"16",depth:3},{default:o(()=>[e(k(Q))]),_:1})]),_:2},1032,["disabled","onClick"])]),default:o(()=>[t[8]||(t[8]=h(" 删除自定义颜色 "))]),_:2},1024)]))),128))])])])]),_:1})]),_:1},8,["show"])}}});const Ke=ie(Ne,[["__scopeId","data-v-1aebdbd9"]]);export{Ke as default};
|
