st-comp 0.0.208 → 0.0.209

package/es/KlineNew.cjs

@@ -1 +1 @@
-"use strict";const t=require("vue"),C=require("./index.esm-94a95a2a.cjs"),L=require("./_plugin-vue_export-helper-f246444f.cjs"),z=require("./index-8901a38c.cjs");require("./base-7ba08794.cjs");require("./el-tag-d59f3463.cjs");const R=require("./el-select-5fd77a96.cjs");require("./el-scrollbar-bc3f790d.cjs");require("./el-popper-1dd8f5b4.cjs");const $=require("echarts");require("./index-c30cf7f9.cjs");require("./use-form-common-props-41182853.cjs");require("./index-ae6c9d97.cjs");require("./index-a206f6eb.cjs");require("./castArray-efa457a5.cjs");require("./index-d8294b1a.cjs");require("./scroll-19533c53.cjs");require("./debounce-4aa22feb.cjs");require("./vnode-8cb31692.cjs");function N(D){const x=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(D){for(const S in D)if(S!=="default"){const g=Object.getOwnPropertyDescriptor(D,S);Object.defineProperty(x,S,g.get?g:{enumerable:!0,get:()=>D[S]})}}return x.default=D,Object.freeze(x)}const E=N($),M=t.defineComponent({__name:"index",setup(D,{expose:x}){let S=!1,g=!0,y=[];const w=(h,u)=>h.length>u?h.slice(h.length-u):h;return x({initTalib:async()=>{if(!S)S=!0,await C.init("./talib.wasm"),g=!1,y.forEach(h=>{h()});else if(g)return new Promise(h=>{y.push(h)})},handleKeyDown:(h,u)=>{let{startValue:r,endValue:d,maxIndex:f}=u;if(h.code==="ArrowLeft"){if(r===0)return;r=r-1,d=d-1}else if(h.code==="ArrowRight"){if(d===f)return;r=r+1,d=d+1}else if(h.code==="ArrowUp"){if(d-r<5)return;const p=Math.floor((d-r)/2)+1;r=r+p,d-r<5&&(r=d-4)}else if(h.code==="ArrowDown"){const p=Math.min(500,d-r);r=r-p-1}return{startValue:r,endValue:d}},getDataZoomInfoByTime:h=>{const{showStartTime:u,showEndTime:r,xAxisData:d,maxShowDays:f}=h;let p=-1,e=-1,i={};return d.forEach((a,n)=>{const l=a.split(" ")[0];i[l]=i[l]||0,i[l]+=1,new Date(a)>=new Date(u)&&p===-1&&(p=n),new Date(a)<=new Date(r)&&(e=n)}),{startValue:p,endValue:e,maxValueSpan:Math.max(...Object.values(i))*f}},formatDataBySlide:h=>{const{originDrawData:u,addData:r,startTime:d,endTime:f}=h,{mainIndicator:p,mainIndicatorList:e,subIndicator:i,subIndicatorList:a,config:n,timeRange:l}=h,{loadAddCount:b,preLoadCount:F}=n;let m=[],v=[],q=[],k=[];d&&f?(m=r.filter(s=>new Date(s[0])>=new Date(d)&&new Date(s[0])<=new Date(f)),k=[...r]):f?(m=[...r.filter((s,o)=>o>=r.length-b&&new Date(l[0])<=new Date(s[0])&&new Date(s[0])<=new Date(l[1])),...u.originData],k=[...r,...u.originData]):d&&(m=[...u.originData,...r.filter((s,o)=>o>=F&&new Date(l[0])<=new Date(s[0])&&new Date(s[0])<=new Date(l[1]))],k=m),m.forEach((s,o)=>{v.push([s[1],s[4],s[3],s[2],o===0?0:m[o-1][4],s[6]]),q.push(s[0])});let c=[],_=[];const I={time:[],open:[],close:[],high:[],low:[],originData:k};let B=null,T=null;return k.forEach((s,o)=>{I.time.push(s[0]),I.open.push(s[1]),I.close.push(s[4]),I.high.push(s[2]),I.low.push(s[3]),s[0]===m[0][0]&&(B=o),s[0]===m[m.length-1][0]&&(T=o+1)}),c=e.find(({value:s})=>s===p).config.map(s=>{const{calculationFn:o}=s,A={time:[],open:[],close:[],high:[],low:[],originData:[]};return{...s,data:o?o(C.talib,I,A).slice(B,T):[]}}),_=a.find(({value:s})=>s===i).config.reduce((s,o)=>{const{source:A,calculationFn:V}=o;return A==="calculation"?[...s,{...o,data:V?V(C.talib,I).slice(B,T):[]}]:s},[]),{originData:m,candlestickData:v,mainIndicatorData:c,subIndicatorData:_,xAxisData:q,startTime:m[0][0],endTime:m[m.length-1][0],length:m.length}},formatDataByCount:h=>{const{originDrawData:u,addData:r,mainIndicator:d,mainIndicatorList:f,subIndicator:p,subIndicatorList:e,config:i}=h;let a={};const{addCount:n,preLoadCount:l}=i,b=[],F=[],m=[],v=[],q=[];let k=[],c=[];const _=r.filter((o,A)=>(b.push(o[0]),F.push(o[1]),m.push(o[4]),v.push(o[2]),q.push(o[3]),k.push(o[0]),c.push([o[1],o[4],o[3],o[2],A===0?0:r[A-1][4],o[6]]),r.length>=n+l-1?A>=l:!0));k=w(k,_.length),c=w(c,_.length);const I={time:b,open:F,close:m,high:v,low:q,originData:r},T=f.find(o=>o.value===d).config.map(o=>({...o,data:w(o.calculationFn?o.calculationFn(C.talib,I,{time:[],open:[],close:[],high:[],low:[],originData:[]}):[],k.length)}));let s=[];return p&&e&&(s=e.find(A=>A.value===p).config.reduce((A,V)=>V.source==="calculation"?[...A,{...V,data:w(V.calculationFn?V.calculationFn(C.talib,I):[],k.length)}]:A,[])),u.length?a={originData:[..._,...u.originData],xAxisData:[...k,...u.xAxisData],candlestickData:[...c,...u.candlestickData],mainIndicatorData:u.mainIndicatorData.map((o,A)=>({...o,data:[...T[A].data,...o.data]})),subIndicatorData:u.subIndicatorData.map((o,A)=>({...o,data:[...s[A].data,...o.data]}))}:a={originData:_,xAxisData:k,candlestickData:c,mainIndicatorData:T,subIndicatorData:s},a.length=a.xAxisData.length,a.startTime=a.xAxisData[0],a.endTime=a.xAxisData[a.length-1],a},fn:()=>{}}),(h,u)=>null}}),j={class:"kline-tips"},P=t.defineComponent({__name:"index",props:{data:{type:Array,require:!0}},setup(D){return(x,S)=>(t.openBlock(),t.createElementBlock("div",j,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(D.data,(g,y)=>(t.openBlock(),t.createElementBlock("div",{key:y,class:"kline-tips-item",style:t.normalizeStyle({color:g.color})},t.toDisplayString(g.label)+" "+t.toDisplayString(g.value),5))),128))]))}});const O=L._export_sfc(P,[["__scopeId","data-v-2a02e841"]]),K={class:"kline-tips"},U=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},candlestickData:{type:Array,default:()=>null},mainIndicatorData:{type:Array,default:()=>null},activeIndex:{type:Number,require:!0}},setup(D){const{round:x,multiply:S,divide:g,subtract:y,formatValue:w}=z.x,h=D,u=t.computed(()=>{const{drawData:d,activeIndex:f,candlestickData:p}=h;if(p!=null&&p.length&&p[f]){let e;return p[f][6]>0?e="red":p[f][6]<0&&(e="green"),[{label:"开",value:x(p[f][0])},{label:"高",value:x(p[f][3])},{label:"低",value:x(p[f][2])},{label:"收",value:x(p[f][1])},{label:"额",value:w(p[f][4])},{label:"涨跌",value:`${x(p[f][6])}%`,color:e}]}else if(d.candlestickData&&d.candlestickData[f]){const e=d.candlestickData[f],i=[{label:"开",value:x(e[0])},{label:"高",value:x(e[3])},{label:"低",value:x(e[2])},{label:"收",value:x(e[1])}];e[5]!==void 0&&i.push({label:"额",value:w(e[5])});const a=x(S(g(y(e[1],e[4]),Math.abs(e[4])),100));let n;return a>0?n="red":a<0&&(n="green"),i.push({label:"涨跌",value:`${a}%`,color:n}),i}return[]}),r=t.computed(()=>{var p;const{drawData:d,activeIndex:f}=h;return((p=d==null?void 0:d.mainIndicatorData)==null?void 0:p.map(e=>({label:e.key,value:x(e.data[f]),color:e.color})))||[]});return(d,f)=>(t.openBlock(),t.createElementBlock("div",K,[t.createVNode(O,{data:u.value},null,8,["data"]),t.createVNode(O,{data:r.value},null,8,["data"])]))}});const Z=L._export_sfc(U,[["__scopeId","data-v-234f3f41"]]),Y={class:"klineSub"},H={class:"klineSub-tips"},G={key:0,class:"klineSub-tips-select"},J=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},activeIndex:{type:Number,require:!0},modelValue:{type:String,required:!0},subIndicatorList:{type:Array,required:!0},config:{type:Object,require:!0}},emits:["update:modelValue"],setup(D,{expose:x,emit:S}){const{round:g}=z.x;let y,w;const h=S,u=D,r=t.ref(),d=t.computed({get(){return u.modelValue},set(e){h("update:modelValue",e)}}),f=t.computed(()=>{const{drawData:e,activeIndex:i}=u,a=u.subIndicatorList.find(n=>n.value===d.value);return e.originData&&e.originData[i]?a.config.map(n=>{var b,F;let l="-";return n.source==="origin"?l=e.originData[i][n.dataIndex]||"-":n.source==="calculation"&&(l=(((F=(b=e.subIndicatorData)==null?void 0:b.find(v=>v.key===n.key))==null?void 0:F.data)||[])[i]),{label:n.key,color:n.color,value:l==="-"?l:g(l)}}):[]});t.onMounted(()=>{y=E.init(r.value);let e=!0;w=new ResizeObserver(()=>{if(e){e=null;return}y.resize()}),w.observe(r.value)}),t.onUnmounted(()=>{y.dispose(),w.disconnect(),w=null});const p=(e,i)=>{const a=e[i],n=i===0?e[i]:e[i-1];return a[0]===a[1]?a[0]>=n[1]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}:a[1]>a[0]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}};return x({connect:e=>{E.connect([e,y])},draw:e=>{t.nextTick(()=>{var k;const{startValue:i,endValue:a,maxValueSpan:n}=e,{xAxisData:l,subIndicatorData:b,candlestickData:F,originData:m}=u.drawData,v=u.subIndicatorList.find(c=>c.value===d.value),q=[];if(v.series==="bar"){let c=[];v.source==="origin"?c=m.map(_=>_[v.dataIndex]):c=((k=b==null?void 0:b.find(_=>_.key===v.dataIndex))==null?void 0:k.data)||[],q.push({name:"subMain",xAxisIndex:0,yAxisIndex:1,type:"bar",silent:!0,symbol:"none",data:c.map((_,I)=>v.color==="kline"?{value:_,itemStyle:p(F,I)}:v.color==="value"?{value:_,itemStyle:{color:_>=0?"#FF0000":"#00FFFF"}}:{value:_,itemStyle:{color:v.color}})})}b.forEach(c=>{if(c.series==="line"){let _=[];c.source==="origin"?_=m.map(I=>I[c.dataIndex]):c.source==="calculation"&&(_=c.data),q.push({xAxisIndex:0,yAxisIndex:c.yAxis==="right"?2:1,name:c.key,type:"line",silent:!0,symbol:"none",data:_,lineStyle:{width:1},itemStyle:{color:c.color}})}}),y.setOption({animation:!1,grid:{left:`${u.config.gridLeft}px`,top:"10px",right:`${u.config.gridRight}px`,bottom:"20px"},dataZoom:[{type:"inside",startValue:i,endValue:a,maxValueSpan:n}],tooltip:{trigger:"axis",appendToBody:!0,confine:!0,axisPointer:{type:"cross",label:{rich:{},formatter:c=>{const{axisDimension:_,value:I}=c;if(_==="x")return I;if(c.axisIndex===1)return String(g(I))}}},formatter:()=>""},xAxis:{type:"category",data:l,axisLine:{show:!0},splitLine:{show:!1},axisLabel:{show:!0,formatter:c=>c}},yAxis:[{position:"right"},{position:"left",min:v.leftYAxisRange==="cover"?c=>c.min:null,max:v.leftYAxisRange==="cover"?c=>c.max:null,splitNumber:1,axisLine:{show:!0},splitLine:{show:!0,lineStyle:{type:"dotted",color:"#333"}}},{position:"right",min:v.rightYAxisRange==="cover"?c=>c.min:null,max:v.rightYAxisRange==="cover"?c=>c.max:null,splitNumber:1,axisLine:{show:!1},splitLine:{show:!1},axisLabel:{show:!1}}],series:q},!0)})}}),(e,i)=>{const a=R.ElOption,n=R.ElSelect;return t.openBlock(),t.createElementBlock("div",Y,[t.createElementVNode("div",H,[f.value.length?(t.openBlock(),t.createElementBlock("div",G,[t.createVNode(n,{modelValue:d.value,"onUpdate:modelValue":i[0]||(i[0]=l=>d.value=l),size:"small","popper-class":"element-dark",class:"element-dark subIndicator"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(D.subIndicatorList,l=>(t.openBlock(),t.createBlock(a,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])):t.createCommentVNode("",!0),t.createVNode(O,{data:f.value},null,8,["data"])]),t.createElementVNode("div",{class:"klineSub-chart",ref_key:"subChartRef",ref:r},null,512)])}}});const Q=L._export_sfc(J,[["__scopeId","data-v-0a2f256e"]]),W=t.defineComponent({__name:"index",props:{data:{type:Array,default:()=>[]}},emits:["change"],setup(D,{expose:x,emit:S}){let g,y,w=null;const h=S,u=D,r=t.ref();t.watch(()=>u.data,()=>{p()},{deep:!0}),t.onMounted(()=>{g=E.init(r.value),d(),p();let e=!0;y=new ResizeObserver(()=>{if(e){e=null;return}g.resize()}),y.observe(r.value)}),t.onUnmounted(()=>{g.off("datazoom"),g.dispose(),y.disconnect(),y=null});const d=()=>{g.on("datazoom",e=>{e.dataZoomId&&(clearTimeout(w),w=setTimeout(()=>{const{data:i}=u,{start:a,end:n}=e,l=Math.floor(a*i.length/100),b=n===100?i.length-1:Math.floor(n*i.length/100);f(l,b),clearTimeout(w)},100))})},f=(e,i)=>{const a=u.data;if(a.length===0)return;const n=a[e][0].split(" ")[0],l=a[i][0].split(" ")[0];h("change",{startTime:`${n} 00:00:00`,endTime:`${l} 24:00:00`})},p=()=>{const{data:e}=u;if(e.length===0)return;const i=e.map(n=>n[0].split(" ")[0]),a=e.map(n=>n[1]);g.setOption({grid:{height:0,left:"80px",right:"80px"},xAxis:{type:"category",data:i,show:!1},yAxis:{type:"value"},series:[{data:a,type:"line"}]},!0)};return x({resetSlide:(e,i,a)=>{let n=-1,l=-1;u.data.forEach((b,F)=>{n===-1&&b[0]===e?n=F:n===-1&&new Date(b[0])>new Date(e)&&(n=F-1),(l===-1&&b[0]===i||l===-1&&new Date(b[0])>new Date(i))&&(l=F)}),l=l===-1?u.data.length-1:l,g.setOption({dataZoom:[{show:!0,startValue:n,endValue:l,maxValueSpan:a,textStyle:{color:"#ccc"}},{type:"inside",startValue:n,endValue:l,maxValueSpan:a}]})},resize:()=>{g==null||g.resize()}}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:"klineSlide",ref_key:"slideChartRef",ref:r},null,512))}});const X=L._export_sfc(W,[["__scopeId","data-v-5008746a"]]),ee={install(D){D.component("st-klineUtils",M),D.component("st-klineSub",Q),D.component("st-klineTips",Z),D.component("st-klineSlide",X)}};module.exports=ee;
+"use strict";const t=require("vue"),C=require("./index.esm-94a95a2a.cjs"),L=require("./_plugin-vue_export-helper-f246444f.cjs"),z=require("./index-8901a38c.cjs");require("./base-ef747d02.cjs");require("./el-tag-a33c4b22.cjs");const R=require("./el-select-d8d91db1.cjs");require("./el-scrollbar-bc3f790d.cjs");require("./el-popper-b6c99b28.cjs");const $=require("echarts");require("./index-c108567d.cjs");require("./index-9780a537.cjs");require("./use-form-common-props-fd9b61a0.cjs");require("./index-098c2447.cjs");require("./index-bb833443.cjs");require("./index-298075cf.cjs");require("./index-f3562b52.cjs");require("./castArray-35947698.cjs");require("./index-11547a0c.cjs");require("./scroll-b108dabd.cjs");require("./debounce-62f5b6e8.cjs");require("./vnode-b906ae6d.cjs");function N(m){const A=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const S in m)if(S!=="default"){const g=Object.getOwnPropertyDescriptor(m,S);Object.defineProperty(A,S,g.get?g:{enumerable:!0,get:()=>m[S]})}}return A.default=m,Object.freeze(A)}const E=N($),M=t.defineComponent({__name:"index",setup(m,{expose:A}){let S=!1,g=!0,v=[];const I=(h,u)=>h.length>u?h.slice(h.length-u):h;return A({initTalib:async()=>{if(!S)S=!0,await C.init("./talib.wasm"),g=!1,v.forEach(h=>{h()});else if(g)return new Promise(h=>{v.push(h)})},handleKeyDown:(h,u)=>{let{startValue:o,endValue:d,maxIndex:f}=u;if(h.code==="ArrowLeft"){if(o===0)return;o=o-1,d=d-1}else if(h.code==="ArrowRight"){if(d===f)return;o=o+1,d=d+1}else if(h.code==="ArrowUp"){if(d-o<5)return;const p=Math.floor((d-o)/2)+1;o=o+p,d-o<5&&(o=d-4)}else if(h.code==="ArrowDown"){const p=Math.min(500,d-o);o=o-p-1}return{startValue:o,endValue:d}},getDataZoomInfoByTime:h=>{const{showStartTime:u,showEndTime:o,xAxisData:d,maxShowDays:f}=h;let p=-1,e=-1,i={};return d.forEach((a,n)=>{const l=a.split(" ")[0];i[l]=i[l]||0,i[l]+=1,new Date(a)>=new Date(u)&&p===-1&&(p=n),new Date(a)<=new Date(o)&&(e=n)}),{startValue:p,endValue:e,maxValueSpan:Math.max(...Object.values(i))*f}},formatDataBySlide:h=>{const{originDrawData:u,addData:o,startTime:d,endTime:f}=h,{mainIndicator:p,mainIndicatorList:e,subIndicator:i,subIndicatorList:a,config:n,timeRange:l}=h,{loadAddCount:D,preLoadCount:q}=n;let _=[],b=[],F=[],w=[];d&&f?(_=o.filter(s=>new Date(s[0])>=new Date(d)&&new Date(s[0])<=new Date(f)),w=[...o]):f?(_=[...o.filter((s,r)=>r>=o.length-D&&new Date(l[0])<=new Date(s[0])&&new Date(s[0])<=new Date(l[1])),...u.originData],w=[...o,...u.originData]):d&&(_=[...u.originData,...o.filter((s,r)=>r>=q&&new Date(l[0])<=new Date(s[0])&&new Date(s[0])<=new Date(l[1]))],w=_),_.forEach((s,r)=>{b.push([s[1],s[4],s[3],s[2],r===0?0:_[r-1][4],s[6]]),F.push(s[0])});let c=[],x=[];const y={time:[],open:[],close:[],high:[],low:[],originData:w};let B=null,T=null;return w.forEach((s,r)=>{y.time.push(s[0]),y.open.push(s[1]),y.close.push(s[4]),y.high.push(s[2]),y.low.push(s[3]),s[0]===_[0][0]&&(B=r),s[0]===_[_.length-1][0]&&(T=r+1)}),c=e.find(({value:s})=>s===p).config.map(s=>{const{calculationFn:r}=s,k={time:[],open:[],close:[],high:[],low:[],originData:[]};return{...s,data:r?r(C.talib,y,k).slice(B,T):[]}}),x=a.find(({value:s})=>s===i).config.reduce((s,r)=>{const{source:k,calculationFn:V}=r;return k==="calculation"?[...s,{...r,data:V?V(C.talib,y).slice(B,T):[]}]:s},[]),{originData:_,candlestickData:b,mainIndicatorData:c,subIndicatorData:x,xAxisData:F,startTime:_[0][0],endTime:_[_.length-1][0],length:_.length}},formatDataByCount:h=>{const{originDrawData:u,addData:o,mainIndicator:d,mainIndicatorList:f,subIndicator:p,subIndicatorList:e,config:i}=h;let a={};const{addCount:n,preLoadCount:l}=i,D=[],q=[],_=[],b=[],F=[];let w=[],c=[];const x=o.filter((r,k)=>(D.push(r[0]),q.push(r[1]),_.push(r[4]),b.push(r[2]),F.push(r[3]),w.push(r[0]),c.push([r[1],r[4],r[3],r[2],k===0?0:o[k-1][4],r[6]]),o.length>=n+l-1?k>=l:!0));w=I(w,x.length),c=I(c,x.length);const y={time:D,open:q,close:_,high:b,low:F,originData:o},T=f.find(r=>r.value===d).config.map(r=>({...r,data:I(r.calculationFn?r.calculationFn(C.talib,y,{time:[],open:[],close:[],high:[],low:[],originData:[]}):[],w.length)}));let s=[];return p&&e&&(s=e.find(k=>k.value===p).config.reduce((k,V)=>V.source==="calculation"?[...k,{...V,data:I(V.calculationFn?V.calculationFn(C.talib,y):[],w.length)}]:k,[])),u.length?a={originData:[...x,...u.originData],xAxisData:[...w,...u.xAxisData],candlestickData:[...c,...u.candlestickData],mainIndicatorData:u.mainIndicatorData.map((r,k)=>({...r,data:[...T[k].data,...r.data]})),subIndicatorData:u.subIndicatorData.map((r,k)=>({...r,data:[...s[k].data,...r.data]}))}:a={originData:x,xAxisData:w,candlestickData:c,mainIndicatorData:T,subIndicatorData:s},a.length=a.xAxisData.length,a.startTime=a.xAxisData[0],a.endTime=a.xAxisData[a.length-1],a},fn:()=>{}}),(h,u)=>null}}),j={class:"kline-tips"},P=t.defineComponent({__name:"index",props:{data:{type:Array,require:!0}},setup(m){return(A,S)=>(t.openBlock(),t.createElementBlock("div",j,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.data,(g,v)=>(t.openBlock(),t.createElementBlock("div",{key:v,class:"kline-tips-item",style:t.normalizeStyle({color:g.color})},t.toDisplayString(g.label)+" "+t.toDisplayString(g.value),5))),128))]))}});const O=L._export_sfc(P,[["__scopeId","data-v-2a02e841"]]),K={class:"kline-tips"},U=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},candlestickData:{type:Array,default:()=>null},mainIndicatorData:{type:Array,default:()=>null},activeIndex:{type:Number,require:!0}},setup(m){const{round:A,multiply:S,divide:g,subtract:v,formatValue:I}=z.x,h=m,u=t.computed(()=>{const{drawData:d,activeIndex:f,candlestickData:p}=h;if(p!=null&&p.length&&p[f]){let e;return p[f][6]>0?e="red":p[f][6]<0&&(e="green"),[{label:"开",value:p[f][0]},{label:"高",value:p[f][3]},{label:"低",value:p[f][2]},{label:"收",value:p[f][1]},{label:"额",value:I(p[f][4])},{label:"涨跌",value:`${A(p[f][6])}%`,color:e}]}else if(d.candlestickData&&d.candlestickData[f]){const e=d.candlestickData[f],i=[{label:"开",value:e[0]},{label:"高",value:e[3]},{label:"低",value:e[2]},{label:"收",value:e[1]}];e[5]!==void 0&&i.push({label:"额",value:I(e[5])});const a=A(S(g(v(e[1],e[4]),Math.abs(e[4])),100));let n;return a>0?n="red":a<0&&(n="green"),i.push({label:"涨跌",value:`${a}%`,color:n}),i}return[]}),o=t.computed(()=>{var p;const{drawData:d,activeIndex:f}=h;return((p=d==null?void 0:d.mainIndicatorData)==null?void 0:p.map(e=>({label:e.key,value:A(e.data[f]),color:e.color})))||[]});return(d,f)=>(t.openBlock(),t.createElementBlock("div",K,[t.createVNode(O,{data:u.value},null,8,["data"]),t.createVNode(O,{data:o.value},null,8,["data"])]))}});const Z=L._export_sfc(U,[["__scopeId","data-v-e75a1234"]]),Y={class:"klineSub"},H={class:"klineSub-tips"},G={key:0,class:"klineSub-tips-select"},J=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},activeIndex:{type:Number,require:!0},modelValue:{type:String,required:!0},subIndicatorList:{type:Array,required:!0},config:{type:Object,require:!0}},emits:["update:modelValue"],setup(m,{expose:A,emit:S}){const{round:g}=z.x;let v,I;const h=S,u=m,o=t.ref(),d=t.computed({get(){return u.modelValue},set(e){h("update:modelValue",e)}}),f=t.computed(()=>{const{drawData:e,activeIndex:i}=u,a=u.subIndicatorList.find(n=>n.value===d.value);return e.originData&&e.originData[i]?a.config.map(n=>{var D,q;let l="-";return n.source==="origin"?l=e.originData[i][n.dataIndex]||"-":n.source==="calculation"&&(l=(((q=(D=e.subIndicatorData)==null?void 0:D.find(b=>b.key===n.key))==null?void 0:q.data)||[])[i]),{label:n.key,color:n.color,value:l==="-"?l:g(l)}}):[]});t.onMounted(()=>{v=E.init(o.value);let e=!0;I=new ResizeObserver(()=>{if(e){e=null;return}v.resize()}),I.observe(o.value)}),t.onUnmounted(()=>{v.dispose(),I.disconnect(),I=null});const p=(e,i)=>{const a=e[i],n=i===0?e[i]:e[i-1];return a[0]===a[1]?a[0]>=n[1]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}:a[1]>a[0]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}};return A({connect:e=>{E.connect([e,v])},draw:e=>{t.nextTick(()=>{var w;const{startValue:i,endValue:a,maxValueSpan:n}=e,{xAxisData:l,subIndicatorData:D,candlestickData:q,originData:_}=u.drawData,b=u.subIndicatorList.find(c=>c.value===d.value),F=[];if(b.series==="bar"){let c=[];b.source==="origin"?c=_.map(x=>x[b.dataIndex]):c=((w=D==null?void 0:D.find(x=>x.key===b.dataIndex))==null?void 0:w.data)||[],F.push({name:"subMain",xAxisIndex:0,yAxisIndex:1,type:"bar",silent:!0,symbol:"none",data:c.map((x,y)=>b.color==="kline"?{value:x,itemStyle:p(q,y)}:b.color==="value"?{value:x,itemStyle:{color:x>=0?"#FF0000":"#00FFFF"}}:{value:x,itemStyle:{color:b.color}})})}D.forEach(c=>{if(c.series==="line"){let x=[];c.source==="origin"?x=_.map(y=>y[c.dataIndex]):c.source==="calculation"&&(x=c.data),F.push({xAxisIndex:0,yAxisIndex:c.yAxis==="right"?2:1,name:c.key,type:"line",silent:!0,symbol:"none",data:x,lineStyle:{width:1},itemStyle:{color:c.color}})}}),v.setOption({animation:!1,grid:{left:`${u.config.gridLeft}px`,top:"10px",right:`${u.config.gridRight}px`,bottom:"20px"},dataZoom:[{type:"inside",startValue:i,endValue:a,maxValueSpan:n}],tooltip:{trigger:"axis",appendToBody:!0,confine:!0,axisPointer:{type:"cross",label:{rich:{},formatter:c=>{const{axisDimension:x,value:y}=c;if(x==="x")return y;if(c.axisIndex===1)return String(g(y))}}},formatter:()=>""},xAxis:{type:"category",data:l,axisLine:{show:!0},splitLine:{show:!1},axisLabel:{show:!0,formatter:c=>c}},yAxis:[{position:"right"},{position:"left",min:b.leftYAxisRange==="cover"?c=>c.min:null,max:b.leftYAxisRange==="cover"?c=>c.max:null,splitNumber:1,axisLine:{show:!0},splitLine:{show:!0,lineStyle:{type:"dotted",color:"#333"}}},{position:"right",min:b.rightYAxisRange==="cover"?c=>c.min:null,max:b.rightYAxisRange==="cover"?c=>c.max:null,splitNumber:1,axisLine:{show:!1},splitLine:{show:!1},axisLabel:{show:!1}}],series:F},!0)})}}),(e,i)=>{const a=R.ElOption,n=R.ElSelect;return t.openBlock(),t.createElementBlock("div",Y,[t.createElementVNode("div",H,[f.value.length?(t.openBlock(),t.createElementBlock("div",G,[t.createVNode(n,{modelValue:d.value,"onUpdate:modelValue":i[0]||(i[0]=l=>d.value=l),size:"small","popper-class":"element-dark",class:"element-dark subIndicator"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.subIndicatorList,l=>(t.openBlock(),t.createBlock(a,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])):t.createCommentVNode("",!0),t.createVNode(O,{data:f.value},null,8,["data"])]),t.createElementVNode("div",{class:"klineSub-chart",ref_key:"subChartRef",ref:o},null,512)])}}});const Q=L._export_sfc(J,[["__scopeId","data-v-0a2f256e"]]),W=t.defineComponent({__name:"index",props:{data:{type:Array,default:()=>[]}},emits:["change"],setup(m,{expose:A,emit:S}){let g,v,I=null;const h=S,u=m,o=t.ref();t.watch(()=>u.data,()=>{p()},{deep:!0}),t.onMounted(()=>{g=E.init(o.value),d(),p();let e=!0;v=new ResizeObserver(()=>{if(e){e=null;return}g.resize()}),v.observe(o.value)}),t.onUnmounted(()=>{g.off("datazoom"),g.dispose(),v.disconnect(),v=null});const d=()=>{g.on("datazoom",e=>{e.dataZoomId&&(clearTimeout(I),I=setTimeout(()=>{const{data:i}=u,{start:a,end:n}=e,l=Math.floor(a*i.length/100),D=n===100?i.length-1:Math.floor(n*i.length/100);f(l,D),clearTimeout(I)},100))})},f=(e,i)=>{const a=u.data;if(a.length===0)return;const n=a[e][0].split(" ")[0],l=a[i][0].split(" ")[0];h("change",{startTime:`${n} 00:00:00`,endTime:`${l} 24:00:00`})},p=()=>{const{data:e}=u;if(e.length===0)return;const i=e.map(n=>n[0].split(" ")[0]),a=e.map(n=>n[1]);g.setOption({grid:{height:0,left:"80px",right:"80px"},xAxis:{type:"category",data:i,show:!1},yAxis:{type:"value"},series:[{data:a,type:"line"}]},!0)};return A({resetSlide:(e,i,a)=>{let n=-1,l=-1;u.data.forEach((D,q)=>{n===-1&&D[0]===e?n=q:n===-1&&new Date(D[0])>new Date(e)&&(n=q-1),(l===-1&&D[0]===i||l===-1&&new Date(D[0])>new Date(i))&&(l=q)}),l=l===-1?u.data.length-1:l,g.setOption({dataZoom:[{show:!0,startValue:n,endValue:l,maxValueSpan:a,textStyle:{color:"#ccc"}},{type:"inside",startValue:n,endValue:l,maxValueSpan:a}]})},resize:()=>{g==null||g.resize()}}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:"klineSlide",ref_key:"slideChartRef",ref:o},null,512))}});const X=L._export_sfc(W,[["__scopeId","data-v-5008746a"]]),ee={install(m){m.component("st-klineUtils",M),m.component("st-klineSub",Q),m.component("st-klineTips",Z),m.component("st-klineSlide",X)}};module.exports=ee;

package/es/KlineNew.js

@@ -2,36 +2,39 @@ import { defineComponent as R, openBlock as T, createElementBlock as L, Fragment
 import { i as te, t as z } from "./index.esm-8d9a2abe.js";
 import { _ as q } from "./_plugin-vue_export-helper-dad06003.js";
 import { x as G } from "./index-7ed0999e.js";
-import "./base-aa512893.js";
-import "./el-tag-55a172c9.js";
-import { E as ae, a as ne } from "./el-select-700f3686.js";
+import "./base-a5af3db3.js";
+import "./el-tag-66cab138.js";
+import { E as ae, a as ne } from "./el-select-95627997.js";
 import "./el-scrollbar-323542e7.js";
-import "./el-popper-49152708.js";
+import "./el-popper-b4f97157.js";
 import * as B from "echarts";
-import "./index-3d0bc5da.js";
-import "./use-form-common-props-4cdda474.js";
-import "./index-66ad0d6a.js";
-import "./index-4e46f96c.js";
-import "./castArray-1eb17278.js";
-import "./index-cbbd78b4.js";
-import "./scroll-0a48995c.js";
-import "./debounce-33406a0d.js";
-import "./vnode-b62d0045.js";
+import "./index-e5566b94.js";
+import "./index-960806da.js";
+import "./use-form-common-props-815d48a6.js";
+import "./index-a871c3eb.js";
+import "./index-d77a7336.js";
+import "./index-844bdd85.js";
+import "./index-57672682.js";
+import "./castArray-7741a212.js";
+import "./index-d91dc23f.js";
+import "./scroll-679bd6bf.js";
+import "./debounce-8d53f4dd.js";
+import "./vnode-5ddb7ed1.js";
 const oe = /* @__PURE__ */ R({
   __name: "index",
-  setup(k, { expose: D }) {
-    let S = !1, h = !0, v = [];
-    const y = (f, c) => f.length > c ? f.slice(f.length - c) : f;
-    return D({
+  setup(w, { expose: A }) {
+    let S = !1, h = !0, D = [];
+    const b = (f, c) => f.length > c ? f.slice(f.length - c) : f;
+    return A({
       // 注册计算指标线方法
       initTalib: async () => {
         if (!S)
-          S = !0, await te("./talib.wasm"), h = !1, v.forEach((f) => {
+          S = !0, await te("./talib.wasm"), h = !1, D.forEach((f) => {
             f();
           });
         else if (h)
           return new Promise((f) => {
-            v.push(f);
+            D.push(f);
           });
       },
       // 键盘事件处理
@@ -86,42 +89,42 @@ const oe = /* @__PURE__ */ R({
        * }
        */
       formatDataBySlide: (f) => {
-        const { originDrawData: c, addData: o, startTime: u, endTime: p } = f, { mainIndicator: d, mainIndicatorList: e, subIndicator: i, subIndicatorList: t, config: a, timeRange: r } = f, { loadAddCount: x, preLoadCount: A } = a;
-        let g = [], _ = [], F = [], I = [];
-        u && p ? (g = o.filter((l) => new Date(l[0]) >= new Date(u) && new Date(l[0]) <= new Date(p)), I = [...o]) : p ? (g = [
+        const { originDrawData: c, addData: o, startTime: u, endTime: p } = f, { mainIndicator: d, mainIndicatorList: e, subIndicator: i, subIndicatorList: t, config: a, timeRange: r } = f, { loadAddCount: x, preLoadCount: k } = a;
+        let g = [], _ = [], F = [], y = [];
+        u && p ? (g = o.filter((l) => new Date(l[0]) >= new Date(u) && new Date(l[0]) <= new Date(p)), y = [...o]) : p ? (g = [
           ...o.filter((l, n) => n >= o.length - x && new Date(r[0]) <= new Date(l[0]) && new Date(l[0]) <= new Date(r[1])),
           ...c.originData
-        ], I = [...o, ...c.originData]) : u && (g = [
+        ], y = [...o, ...c.originData]) : u && (g = [
           ...c.originData,
-          ...o.filter((l, n) => n >= A && new Date(r[0]) <= new Date(l[0]) && new Date(l[0]) <= new Date(r[1]))
-        ], I = g), g.forEach((l, n) => {
+          ...o.filter((l, n) => n >= k && new Date(r[0]) <= new Date(l[0]) && new Date(l[0]) <= new Date(r[1]))
+        ], y = g), g.forEach((l, n) => {
           _.push([l[1], l[4], l[3], l[2], n === 0 ? 0 : g[n - 1][4], l[6]]), F.push(l[0]);
         });
         let s = [], m = [];
-        const b = {
+        const v = {
           time: [],
           open: [],
           close: [],
           high: [],
           low: [],
-          originData: I
+          originData: y
         };
         let E = null, C = null;
-        return I.forEach((l, n) => {
-          b.time.push(l[0]), b.open.push(l[1]), b.close.push(l[4]), b.high.push(l[2]), b.low.push(l[3]), l[0] === g[0][0] && (E = n), l[0] === g[g.length - 1][0] && (C = n + 1);
+        return y.forEach((l, n) => {
+          v.time.push(l[0]), v.open.push(l[1]), v.close.push(l[4]), v.high.push(l[2]), v.low.push(l[3]), l[0] === g[0][0] && (E = n), l[0] === g[g.length - 1][0] && (C = n + 1);
         }), s = e.find(({ value: l }) => l === d).config.map((l) => {
           const { calculationFn: n } = l;
           return {
             ...l,
-            data: n ? n(z, b, { time: [], open: [], close: [], high: [], low: [], originData: [] }).slice(E, C) : []
+            data: n ? n(z, v, { time: [], open: [], close: [], high: [], low: [], originData: [] }).slice(E, C) : []
           };
         }), m = t.find(({ value: l }) => l === i).config.reduce((l, n) => {
-          const { source: w, calculationFn: V } = n;
-          return w === "calculation" ? [
+          const { source: I, calculationFn: V } = n;
+          return I === "calculation" ? [
             ...l,
             {
               ...n,
-              data: V ? V(z, b).slice(E, C) : []
+              data: V ? V(z, v).slice(E, C) : []
             }
           ] : l;
         }, []), {
@@ -139,14 +142,14 @@ const oe = /* @__PURE__ */ R({
       formatDataByCount: (f) => {
         const { originDrawData: c, addData: o, mainIndicator: u, mainIndicatorList: p, subIndicator: d, subIndicatorList: e, config: i } = f;
         let t = {};
-        const { addCount: a, preLoadCount: r } = i, x = [], A = [], g = [], _ = [], F = [];
-        let I = [], s = [];
-        const m = o.filter((n, w) => (x.push(n[0]), A.push(n[1]), g.push(n[4]), _.push(n[2]), F.push(n[3]), I.push(n[0]), s.push([n[1], n[4], n[3], n[2], w === 0 ? 0 : o[w - 1][4], n[6]]), o.length >= a + r - 1 ? w >= r : !0));
-        I = y(I, m.length), s = y(s, m.length);
-        const b = { time: x, open: A, close: g, high: _, low: F, originData: o }, C = p.find((n) => n.value === u).config.map((n) => ({
+        const { addCount: a, preLoadCount: r } = i, x = [], k = [], g = [], _ = [], F = [];
+        let y = [], s = [];
+        const m = o.filter((n, I) => (x.push(n[0]), k.push(n[1]), g.push(n[4]), _.push(n[2]), F.push(n[3]), y.push(n[0]), s.push([n[1], n[4], n[3], n[2], I === 0 ? 0 : o[I - 1][4], n[6]]), o.length >= a + r - 1 ? I >= r : !0));
+        y = b(y, m.length), s = b(s, m.length);
+        const v = { time: x, open: k, close: g, high: _, low: F, originData: o }, C = p.find((n) => n.value === u).config.map((n) => ({
           ...n,
-          data: y(
-            n.calculationFn ? n.calculationFn(z, b, {
+          data: b(
+            n.calculationFn ? n.calculationFn(z, v, {
               time: [],
               open: [],
               close: [],
@@ -154,40 +157,40 @@ const oe = /* @__PURE__ */ R({
               low: [],
               originData: []
             }) : [],
-            I.length
+            y.length
           )
         }));
         let l = [];
-        return d && e && (l = e.find((w) => w.value === d).config.reduce((w, V) => V.source === "calculation" ? [
-          ...w,
+        return d && e && (l = e.find((I) => I.value === d).config.reduce((I, V) => V.source === "calculation" ? [
+          ...I,
           {
             ...V,
-            data: y(
-              V.calculationFn ? V.calculationFn(z, b) : [],
-              I.length
+            data: b(
+              V.calculationFn ? V.calculationFn(z, v) : [],
+              y.length
             )
           }
-        ] : w, [])), c.length ? t = {
+        ] : I, [])), c.length ? t = {
           originData: [...m, ...c.originData],
           // 原数据
-          xAxisData: [...I, ...c.xAxisData],
+          xAxisData: [...y, ...c.xAxisData],
           // 时间数据
           candlestickData: [...s, ...c.candlestickData],
           // k线数据
-          mainIndicatorData: c.mainIndicatorData.map((n, w) => ({
+          mainIndicatorData: c.mainIndicatorData.map((n, I) => ({
             ...n,
-            data: [...C[w].data, ...n.data]
+            data: [...C[I].data, ...n.data]
           })),
           // 主图指标线数据
-          subIndicatorData: c.subIndicatorData.map((n, w) => ({
+          subIndicatorData: c.subIndicatorData.map((n, I) => ({
             ...n,
-            data: [...l[w].data, ...n.data]
+            data: [...l[I].data, ...n.data]
           }))
           // 副图数据
         } : t = {
           originData: m,
           // 原数据
-          xAxisData: I,
+          xAxisData: y,
           // 时间数据
           candlestickData: s,
           // k线数据
@@ -210,10 +213,10 @@ const oe = /* @__PURE__ */ R({
       require: !0
     }
   },
-  setup(k) {
-    return (D, S) => (T(), L("div", re, [
-      (T(!0), L(K, null, Z(k.data, (h, v) => (T(), L("div", {
-        key: v,
+  setup(w) {
+    return (A, S) => (T(), L("div", re, [
+      (T(!0), L(K, null, Z(w.data, (h, D) => (T(), L("div", {
+        key: D,
         class: "kline-tips-item",
         style: H({ color: h.color })
       }, N(h.label) + " " + N(h.value), 5))), 128))
@@ -245,28 +248,28 @@ const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), le = { clas
       require: !0
     }
   },
-  setup(k) {
-    const { round: D, multiply: S, divide: h, subtract: v, formatValue: y } = G, f = k, c = $(() => {
+  setup(w) {
+    const { round: A, multiply: S, divide: h, subtract: D, formatValue: b } = G, f = w, c = $(() => {
       const { drawData: u, activeIndex: p, candlestickData: d } = f;
       if (d != null && d.length && d[p]) {
         let e;
         return d[p][6] > 0 ? e = "red" : d[p][6] < 0 && (e = "green"), [
-          { label: "开", value: D(d[p][0]) },
-          { label: "高", value: D(d[p][3]) },
-          { label: "低", value: D(d[p][2]) },
-          { label: "收", value: D(d[p][1]) },
-          { label: "额", value: y(d[p][4]) },
-          { label: "涨跌", value: `${D(d[p][6])}%`, color: e }
+          { label: "开", value: d[p][0] },
+          { label: "高", value: d[p][3] },
+          { label: "低", value: d[p][2] },
+          { label: "收", value: d[p][1] },
+          { label: "额", value: b(d[p][4]) },
+          { label: "涨跌", value: `${A(d[p][6])}%`, color: e }
         ];
       } else if (u.candlestickData && u.candlestickData[p]) {
         const e = u.candlestickData[p], i = [
-          { label: "开", value: D(e[0]) },
-          { label: "高", value: D(e[3]) },
-          { label: "低", value: D(e[2]) },
-          { label: "收", value: D(e[1]) }
+          { label: "开", value: e[0] },
+          { label: "高", value: e[3] },
+          { label: "低", value: e[2] },
+          { label: "收", value: e[1] }
         ];
-        e[5] !== void 0 && i.push({ label: "额", value: y(e[5]) });
-        const t = D(S(h(v(e[1], e[4]), Math.abs(e[4])), 100));
+        e[5] !== void 0 && i.push({ label: "额", value: b(e[5]) });
+        const t = A(S(h(D(e[1], e[4]), Math.abs(e[4])), 100));
         let a;
         return t > 0 ? a = "red" : t < 0 && (a = "green"), i.push({ label: "涨跌", value: `${t}%`, color: a }), i;
       }
@@ -274,7 +277,7 @@ const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), le = { clas
     }), o = $(() => {
       var d;
       const { drawData: u, activeIndex: p } = f;
-      return ((d = u == null ? void 0 : u.mainIndicatorData) == null ? void 0 : d.map((e) => ({ label: e.key, value: D(e.data[p]), color: e.color }))) || [];
+      return ((d = u == null ? void 0 : u.mainIndicatorData) == null ? void 0 : d.map((e) => ({ label: e.key, value: A(e.data[p]), color: e.color }))) || [];
     });
     return (u, p) => (T(), L("div", le, [
       O(M, { data: c.value }, null, 8, ["data"]),
@@ -282,7 +285,7 @@ const M = /* @__PURE__ */ q(ie, [["__scopeId", "data-v-2a02e841"]]), le = { clas
     ]));
   }
 });
-const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { class: "klineSub" }, de = { class: "klineSub-tips" }, pe = {
+const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-e75a1234"]]), ue = { class: "klineSub" }, de = { class: "klineSub-tips" }, pe = {
   key: 0,
   class: "klineSub-tips-select"
 }, fe = /* @__PURE__ */ R({
@@ -298,10 +301,10 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
     // 配置
   },
   emits: ["update:modelValue"],
-  setup(k, { expose: D, emit: S }) {
+  setup(w, { expose: A, emit: S }) {
     const { round: h } = G;
-    let v, y;
-    const f = S, c = k, o = j(), u = $({
+    let D, b;
+    const f = S, c = w, o = j(), u = $({
       get() {
         return c.modelValue;
       },
@@ -311,9 +314,9 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
     }), p = $(() => {
       const { drawData: e, activeIndex: i } = c, t = c.subIndicatorList.find((a) => a.value === u.value);
       return e.originData && e.originData[i] ? t.config.map((a) => {
-        var x, A;
+        var x, k;
         let r = "-";
-        return a.source === "origin" ? r = e.originData[i][a.dataIndex] || "-" : a.source === "calculation" && (r = (((A = (x = e.subIndicatorData) == null ? void 0 : x.find((_) => _.key === a.key)) == null ? void 0 : A.data) || [])[i]), {
+        return a.source === "origin" ? r = e.originData[i][a.dataIndex] || "-" : a.source === "calculation" && (r = (((k = (x = e.subIndicatorData) == null ? void 0 : x.find((_) => _.key === a.key)) == null ? void 0 : k.data) || [])[i]), {
           label: a.key,
           color: a.color,
           value: r === "-" ? r : h(r)
@@ -321,17 +324,17 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
       }) : [];
     });
     U(() => {
-      v = B.init(o.value);
+      D = B.init(o.value);
       let e = !0;
-      y = new ResizeObserver(() => {
+      b = new ResizeObserver(() => {
         if (e) {
           e = null;
           return;
         }
-        v.resize();
-      }), y.observe(o.value);
+        D.resize();
+      }), b.observe(o.value);
     }), Y(() => {
-      v.dispose(), y.disconnect(), y = null;
+      D.dispose(), b.disconnect(), b = null;
     });
     const d = (e, i) => {
       const t = e[i], a = i === 0 ? e[i] : e[i - 1];
@@ -347,27 +350,27 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
         color: "#00FFFF"
       };
     };
-    return D({
+    return A({
       connect: (e) => {
-        B.connect([e, v]);
+        B.connect([e, D]);
       },
       // 联动
       draw: (e) => {
         J(() => {
-          var I;
-          const { startValue: i, endValue: t, maxValueSpan: a } = e, { xAxisData: r, subIndicatorData: x, candlestickData: A, originData: g } = c.drawData, _ = c.subIndicatorList.find((s) => s.value === u.value), F = [];
+          var y;
+          const { startValue: i, endValue: t, maxValueSpan: a } = e, { xAxisData: r, subIndicatorData: x, candlestickData: k, originData: g } = c.drawData, _ = c.subIndicatorList.find((s) => s.value === u.value), F = [];
           if (_.series === "bar") {
             let s = [];
-            _.source === "origin" ? s = g.map((m) => m[_.dataIndex]) : s = ((I = x == null ? void 0 : x.find((m) => m.key === _.dataIndex)) == null ? void 0 : I.data) || [], F.push({
+            _.source === "origin" ? s = g.map((m) => m[_.dataIndex]) : s = ((y = x == null ? void 0 : x.find((m) => m.key === _.dataIndex)) == null ? void 0 : y.data) || [], F.push({
               name: "subMain",
               xAxisIndex: 0,
               yAxisIndex: 1,
               type: "bar",
               silent: !0,
               symbol: "none",
-              data: s.map((m, b) => _.color === "kline" ? {
+              data: s.map((m, v) => _.color === "kline" ? {
                 value: m,
-                itemStyle: d(A, b)
+                itemStyle: d(k, v)
               } : _.color === "value" ? {
                 value: m,
                 itemStyle: {
@@ -384,7 +387,7 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
           x.forEach((s) => {
             if (s.series === "line") {
               let m = [];
-              s.source === "origin" ? m = g.map((b) => b[s.dataIndex]) : s.source === "calculation" && (m = s.data), F.push({
+              s.source === "origin" ? m = g.map((v) => v[s.dataIndex]) : s.source === "calculation" && (m = s.data), F.push({
                 xAxisIndex: 0,
                 yAxisIndex: s.yAxis === "right" ? 2 : 1,
                 name: s.key,
@@ -400,7 +403,7 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
                 }
               });
             }
-          }), v.setOption(
+          }), D.setOption(
             {
               animation: !1,
               grid: {
@@ -426,11 +429,11 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
                   label: {
                     rich: {},
                     formatter: (s) => {
-                      const { axisDimension: m, value: b } = s;
+                      const { axisDimension: m, value: v } = s;
                       if (m === "x")
-                        return b;
+                        return v;
                       if (s.axisIndex === 1)
-                        return String(h(b));
+                        return String(h(v));
                     }
                   }
                 },
@@ -506,7 +509,7 @@ const ce = /* @__PURE__ */ q(se, [["__scopeId", "data-v-234f3f41"]]), ue = { cla
               class: "element-dark subIndicator"
             }, {
               default: Q(() => [
-                (T(!0), L(K, null, Z(k.subIndicatorList, (r) => (T(), W(t, {
+                (T(!0), L(K, null, Z(w.subIndicatorList, (r) => (T(), W(t, {
                   key: r.value,
                   label: r.label,
                   value: r.value
@@ -533,9 +536,9 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
     // 时间数据
   },
   emits: ["change"],
-  setup(k, { expose: D, emit: S }) {
-    let h, v, y = null;
-    const f = S, c = k, o = j();
+  setup(w, { expose: A, emit: S }) {
+    let h, D, b = null;
+    const f = S, c = w, o = j();
     ee(
       () => c.data,
       () => {
@@ -545,21 +548,21 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
     ), U(() => {
       h = B.init(o.value), u(), d();
       let e = !0;
-      v = new ResizeObserver(() => {
+      D = new ResizeObserver(() => {
         if (e) {
           e = null;
           return;
         }
         h.resize();
-      }), v.observe(o.value);
+      }), D.observe(o.value);
     }), Y(() => {
-      h.off("datazoom"), h.dispose(), v.disconnect(), v = null;
+      h.off("datazoom"), h.dispose(), D.disconnect(), D = null;
     });
     const u = () => {
       h.on("datazoom", (e) => {
-        e.dataZoomId && (clearTimeout(y), y = setTimeout(() => {
+        e.dataZoomId && (clearTimeout(b), b = setTimeout(() => {
           const { data: i } = c, { start: t, end: a } = e, r = Math.floor(t * i.length / 100), x = a === 100 ? i.length - 1 : Math.floor(a * i.length / 100);
-          p(r, x), clearTimeout(y);
+          p(r, x), clearTimeout(b);
         }, 100));
       });
     }, p = (e, i) => {
@@ -598,11 +601,11 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
         ]
       }, !0);
     };
-    return D({
+    return A({
       resetSlide: (e, i, t) => {
         let a = -1, r = -1;
-        c.data.forEach((x, A) => {
-          a === -1 && x[0] === e ? a = A : a === -1 && new Date(x[0]) > new Date(e) && (a = A - 1), (r === -1 && x[0] === i || r === -1 && new Date(x[0]) > new Date(i)) && (r = A);
+        c.data.forEach((x, k) => {
+          a === -1 && x[0] === e ? a = k : a === -1 && new Date(x[0]) > new Date(e) && (a = k - 1), (r === -1 && x[0] === i || r === -1 && new Date(x[0]) > new Date(i)) && (r = k);
         }), r = r === -1 ? c.data.length - 1 : r, h.setOption({
           dataZoom: [
             {
@@ -634,11 +637,11 @@ const he = /* @__PURE__ */ q(fe, [["__scopeId", "data-v-0a2f256e"]]), me = /* @_
     }, null, 512));
   }
 });
-const ge = /* @__PURE__ */ q(me, [["__scopeId", "data-v-5008746a"]]), ze = {
-  install(k) {
-    k.component("st-klineUtils", oe), k.component("st-klineSub", he), k.component("st-klineTips", ce), k.component("st-klineSlide", ge);
+const ge = /* @__PURE__ */ q(me, [["__scopeId", "data-v-5008746a"]]), qe = {
+  install(w) {
+    w.component("st-klineUtils", oe), w.component("st-klineSub", he), w.component("st-klineTips", ce), w.component("st-klineSlide", ge);
   }
 };
 export {
-  ze as default
+  qe as default
 };