Merge remote-tracking branch 'origin/master' into KERNEL-11169

# Conflicts:
#	package.json

demo/js/base/button/demo.button.js

@@ -4,240 +4,181 @@ Demo.Button = BI.inherit(BI.Widget, {
     },
     render: function () {
         var items = [{
-            el: {
             type: "bi.button",
             text: "一般按钮",
             level: "common",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示成功状态按钮",
             level: "success",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示警告状态的按钮",
             level: "warning",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示错误状态的按钮",
             level: "error",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示忽略状态的按钮",
             level: "ignore",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "普通灰化按钮",
             disabled: true,
             level: "success",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "忽略状态灰化按钮",
             disabled: true,
             level: "ignore",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "带图标的按钮",
             // level: 'ignore',
             iconCls: "close-font",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "一般按钮",
             block: true,
             level: "common",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示成功状态按钮",
             block: true,
             level: "success",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示警告状态的按钮",
             block: true,
             level: "warning",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示忽略状态的按钮",
             block: true,
             level: "ignore",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "普通灰化按钮",
             block: true,
             disabled: true,
             level: "success",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "忽略状态灰化按钮",
             block: true,
             disabled: true,
             level: "ignore",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "带图标的按钮",
             block: true,
             // level: 'ignore',
             iconCls: "close-font",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "一般按钮",
             clear: true,
             level: "common",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示成功状态按钮",
             clear: true,
             level: "success",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示警告状态的按钮",
             clear: true,
             level: "warning",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "表示忽略状态的按钮",
             clear: true,
             level: "ignore",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "普通灰化按钮",
             clear: true,
             disabled: true,
             level: "success",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "忽略状态灰化按钮",
             clear: true,
             disabled: true,
             level: "ignore",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "带图标的按钮",
             clear: true,
             // level: 'ignore',
             iconCls: "close-font",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.text_button",
             text: "文字按钮",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "幽灵按钮（common）",
             ghost: true,
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "幽灵按钮（common）",
             ghost: true,
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "幽灵按钮（common）",
             ghost: true,
             level: "warning",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "幽灵按钮（common）",
             ghost: true,
             level: "error",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "幽灵按钮（common）",
             ghost: true,
             level: "success",
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "幽灵按钮（common）灰化",
             disabled: true,
             ghost: true,
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "弹出bubble",
             bubble: function () {
@@ -247,17 +188,13 @@ Demo.Button = BI.inherit(BI.Widget, {
                 BI.Msg.toast("1111");
             },
             height: 30
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "图标在上面的按钮，而且可以自动撑开高度",
             iconCls: "close-font",
             iconGap: 24,
             iconPosition: "top"
-            }
         },{
-            el: {
             type: "bi.button",
             text: "自动撑开高度",
             iconCls: "close-font",
@@ -266,129 +203,87 @@ Demo.Button = BI.inherit(BI.Widget, {
             vgap: 16,
             hgap: 100,
             iconPosition: "top"
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "图标在下面的按钮",
             iconCls: "close-font",
             iconPosition: "bottom"
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "图标在左边的按钮",
             iconCls: "close-font",
             iconPosition: "left"
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "图标在右边的按钮",
             iconCls: "close-font",
             iconPosition: "right"
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "浅色的一般按钮",
             iconCls: "plus-font",
             light: true
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "浅色的成功按钮",
             level: "success",
             iconCls: "plus-font",
             light: true
-            }
         }, {
-            el: {
             type: "bi.button",
             text: "浅色的警告按钮",
             level: "warning",
             iconCls: "plus-font",
             light: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "浅色的失败按钮",
             level: "error",
             cls: "hover-mask",
             light: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "朴素的按钮",
             level: "common",
             plain: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "朴素的按钮",
             level: "success",
             plain: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "朴素的按钮",
             level: "error",
             plain: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "朴素的按钮",
             level: "warning",
             plain: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "朴素的按钮",
             level: "ignore",
             plain: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
-                text: "朴素的按钮",
-                level: "ignore",
             plain: true,
-                disabled: true
-            }
-        }, {
-            el: {
-                type: "bi.button",
-                iconCls: "plus-font",
-                text: "朴素的按钮",
             level: "error",
-                plain: true,
-                disabled: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "朴素的按钮",
-                level: "common",
             plain: true,
             disabled: true
-            }
         }, {
-            el: {
             type: "bi.button",
             iconCls: "plus-font",
             text: "点我，更改图标",
@@ -401,19 +296,18 @@ Demo.Button = BI.inherit(BI.Widget, {
                 this.setIcon(arr[this.i]);
             },
             height: 24
-            }
         }];
-        // BI.each(items, function (i, item) {
+
-        //     item.el.handler = function () {
-        //         BI.Msg.alert("按钮", this.options.text);
-        //     };
-        // });
         return {
             type: "bi.left",
             scrolly: true,
             vgap: 100,
             hgap: 20,
-            items: items
+            items: BI.map(items, function (index, value) {
+                return {
+                    el: value
+                }
+            })
         };
     }
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fineui",
-  "version": "2.0.20220630111602",
+  "version": "2.0.20220705215329",
   "description": "fineui",
   "main": "dist/fineui_without_conflict.min.js",
   "types": "dist/lib/index.d.ts",
@@ -84,6 +84,5 @@
     "registry": "https://registry.npmjs.org"
   },
   "author": "fanruan",
-  "license": "MIT",
+  "license": "MIT"
-  "dependencies": {}
 }

src/base/combination/group.button.js

@@ -331,6 +331,16 @@ BI.ButtonGroup = BI.inherit(BI.Widget, {
         return node;
     },
 
+    /**
+     * 滚动到指定的节点
+     */
+    scrollToValue: function (value, scrollIntoViewOptions) {
+        var node = this.getNodeByValue(value);
+        if (node) {
+            node.element[0].scrollIntoView(scrollIntoViewOptions);
+        }
+    },
+
     empty: function () {
         BI.ButtonGroup.superclass.empty.apply(this, arguments);
         this.options.items = [];

src/base/combination/group.virtual.js

@@ -96,6 +96,20 @@ BI.VirtualGroup = BI.inherit(BI.Widget, {
         return v;
     },
 
+    getNodeByValue: function (value) {
+        return this.buttonMap[value];
+    },
+
+    /**
+     * 滚动到指定的节点
+     */
+    scrollToValue: function (value, scrollIntoViewOptions) {
+        var node = this.getNodeByValue(value);
+        if (node) {
+            node.element[0].scrollIntoView(scrollIntoViewOptions);
+        }
+    },
+
     getValue: function () {
         var v = [];
         BI.each(this.buttonMap, function (i, item) {

src/base/list/listview.js

@@ -1,5 +1,5 @@
 /**
- * 表示当前对象
+ * 边滚动边加载的列表控件
  *
  * Created by GUY on 2017/5/23.
  * @class BI.ListView
@@ -33,8 +33,8 @@ BI.ListView = BI.inherit(BI.Widget, {
             items: [BI.extend({
                 type: "bi.vertical",
                 scrolly: false,
-                ref: function () {
+                ref: function (_ref) {
-                    self.container = this;
+                    self.container = _ref;
                 }
             }, o.el)],
             element: this
@@ -69,8 +69,8 @@ BI.ListView = BI.inherit(BI.Widget, {
         var self = this, o = this.options;
         var height = this.element.height();
         var minContentHeight = o.scrollTop + height + o.overscanHeight;
-        var index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + o.blockSize)) || 0,
+        var index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + o.blockSize)) || 0;
-            cnt = this.renderedIndex + 1;
+        var cnt = this.renderedIndex + 1;
         var lastHeight;
         var getElementHeight = function () {
             return self.container.element.height();
@@ -112,6 +112,12 @@ BI.ListView = BI.inherit(BI.Widget, {
         this.cache = {};
     },
 
+    scrollTo: function (scrollTop) {
+        this.options.scrollTop = scrollTop;
+        this._calculateBlocksToRender();
+        this.element.scrollTop(scrollTop);
+    },
+
     populate: function (items) {
         if (items && this.options.items !== items) {
             this.restore();

src/base/list/virtualgrouplist.js

@@ -123,7 +123,7 @@ BI.VirtualGroupList = BI.inherit(BI.Widget, {
             }
             this.bottomBlank.setHeight(this.tree.sumTo(this.renderedIndex) - this.tree.sumTo(Math.min(end, this.renderedIndex)));
             this.container.populate(items.map(function (item, i) {
-                return o.itemFormatter(item, (start < 0 ? 0 : start) * o.blockSize + i)
+                return o.itemFormatter(item, (start < 0 ? 0 : start) * o.blockSize + i);
             }));
         } else {
             for (var i = (start < 0 ? 0 : start); i <= end; i++) {
@@ -134,7 +134,7 @@ BI.VirtualGroupList = BI.inherit(BI.Widget, {
             }
             this.container.element.height(o.rowHeight * o.items.length - topHeight);
             this.container.populate(items.map(function (item, i) {
-                return o.itemFormatter(item, (start < 0 ? 0 : start) * o.blockSize + i)
+                return o.itemFormatter(item, (start < 0 ? 0 : start) * o.blockSize + i);
             }));
         }
     },
@@ -162,6 +162,13 @@ BI.VirtualGroupList = BI.inherit(BI.Widget, {
         this.bottomBlank.setHeight(0);
     },
 
+    // 暂时只支持固定行高的场景
+    scrollTo: function (scrollTop) {
+        this.options.scrollTop = scrollTop;
+        this._calculateBlocksToRender();
+        this.element.scrollTop(scrollTop);
+    },
+
     restore: function () {
         this.options.scrollTop = 0;
         this._restore();

src/base/list/virtuallist.js

@@ -46,7 +46,6 @@ BI.VirtualList = BI.inherit(BI.Widget, {
                     self.bottomBlank = this;
                 }
             }],
-            element: this
         };
     },
 
@@ -78,7 +77,7 @@ BI.VirtualList = BI.inherit(BI.Widget, {
         while ((lastHeight = getElementHeight()) < minContentHeight && index < o.items.length) {
             var items = o.items.slice(index, index + o.blockSize);
             this.container.addItems(items.map(function (item, i) {
-                return o.itemFormatter(item, index + i)
+                return o.itemFormatter(item, index + i);
             }), this);
             var addedHeight = getElementHeight() - lastHeight;
             this.tree.set(cnt, addedHeight);
@@ -177,6 +176,12 @@ BI.VirtualList = BI.inherit(BI.Widget, {
         this.container.attr("items", []);
     },
 
+    scrollTo: function (scrollTop) {
+        this.options.scrollTop = scrollTop;
+        this._calculateBlocksToRender();
+        this.element.scrollTop(scrollTop);
+    },
+
     restore: function () {
         this.renderedIndex = -1;
         this._clearChildren();

src/base/single/button/buttons/button.js

@@ -30,12 +30,14 @@
                 adaptiveHeight += (tGap + bGap);
             }
 
+            var clearMinWidth = props.block === true || props.clear === true || props.plain;
+
             return BI.extend(conf, {
                 baseCls: (conf.baseCls || "") + " bi-button" + ((BI.isIE() && BI.isIE9Below()) ? " hack" : ""),
                 attributes: {
                     tabIndex: 1
                 },
-                minWidth: (props.block === true || props.clear === true) ? 0 : 80,
+                minWidth: clearMinWidth ? 0 : 80,
                 height: isVertical(props.iconPosition) ? adaptiveHeight : 24,
                 shadow: props.clear !== true,
                 isShadowShowingOnSelected: true,
@@ -64,7 +66,7 @@
         },
 
         render: function () {
-            var o = this.options;
+            var o = this.options, self = this;
 
             // 由于button默认情况下有个边框，所以要主动算行高
             var lineHeight, textHeight = o.textHeight;
@@ -148,24 +150,14 @@
                     value: o.value
                 });
             }
-            if (o.block === true) {
+            var classArr = ["block", "clear", "ghost", "plain", "loading", "light"];
-                this.element.addClass("block");
+            // 如果 options 对应的属性为 true 则给元素添加 class
-            }
+            BI.each(classArr, function (_, clz) {
-            if (o.clear === true) {
+                if (BI.get(o, clz) === true) {
-                this.element.addClass("clear");
+                    self.element.addClass(clz);
-            }
-            if (o.ghost === true) {
-                this.element.addClass("ghost");
-            }
-            if (o.plain === true) {
-                this.element.addClass("plain");
-            }
-            if (o.loading === true) {
-                this.element.addClass("loading");
-            }
-            if (o.light === true) {
-                this.element.addClass("light");
                 }
+            });
+
             if (o.minWidth > 0) {
                 this.element.css({"min-width": o.minWidth / BI.pixRatio + BI.pixUnit});
             }

src/core/3.ob.js

@@ -90,11 +90,11 @@
         //释放当前对象
         _purgeRef: function () {
             if (this.options.__ref) {
-                this.options.__ref.call(null);
+                this.options.__ref.call(null, null);
                 this.options.__ref = null;
             }
             if (this.options.ref) {
-                this.options.ref.call(null);
+                this.options.ref.call(null, null);
                 this.options.ref = null;
             }
         },

src/core/4.widget.js

@@ -738,6 +738,8 @@
             callLifeHook(this, "destroyed");
             this.destroyed = null;
             this._isDestroyed = true;
+            // this._purgeRef();  // 清除ref的时机还是要仔细考虑一下
+
         },
 
         _unMount: function () {

src/core/5.inject.js

@@ -81,10 +81,10 @@
     BI.service = BI.service || function (xtype, cls) {
         if (serviceInjection[xtype] != null) {
             _global.console && console.error("service: [" + xtype + "] 已经注册过了");
-        } else {
-            serviceInjection[xtype] = cls;
         }
 
+        serviceInjection[xtype] = cls;
+
         return function (config) {
             return BI.Services.getService(xtype, config);
         };
@@ -402,8 +402,6 @@
     BI.shortcut = BI.component = BI.shortcut || function (xtype, cls) {
         if (kv[xtype] != null) {
             _global.console && console.error("组件： [" + xtype + "] 已经注册过了");
-
-            return;
         }
         if (cls) {
             cls["xtype"] = xtype;

src/less/base/tree/ztree.less

@@ -17,7 +17,7 @@
   line-height: 14px;
   text-align: left;
   white-space: pre;
-  outline: 0
+  outline: 0;
 }
 
 .ztree li ul {
@@ -73,7 +73,7 @@
   padding: 0 3px 0 0;
   margin: 0;
   cursor: pointer;
-  height: 23px;
+  height: 24px;
   background-color: transparent;
   text-decoration: none;
   vertical-align: top;
@@ -94,7 +94,7 @@
 }
 
 .ztree.solid li a {
-  height: 31px;
+  height: 32px;
 }
 
 .ztree li a.curSelectedNode {
@@ -148,6 +148,21 @@
   line-height: 32px;
 }
 
+.ztree li span.icon {
+  display: inline-block;
+  vertical-align: top;
+  text-align: center;
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+}
+
+.ztree li span.icon {
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+
 .ztree li span.button {
   line-height: 0;
   margin: 0;

typescript/base/combination/group.button.ts

@@ -40,4 +40,6 @@ export declare class ButtonGroup extends Widget {
     getNodeByValue(value: any): any;
 
     getValue<T>(): T[];
+    
+    scrollToValue(value: any, scrollIntoViewOptions?: boolean | Obj): void;
 }

typescript/base/combination/group.virtual.ts

@@ -13,4 +13,6 @@ export declare class VirtualGroup extends Widget {
     getValue<T>(): T[];
 
     populate(items?: any, ...args: any[]): void
+
+    scrollToValue(value: any, scrollIntoViewOptions?: boolean | Obj): void;
 }

typescript/base/list/listview.ts

@@ -1,4 +1,4 @@
-import { Widget } from '../../core/widget';
+import { Widget } from "../../core/widget";
 
 export declare class ListView extends Widget {
     static xtype: string;
@@ -6,4 +6,6 @@ export declare class ListView extends Widget {
     restore(): void;
 
     populate<T>(items: T[]): void;
+
+    scrollTo(scrollTop: number): void;
 }

typescript/base/list/virtualgrouplist.ts

@@ -0,0 +1,11 @@
+import { Widget } from "../../core/widget";
+
+export declare class VirtualGroupList extends Widget {
+    static xtype: string;
+
+    restore(): void;
+
+    populate<T>(items: T[]): void;
+
+    scrollTo(scrollTop: number): void;
+}

typescript/base/list/virtuallist.ts

@@ -0,0 +1,11 @@
+import { Widget } from "../../core/widget";
+
+export declare class VirtualList extends Widget {
+    static xtype: string;
+
+    restore(): void;
+
+    populate<T>(items: T[]): void;
+
+    scrollTo(scrollTop: number): void;
+}

typescript/index.ts

@@ -20,12 +20,12 @@ import { IconChangeButton } from "./case/button/icon/icon.change";
 import { MultiSelectItem } from "./case/button/item.multiselect";
 import { BubbleCombo } from "./case/combo/bubblecombo/combo.bubble";
 import { TextValueCombo } from "./case/combo/combo.textvalue";
-import { SmallTextValueCombo } from './case/combo/combo.textvaluesmall';
+import { SmallTextValueCombo } from "./case/combo/combo.textvaluesmall";
 import { SearchTextValueCombo } from "./case/combo/searchtextvaluecombo/combo.searchtextvalue";
 import { SignEditor } from "./case/editor/editor.sign";
-import { StateEditor } from './case/editor/editor.state';
+import { StateEditor } from "./case/editor/editor.state";
 import { AllValueMultiTextValueCombo } from "./component/allvaluemultitextvaluecombo/allvalue.multitextvalue.combo";
-import { Form } from './component/form/form';
+import { Form } from "./component/form/form";
 import { AbstractTreeValueChooser } from "./component/treevaluechooser/abstract.treevaluechooser";
 import { AbstractListTreeValueChooser } from "./component/treevaluechooser/abstract.treevaluechooser.list";
 import { Action, ActionFactory } from "./core/action/action";
@@ -53,7 +53,10 @@ import { DownListCombo } from "./widget/downlist/combo.downlist";
 import { DownListPopup } from "./widget/downlist/popup.downlist";
 import { Icon } from "./base/single/icon/icon";
 import { LeftVerticalAdaptLayout } from "./core/wrapper/layout/adapt/adapt.leftvertical";
-import { LeftRightVerticalAdaptLayout, RightVerticalAdaptLayout } from "./core/wrapper/layout/adapt/adapt.leftrightvertical";
+import {
+    LeftRightVerticalAdaptLayout,
+    RightVerticalAdaptLayout,
+} from "./core/wrapper/layout/adapt/adapt.leftrightvertical";
 import { IconTextIconItem } from "./base/single/button/listitem/icontexticonitem";
 import { HorizontalAutoLayout } from "./core/wrapper/layout/adapt/auto.horizontal";
 import { InlineVerticalAdaptLayout } from "./core/wrapper/layout/adapt/inline.vertical";
@@ -82,14 +85,14 @@ import { MultiSelectCombo } from "./widget/multiselect/multiselect.combo";
 import { SearchEditor } from "./widget/editor/editor.search";
 import { MultiLayerSingleLevelTree } from "./widget/multilayersingletree/multilayersingletree.leveltree";
 import { SimpleColorChooser } from "./case/colorchooser/colorchooser.simple";
-import { ColorChooser } from './case/colorchooser/colorchooser';
+import { ColorChooser } from "./case/colorchooser/colorchooser";
 import { A } from "./base/a/a";
 import { Html } from "./base/single/html/html";
 import { Switcher } from "./base/combination/switcher";
-import { Expander } from './base/combination/expander';
+import { Expander } from "./base/combination/expander";
 import { Loader } from "./base/combination/loader";
 import { ListPane } from "./case/layer/pane.list";
-import { MultiPopupView } from './case/layer/layer.multipopup';
+import { MultiPopupView } from "./case/layer/layer.multipopup";
 import { MultiSelectBar } from "./case/toolbar/toolbar.multiselect";
 import { SelectList } from "./case/list/list.select";
 import { AbstractAllValueChooser } from "./component/allvaluechooser/abstract.allvaluechooser";
@@ -130,7 +133,7 @@ import { TextValueDownListCombo } from "./widget/textvaluedownlistcombo/combo.te
 import { Switch } from "./case/button/switch";
 import { HorizontalLayout } from "./core/wrapper/layout/layout.horizontal";
 import { ShelterEditor } from "./case/editor/editor.shelter";
-import { TextTrigger } from './case/trigger/trigger.text';
+import { TextTrigger } from "./case/trigger/trigger.text";
 import { SelectTextTrigger } from "./case/trigger/trigger.text.select";
 import { DateInterval } from "./widget/timeinterval/dateinterval";
 import { DynamicDatePane } from "./widget/datepane/datepane";
@@ -151,43 +154,45 @@ import { Segment } from "./case/segment/segment";
 import { LinearSegment } from "./case/linersegment/linear.segment";
 import { Img } from "./base/single/img/img";
 import { EditorIconCheckCombo } from "./case/combo/editoriconcheckcombo/combo.editiconcheck";
-import { IconTextValueCombo } from './case/combo/icontextvaluecombo/combo.icontextvalue';
+import { IconTextValueCombo } from "./case/combo/icontextvaluecombo/combo.icontextvalue";
-import { ListView } from './base/list/listview';
+import { ListView } from "./base/list/listview";
-import { FloatCenterLayout } from './core/wrapper/layout/middle/middle.float.center';
+import { VirtualList } from "./base/list/virtuallist";
-import { _msg } from './base/foundation/message';
+import { VirtualGroupList } from "./base/list/virtualgrouplist";
-import { _web } from './core/platform/web';
+import { FloatCenterLayout } from "./core/wrapper/layout/middle/middle.float.center";
-import { DynamicYearMonthPopup } from './widget/yearmonth/popup.yearmonth';
+import { _msg } from "./base/foundation/message";
-import { _utils } from './core/utils';
+import { _web } from "./core/platform/web";
+import { DynamicYearMonthPopup } from "./widget/yearmonth/popup.yearmonth";
+import { _utils } from "./core/utils";
 import { Controller } from "./core/controller/controller";
 import { LayerController } from "./core/controller/controller.layer";
 import { DateCalendarPopup } from "./widget/date/calendar/popup.calendar.date";
 import { Tree, Node } from "./core/utils/tree";
 import { TextNode } from "./base/single/button/node/textnode";
 import { TextValueCheckComboPopup } from "./case/combo/textvaluecheckcombo/popup.textvaluecheck";
-import { ImageButton } from './base/single/button/buttons/button.image';
+import { ImageButton } from "./base/single/button/buttons/button.image";
 import { History, Router } from "./router/router";
-import { DateTimeCombo } from './widget/datetime/datetime.combo';
+import { DateTimeCombo } from "./widget/datetime/datetime.combo";
 import { FloatHorizontalLayout } from "./core/wrapper/layout/adapt/float.horizontal";
 import { AdaptiveLayout } from "./core/wrapper/layout/layout.adaptive";
-import { HexColorChooserPopup } from './case/colorchooser/colorchooser.popup.hex';
+import { HexColorChooserPopup } from "./case/colorchooser/colorchooser.popup.hex";
-import { BlankIconTextItem } from './base/single/button/listitem/blankicontextitem';
+import { BlankIconTextItem } from "./base/single/button/listitem/blankicontextitem";
 import { Broadcasts, Layers } from "./base/base";
 import { BroadcastController } from "./core/controller/controller.broadcast";
 import { Pager } from "./base/pager/pager";
-import { TimeInterval } from './widget/timeinterval/timeinterval';
+import { TimeInterval } from "./widget/timeinterval/timeinterval";
-import { DynamicDateTimePane } from './widget/datetimepane/datetimepane';
+import { DynamicDateTimePane } from "./widget/datetimepane/datetimepane";
-import { SingleSelectInsertList } from './widget/singleselect/singleselectlist.insert';
+import { SingleSelectInsertList } from "./widget/singleselect/singleselectlist.insert";
-import { MultiSelectTree } from './widget/multiselecttree/multiselecttree';
+import { MultiSelectTree } from "./widget/multiselecttree/multiselecttree";
 import { HtmlLabel } from "./base/single/label/html.label";
-import { TreeValueChooserPane } from './component/treevaluechooser/pane.treevaluechooser';
+import { TreeValueChooserPane } from "./component/treevaluechooser/pane.treevaluechooser";
-import { TdLayout } from './core/wrapper/layout/layout.td';
+import { TdLayout } from "./core/wrapper/layout/layout.td";
-import { MultiLayerSelectLevelTree } from './widget/multilayerselecttree/multilayerselecttree.leveltree';
+import { MultiLayerSelectLevelTree } from "./widget/multilayerselecttree/multilayerselecttree.leveltree";
-import { SelectTreeExpander } from './widget/selecttree/selecttree.expander';
+import { SelectTreeExpander } from "./widget/selecttree/selecttree.expander";
 import { DownListGroupItem } from "./widget/downlist/item.downlistgroup";
 import { VerticalStickyLayout } from "./core/wrapper/layout/sticky/sticky.vertical";
 import { HorizontalStickyLayout } from "./core/wrapper/layout/sticky/sticky.horizontal";
 import { TableLayout } from "./core/wrapper/layout/layout.table";
-import './shims-tsx';
+import "./shims-tsx";
 import { Workers } from "./core/worker/workers";
 
 
@@ -356,6 +361,8 @@ export interface BI extends _func, _i18n, _base, _inject, _var, _web, _utils {
     EditorIconCheckCombo: typeof EditorIconCheckCombo;
     IconTextValueCombo: typeof IconTextValueCombo;
     ListView: typeof ListView;
+    VirtualList: typeof VirtualList;
+    VirtualGroupList: typeof VirtualGroupList;
     FloatCenterLayout: typeof FloatCenterLayout;
     Msg: _msg;
     DynamicYearMonthPopup: typeof DynamicYearMonthPopup;
@@ -550,6 +557,8 @@ export {
     EditorIconCheckCombo,
     IconTextValueCombo,
     ListView,
+    VirtualList,
+    VirtualGroupList,
     FloatCenterLayout,
     DynamicYearMonthPopup,
     DateCalendarPopup,