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