vxe-pc-ui 3.20.1 → 3.20.5

package/lib/layout-aside/src/layout-aside.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _comp = require("../../ui/src/comp");
 var _dom = require("../../ui/src/dom");
 var _ui = require("../../ui");
+var _utils = require("../../ui/src/utils");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _loading = _interopRequireDefault(require("../../loading"));
 var _scrollbar = _interopRequireDefault(require("../../scrollbar"));
@@ -28,7 +29,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     useScrollbar: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().layoutAside.useScrollbar;
+        return (0, _utils.getDefaultConfig)((0, _ui.getConfig)().layoutAside.useScrollbar, (0, _ui.getConfig)().useScrollbar);
       }
     },
     scrollbarConfig: Object,

package/lib/layout-aside/src/layout-aside.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLayoutAside",mixins:[_ui.globalMixins.sizeMixin],props:{width:[String,Number],collapsed:Boolean,collapseWidth:[String,Number],loading:Boolean,padding:Boolean,collapseConfig:Object,useScrollbar:{type:Boolean,default:function(){return(0,_ui.getConfig)().layoutAside.useScrollbar}},scrollbarConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().layoutAside.size||(0,_ui.getConfig)().size}}},provide:function(){return{$xeLayoutAside:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeCollapseOpts:function(){return Object.assign({},(0,_ui.getConfig)().layoutAside.collapseConfig,this.collapseConfig)},computeVarStyle:function(){var e=this.width,t=this.collapseWidth,i={};return t&&(i["--vxe-ui-layout-aside-collapse-width"]=(0,_dom.toCssUnit)(t)),e&&(i["--vxe-ui-layout-aside-default-width"]=(0,_dom.toCssUnit)(e)),i},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().layoutAside.scrollbarConfig,this.scrollbarConfig)}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$layoutAside:this},t))},renderVN:function(e){var t=this,i=t.$scopedSlots,o=t.collapsed,r=t.loading,n=t.padding,l=t.useScrollbar,a=t.computeVarStyle,s=t.computeSize,u=t.computeCollapseOpts,t=t.computeScrollbarOpts,d=t.className,c=t.viewClassName,f=t.viewInnerClassName,p=i.default;return e("aside",{class:["vxe-layout-aside",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--animat",!1!==u.animation),"is--padding",n),"is--collapse",o),"is--loading",r)],style:a},[l?e(_scrollbar.default,{props:{width:t.width,height:t.height,autoHide:t.autoHide,visible:t.visible,xConfig:{visible:!1},yConfig:t.yConfig,className:"vxe-layout-aside--scrollbar"+(d?" "+d:""),viewAttrs:t.viewAttrs,viewClassName:"vxe-layout-aside--scrollbar-view"+(c?" "+c:""),viewInnerClassName:"vxe-layout-aside--scrollbar-inner"+(f?" "+f:"")},scopedSlots:{default:function(){return p?p({}):[]}}}):e("div",{class:"vxe-layout-aside--inner"},p?p({}):[]),e(_loading.default,{class:"vxe-layout-aside-view--loading",props:{value:r}})])}},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLayoutAside",mixins:[_ui.globalMixins.sizeMixin],props:{width:[String,Number],collapsed:Boolean,collapseWidth:[String,Number],loading:Boolean,padding:Boolean,collapseConfig:Object,useScrollbar:{type:Boolean,default:function(){return(0,_utils.getDefaultConfig)((0,_ui.getConfig)().layoutAside.useScrollbar,(0,_ui.getConfig)().useScrollbar)}},scrollbarConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().layoutAside.size||(0,_ui.getConfig)().size}}},provide:function(){return{$xeLayoutAside:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeCollapseOpts:function(){return Object.assign({},(0,_ui.getConfig)().layoutAside.collapseConfig,this.collapseConfig)},computeVarStyle:function(){var e=this.width,t=this.collapseWidth,i={};return t&&(i["--vxe-ui-layout-aside-collapse-width"]=(0,_dom.toCssUnit)(t)),e&&(i["--vxe-ui-layout-aside-default-width"]=(0,_dom.toCssUnit)(e)),i},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().layoutAside.scrollbarConfig,this.scrollbarConfig)}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$layoutAside:this},t))},renderVN:function(e){var t=this,i=t.$scopedSlots,o=t.collapsed,r=t.loading,n=t.padding,l=t.useScrollbar,a=t.computeVarStyle,u=t.computeSize,s=t.computeCollapseOpts,t=t.computeScrollbarOpts,c=t.className,d=t.viewClassName,f=t.viewInnerClassName,p=i.default;return e("aside",{class:["vxe-layout-aside",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(u),u),"is--animat",!1!==s.animation),"is--padding",n),"is--collapse",o),"is--loading",r)],style:a},[l?e(_scrollbar.default,{props:{width:t.width,height:t.height,autoHide:t.autoHide,visible:t.visible,xConfig:{visible:!1},yConfig:t.yConfig,className:"vxe-layout-aside--scrollbar"+(c?" "+c:""),viewAttrs:t.viewAttrs,viewClassName:"vxe-layout-aside--scrollbar-view"+(d?" "+d:""),viewInnerClassName:"vxe-layout-aside--scrollbar-inner"+(f?" "+f:"")},scopedSlots:{default:function(){return p?p({}):[]}}}):e("div",{class:"vxe-layout-aside--inner"},p?p({}):[]),e(_loading.default,{class:"vxe-layout-aside-view--loading",props:{value:r}})])}},render:function(e){return this.renderVN(e)}});

package/lib/layout-body/src/layout-body.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _comp = require("../../ui/src/comp");
 var _ui = require("../../ui");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _utils = require("../../ui/src/utils");
 var _loading = _interopRequireDefault(require("../../loading"));
 var _scrollbar = _interopRequireDefault(require("../../scrollbar"));
 var _backtop = _interopRequireDefault(require("../../backtop"));
@@ -37,7 +38,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     useScrollbar: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().layoutBody.useScrollbar;
+        return (0, _utils.getDefaultConfig)((0, _ui.getConfig)().layoutBody.useScrollbar, (0, _ui.getConfig)().useScrollbar);
       }
     },
     scrollbarConfig: Object,

package/lib/layout-body/src/layout-body.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar")),_backtop=_interopRequireDefault(require("../../backtop"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,o){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0===o)return("string"===e?String:Number)(t);o=o.call(t,e||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}function createInternalData(){return{}}function createReactData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLayoutBody",mixins:[_ui.globalMixins.sizeMixin],props:{loading:Boolean,padding:Boolean,showBacktop:{type:Boolean,default:function(){return(0,_ui.getConfig)().layoutBody.showBacktop}},backtopConfig:Object,useScrollbar:{type:Boolean,default:function(){return(0,_ui.getConfig)().layoutBody.useScrollbar}},scrollbarConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().layoutBody.size||(0,_ui.getConfig)().size}}},data:function(){var t=_xeUtils.default.uniqueId(),e="vxe_layout_body_backtop_".concat(t),o=createReactData();return Object.assign(Object.assign({},{}),{xID:t,backtopId:e,reactData:o})},computed:Object.assign(Object.assign({},{}),{computeBacktopOpts:function(){var t=this.backtopId;return Object.assign({},(0,_ui.getConfig)().layoutBody.backtopConfig,this.backtopConfig,{target:"#"+t})},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().layoutBody.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var t=this,e=t.backtopId,o=t.showBacktop,t=t.computeScrollbarOpts,r=t.className,i=t.viewClassName,a=t.viewInnerClassName;return{width:t.width,height:t.height,autoHide:t.autoHide,visible:t.visible,xConfig:t.xConfig,yConfig:t.yConfig,className:"vxe-layout-body--scrollbar"+(r?" "+r:""),viewAttrs:Object.assign(Object.assign({},t.viewAttrs),{id:o&&e||null}),viewClassName:"vxe-layout-body--scrollbar-view"+(i?" "+i:""),viewInnerClassName:"vxe-layout-body--scrollbar-inner"+(a?" "+a:"")}}}),methods:{dispatchEvent:function(t,e,o){this.$emit(t,(0,_ui.createEvent)(o,{$layoutBody:this},e))},renderVN:function(t){var e=this,o=e.$scopedSlots,r=e.backtopId,i=e.loading,a=e.padding,n=e.showBacktop,u=e.useScrollbar,l=e.computeBacktopOpts,c=e.computeScrollbarProps,s=e.computeSize,p=o.default,f=o.backtop,d=o.backtopTop||o["backtop-top"],o=o.backtopBottom||o["backtop-bottom"],b={};return f&&(b.default=f),d&&(b.top=d),o&&(b.bottom=o),t("div",{class:["vxe-layout-body",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--loading",i),"is--padding",a)]},[u?t(_scrollbar.default,{props:c,scopedSlots:{default:function(){return p?p({}):[]}}}):t("div",{attrs:{id:n?r:""},class:"vxe-layout-body--inner"},p?p({}):[]),t(_loading.default,{class:"vxe-layout-body-view--loading",props:{value:i}}),n?t(_backtop.default,{props:l,scopedSlots:b}):(0,_ui.renderEmptyElement)(e)])}},created:function(){this.internalData=createInternalData()},beforeDestroy:function(){var t=this.reactData,e=this.internalData;_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(e,createInternalData())},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar")),_backtop=_interopRequireDefault(require("../../backtop"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,o){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0===o)return("string"===e?String:Number)(t);o=o.call(t,e||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}function createInternalData(){return{}}function createReactData(){return{}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLayoutBody",mixins:[_ui.globalMixins.sizeMixin],props:{loading:Boolean,padding:Boolean,showBacktop:{type:Boolean,default:function(){return(0,_ui.getConfig)().layoutBody.showBacktop}},backtopConfig:Object,useScrollbar:{type:Boolean,default:function(){return(0,_utils.getDefaultConfig)((0,_ui.getConfig)().layoutBody.useScrollbar,(0,_ui.getConfig)().useScrollbar)}},scrollbarConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().layoutBody.size||(0,_ui.getConfig)().size}}},data:function(){var t=_xeUtils.default.uniqueId(),e="vxe_layout_body_backtop_".concat(t),o=createReactData();return Object.assign(Object.assign({},{}),{xID:t,backtopId:e,reactData:o})},computed:Object.assign(Object.assign({},{}),{computeBacktopOpts:function(){var t=this.backtopId;return Object.assign({},(0,_ui.getConfig)().layoutBody.backtopConfig,this.backtopConfig,{target:"#"+t})},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().layoutBody.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var t=this,e=t.backtopId,o=t.showBacktop,t=t.computeScrollbarOpts,r=t.className,i=t.viewClassName,a=t.viewInnerClassName;return{width:t.width,height:t.height,autoHide:t.autoHide,visible:t.visible,xConfig:t.xConfig,yConfig:t.yConfig,className:"vxe-layout-body--scrollbar"+(r?" "+r:""),viewAttrs:Object.assign(Object.assign({},t.viewAttrs),{id:o&&e||null}),viewClassName:"vxe-layout-body--scrollbar-view"+(i?" "+i:""),viewInnerClassName:"vxe-layout-body--scrollbar-inner"+(a?" "+a:"")}}}),methods:{dispatchEvent:function(t,e,o){this.$emit(t,(0,_ui.createEvent)(o,{$layoutBody:this},e))},renderVN:function(t){var e=this,o=e.$scopedSlots,r=e.backtopId,i=e.loading,a=e.padding,n=e.showBacktop,u=e.useScrollbar,l=e.computeBacktopOpts,s=e.computeScrollbarProps,c=e.computeSize,p=o.default,f=o.backtop,d=o.backtopTop||o["backtop-top"],o=o.backtopBottom||o["backtop-bottom"],b={};return f&&(b.default=f),d&&(b.top=d),o&&(b.bottom=o),t("div",{class:["vxe-layout-body",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(c),c),"is--loading",i),"is--padding",a)]},[u?t(_scrollbar.default,{props:s,scopedSlots:{default:function(){return p?p({}):[]}}}):t("div",{attrs:{id:n?r:""},class:"vxe-layout-body--inner"},p?p({}):[]),t(_loading.default,{class:"vxe-layout-body-view--loading",props:{value:i}}),n?t(_backtop.default,{props:l,scopedSlots:b}):(0,_ui.renderEmptyElement)(e)])}},created:function(){this.internalData=createInternalData()},beforeDestroy:function(){var t=this.reactData,e=this.internalData;_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(e,createInternalData())},render:function(t){return this.renderVN(t)}});

package/lib/list/src/list.js

@@ -14,8 +14,7 @@ var _utils = require("../../ui/src/utils");
 var _vn = require("../../ui/src/vn");
 var _log = require("../../ui/src/log");
 var _anime = require("../../ui/src/anime");
-var _util = require("../../scrollbar/src/util");
-var _util2 = require("./util");
+var _util = require("./util");
 var _loading = _interopRequireDefault(require("../../loading"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -28,6 +27,18 @@ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var getConfig = _ui.VxeUI.getConfig,
+  getIcon = _ui.VxeUI.getIcon,
+  getI18n = _ui.VxeUI.getI18n,
+  domUtils = _ui.VxeUI.domUtils,
+  scrollbarUtils = _ui.VxeUI.scrollbarUtils,
+  menus = _ui.VxeUI.menus,
+  globalEvents = _ui.VxeUI.globalEvents,
+  globalResize = _ui.VxeUI.globalResize;
+var getThumbOffsetSize = scrollbarUtils.getThumbOffsetSize,
+  getThumbSize = scrollbarUtils.getThumbSize,
+  getScrollFromClick = scrollbarUtils.getScrollFromClick,
+  getScrollFromDrag = scrollbarUtils.getScrollFromDrag;
 var _createComponentLog = (0, _log.createComponentLog)('tree'),
   warnLog = _createComponentLog.warnLog,
   errLog = _createComponentLog.errLog;
@@ -77,8 +88,9 @@ function createInternalData() {
     afterList: [],
     fullKeyMaps: {},
     rowMaps: {},
-    // 滚动条
     // resizeObserver: undefined,
+    // 滚动条
+    // scrollObserver: undefined,
     // isThumbDrag: false,
     thumbDragOffset: 0,
     yThumbTop: 0,
@@ -112,26 +124,26 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     size: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().list.size || (0, _ui.getConfig)().size;
+        return getConfig().list.size || getConfig().size;
       }
     },
     autoResize: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().list.autoResize;
+        return getConfig().list.autoResize;
       }
     },
     syncResize: [Boolean, String, Number],
     showSeq: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().list.showSeq;
+        return getConfig().list.showSeq;
       }
     },
     showRadio: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().list.showRadio;
+        return getConfig().list.showRadio;
       }
     },
     checkRowKey: [String, Number],
@@ -139,7 +151,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     showCheckbox: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().list.showCheckbox;
+        return getConfig().list.showCheckbox;
       }
     },
     checkRowKeys: Array,
@@ -152,7 +164,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     useScrollbar: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().list.useScrollbar;
+        return (0, _utils.getDefaultConfig)(getConfig().list.useScrollbar, getConfig().useScrollbar);
       }
     },
     scrollbarConfig: Object
@@ -171,17 +183,17 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeRowOpts: function computeRowOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, (0, _ui.getConfig)().list.rowConfig, props.rowConfig);
+      return Object.assign({}, getConfig().list.rowConfig, props.rowConfig);
     },
     computeDragOpts: function computeDragOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, (0, _ui.getConfig)().list.dragConfig, props.dragConfig);
+      return Object.assign({}, getConfig().list.dragConfig, props.dragConfig);
     },
     computeSYOpts: function computeSYOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, (0, _ui.getConfig)().list.virtualYConfig || (0, _ui.getConfig)().list.scrollY, props.virtualYConfig || props.scrollY);
+      return Object.assign({}, getConfig().list.virtualYConfig || getConfig().list.scrollY, props.virtualYConfig || props.scrollY);
     },
     computeKeyField: function computeKeyField() {
       var $xeList = this;
@@ -207,28 +219,25 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeList;
       return Object.assign({
         showIcon: true
-      }, (0, _ui.getConfig)().list.radioConfig, props.radioConfig);
+      }, getConfig().list.radioConfig, props.radioConfig);
     },
     computeCheckboxOpts: function computeCheckboxOpts() {
       var $xeList = this;
       var props = $xeList;
       return Object.assign({
         showIcon: true
-      }, (0, _ui.getConfig)().list.checkboxConfig, props.checkboxConfig);
+      }, getConfig().list.checkboxConfig, props.checkboxConfig);
     },
     computeMenuOpts: function computeMenuOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, (0, _ui.getConfig)().list.menuConfig, props.menuConfig);
+      return Object.assign({}, getConfig().list.menuConfig, props.menuConfig);
     },
     computeWrapperStyles: function computeWrapperStyles() {
       var $xeList = this;
       var rowHeight = $xeList.computeRowHeight;
-      var scrollbarOpts = $xeList.computeScrollbarOpts;
-      var scrollbarXOpts = $xeList.computeScrollbarXOpts;
-      var scrollbarYOpts = $xeList.computeScrollbarYOpts;
-      var barWidth = (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarYOpts.width, scrollbarOpts.width), (0, _ui.getConfig)().scrollbar.width);
-      var barHeight = (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarXOpts.height, scrollbarOpts.height), (0, _ui.getConfig)().scrollbar.height);
+      var barWidth = $xeList.computeScrollYWidth;
+      var barHeight = $xeList.computeScrollXHeight;
       var stys = {};
       if (rowHeight) {
         stys['--vxe-ui-list-row-height'] = (0, _dom.toCssUnit)(rowHeight);
@@ -261,17 +270,29 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeScrollbarOpts: function computeScrollbarOpts() {
       var $xeList = this;
       var props = $xeList;
-      return Object.assign({}, (0, _ui.getConfig)().list.scrollbarConfig, props.scrollbarConfig);
+      return Object.assign({}, getConfig().list.scrollbarConfig, props.scrollbarConfig);
     },
     computeScrollbarXOpts: function computeScrollbarXOpts() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
-      return Object.assign({}, (0, _ui.getConfig)().scrollbar.xConfig, scrollbarOpts.xConfig);
+      return Object.assign({}, getConfig().scrollbar.xConfig, scrollbarOpts.xConfig);
     },
     computeScrollbarYOpts: function computeScrollbarYOpts() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
-      return Object.assign({}, (0, _ui.getConfig)().scrollbar.yConfig, scrollbarOpts.yConfig);
+      return Object.assign({}, getConfig().scrollbar.yConfig, scrollbarOpts.yConfig);
+    },
+    computeScrollXHeight: function computeScrollXHeight() {
+      var $xeList = this;
+      var scrollbarOpts = $xeList.computeScrollbarOpts;
+      var scrollbarXOpts = $xeList.computeScrollbarXOpts;
+      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height);
+    },
+    computeScrollYWidth: function computeScrollYWidth() {
+      var $xeList = this;
+      var scrollbarOpts = $xeList.computeScrollbarOpts;
+      var scrollbarYOpts = $xeList.computeScrollbarYOpts;
+      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width);
     },
     computeScrollXVisible: function computeScrollXVisible() {
       var $xeList = this;
@@ -289,31 +310,24 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
       var scrollbarXOpts = $xeList.computeScrollbarXOpts;
-      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), (0, _ui.getConfig)().scrollbar.autoHide);
+      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarXOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
     },
     computeScrollYAutoHide: function computeScrollYAutoHide() {
       var $xeList = this;
       var scrollbarOpts = $xeList.computeScrollbarOpts;
       var scrollbarYOpts = $xeList.computeScrollbarYOpts;
-      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), (0, _ui.getConfig)().scrollbar.autoHide);
+      return (0, _utils.getDefaultConfig)((0, _utils.getDefaultConfig)(scrollbarYOpts.autoHide, scrollbarOpts.autoHide), getConfig().scrollbar.autoHide);
     },
     computeScrollbarWrapperClss: function computeScrollbarWrapperClss() {
       var $xeList = this;
       var reactData = $xeList.reactData;
-      var scrollbarOpts = $xeList.computeScrollbarOpts;
-      var padding = scrollbarOpts.padding;
       var yThumbHeight = reactData.yThumbHeight,
         xThumbWidth = reactData.xThumbWidth;
       var scrollbarXToTop = $xeList.computeScrollbarXToTop;
       var scrollbarYToLeft = $xeList.computeScrollbarYToLeft;
       var scrollXVisible = $xeList.computeScrollXVisible;
       var scrollYVisible = $xeList.computeScrollYVisible;
-      var scrollXAutoHide = $xeList.computeScrollXAutoHide;
-      var scrollYAutoHide = $xeList.computeScrollYAutoHide;
-      return _ui.domUtils.buildClass(['vxe-scrollbar is--virtual', "ov-x--".concat(scrollXVisible === false ? 'hidden' : 'visible'), "ov-y--".concat(scrollYVisible === false ? 'hidden' : 'visible'), "sx-pos--".concat(scrollbarXToTop ? 'top' : 'bottom'), "sy-pos--".concat(scrollbarYToLeft ? 'left' : 'right')], {
-        'is--padding': padding,
-        'ov-x--auto-hide': scrollXAutoHide,
-        'ov-y--auto-hide': scrollYAutoHide,
+      return domUtils.buildClass(['vxe-scrollbar is--virtual', "ov-x--".concat(scrollXVisible === false ? 'hidden' : 'visible'), "ov-y--".concat(scrollYVisible === false ? 'hidden' : 'visible'), "sx-pos--".concat(scrollbarXToTop ? 'top' : 'bottom'), "sy-pos--".concat(scrollbarYToLeft ? 'left' : 'right')], {
         'overflow-y': yThumbHeight,
         'overflow-x': xThumbWidth
       });
@@ -490,6 +504,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var fullData = internalData.fullData;
       return fullData;
     },
+    getParentElem: function getParentElem() {
+      var $xeList = this;
+      var el = $xeList.$refs.refElem;
+      return el ? el.parentElement : null;
+    },
     calcTableHeight: function calcTableHeight(key) {
       var $xeList = this;
       var props = $xeList;
@@ -1229,7 +1248,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         };
         tipContent = "".concat(rTooltipMethod(rtParams) || '');
       } else {
-        tipContent = (0, _ui.getI18n)('vxe.list.dragTip', [rowEl.textContent || '']);
+        tipContent = getI18n('vxe.list.dragTip', [rowEl.textContent || '']);
       }
       reactData.dragTipText = tipContent;
     },
@@ -1619,7 +1638,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var funcName = isAppend ? 'push' : 'unshift';
       newRecords.forEach(function (item) {
         var rowid = getRowIdByField(item, keyField);
-        var rowRest = (0, _util2.getItemCacheObj)(item);
+        var rowRest = (0, _util.getItemCacheObj)(item);
         fullData[funcName](item);
         rowMaps[rowid] = rowRest;
       });
@@ -1671,7 +1690,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           if (rowIndex > -1) {
             newRecords.forEach(function (item) {
               var rowid = getRowIdByField(item, keyField);
-              var rowRest = (0, _util2.getItemCacheObj)(item);
+              var rowRest = (0, _util.getItemCacheObj)(item);
               rowMaps[rowid] = rowRest;
             });
             var targetIndex = rowIndex;
@@ -2066,7 +2085,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
               events: {
                 optionClick: function optionClick(eventParams) {
                   var option = eventParams.option;
-                  var gMenuOpts = _ui.menus.get(option.code);
+                  var gMenuOpts = menus.get(option.code);
                   var tmMethod = gMenuOpts ? gMenuOpts.listMenuMethod : null;
                   var params = {
                     menu: option,
@@ -2100,14 +2119,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return;
       }
       var trackXEl = $xeList.$refs.refTrackXElem;
-      var xThumbWidth = trackXEl ? (0, _util.getThumbSize)(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
+      var xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
       var thumbXElem = $xeList.$refs.refThumbXElem;
       if (thumbXElem) {
         thumbXElem.style.width = xThumbWidth + 'px';
       }
       reactData.xThumbWidth = xThumbWidth;
       var trackYEl = $xeList.$refs.refTrackYElem;
-      var yThumbHeight = trackYEl ? (0, _util.getThumbSize)(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
+      var yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
       var thumbYElem = $xeList.$refs.refThumbYElem;
       if (thumbYElem) {
         thumbYElem.style.height = yThumbHeight + 'px';
@@ -2129,7 +2148,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         yThumbHeight = reactData.yThumbHeight;
       var trackXEl = $xeList.$refs.refTrackXElem;
       var thumbXElem = $xeList.$refs.refThumbXElem;
-      var xThumbLeft = trackXEl && xThumbWidth ? (0, _util.getThumbOffsetSize)(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
+      var xThumbLeft = trackXEl && xThumbWidth ? getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth, xThumbWidth) : 0;
       internalData.xThumbLeft = xThumbLeft;
       if (thumbXElem && xThumbWidth) {
         thumbXElem.style.width = xThumbWidth + 'px';
@@ -2137,7 +2156,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
       var trackYEl = $xeList.$refs.refTrackYElem;
       var thumbYElem = $xeList.$refs.refThumbYElem;
-      var yThumbTop = trackYEl && yThumbHeight ? (0, _util.getThumbOffsetSize)(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
+      var yThumbTop = trackYEl && yThumbHeight ? getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight, yThumbHeight) : 0;
       internalData.yThumbTop = yThumbTop;
       if (thumbYElem && yThumbHeight) {
         thumbYElem.style.height = yThumbHeight + 'px';
@@ -2158,7 +2177,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var xThumbWidth = reactData.xThumbWidth;
       var trackRect = trackEl.getBoundingClientRect();
       viewEl.scrollTo({
-        left: (0, _util.getScrollFromClick)(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
+        left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
         behavior: 'auto'
       });
     },
@@ -2176,7 +2195,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var yThumbHeight = reactData.yThumbHeight;
       var trackRect = trackEl.getBoundingClientRect();
       viewEl.scrollTo({
-        top: (0, _util.getScrollFromClick)(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
+        top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
         behavior: 'auto'
       });
     },
@@ -2196,7 +2215,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var trackRect = trackEl.getBoundingClientRect();
       var pointerPosition = evnt.clientX - trackRect.left;
       // 记录 thumb 的偏移
-      var thumbOffset = (0, _util.getThumbOffsetSize)(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      var thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     },
     pointermoveThumbXEvent: function pointermoveThumbXEvent(evnt) {
@@ -2219,7 +2238,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         var trackEl = _thumbEl.parentElement;
         var trackRect = trackEl.getBoundingClientRect();
         // 更新偏移
-        viewEl.scrollLeft = (0, _util.getScrollFromDrag)(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+        viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
       }
     },
     cleatPointerThumbEvent: function cleatPointerThumbEvent(evnt) {
@@ -2245,7 +2264,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var trackRect = trackEl.getBoundingClientRect();
       var pointerPosition = evnt.clientY - trackRect.top;
       // 记录 thumb 的偏移
-      var thumbOffset = (0, _util.getThumbOffsetSize)(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      var thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       internalData.thumbDragOffset = pointerPosition - thumbOffset;
     },
     pointermoveThumbYEvent: function pointermoveThumbYEvent(evnt) {
@@ -2268,7 +2287,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         var trackEl = _thumbEl2.parentElement;
         var trackRect = trackEl.getBoundingClientRect();
         // 更新偏移
-        viewEl.scrollTop = (0, _util.getScrollFromDrag)(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+        viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       }
     },
     //
@@ -2298,9 +2317,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }, [h('div', {
           class: 'vxe-list--drag-sort-tip-status'
         }, [h('span', {
-          class: ['vxe-list--drag-sort-tip-normal-status', (0, _ui.getIcon)().LIST_DRAG_STATUS_NODE]
+          class: ['vxe-list--drag-sort-tip-normal-status', getIcon().LIST_DRAG_STATUS_NODE]
         }), h('span', {
-          class: ['vxe-list--drag-sort-tip-disabled-status', (0, _ui.getIcon)().LIST_DRAG_DISABLED]
+          class: ['vxe-list--drag-sort-tip-disabled-status', getIcon().LIST_DRAG_DISABLED]
         })]), h('div', {
           class: 'vxe-list--drag-sort-tip-content'
         }, dragTipText)])]) : (0, _ui.renderEmptyElement)($xeList)]);
@@ -2333,7 +2352,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             }
           }
         }, [h('span', {
-          class: ['vxe-radio--icon', isChecked ? (0, _ui.getIcon)().RADIO_CHECKED : isDisabled ? (0, _ui.getIcon)().RADIO_DISABLED_UNCHECKED : (0, _ui.getIcon)().RADIO_UNCHECKED]
+          class: ['vxe-radio--icon', isChecked ? getIcon().RADIO_CHECKED : isDisabled ? getIcon().RADIO_DISABLED_UNCHECKED : getIcon().RADIO_UNCHECKED]
         })]);
       }
       return (0, _ui.renderEmptyElement)($xeList);
@@ -2364,7 +2383,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             }
           }
         }, [h('span', {
-          class: ['vxe-checkbox--icon', isChecked ? (0, _ui.getIcon)().CHECKBOX_CHECKED : isDisabled ? (0, _ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED : (0, _ui.getIcon)().CHECKBOX_UNCHECKED]
+          class: ['vxe-checkbox--icon', isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
         })]);
       }
       return (0, _ui.renderEmptyElement)($xeList);
@@ -2450,7 +2469,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           class: 'vxe-list--drag-handle',
           on: handleOns
         }, [h('i', {
-          class: icon || (0, _ui.getIcon)().LIST_DRAG
+          class: icon || getIcon().LIST_DRAG
         })])]));
       }
       ctVNs.push(h('div', {
@@ -2565,7 +2584,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           click: $xeList.changeCheckboxAllEvent
         }
       }, [h('span', {
-        class: ['vxe-checkbox--icon', isAllChecked ? (0, _ui.getIcon)().CHECKBOX_CHECKED : isAllIndeterminate ? (0, _ui.getIcon)().CHECKBOX_INDETERMINATE : (0, _ui.getIcon)().CHECKBOX_UNCHECKED]
+        class: ['vxe-checkbox--icon', isAllChecked ? getIcon().CHECKBOX_CHECKED : isAllIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : getIcon().CHECKBOX_UNCHECKED]
       })])]) : (0, _ui.renderEmptyElement)($xeList), headerSlot ? h('div', {
         class: 'vxe-list--header-content'
       }, headerSlot({
@@ -2686,6 +2705,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeList = this;
       $xeList.reFlag++;
     },
+    computeScrollYWidth: function computeScrollYWidth() {
+      var $xeList = this;
+      $xeList.reFlag++;
+    },
+    computeScrollXHeight: function computeScrollXHeight() {
+      var $xeList = this;
+      $xeList.reFlag++;
+    },
     computeScrollXVisible: function computeScrollXVisible() {
       var $xeList = this;
       $xeList.$nextTick(function () {
@@ -2750,25 +2777,37 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     if (useKey && !keyField) {
       errLog('vxe.error.reqSupportProp', ['row-config.useKey', 'row-config.keyField']);
     }
-    if (useScrollbar || autoResize) {
-      var el = $xeList.$refs.refElem;
+    var el = $xeList.$refs.refElem;
+    if (useScrollbar) {
       var viewInnerEl = $xeList.$refs.refVirtualBody;
-      var resizeObserver = _ui.globalResize.create(function () {
+      var scrollObserver = globalResize.create(function () {
         $xeList.reFlag++;
       });
       if (el) {
-        resizeObserver.observe(el);
-        if (autoResize) {
-          resizeObserver.observe(el.parentElement);
-        }
+        scrollObserver.observe(el);
       }
       if (viewInnerEl) {
-        resizeObserver.observe(viewInnerEl);
+        scrollObserver.observe(viewInnerEl);
+      }
+      internalData.scrollObserver = scrollObserver;
+    }
+    if (autoResize) {
+      var parentEl = $xeList.getParentElem();
+      var resizeObserver = globalResize.create(function () {
+        if (props.autoResize) {
+          $xeList.reFlag++;
+        }
+      });
+      if (el) {
+        resizeObserver.observe(el);
+      }
+      if (parentEl) {
+        resizeObserver.observe(parentEl);
       }
       internalData.resizeObserver = resizeObserver;
     }
     $xeList.reFlag++;
-    _ui.globalEvents.on($xeList, 'resize', function () {
+    globalEvents.on($xeList, 'resize', function () {
       $xeList.reFlag++;
     });
   },
@@ -2782,11 +2821,15 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var $xeList = this;
     var reactData = $xeList.reactData;
     var internalData = $xeList.internalData;
-    var resizeObserver = internalData.resizeObserver;
+    var scrollObserver = internalData.scrollObserver,
+      resizeObserver = internalData.resizeObserver;
     if (resizeObserver) {
       resizeObserver.disconnect();
     }
-    _ui.globalEvents.off($xeList, 'resize');
+    if (scrollObserver) {
+      scrollObserver.disconnect();
+    }
+    globalEvents.off($xeList, 'resize');
     _xeUtils.default.assign(reactData, createReactData());
     _xeUtils.default.assign(internalData, createInternalData());
   },