st-comp 0.0.69 → 0.0.71

package/lib/KlineNew.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),B=require("./index.esm-94a95a2a.cjs"),E=require("./_plugin-vue_export-helper-f246444f.cjs"),z=require("./bundle.umd-c5698c50.cjs");require("./base-4865d432.cjs");const R=require("./el-select-a50741c1.cjs");require("./el-tag-87fd3960.cjs");require("./el-scrollbar-bc381e35.cjs");const N=require("echarts");require("./_commonjsHelpers-87b0abe8.cjs");require("./index-48a9f60d.cjs");require("./focus-trap-2a734f35.cjs");require("./typescript-b63f8e83.cjs");require("./scroll-bb8039ba.cjs");function M(m){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const A in m)if(A!=="default"){const h=Object.getOwnPropertyDescriptor(m,A);Object.defineProperty(v,A,h.get?h:{enumerable:!0,get:()=>m[A]})}}return v.default=m,Object.freeze(v)}const L=M(N),$=t.defineComponent({__name:"index",setup(m,{expose:v}){let A=!1,h=!0,y=[];const S=(f,u)=>f.length>u?f.slice(f.length-u):f;return v({initTalib:async()=>{if(!A)A=!0,await B.init("./talib.wasm"),h=!1,y.forEach(f=>{f()});else if(h)return new Promise(f=>{y.push(f)})},handleKeyDown:(f,u)=>{let{startValue:o,endValue:d,maxIndex:x}=u;if(f.code==="ArrowLeft"){if(o===0)return;o=o-1,d=d-1}else if(f.code==="ArrowRight"){if(d===x)return;o=o+1,d=d+1}else if(f.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(f.code==="ArrowDown"){const p=Math.min(500,d-o);o=o-p-1}return{startValue:o,endValue:d}},getDataZoomInfoByTime:f=>{const{showStartTime:u,showEndTime:o,xAxisData:d,maxShowDays:x}=f;let p=-1,e=-1,i={};return d.forEach((a,l)=>{const r=a.split(" ")[0];i[r]=i[r]||0,i[r]+=1,new Date(a)>=new Date(u)&&p===-1&&(p=l),new Date(a)<=new Date(o)&&(e=l)}),{startValue:p,endValue:e,maxValueSpan:Math.max(...Object.values(i))*x}},formatDataBySlide:f=>{const{originDrawData:u,addData:o,startTime:d,endTime:x}=f,{mainIndicator:p,mainIndicatorList:e,subIndicator:i,subIndicatorList:a,config:l,timeRange:r}=f,{loadAddCount:D,preLoadCount:F}=l;let _=[],b=[],V=[],w=[];d&&x?(_=o.filter(s=>new Date(s[0])>=new Date(d)&&new Date(s[0])<=new Date(x)),w=[...o]):x?(_=[...o.filter((s,n)=>n>=o.length-D&&new Date(r[0])<=new Date(s[0])&&new Date(s[0])<=new Date(r[1])),...u.originData],w=[...o,...u.originData]):d&&(_=[...u.originData,...o.filter((s,n)=>n>=F&&new Date(r[0])<=new Date(s[0])&&new Date(s[0])<=new Date(r[1]))],w=_),_.forEach((s,n)=>{b.push([s[1],s[4],s[3],s[2],n===0?0:_[n-1][4],s[6]]),V.push(s[0])});let c=[],g=[];const I={time:[],open:[],close:[],high:[],low:[],originData:w};let C=null,q=null;return w.forEach((s,n)=>{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]===_[0][0]&&(C=n),s[0]===_[_.length-1][0]&&(q=n+1)}),c=e.find(({value:s})=>s===p).config.map(s=>{const{calculationFn:n}=s,k={time:[],open:[],close:[],high:[],low:[],originData:[]};return{...s,data:n?n(B.talib,I,k).slice(C,q):[]}}),g=a.find(({value:s})=>s===i).config.reduce((s,n)=>{const{source:k,calculationFn:T}=n;return k==="calculation"?[...s,{...n,data:T?T(B.talib,I).slice(C,q):[]}]:s},[]),{originData:_,candlestickData:b,mainIndicatorData:c,subIndicatorData:g,xAxisData:V,startTime:_[0][0],endTime:_[_.length-1][0],length:_.length}},formatDataByCount:f=>{const{originDrawData:u,addData:o,mainIndicator:d,mainIndicatorList:x,subIndicator:p,subIndicatorList:e,config:i}=f;let a={};const{addCount:l,preLoadCount:r}=i,D=[],F=[],_=[],b=[],V=[];let w=[],c=[];const g=o.filter((n,k)=>(D.push(n[0]),F.push(n[1]),_.push(n[4]),b.push(n[2]),V.push(n[3]),w.push(n[0]),c.push([n[1],n[4],n[3],n[2],k===0?0:o[k-1][4],n[6]]),o.length>=l+r-1?k>=r:!0));w=S(w,g.length),c=S(c,g.length);const I={time:D,open:F,close:_,high:b,low:V,originData:o},q=x.find(n=>n.value===d).config.map(n=>({...n,data:S(n.calculationFn?n.calculationFn(B.talib,I,{time:[],open:[],close:[],high:[],low:[],originData:[]}):[],w.length)}));let s=[];return p&&e&&(s=e.find(k=>k.value===p).config.reduce((k,T)=>T.source==="calculation"?[...k,{...T,data:S(T.calculationFn?T.calculationFn(B.talib,I):[],w.length)}]:k,[])),u.length?a={originData:[...g,...u.originData],xAxisData:[...w,...u.xAxisData],candlestickData:[...c,...u.candlestickData],mainIndicatorData:u.mainIndicatorData.map((n,k)=>({...n,data:[...q[k].data,...n.data]})),subIndicatorData:u.subIndicatorData.map((n,k)=>({...n,data:[...s[k].data,...n.data]}))}:a={originData:g,xAxisData:w,candlestickData:c,mainIndicatorData:q,subIndicatorData:s},a.length=a.xAxisData.length,a.startTime=a.xAxisData[0],a.endTime=a.xAxisData[a.length-1],a},fn:()=>{}}),(f,u)=>null}}),j={class:"kline-tips"},P=t.defineComponent({__name:"index",props:{data:{type:Array,require:!0}},setup(m){return(v,A)=>(t.openBlock(),t.createElementBlock("div",j,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.data,(h,y)=>(t.openBlock(),t.createElementBlock("div",{key:y,class:"kline-tips-item",style:t.normalizeStyle({color:h.color})},t.toDisplayString(h.label)+" "+t.toDisplayString(h.value),5))),128))]))}});const O=E._export_sfc(P,[["__scopeId","data-v-2a02e841"]]),K={class:"kline-tips"},U=t.defineComponent({__name:"index",props:{drawData:{type:Object,require:!0},activeIndex:{type:Number,require:!0}},setup(m){const{round:v,multiply:A,divide:h,subtract:y,formatValue:S}=z.bundle_umdExports.stMath,f=m,u=t.computed(()=>{const{drawData:d,activeIndex:x}=f;if(d.candlestickData&&d.candlestickData[x]){const p=d.candlestickData[x],e=[{label:"开",value:v(p[0])},{label:"高",value:v(p[3])},{label:"低",value:v(p[2])},{label:"收",value:v(p[1])}];p[5]!==void 0&&e.push({label:"额",value:S(p[5])});const i=v(A(h(y(p[1],p[4]),Math.abs(p[4])),100));let a;return i>0?a="red":i<0&&(a="green"),e.push({label:"涨跌",value:`${i}%`,color:a}),e}return[]}),o=t.computed(()=>{var p;const{drawData:d,activeIndex:x}=f;return((p=d==null?void 0:d.mainIndicatorData)==null?void 0:p.map(e=>({label:e.key,value:v(e.data[x]),color:e.color})))||[]});return(d,x)=>(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=E._export_sfc(U,[["__scopeId","data-v-a1302914"]]),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:v,emit:A}){const{round:h}=z.bundle_umdExports.stMath;let y,S;const f=A,u=m,o=t.ref(),d=t.computed({get(){return u.modelValue},set(e){f("update:modelValue",e)}}),x=t.computed(()=>{const{drawData:e,activeIndex:i}=u,a=u.subIndicatorList.find(l=>l.value===d.value);return e.originData&&e.originData[i]?a.config.map(l=>{var D,F;let r="-";return l.source==="origin"?r=e.originData[i][l.dataIndex]||"-":l.source==="calculation"&&(r=(((F=(D=e.subIndicatorData)==null?void 0:D.find(b=>b.key===l.key))==null?void 0:F.data)||[])[i]),{label:l.key,color:l.color,value:r==="-"?r:h(r)}}):[]});t.onMounted(()=>{y=L.init(o.value);let e=!0;S=new ResizeObserver(()=>{if(e){e=null;return}y.resize()}),S.observe(o.value)}),t.onUnmounted(()=>{y.dispose(),S.disconnect(),S=null});const p=(e,i)=>{const a=e[i],l=i===0?e[i]:e[i-1];return a[0]===a[1]?a[0]>=l[1]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}:a[1]>a[0]?{color:"transparent",borderColor:"#FF0000"}:{color:"#00FFFF"}};return v({connect:e=>{L.connect([e,y])},draw:e=>{t.nextTick(()=>{var w;const{startValue:i,endValue:a,maxValueSpan:l}=e,{xAxisData:r,subIndicatorData:D,candlestickData:F,originData:_}=u.drawData,b=u.subIndicatorList.find(c=>c.value===d.value),V=[];if(b.series==="bar"){let c=[];b.source==="origin"?c=_.map(g=>g[b.dataIndex]):c=((w=D==null?void 0:D.find(g=>g.key===b.dataIndex))==null?void 0:w.data)||[],V.push({name:"subMain",xAxisIndex:0,yAxisIndex:1,type:"bar",silent:!0,symbol:"none",data:c.map((g,I)=>b.color==="kline"?{value:g,itemStyle:p(F,I)}:b.color==="value"?{value:g,itemStyle:{color:g>=0?"#FF0000":"#00FFFF"}}:{value:g,itemStyle:{color:b.color}})})}D.forEach(c=>{if(c.series==="line"){let g=[];c.source==="origin"?g=_.map(I=>I[c.dataIndex]):c.source==="calculation"&&(g=c.data),V.push({xAxisIndex:0,yAxisIndex:c.yAxis==="right"?2:1,name:c.key,type:"line",silent:!0,symbol:"none",data:g,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:l}],tooltip:{trigger:"axis",appendToBody:!0,confine:!0,axisPointer:{type:"cross",label:{rich:{},formatter:c=>{const{axisDimension:g,value:I}=c;if(g==="x")return I;if(c.axisIndex===1)return String(h(I))}}},formatter:()=>""},xAxis:{type:"category",data:r,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:V},!0)})}}),(e,i)=>{const a=R.ElOption,l=R.ElSelect;return t.openBlock(),t.createElementBlock("div",Y,[t.createElementVNode("div",H,[x.value.length?(t.openBlock(),t.createElementBlock("div",G,[t.createVNode(l,{modelValue:d.value,"onUpdate:modelValue":i[0]||(i[0]=r=>d.value=r),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,r=>(t.openBlock(),t.createBlock(a,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])):t.createCommentVNode("",!0),t.createVNode(O,{data:x.value},null,8,["data"])]),t.createElementVNode("div",{class:"klineSub-chart",ref_key:"subChartRef",ref:o},null,512)])}}});const Q=E._export_sfc(J,[["__scopeId","data-v-2ece79b3"]]),W=t.defineComponent({__name:"index",props:{data:{type:Array,default:()=>[]}},emits:["change"],setup(m,{expose:v,emit:A}){let h,y,S=null;const f=A,u=m,o=t.ref();t.watch(()=>u.data,()=>{p()},{deep:!0}),t.onMounted(()=>{h=L.init(o.value),d(),p();let e=!0;y=new ResizeObserver(()=>{if(e){e=null;return}h.resize()}),y.observe(o.value)}),t.onUnmounted(()=>{h.off("datazoom"),h.dispose(),y.disconnect(),y=null});const d=()=>{h.on("datazoom",e=>{e.dataZoomId&&(clearTimeout(S),S=setTimeout(()=>{const{data:i}=u,{start:a,end:l}=e,r=Math.floor(a*i.length/100),D=l===100?i.length-1:Math.floor(l*i.length/100);x(r,D),clearTimeout(S)},100))})},x=(e,i)=>{const a=u.data;if(a.length===0)return;const l=a[e][0].split(" ")[0],r=a[i][0].split(" ")[0];f("change",{startTime:`${l} 00:00:00`,endTime:`${r} 24:00:00`})},p=()=>{const{data:e}=u;if(e.length===0)return;const i=e.map(l=>l[0].split(" ")[0]),a=e.map(l=>l[1]);h.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 v({resetSlide:(e,i,a)=>{let l=-1,r=-1;u.data.forEach((D,F)=>{l===-1&&D[0]===e?l=F:l===-1&&new Date(D[0])>new Date(e)&&(l=F-1),(r===-1&&D[0]===i||r===-1&&new Date(D[0])>new Date(i))&&(r=F)}),r=r===-1?u.data.length-1:r,h.setOption({dataZoom:[{show:!0,startValue:l,endValue:r,maxValueSpan:a,textStyle:{color:"#ccc"}},{type:"inside",startValue:l,endValue:r,maxValueSpan:a}]})},resize:()=>{h==null||h.resize()}}),(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:"klineSlide",ref_key:"slideChartRef",ref:o},null,512))}});const X=E._export_sfc(W,[["__scopeId","data-v-5008746a"]]),ee={install(m){m.component("st-klineUtils",$),m.component("st-klineSub",Q),m.component("st-klineTips",Z),m.component("st-klineSlide",X)}};module.exports=ee;

package/lib/KlineNew.es.js

@@ -0,0 +1,614 @@
+import { defineComponent as E, openBlock as T, createElementBlock as L, Fragment as K, renderList as Z, normalizeStyle as H, toDisplayString as N, computed as $, createVNode as M, ref as j, onMounted as U, onUnmounted as Y, nextTick as J, createElementVNode as P, withCtx as Q, createBlock as W, createCommentVNode as X, watch as ee } from "vue";
+import { i as te, t as z } from "./index.esm-8d9a2abe.js";
+import { _ as O } from "./_plugin-vue_export-helper-dad06003.js";
+import { b as G } from "./bundle.umd-4967d574.js";
+import "./base-a240bf62.js";
+import { E as ae, a as ne } from "./el-select-85ed2643.js";
+import "./el-tag-308f715a.js";
+import "./el-scrollbar-7dc53299.js";
+import * as q from "echarts";
+import "./_commonjsHelpers-10dfc225.js";
+import "./index-1508a06b.js";
+import "./focus-trap-6922b96b.js";
+import "./typescript-7ae59c4c.js";
+import "./scroll-cfdae01b.js";
+const oe = /* @__PURE__ */ E({
+  __name: "index",
+  setup(w, { expose: A }) {
+    let S = !1, f = !0, D = [];
+    const y = (p, c) => p.length > c ? p.slice(p.length - c) : p;
+    return A({
+      // 注册计算指标线方法
+      initTalib: async () => {
+        if (!S)
+          S = !0, await te("./talib.wasm"), f = !1, D.forEach((p) => {
+            p();
+          });
+        else if (f)
+          return new Promise((p) => {
+            D.push(p);
+          });
+      },
+      // 键盘事件处理
+      handleKeyDown: (p, c) => {
+        let { startValue: n, endValue: u, maxIndex: g } = c;
+        if (p.code === "ArrowLeft") {
+          if (n === 0)
+            return;
+          n = n - 1, u = u - 1;
+        } else if (p.code === "ArrowRight") {
+          if (u === g)
+            return;
+          n = n + 1, u = u + 1;
+        } else if (p.code === "ArrowUp") {
+          if (u - n < 5)
+            return;
+          const d = Math.floor((u - n) / 2) + 1;
+          n = n + d, u - n < 5 && (n = u - 4);
+        } else if (p.code === "ArrowDown") {
+          const d = Math.min(500, u - n);
+          n = n - d - 1;
+        }
+        return {
+          startValue: n,
+          endValue: u
+        };
+      },
+      // 根据时间解析dataZoom
+      getDataZoomInfoByTime: (p) => {
+        const { showStartTime: c, showEndTime: n, xAxisData: u, maxShowDays: g } = p;
+        let d = -1, e = -1, r = {};
+        return u.forEach((t, i) => {
+          const o = t.split(" ")[0];
+          r[o] = r[o] || 0, r[o] += 1, new Date(t) >= new Date(c) && d === -1 && (d = i), new Date(t) <= new Date(n) && (e = i);
+        }), {
+          startValue: d,
+          endValue: e,
+          maxValueSpan: Math.max(...Object.values(r)) * g
+        };
+      },
+      /**
+       * @description: 计算绘图数据（拖动轴使用）
+       * @returns: {
+       *  originData, // 原始格式的K线数据 [时间, 开, 高, 低, 收, 交易量, 交易总额]
+       *  candlestickData, // 整理格式后的K线数据 [开, 收, 低, 高, 昨收, 交易总额]
+       *  mainIndicatorData, // 主图指标线数据
+       *  subIndicatorData, // 副图指标线数据
+       *  xAxisData, // 便捷数据 - K线时间轴
+       *  startTime, // 便捷数据 - K线首根时间
+       *  endTime // 便捷数据 - K线末根时间
+       *  length, // 便捷数据 - K线长度
+       * }
+       */
+      formatDataBySlide: (p) => {
+        const { originDrawData: c, addData: n, startTime: u, endTime: g } = p, { mainIndicator: d, mainIndicatorList: e, subIndicator: r, subIndicatorList: t, config: i, timeRange: o } = p, { loadAddCount: x, preLoadCount: k } = i;
+        let m = [], _ = [], F = [], v = [];
+        u && g ? (m = n.filter((s) => new Date(s[0]) >= new Date(u) && new Date(s[0]) <= new Date(g)), v = [...n]) : g ? (m = [
+          ...n.filter((s, a) => a >= n.length - x && new Date(o[0]) <= new Date(s[0]) && new Date(s[0]) <= new Date(o[1])),
+          ...c.originData
+        ], v = [...n, ...c.originData]) : u && (m = [
+          ...c.originData,
+          ...n.filter((s, a) => a >= k && new Date(o[0]) <= new Date(s[0]) && new Date(s[0]) <= new Date(o[1]))
+        ], v = m), m.forEach((s, a) => {
+          _.push([s[1], s[4], s[3], s[2], a === 0 ? 0 : m[a - 1][4], s[6]]), F.push(s[0]);
+        });
+        let l = [], h = [];
+        const b = {
+          time: [],
+          open: [],
+          close: [],
+          high: [],
+          low: [],
+          originData: v
+        };
+        let R = null, C = null;
+        return v.forEach((s, a) => {
+          b.time.push(s[0]), b.open.push(s[1]), b.close.push(s[4]), b.high.push(s[2]), b.low.push(s[3]), s[0] === m[0][0] && (R = a), s[0] === m[m.length - 1][0] && (C = a + 1);
+        }), l = e.find(({ value: s }) => s === d).config.map((s) => {
+          const { calculationFn: a } = s;
+          return {
+            ...s,
+            data: a ? a(z, b, { time: [], open: [], close: [], high: [], low: [], originData: [] }).slice(R, C) : []
+          };
+        }), h = t.find(({ value: s }) => s === r).config.reduce((s, a) => {
+          const { source: I, calculationFn: V } = a;
+          return I === "calculation" ? [
+            ...s,
+            {
+              ...a,
+              data: V ? V(z, b).slice(R, C) : []
+            }
+          ] : s;
+        }, []), {
+          originData: m,
+          candlestickData: _,
+          mainIndicatorData: l,
+          subIndicatorData: h,
+          xAxisData: F,
+          startTime: m[0][0],
+          endTime: m[m.length - 1][0],
+          length: m.length
+        };
+      },
+      // 计算绘图数据（根据长度使用）
+      formatDataByCount: (p) => {
+        const { originDrawData: c, addData: n, mainIndicator: u, mainIndicatorList: g, subIndicator: d, subIndicatorList: e, config: r } = p;
+        let t = {};
+        const { addCount: i, preLoadCount: o } = r, x = [], k = [], m = [], _ = [], F = [];
+        let v = [], l = [];
+        const h = n.filter((a, I) => (x.push(a[0]), k.push(a[1]), m.push(a[4]), _.push(a[2]), F.push(a[3]), v.push(a[0]), l.push([a[1], a[4], a[3], a[2], I === 0 ? 0 : n[I - 1][4], a[6]]), n.length >= i + o - 1 ? I >= o : !0));
+        v = y(v, h.length), l = y(l, h.length);
+        const b = { time: x, open: k, close: m, high: _, low: F, originData: n }, C = g.find((a) => a.value === u).config.map((a) => ({
+          ...a,
+          data: y(
+            a.calculationFn ? a.calculationFn(z, b, {
+              time: [],
+              open: [],
+              close: [],
+              high: [],
+              low: [],
+              originData: []
+            }) : [],
+            v.length
+          )
+        }));
+        let s = [];
+        return d && e && (s = e.find((I) => I.value === d).config.reduce((I, V) => V.source === "calculation" ? [
+          ...I,
+          {
+            ...V,
+            data: y(
+              V.calculationFn ? V.calculationFn(z, b) : [],
+              v.length
+            )
+          }
+        ] : I, [])), c.length ? t = {
+          originData: [...h, ...c.originData],
+          // 原数据
+          xAxisData: [...v, ...c.xAxisData],
+          // 时间数据
+          candlestickData: [...l, ...c.candlestickData],
+          // k线数据
+          mainIndicatorData: c.mainIndicatorData.map((a, I) => ({
+            ...a,
+            data: [...C[I].data, ...a.data]
+          })),
+          // 主图指标线数据
+          subIndicatorData: c.subIndicatorData.map((a, I) => ({
+            ...a,
+            data: [...s[I].data, ...a.data]
+          }))
+          // 副图数据
+        } : t = {
+          originData: h,
+          // 原数据
+          xAxisData: v,
+          // 时间数据
+          candlestickData: l,
+          // k线数据
+          mainIndicatorData: C,
+          // 主图指标线数据
+          subIndicatorData: s
+          // 副图数据
+        }, t.length = t.xAxisData.length, t.startTime = t.xAxisData[0], t.endTime = t.xAxisData[t.length - 1], t;
+      },
+      fn: () => {
+      }
+    }), (p, c) => null;
+  }
+}), re = { class: "kline-tips" }, ie = /* @__PURE__ */ E({
+  __name: "index",
+  props: {
+    // 提示数据
+    data: {
+      type: Array,
+      require: !0
+    }
+  },
+  setup(w) {
+    return (A, S) => (T(), L("div", re, [
+      (T(!0), L(K, null, Z(w.data, (f, D) => (T(), L("div", {
+        key: D,
+        class: "kline-tips-item",
+        style: H({ color: f.color })
+      }, N(f.label) + " " + N(f.value), 5))), 128))
+    ]));
+  }
+});
+const B = /* @__PURE__ */ O(ie, [["__scopeId", "data-v-2a02e841"]]), se = { class: "kline-tips" }, le = /* @__PURE__ */ E({
+  __name: "index",
+  props: {
+    // 提示数据
+    drawData: {
+      type: Object,
+      require: !0
+    },
+    activeIndex: {
+      type: Number,
+      require: !0
+    }
+  },
+  setup(w) {
+    const { round: A, multiply: S, divide: f, subtract: D, formatValue: y } = G.stMath, p = w, c = $(() => {
+      const { drawData: u, activeIndex: g } = p;
+      if (u.candlestickData && u.candlestickData[g]) {
+        const d = u.candlestickData[g], e = [
+          { label: "开", value: A(d[0]) },
+          { label: "高", value: A(d[3]) },
+          { label: "低", value: A(d[2]) },
+          { label: "收", value: A(d[1]) }
+        ];
+        d[5] !== void 0 && e.push({ label: "额", value: y(d[5]) });
+        const r = A(S(f(D(d[1], d[4]), Math.abs(d[4])), 100));
+        let t;
+        return r > 0 ? t = "red" : r < 0 && (t = "green"), e.push({ label: "涨跌", value: `${r}%`, color: t }), e;
+      }
+      return [];
+    }), n = $(() => {
+      var d;
+      const { drawData: u, activeIndex: g } = p;
+      return ((d = u == null ? void 0 : u.mainIndicatorData) == null ? void 0 : d.map((e) => ({ label: e.key, value: A(e.data[g]), color: e.color }))) || [];
+    });
+    return (u, g) => (T(), L("div", se, [
+      M(B, { data: c.value }, null, 8, ["data"]),
+      M(B, { data: n.value }, null, 8, ["data"])
+    ]));
+  }
+});
+const ce = /* @__PURE__ */ O(le, [["__scopeId", "data-v-a1302914"]]), ue = { class: "klineSub" }, de = { class: "klineSub-tips" }, pe = {
+  key: 0,
+  class: "klineSub-tips-select"
+}, fe = /* @__PURE__ */ E({
+  __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(w, { expose: A, emit: S }) {
+    const { round: f } = G.stMath;
+    let D, y;
+    const p = S, c = w, n = j(), u = $({
+      get() {
+        return c.modelValue;
+      },
+      set(e) {
+        p("update:modelValue", e);
+      }
+    }), g = $(() => {
+      const { drawData: e, activeIndex: r } = c, t = c.subIndicatorList.find((i) => i.value === u.value);
+      return e.originData && e.originData[r] ? t.config.map((i) => {
+        var x, k;
+        let o = "-";
+        return i.source === "origin" ? o = e.originData[r][i.dataIndex] || "-" : i.source === "calculation" && (o = (((k = (x = e.subIndicatorData) == null ? void 0 : x.find((_) => _.key === i.key)) == null ? void 0 : k.data) || [])[r]), {
+          label: i.key,
+          color: i.color,
+          value: o === "-" ? o : f(o)
+        };
+      }) : [];
+    });
+    U(() => {
+      D = q.init(n.value);
+      let e = !0;
+      y = new ResizeObserver(() => {
+        if (e) {
+          e = null;
+          return;
+        }
+        D.resize();
+      }), y.observe(n.value);
+    }), Y(() => {
+      D.dispose(), y.disconnect(), y = null;
+    });
+    const d = (e, r) => {
+      const t = e[r], i = r === 0 ? e[r] : e[r - 1];
+      return t[0] === t[1] ? t[0] >= i[1] ? {
+        color: "transparent",
+        borderColor: "#FF0000"
+      } : {
+        color: "#00FFFF"
+      } : t[1] > t[0] ? {
+        color: "transparent",
+        borderColor: "#FF0000"
+      } : {
+        color: "#00FFFF"
+      };
+    };
+    return A({
+      connect: (e) => {
+        q.connect([e, D]);
+      },
+      // 联动
+      draw: (e) => {
+        J(() => {
+          var v;
+          const { startValue: r, endValue: t, maxValueSpan: i } = e, { xAxisData: o, subIndicatorData: x, candlestickData: k, originData: m } = c.drawData, _ = c.subIndicatorList.find((l) => l.value === u.value), F = [];
+          if (_.series === "bar") {
+            let l = [];
+            _.source === "origin" ? l = m.map((h) => h[_.dataIndex]) : l = ((v = x == null ? void 0 : x.find((h) => h.key === _.dataIndex)) == null ? void 0 : v.data) || [], F.push({
+              name: "subMain",
+              xAxisIndex: 0,
+              yAxisIndex: 1,
+              type: "bar",
+              silent: !0,
+              symbol: "none",
+              data: l.map((h, b) => _.color === "kline" ? {
+                value: h,
+                itemStyle: d(k, b)
+              } : _.color === "value" ? {
+                value: h,
+                itemStyle: {
+                  color: h >= 0 ? "#FF0000" : "#00FFFF"
+                }
+              } : {
+                value: h,
+                itemStyle: {
+                  color: _.color
+                }
+              })
+            });
+          }
+          x.forEach((l) => {
+            if (l.series === "line") {
+              let h = [];
+              l.source === "origin" ? h = m.map((b) => b[l.dataIndex]) : l.source === "calculation" && (h = l.data), F.push({
+                xAxisIndex: 0,
+                yAxisIndex: l.yAxis === "right" ? 2 : 1,
+                name: l.key,
+                type: "line",
+                silent: !0,
+                symbol: "none",
+                data: h,
+                lineStyle: {
+                  width: 1
+                },
+                itemStyle: {
+                  color: l.color
+                }
+              });
+            }
+          }), D.setOption({
+            animation: !1,
+            grid: {
+              left: `${c.config.gridLeft}px`,
+              top: "10px",
+              right: `${c.config.gridRight}px`,
+              bottom: "20px"
+            },
+            dataZoom: [
+              {
+                type: "inside",
+                startValue: r,
+                endValue: t,
+                maxValueSpan: i
+              }
+            ],
+            tooltip: {
+              trigger: "axis",
+              appendToBody: !0,
+              confine: !0,
+              axisPointer: {
+                type: "cross",
+                label: {
+                  rich: {},
+                  formatter: (l) => {
+                    const { axisDimension: h, value: b } = l;
+                    if (h === "x")
+                      return b;
+                    if (l.axisIndex === 1)
+                      return String(f(b));
+                  }
+                }
+              },
+              formatter: () => ""
+            },
+            xAxis: {
+              type: "category",
+              data: o,
+              axisLine: {
+                show: !0
+              },
+              splitLine: {
+                show: !1
+              },
+              axisLabel: {
+                show: !0,
+                formatter: (l) => l
+              }
+            },
+            yAxis: [
+              {
+                position: "right"
+              },
+              {
+                position: "left",
+                min: _.leftYAxisRange === "cover" ? (l) => l.min : null,
+                max: _.leftYAxisRange === "cover" ? (l) => l.max : null,
+                splitNumber: 1,
+                axisLine: {
+                  show: !0
+                },
+                splitLine: {
+                  show: !0,
+                  lineStyle: {
+                    type: "dotted",
+                    color: "#333"
+                  }
+                }
+              },
+              {
+                position: "right",
+                min: _.rightYAxisRange === "cover" ? (l) => l.min : null,
+                max: _.rightYAxisRange === "cover" ? (l) => l.max : null,
+                splitNumber: 1,
+                axisLine: {
+                  show: !1
+                },
+                splitLine: {
+                  show: !1
+                },
+                axisLabel: {
+                  show: !1
+                }
+              }
+            ],
+            series: F
+          }, !0);
+        });
+      }
+      // 重置
+    }), (e, r) => {
+      const t = ae, i = ne;
+      return T(), L("div", ue, [
+        P("div", de, [
+          g.value.length ? (T(), L("div", pe, [
+            M(i, {
+              modelValue: u.value,
+              "onUpdate:modelValue": r[0] || (r[0] = (o) => u.value = o),
+              size: "small",
+              "popper-class": "element-dark",
+              class: "element-dark subIndicator"
+            }, {
+              default: Q(() => [
+                (T(!0), L(K, null, Z(w.subIndicatorList, (o) => (T(), W(t, {
+                  key: o.value,
+                  label: o.label,
+                  value: o.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : X("", !0),
+          M(B, { data: g.value }, null, 8, ["data"])
+        ]),
+        P("div", {
+          class: "klineSub-chart",
+          ref_key: "subChartRef",
+          ref: n
+        }, null, 512)
+      ]);
+    };
+  }
+});
+const he = /* @__PURE__ */ O(fe, [["__scopeId", "data-v-2ece79b3"]]), me = /* @__PURE__ */ E({
+  __name: "index",
+  props: {
+    data: { type: Array, default: () => [] }
+    // 时间数据
+  },
+  emits: ["change"],
+  setup(w, { expose: A, emit: S }) {
+    let f, D, y = null;
+    const p = S, c = w, n = j();
+    ee(
+      () => c.data,
+      () => {
+        d();
+      },
+      { deep: !0 }
+    ), U(() => {
+      f = q.init(n.value), u(), d();
+      let e = !0;
+      D = new ResizeObserver(() => {
+        if (e) {
+          e = null;
+          return;
+        }
+        f.resize();
+      }), D.observe(n.value);
+    }), Y(() => {
+      f.off("datazoom"), f.dispose(), D.disconnect(), D = null;
+    });
+    const u = () => {
+      f.on("datazoom", (e) => {
+        e.dataZoomId && (clearTimeout(y), y = setTimeout(() => {
+          const { data: r } = c, { start: t, end: i } = e, o = Math.floor(t * r.length / 100), x = i === 100 ? r.length - 1 : Math.floor(i * r.length / 100);
+          g(o, x), clearTimeout(y);
+        }, 100));
+      });
+    }, g = (e, r) => {
+      const t = c.data;
+      if (t.length === 0)
+        return;
+      const i = t[e][0].split(" ")[0], o = t[r][0].split(" ")[0];
+      p("change", {
+        startTime: `${i} 00:00:00`,
+        endTime: `${o} 24:00:00`
+      });
+    }, d = () => {
+      const { data: e } = c;
+      if (e.length === 0)
+        return;
+      const r = e.map((i) => i[0].split(" ")[0]), t = e.map((i) => i[1]);
+      f.setOption({
+        grid: {
+          height: 0,
+          left: "80px",
+          right: "80px"
+        },
+        xAxis: {
+          type: "category",
+          data: r,
+          show: !1
+        },
+        yAxis: {
+          type: "value"
+        },
+        series: [
+          {
+            data: t,
+            type: "line"
+          }
+        ]
+      }, !0);
+    };
+    return A({
+      resetSlide: (e, r, t) => {
+        let i = -1, o = -1;
+        c.data.forEach((x, k) => {
+          i === -1 && x[0] === e ? i = k : i === -1 && new Date(x[0]) > new Date(e) && (i = k - 1), (o === -1 && x[0] === r || o === -1 && new Date(x[0]) > new Date(r)) && (o = k);
+        }), o = o === -1 ? c.data.length - 1 : o, f.setOption({
+          dataZoom: [
+            {
+              show: !0,
+              startValue: i,
+              endValue: o,
+              maxValueSpan: t,
+              textStyle: {
+                color: "#ccc"
+              }
+            },
+            {
+              type: "inside",
+              startValue: i,
+              endValue: o,
+              maxValueSpan: t
+            }
+          ]
+        });
+      },
+      // 重置
+      resize: () => {
+        f == null || f.resize();
+      }
+    }), (e, r) => (T(), L("div", {
+      class: "klineSlide",
+      ref_key: "slideChartRef",
+      ref: n
+    }, null, 512));
+  }
+});
+const ge = /* @__PURE__ */ O(me, [["__scopeId", "data-v-5008746a"]]), Le = {
+  install(w) {
+    w.component("st-klineUtils", oe), w.component("st-klineSub", he), w.component("st-klineTips", ce), w.component("st-klineSlide", ge);
+  }
+};
+export {
+  Le as default
+};

package/lib/LinearLegend.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),g=require("./_plugin-vue_export-helper-f246444f.cjs"),p={class:"linearLegend"},_={key:0,class:"linearLegend-unit"},h={class:"linearLegend-content"},v={class:"linearLegend-content-box"},f={class:"linearLegend-content-number"},k=e.defineComponent({__name:"index",props:{data:{type:Array,default:()=>[]},unit:{type:String,default:()=>null}},setup(c,{expose:d}){const r=c,s=e.computed(()=>r.data.reduce((t,n,o)=>o===r.data.length-1?t:n.type==="="?(t[t.length-1].width=2,t):n.range.length===1?[...t,{value:n.range[0],width:1}]:[...t,{value:n.range[1],width:1}],[]));return d({numberToColor:t=>{let n=1;r.unit==="亿"?n=1e8:r.unit==="万"&&(n=1e4);for(let o=0;o<r.data.length;o++){const{type:a,color:u,range:l}=r.data[o];if(a==="="&&t===l[0]*n||a===">"&&t>l[0]*n||a===">="&&t>=l[0]*n||a==="<"&&t<l[0]*n||a==="<="&&t<=l[0]*n||a==="()"&&t>l[0]*n&&t<l[1]*n||a==="(]"&&t>l[0]*n&&t<=l[1]*n||a==="[]"&&t>=l[0]*n&&t<=l[1]*n||a==="[)"&&t>=l[0]*n&&t<l[1]*n)return u}}}),(t,n)=>(e.openBlock(),e.createElementBlock("div",p,[c.unit?(e.openBlock(),e.createElementBlock("div",_,"(单位:"+e.toDisplayString(c.unit)+")",1)):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.createElementVNode("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.data,o=>(e.openBlock(),e.createElementBlock("div",{class:"linearLegend-content-box-item",style:e.normalizeStyle({background:o.color})},null,4))),256))]),e.createElementVNode("div",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,o=>(e.openBlock(),e.createElementBlock("div",{class:"linearLegend-content-number-item",style:e.normalizeStyle({width:`${o.width*36}px`})},e.toDisplayString(o.value),5))),256))])])]))}});const i=g._export_sfc(k,[["__scopeId","data-v-88fd5500"]]);i.install=c=>{c.component("st-linearLegend",i)};module.exports=i;