hqchart 1.1.13660 → 1.1.13666

package/src/jscommon/umychart.testdata.js

@@ -871,3 +871,24 @@ HQData.Report_RequestStockSortData=function(data, callback)
 }
 
 
+
+HQData.Keyboard_RequestSymbolList=function(data, callback)
+{
+    //加载数据
+    var recv={ symbollist:SYMBOL_LIST };
+    var arySymbol=[];
+    for(var i=0;i<recv.symbollist.length;++i)
+    {
+        var item=recv.symbollist[i];
+        var shortSymbol=item[0];
+        shortSymbol=shortSymbol.replace(".sh", "");
+        shortSymbol=shortSymbol.replace(".sz", "");
+        var symbolItem={ Symbol:item[0], Name:item[1], ShortSymbol:shortSymbol, Spell:item[3], Type:item[2] };
+        if (i%5==0) symbolItem.Color="rgb(255,0,0)";
+        arySymbol.push(symbolItem);
+    }
+
+    callback(arySymbol);
+}
+
+

package/src/jscommon/umychart.uniapp.h5/umychart.uniapp.h5.js

@@ -126220,6 +126220,7 @@ function JSReportChart(divElement)
 {
     this.DivElement=divElement;
     this.JSChartContainer;              //表格控件
+    this.ResizeListener;                //大小变动监听
 
     //h5 canvas
     this.CanvasElement=document.createElement("canvas");
@@ -126346,6 +126347,16 @@ function JSReportChart(divElement)
         this.JSChartContainer=chart;
         this.DivElement.JSChart=this;   //div中保存一份
 
+        //注册事件
+        if (option.EventCallback)
+        {
+            for(var i=0;i<option.EventCallback.length;++i)
+            {
+                var item=option.EventCallback[i];
+                chart.AddEventCallback(item);
+            }
+        }
+
         if (option.EnableResize==true) this.CreateResizeListener();
 
         if (option.EnablePopMenuV2===true) chart.InitalPopMenu();
@@ -134303,6 +134314,7 @@ function JSKeyboardChart(divElement)
 {
     this.DivElement=divElement;
     this.JSChartContainer;              //表格控件
+    this.ResizeListener;                //大小变动监听
 
      //h5 canvas
      this.CanvasElement=document.createElement("canvas");
@@ -134320,9 +134332,18 @@ function JSKeyboardChart(divElement)
     this.OnSize=function()
     {
         //画布大小通过div获取
-        var height=parseInt(this.DivElement.style.height.replace("px",""));
+        var height=this.DivElement.offsetHeight;
+        var width=this.DivElement.offsetWidth;
+        if (this.DivElement.style.height && this.DivElement.style.width)
+        {
+            if (this.DivElement.style.height.includes("px"))
+                height=parseInt(this.DivElement.style.height.replace("px",""));
+            if (this.DivElement.style.width.includes("px"))
+                width=parseInt(this.DivElement.style.width.replace("px",""));
+        }
+       
         this.CanvasElement.height=height;
-        this.CanvasElement.width=parseInt(this.DivElement.style.width.replace("px",""));
+        this.CanvasElement.width=width;
         this.CanvasElement.style.width=this.CanvasElement.width+'px';
         this.CanvasElement.style.height=this.CanvasElement.height+'px';
 
@@ -134349,6 +134370,18 @@ function JSKeyboardChart(divElement)
         this.JSChartContainer=chart;
         this.DivElement.JSChart=this;   //div中保存一份
 
+        //注册事件
+        if (option.EventCallback)
+        {
+            for(var i=0;i<option.EventCallback.length;++i)
+            {
+                var item=option.EventCallback[i];
+                chart.AddEventCallback(item);
+            }
+        }
+
+        if (option.EnableResize==true) this.CreateResizeListener();
+
         chart.Draw();
     }
 
@@ -134393,6 +134426,18 @@ function JSKeyboardChart(divElement)
         chart.Frame.ChartBorder.Bottom*=pixelTatio;
     }
 
+    this.CreateResizeListener=function()
+    {
+        this.ResizeListener = new ResizeObserver((entries)=>{ this.OnDivResize(entries); });
+        this.ResizeListener.observe(this.DivElement);
+    }
+
+    this.OnDivResize=function(entries)
+    {
+        JSConsole.Chart.Log("[JSKeyboardChart::OnDivResize] entries=", entries);
+        this.OnSize();
+    }
+
     /////////////////////////////////////////////////////////////////////////////
     //对外接口
     this.SetColumn=function(aryColumn, option)
@@ -137422,7 +137467,7 @@ function ScrollBarBGChart()
 
 
 
-var HQCHART_VERSION="1.1.13659";
+var HQCHART_VERSION="1.1.13665";
 
 function PrintHQChartVersion()
 {

package/src/jscommon/umychart.version.js

@@ -5,7 +5,7 @@
 
 
 
-var HQCHART_VERSION="1.1.13659";
+var HQCHART_VERSION="1.1.13665";
 
 function PrintHQChartVersion()
 {

package/src/jscommon/umychart.vue/umychart.NetworkFilterTest.vue.js

@@ -49547,6 +49547,27 @@ HQData.Report_RequestStockSortData=function(data, callback)
 
 
 
+HQData.Keyboard_RequestSymbolList=function(data, callback)
+{
+    //加载数据
+    var recv={ symbollist:SYMBOL_LIST };
+    var arySymbol=[];
+    for(var i=0;i<recv.symbollist.length;++i)
+    {
+        var item=recv.symbollist[i];
+        var shortSymbol=item[0];
+        shortSymbol=shortSymbol.replace(".sh", "");
+        shortSymbol=shortSymbol.replace(".sz", "");
+        var symbolItem={ Symbol:item[0], Name:item[1], ShortSymbol:shortSymbol, Spell:item[3], Type:item[2] };
+        if (i%5==0) symbolItem.Color="rgb(255,0,0)";
+        arySymbol.push(symbolItem);
+    }
+
+    callback(arySymbol);
+}
+
+
+
 
 /*暴露外部用的方法*/
 export default 

package/src/jscommon/umychart.vue/umychart.vue.js

@@ -126264,6 +126264,7 @@ function JSReportChart(divElement)
 {
     this.DivElement=divElement;
     this.JSChartContainer;              //表格控件
+    this.ResizeListener;                //大小变动监听
 
     //h5 canvas
     this.CanvasElement=document.createElement("canvas");
@@ -126390,6 +126391,16 @@ function JSReportChart(divElement)
         this.JSChartContainer=chart;
         this.DivElement.JSChart=this;   //div中保存一份
 
+        //注册事件
+        if (option.EventCallback)
+        {
+            for(var i=0;i<option.EventCallback.length;++i)
+            {
+                var item=option.EventCallback[i];
+                chart.AddEventCallback(item);
+            }
+        }
+
         if (option.EnableResize==true) this.CreateResizeListener();
 
         if (option.EnablePopMenuV2===true) chart.InitalPopMenu();
@@ -136753,6 +136764,7 @@ function JSKeyboardChart(divElement)
 {
     this.DivElement=divElement;
     this.JSChartContainer;              //表格控件
+    this.ResizeListener;                //大小变动监听
 
      //h5 canvas
      this.CanvasElement=document.createElement("canvas");
@@ -136770,9 +136782,18 @@ function JSKeyboardChart(divElement)
     this.OnSize=function()
     {
         //画布大小通过div获取
-        var height=parseInt(this.DivElement.style.height.replace("px",""));
+        var height=this.DivElement.offsetHeight;
+        var width=this.DivElement.offsetWidth;
+        if (this.DivElement.style.height && this.DivElement.style.width)
+        {
+            if (this.DivElement.style.height.includes("px"))
+                height=parseInt(this.DivElement.style.height.replace("px",""));
+            if (this.DivElement.style.width.includes("px"))
+                width=parseInt(this.DivElement.style.width.replace("px",""));
+        }
+       
         this.CanvasElement.height=height;
-        this.CanvasElement.width=parseInt(this.DivElement.style.width.replace("px",""));
+        this.CanvasElement.width=width;
         this.CanvasElement.style.width=this.CanvasElement.width+'px';
         this.CanvasElement.style.height=this.CanvasElement.height+'px';
 
@@ -136799,6 +136820,18 @@ function JSKeyboardChart(divElement)
         this.JSChartContainer=chart;
         this.DivElement.JSChart=this;   //div中保存一份
 
+        //注册事件
+        if (option.EventCallback)
+        {
+            for(var i=0;i<option.EventCallback.length;++i)
+            {
+                var item=option.EventCallback[i];
+                chart.AddEventCallback(item);
+            }
+        }
+
+        if (option.EnableResize==true) this.CreateResizeListener();
+
         chart.Draw();
     }
 
@@ -136843,6 +136876,18 @@ function JSKeyboardChart(divElement)
         chart.Frame.ChartBorder.Bottom*=pixelTatio;
     }
 
+    this.CreateResizeListener=function()
+    {
+        this.ResizeListener = new ResizeObserver((entries)=>{ this.OnDivResize(entries); });
+        this.ResizeListener.observe(this.DivElement);
+    }
+
+    this.OnDivResize=function(entries)
+    {
+        JSConsole.Chart.Log("[JSKeyboardChart::OnDivResize] entries=", entries);
+        this.OnSize();
+    }
+
     /////////////////////////////////////////////////////////////////////////////
     //对外接口
     this.SetColumn=function(aryColumn, option)
@@ -141538,6 +141583,274 @@ JSPopMinuteChart.GetMinuteOption=function()
 
 
 
+/*
+   Copyright (c) 2018 jones
+ 
+   http://www.apache.org/licenses/LICENSE-2.0
+
+   开源项目 https://github.com/jones2000/HQChart
+ 
+   jones_2000@163.com
+
+   内置弹出键盘精灵
+*/
+
+function JSPopKeyboard()
+{
+    this.DivDialog=null;
+    this.DragTitle=null;
+    this.InputDOM=null;
+    this.Title="HQChart 键盘精灵"
+    this.ID=Guid();
+
+    this.Keyboard=
+    {
+        Option:JSPopKeyboard.GetOption(),
+        JSChart:null,
+    }
+
+    this.Inital=function()
+    {
+        window.addEventListener('mousedown', (e)=>{ this.OnWindowMouseDown(e)});
+    }
+
+    this.OnWindowMouseDown=function(e)
+    {
+        if (!this.DivDialog) return;
+
+        console.log("[JSPopKeyboard::OnWindowMouseDown] e=", e);
+
+        if (!this.DivDialog.contains(e.target))
+        {
+            this.Hide();
+        }
+    }
+
+    this.Create=function()
+    {
+        var divDom=document.createElement('div');
+        divDom.className='jchart_pop_keyboard_dailog';
+        divDom.id=this.ID;
+
+        var divTitle=document.createElement("div");
+        divTitle.className='jschart_keyboard_Title_Div';
+        divTitle.innerText=this.Title;
+        divTitle.onmousedown=(e)=>{ this.OnMouseDownTitle(e); }
+        divDom.appendChild(divTitle);
+
+        var divInput=document.createElement("div");
+        divInput.className='jschart_keyboard_Input_Div';
+        divDom.appendChild(divInput);
+
+        var input=document.createElement("input");
+        input.className="jschart_keyboard_input";
+        input.addEventListener("keydown", (event)=>{ this.OnKeydown(event); });
+        input.addEventListener("keyup", (event)=>{ this.OnKeyup(event); });
+
+        divInput.appendChild(input);
+       
+        var divChart=document.createElement("div");
+        divChart.className="jschart_keyboard_Chart_Div";
+        divDom.appendChild(divChart);
+
+        this.DivDialog=divDom;
+        this.InputDOM=input;
+
+        var chart=JSKeyboardChart.Init(divChart);
+        this.Keyboard.JSChart=chart;
+
+        this.Keyboard.Option.OnCreatedCallback=(chart)=>{ this.OnCreateHQChart(chart); }
+        chart.SetOption(this.Keyboard.Option);  //设置K线配置
+
+        chart.AddEventCallback(
+            {
+                event:JSCHART_EVENT_ID.ON_KEYBOARD_MOUSEUP,
+                callback:(event, data, chart)=>{ this.OnChartMouseUp(event, data, chart);}
+            }
+        )
+
+        document.body.appendChild(divDom);
+    }
+
+    this.OnCreateHQChart=function(chart)
+    {
+
+    }
+
+    this.OnKeydown=function(event)
+    {
+        var aryKey=new Set([
+            40, 
+            38, 
+            13,
+            33,
+            34
+        ]);
+
+        if (aryKey.has(event.keyCode))  
+        {
+            this.Keyboard.JSChart.OnKeyDown(event);
+        }
+
+        if (event.keyCode==27)
+        {
+            this.Hide();
+        }
+    }
+
+    this.OnKeyup=function(event)
+    {
+        var code=event.keyCode;
+        if ((code>=48 && code<=57) || (code>=65 && code<=90) || (code>=97 && code<=122) || code==8)
+        {
+            var strText=this.InputDOM.value;
+            strText=strText.toUpperCase();
+            if (strText.length==0)
+            {
+                this.Hide();
+            }
+            else
+            {
+                this.Keyboard.JSChart.Search(strText);
+            }
+        }
+    }
+
+
+    this.OnMouseDownTitle=function(e)
+    {
+        if (!this.DivDialog) return;
+
+        var dragData={ X:e.clientX, Y:e.clientY };
+        dragData.YOffset=e.clientX - this.DivDialog.offsetLeft;
+        dragData.XOffset=e.clientY - this.DivDialog.offsetTop;
+        this.DragTitle=dragData;
+
+        document.onmousemove=(e)=>{ this.DocOnMouseMoveTitle(e); }
+        document.onmouseup=(e)=>{ this.DocOnMouseUpTitle(e); }
+    }
+
+    this.DocOnMouseMoveTitle=function(e)
+    {
+        if (!this.DragTitle) return;
+
+        var left = e.clientX - this.DragTitle.YOffset;
+        var top = e.clientY - this.DragTitle.XOffset;
+
+        var right=left+this.DivDialog.offsetWidth;
+        var bottom=top+ this.DivDialog.offsetHeight;
+        
+        if ((right+5)>=window.innerWidth) left=window.innerWidth-this.DivDialog.offsetWidth-5;
+        if ((bottom+5)>=window.innerHeight) top=window.innerHeight-this.DivDialog.offsetHeight-5;
+
+        this.DivDialog.style.left = left + 'px';
+        this.DivDialog.style.top = top + 'px';
+
+        if(e.preventDefault) e.preventDefault();
+    }
+
+    this.DocOnMouseUpTitle=function(e)
+    {
+        this.DragTitle=null;
+        this.onmousemove = null;
+        this.onmouseup = null;
+    }
+
+    this.SetSymbolData=function(data)
+    {
+        if (!this.Keyboard.JSChart) return false;
+        this.Keyboard.JSChart.SetSymbolData(data);
+    }
+
+    this.Show=function()
+    {
+        if (!this.DivDialog) return;
+
+        //显示在右下方
+        var height=this.DivDialog.offsetHeight;
+        var width=this.DivDialog.offsetWidth;
+        var xRight=window.innerWidth-5;
+        var ybottom=window.innerHeight-5;
+        var x=xRight-width;
+        var y=ybottom-height;
+
+        this.DivDialog.style.visibility='visible';
+        this.DivDialog.style.top = y + "px";
+        this.DivDialog.style.left = x + "px";
+    }
+
+    this.Hide=function()
+    {
+        if (!this.DivDialog) return;
+
+        this.DivDialog.style.visibility='hidden';
+        this.InputDOM.value="";
+        this.Keyboard.JSChart.ClearSearch();
+    }
+
+    this.IsShow=function()
+    {
+        if (!this.DivDialog) return false;
+        return this.DivDialog.style.visibility==='visible';
+    }
+
+    this.OnGlobalKeydown=function(event)
+    {
+        if (!this.DivDialog) return;
+
+        var code=event.keyCode;
+        if (!this.IsShow() && (code>=48 && code<=57) || (code>=65 && code<=90) || (code>=97 && code<=122))
+        {
+            this.Show();
+            this.InputDOM.focus();
+        }
+        else if (code==27 && this.IsShow())
+        {
+            this.Hide();
+        }
+    }
+
+    this.OnGlobalMouseDown=function(event)
+    {
+        if (!this.DivDialog) return;
+
+        if (this.DivDialog.style.display=='none') return;
+
+        if (!this.DivDialog.contains(event.target))
+        {
+            this.Hide();
+        }
+    }
+
+    this.OnChartMouseUp=function(event, data, chart)
+    {
+        this.InputDOM.focus();
+    }
+}
+
+JSPopKeyboard.GetOption=function()
+{
+    var option= 
+    {
+        Type:'键盘精灵',   //创建图形类型
+        
+        Border: //边框
+        {
+            Left:1,        //左边间距
+            Right:1,       //右边间距
+            Bottom:1,      //底部间距
+            Top:1          //顶部间距
+        },
+
+        BorderLine:0,
+        EnableResize:true
+    };
+
+    return option;
+}
+
+
+
 ///////////////////////////////////////////////////////////////////////////////////
 //  工作线程计算指标示例
 //
@@ -141659,7 +141972,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.13659";
+var HQCHART_VERSION="1.1.13665";
 
 function PrintHQChartVersion()
 {
@@ -141777,6 +142090,7 @@ export default {
     //键盘精灵
     JSKeyboardChart:JSKeyboardChart,
     KEYBOARD_COLUMN_ID:KEYBOARD_COLUMN_ID,
+    JSPopKeyboard:JSPopKeyboard,
 
     //X轴滚动条
     JSScrollBarChart:JSScrollBarChart,