hqchart 1.1.13672 → 1.1.13682

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

@@ -72215,6 +72215,16 @@ function JSChartResource()
             NameFont:{ Size:14, Name:"微软雅黑" },
             SymbolFont:{ Size:12, Name:"微软雅黑" }
         },
+
+        VScrollbar:
+        {
+            ScrollBarHeight:50,
+            ButtonColor:"rgba(252,252,252,0.8)",
+            BarColor:"rgba(168,168,168,0.9)",
+            BorderColor:'rgba(180,180,180,0.9)',
+            BGColor:"rgba(234,239,248,0.9)",
+            BarWidth:{ Size:8 }
+        },
     },
 
     //滚动条
@@ -134037,7 +134047,7 @@ function ChartVScrollbar()
     this.ChartBorder;                   //边框信息
     this.ChartFrame;                    //框架画法
     this.Name;                          //名称
-    this.ClassName='ChartReportTab';       //类名
+    this.ClassName='ChartVScrollbar';       //类名
     this.IsDrawFirst=false;
     this.GetEventCallback;              //获取事件
     this.Report;
@@ -137020,6 +137030,7 @@ function JSKeyboardChartContainer(uielement)
    
     //拖拽滚动条
     this.DragYScroll=null;  //{Start:{x,y}, End:{x, y}}
+
     this.IsDestroy=false;        //是否已经销毁了
 
     this.ChartDestory=function()    //销毁
@@ -137060,6 +137071,7 @@ function JSKeyboardChartContainer(uielement)
             this.Data.Data=aryExactQuery.concat(aryFuzzyQuery);
 
         this.ChartPaint[0].SelectedRow=0;
+        this.ChartPaint[0].SizeChange=true;
 
         JSConsole.Chart.Log(`[JSKeyboardChart:Search] search=${strSearch}, source=${this.SourceData.Data.length} match=${this.Data.Data.length}`);
 
@@ -137136,6 +137148,12 @@ function JSKeyboardChartContainer(uielement)
         chart.Data=this.Data;
         this.ChartPaint[0]=chart;
 
+        chart.VScrollbar=new ChartKeyboardVScrollbar();
+        chart.VScrollbar.Frame=this.Frame;
+        chart.VScrollbar.Canvas=this.Canvas;
+        chart.VScrollbar.ChartBorder=this.Frame.ChartBorder;
+        chart.VScrollbar.Report=chart;
+
         if (option)
         {
             
@@ -137387,7 +137405,7 @@ function JSKeyboardChartContainer(uielement)
 
     this.UIOnMouseDown=function(e)
     {
-        this.DragXScroll=null;
+        this.DragYScroll=null;
         this.DragMove={ Click:{ X:e.clientX, Y:e.clientY }, Move:{X:e.clientX, Y:e.clientY}, PreMove:{X:e.clientX, Y:e.clientY } };
 
         var pixelTatio = GetDevicePixelRatio();
@@ -137406,6 +137424,29 @@ function JSKeyboardChartContainer(uielement)
                 if (clickData.Redraw==true)
                     this.Draw();
             }
+            else if (clickData.Type==5 && e.button==0)  //右侧滚动条
+            {
+                var scroll=clickData.VScrollbar;
+                if (scroll.Type==1) //顶部按钮
+                {
+                    if (this.MoveYOffset(-1)) 
+                        this.Draw();
+                }
+                else if (scroll.Type==2)   //底部按钮
+                {
+                    if (this.MoveYOffset(1)) 
+                        this.Draw();
+                }
+                else if (scroll.Type==3)    //滚动条
+                {
+                    this.DragYScroll={ Click:{X:x, Y:y}, LastMove:{X:x, Y:y} };
+                }
+                else if (scroll.Type==4)    //滚动条内部
+                {
+                    if (this.SetYOffset(scroll.Pos)) 
+                        this.Draw();
+                }
+            }
         }
 
         document.onmousemove=(e)=>{ this.DocOnMouseMove(e); }
@@ -137451,68 +137492,17 @@ function JSKeyboardChartContainer(uielement)
         var x = (e.clientX-this.UIElement.getBoundingClientRect().left)*pixelTatio;
         var y = (e.clientY-this.UIElement.getBoundingClientRect().top)*pixelTatio;
 
-        //JSConsole.Chart.Log(`[JSReportChartContainer::DocOnMouseMove] x=${x}, y=${y}`);
-        
-        if (this.DragRow)
-        {
-            var drag=this.DragRow;
-            var moveSetpY=drag.LastMove.Y-e.clientY;
-            if (Math.abs(moveSetpY)<2) return;
-            var reportChart=this.GetReportChart();
-            drag.LastMove.X=e.clientX;
-            drag.LastMove.Y=e.clientY;
-            drag.Inside={X:x, Y:y};
-
-            if (reportChart) 
-            {
-                var moveRow=reportChart.OnDrawgRow(x,y,e);
-                if (moveRow )
-                {
-                    if (moveRow.Type==2)
-                    {
-                        if (moveRow.Data.DataIndex!=drag.Data.Row.DataIndex)
-                        {
-                            drag.MoveRow=moveRow;
-                        }
-                    }
-                    else if (moveRow.Type==7)
-                    {
-                        var pageStatus=reportChart.GetCurrentPageStatus();
-                        if (!pageStatus.IsEnd)
-                        {
-                            this.MoveYOffset(1, false);
-                            drag.MoveRow=null;
-
-                            this.EnablePageScroll=true;
-                            this.AutoScrollPage(2);
-                        }
-                    }
-                    else if (moveRow.Type==5)
-                    {
-                        if (this.Data.YOffset>0)
-                        {
-                            this.MoveYOffset(-1, false);
-                            drag.MoveRow=null;
-
-                            this.EnablePageScroll=true;
-                            this.AutoScrollPage(-2);
-                        }
-                    }
-                }
-                reportChart.DragRow=drag;
-            }
-
-            this.Draw();
-        }
-        else if (this.DragXScroll)
+        if (this.DragYScroll)
         {
             var chart=this.ChartPaint[0];
-            if (!chart || !chart.Tab) return;
+            if (!chart || !chart.VScrollbar) return;
 
-            this.DragXScroll.LastMove.X=x;
-            this.DragXScroll.LastMove.Y=y;
-            var pos=chart.Tab.GetScrollPostionByPoint(x,y);
-            if (this.SetXOffset(pos)) this.Draw();
+            this.DragYScroll.LastMove.X=x;
+            this.DragYScroll.LastMove.Y=y;
+
+            var pos=chart.VScrollbar.GetScrollPostionByPoint(x,y);
+            if (this.SetYOffset(pos)) 
+                this.Draw();
         }
     }
 
@@ -137522,6 +137512,8 @@ function JSKeyboardChartContainer(uielement)
         document.onmousemove=null;
         document.onmouseup=null; 
 
+        this.DragYScroll=null;
+
         var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_KEYBOARD_MOUSEUP)
         if (event && event.Callback)
         {
@@ -137828,6 +137820,21 @@ function JSKeyboardChartContainer(uielement)
             return result;
         }
     }
+
+    this.SetYOffset=function(pos)
+    {
+        if (!IFrameSplitOperator.IsNumber(pos)) return false;
+        var chart=this.ChartPaint[0];
+        if (!chart) return false;
+
+        var maxOffset=chart.GetYScrollRange();
+        if (pos<0) pos=0;
+        if (pos>maxOffset) pos=maxOffset;
+
+        this.Data.YOffset=pos;
+
+        return true;
+    }
 }
 
 function JSKeyboardFrame()
@@ -137837,14 +137844,14 @@ function JSKeyboardFrame()
 
     this.BorderLine=null;                   //1=上 2=下 4=左 8=右
 
-    this.BorderColor=g_JSChartResource.Report.BorderColor;    //边框线
+    this.BorderColor=g_JSChartResource.Keyboard.BorderColor;    //边框线
 
     this.LogoTextColor=g_JSChartResource.FrameLogo.TextColor;
     this.LogoTextFont=g_JSChartResource.FrameLogo.Font;
 
-    this.ReloadResource=function(resource)
+    this.ReloadResource=function(option)
     {
-        this.BorderColor=g_JSChartResource.Report.BorderColor;    //边框线
+        this.BorderColor=g_JSChartResource.Keyboard.BorderColor;    //边框线
         this.LogoTextColor=g_JSChartResource.FrameLogo.TextColor;
         this.LogoTextFont=g_JSChartResource.FrameLogo.Font;
     }
@@ -137919,7 +137926,8 @@ var KEYBOARD_COLUMN_ID=
     SHORT_SYMBOL_ID:0,  //不带后缀代码
     SYMBOL_ID:1,     
     NAME_ID:2,      //简称
-    TYPE_ID:3       //类型
+    TYPE_ID:3,       //类型
+    TYPE_NAME_ID:4,      //类型中文名字
 }
 
 
@@ -137940,10 +137948,12 @@ function ChartSymbolList()
     this.IsDrawBorder=false;            //是否绘制单元格边框
 
     this.ShowSymbol=[];                 //显示的股票列表 { Index:序号(排序用), Symbol:股票代码 }
+
+    this.VScrollbar;                    //竖向滚动条
    
     this.BorderColor=g_JSChartResource.Keyboard.BorderColor;          //边框线
     this.SelectedColor=g_JSChartResource.Keyboard.SelectedColor;      //选中行
-    this.TextColor=g_JSChartResource.Keyboard.TextColor;                //文字颜色
+    this.TextColor=g_JSChartResource.Keyboard.TextColor;              //文字颜色
 
     //表格内容配置
     this.ItemFontConfig={ Size:g_JSChartResource.Keyboard.Item.Font.Size, Name:g_JSChartResource.Keyboard.Item.Font.Name };
@@ -137967,14 +137977,20 @@ function ChartSymbolList()
     [
         { Type:KEYBOARD_COLUMN_ID.SHORT_SYMBOL_ID, Title:"代码", TextAlign:"left", Width:null, MaxText:"888888" },
         { Type:KEYBOARD_COLUMN_ID.NAME_ID, Title:"名称", TextAlign:"left", Width:null, MaxText:"擎擎擎擎擎擎" },
-        { Type:KEYBOARD_COLUMN_ID.TYPE_ID, Title:"类型", TextAlign:"right", Width:null, MaxText:"擎擎擎擎" },
+        //{ Type:KEYBOARD_COLUMN_ID.TYPE_ID, Title:"类型", TextAlign:"right", Width:null, MaxText:"擎擎擎擎" },
+        { Type:KEYBOARD_COLUMN_ID.TYPE_NAME_ID, Title:"类型", TextAlign:"right", Width:null, MaxText:"擎擎擎擎" },
+        
     ];
 
     this.RectClient={ };
 
     this.ReloadResource=function(resource)
     {
-       
+        this.BorderColor=g_JSChartResource.Keyboard.BorderColor;          //边框线
+        this.SelectedColor=g_JSChartResource.Keyboard.SelectedColor;      //选中行
+        this.TextColor=g_JSChartResource.Keyboard.TextColor;              //文字颜色
+
+        if (this.VScrollbar) this.VScrollbar.ReloadResource(resource);
     }
 
     this.SetColumn=function(aryColumn)
@@ -137989,10 +138005,11 @@ function ChartSymbolList()
         if (this.SizeChange) this.CalculateSize();
         else this.UpdateCacheData();
 
+        var bShowVScrollbar=this.IsShowVScrollbar();
         this.Canvas.save();
 
         this.Canvas.beginPath();
-        this.Canvas.rect(this.RectClient.Left,this.RectClient.Top,(this.RectClient.Right-this.RectClient.Left),(this.RectClient.Bottom-this.RectClient.Top));
+        this.Canvas.rect(this.RectClient.Left,this.RectClient.Top+1,(this.RectClient.Right-this.RectClient.Left),(this.RectClient.Bottom-(this.RectClient.Top+1)));
         //this.Canvas.stroke(); //调试用
         this.Canvas.clip();
 
@@ -138001,6 +138018,12 @@ function ChartSymbolList()
         
         this.DrawBorder();
 
+        if (this.VScrollbar && bShowVScrollbar)
+        {
+            var bottom=this.ChartBorder.GetBottom();
+            this.VScrollbar.DrawScrollbar(this.RectClient.Left,this.RectClient.Top+2, this.RectClient.Right+this.VScrollbar.ButtonSize+2, bottom-2);
+        }
+
         this.SizeChange=false;
     }
 
@@ -138011,6 +138034,12 @@ function ChartSymbolList()
         this.RectClient.Right=this.ChartBorder.GetRight();
         this.RectClient.Top=this.ChartBorder.GetTop();
         this.RectClient.Bottom=this.ChartBorder.GetBottom();
+
+        var bShowVScrollbar=this.IsShowVScrollbar();
+        if (bShowVScrollbar && this.VScrollbar && this.VScrollbar.Enable)
+        {
+            this.RectClient.Right-=(this.VScrollbar.ButtonSize+2);
+        }
     }
 
     this.GetPageSize=function(recalculate) //recalculate 是否重新计算
@@ -138044,6 +138073,8 @@ function ChartSymbolList()
 
     this.CalculateSize=function()   //计算大小
     {
+        if (this.VScrollbar && this.VScrollbar.Enable) this.VScrollbar.CalculateSize();
+
         this.UpdateCacheData();
 
         var pixelRatio=GetDevicePixelRatio();
@@ -138213,11 +138244,11 @@ function ChartSymbolList()
                 if (stock.Color) drawInfo.TextColor=stock.Color;
             }
         }
-        else if (column.Type==KEYBOARD_COLUMN_ID.TYPE_ID)
+        else if (column.Type==KEYBOARD_COLUMN_ID.TYPE_NAME_ID)
         {
-            if (stock && stock.Type) 
+            if (stock && stock.TypeName) 
             {
-                drawInfo.Text=this.TextEllipsis(stock.Type, textWidth, column.MaxText);
+                drawInfo.Text=this.TextEllipsis(stock.TypeName, textWidth, column.MaxText);
                 if (stock.Color) drawInfo.TextColor=stock.Color;
             }
         }
@@ -138238,6 +138269,7 @@ function ChartSymbolList()
         else if (textAlign=='right')
         {
             x=left+width-2;
+            if (left+width-2>this.RectClient.Right) x=this.RectClient.Right-2;
             this.Canvas.textAlign="right";
         }
         else
@@ -138292,6 +138324,12 @@ function ChartSymbolList()
         else
             var uiElement={Left:null, Top:null};
 
+        if (this.VScrollbar)
+        {
+            var item=this.VScrollbar.OnMouseDown(x,y,e);
+            if (item) return { Type:5, VScrollbar:item };   //右侧滚动条
+        }
+
         var row=this.PtInBody(x,y);
         if (row)
         {
@@ -138452,6 +138490,57 @@ function ChartSymbolList()
             event.Callback(event,data,this);
         }
     }
+
+    this.GetYScrollRange=function()
+    {
+        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return 0;
+
+        var maxOffset=this.Data.Data.length-this.RowCount;
+
+        return maxOffset;
+    }
+
+    //大于1屏数据 显示滚动条
+    this.IsShowVScrollbar=function()
+    {
+        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return false;
+        
+        return this.Data.Data.length>this.RowCount;
+    }
+}
+
+//纵向滚动条
+function ChartKeyboardVScrollbar()
+{
+    this.newMethod=ChartVScrollbar;   //派生
+    this.newMethod();
+    delete this.newMethod;
+
+    this.ClassName='ChartKeyboardVScrollbar';
+    this.Enable=true;
+
+    this.ScrollBarHeight=g_JSChartResource.Keyboard.VScrollbar.ScrollBarHeight;
+    this.ButtonColor=g_JSChartResource.Keyboard.VScrollbar.ButtonColor;
+    this.BarColor=g_JSChartResource.Keyboard.VScrollbar.BarColor;
+    this.BorderColor=g_JSChartResource.Keyboard.VScrollbar.BorderColor;
+    this.BGColor=g_JSChartResource.Keyboard.VScrollbar.BGColor;
+    this.Mergin={ Left:2, Right:2, Top:2, Bottom:2 };
+    this.BarWithConfig={ Size:g_JSChartResource.Keyboard.VScrollbar.BarWidth.Size };
+
+    this.ReloadResource=function(resource)
+    {
+        this.ScrollBarHeight=g_JSChartResource.Keyboard.VScrollbar.ScrollBarHeight;
+        this.ButtonColor=g_JSChartResource.Keyboard.VScrollbar.ButtonColor;
+        this.BarColor=g_JSChartResource.Keyboard.VScrollbar.BarColor;
+        this.BorderColor=g_JSChartResource.Keyboard.VScrollbar.BorderColor;
+        this.BGColor=g_JSChartResource.Keyboard.VScrollbar.BGColor;
+        this.BarWithConfig={ Size:g_JSChartResource.Keyboard.VScrollbar.BarWidth.Size };
+    }
+
+    this.IsShowCallback=function()
+    {
+        return true;
+    }
 }
 
 /*
@@ -141367,7 +141456,7 @@ function JSPopMinuteChart()
         divDom.appendChild(divTitle);
        
         var divInfoText=document.createElement("div");
-        divInfoText.className="";
+        divInfoText.className="jschart_pop_minute_chart_Title";
         divInfoText.innerText="分时图";
         this.DivInfoText=divInfoText;
         divTitle.appendChild(divInfoText);
@@ -141649,10 +141738,21 @@ function JSPopKeyboard()
 
         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 divInfoText=document.createElement("div");
+        divInfoText.className="jschart_keyboard_Title";
+        divInfoText.innerText=this.Title;
+        this.DivInfoText=divInfoText;
+        divTitle.appendChild(divInfoText);
+
+        var divClose=document.createElement("div");
+        divClose.className='jschart_keyboard_Close_Div';
+        divClose.innerText="x";
+        divClose.onmousedown=(e)=>{ this.Hide(); }
+        divTitle.appendChild(divClose);
+
         var divInput=document.createElement("div");
         divInput.className='jschart_keyboard_Input_Div';
         divDom.appendChild(divInput);
@@ -141857,7 +141957,7 @@ JSPopKeyboard.GetOption=function()
             Top:1          //顶部间距
         },
 
-        BorderLine:0,
+        BorderLine:1|2|4|8,
         EnableResize:true
     };
 
@@ -141987,7 +142087,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.13671";
+var HQCHART_VERSION="1.1.13681";
 
 function PrintHQChartVersion()
 {