vxe-pc-ui 3.18.22 → 3.19.0

package/lib/index.umd.js

@@ -11379,7 +11379,7 @@ __webpack_require__.d(__webpack_exports__, {
   hasLanguage: function() { return /* reexport */ hasLanguage; },
   install: function() { return /* reexport */ install; },
   interceptor: function() { return /* reexport */ interceptor; },
-  loading: function() { return /* reexport */ loading; },
+  loading: function() { return /* reexport */ components_loading; },
   log: function() { return /* reexport */ log; },
   menus: function() { return /* reexport */ menus; },
   modal: function() { return /* reexport */ components_modal; },
@@ -11634,7 +11634,7 @@ __webpack_require__.d(components_namespaceObject, {
   hasLanguage: function() { return hasLanguage; },
   install: function() { return install; },
   interceptor: function() { return interceptor; },
-  loading: function() { return loading; },
+  loading: function() { return components_loading; },
   log: function() { return log; },
   menus: function() { return menus; },
   modal: function() { return components_modal; },
@@ -13347,7 +13347,7 @@ var es_array_filter = __webpack_require__(2008);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.18.22");
+var uiVersion = "ui v".concat("3.19.0");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13367,7 +13367,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.18.22";
+var ui_version = "3.19.0";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13578,7 +13578,13 @@ setConfig({
     digits: 2,
     controls: true
   },
-  layoutAside: {},
+  layoutAside: {
+    scrollbarConfig: {
+      yConfig: {
+        autoHide: true
+      }
+    }
+  },
   layoutBody: {
     backtopConfig: {}
   },
@@ -20485,21 +20491,21 @@ var calendar_menus = VxeUI.menus,
         class: 'vxe-calendar--header'
       }, [h('div', {
         class: 'vxe-calendar--type-wrapper'
-      }, [datePanelType === 'year' ? h(src_button, {
+      }, [datePanelType === 'year' ? h(packages_button, {
         props: {
           disabled: datePanelType === 'year',
           content: selectDatePanelObj.y
         }
       }) : h('span', {
         class: 'vxe-calendar--date-picker-btns'
-      }, [h(src_button, {
+      }, [h(packages_button, {
         props: {
           content: selectDatePanelObj.y
         },
         on: {
           click: $xeCalendar.dateToggleYearTypeEvent
         }
-      }), selectDatePanelObj.m ? h(src_button, {
+      }), selectDatePanelObj.m ? h(packages_button, {
         props: {
           content: selectDatePanelObj.m
         },
@@ -20508,7 +20514,7 @@ var calendar_menus = VxeUI.menus,
         }
       }) : renderEmptyElement($xeCalendar)])]), h('div', {
         class: 'vxe-calendar--btn-wrapper'
-      }, [h(src_button, {
+      }, [h(packages_button, {
         props: {
           disabled: isDisabledPrevDateBtn,
           icon: 'vxe-icon-caret-left'
@@ -20516,14 +20522,14 @@ var calendar_menus = VxeUI.menus,
         on: {
           click: $xeCalendar.datePrevEvent
         }
-      }), h(src_button, {
+      }), h(packages_button, {
         props: {
           icon: 'vxe-icon-dot'
         },
         on: {
           click: $xeCalendar.dateTodayMonthEvent
         }
-      }), h(src_button, {
+      }), h(packages_button, {
         props: {
           disabled: isDisabledNextDateBtn,
           icon: 'vxe-icon-caret-right'
@@ -20638,7 +20644,7 @@ var Calendar = VxeCalendar;
 
 
 
-/* harmony default export */ var src_loading = (/* define-vxe-component start */defineVxeComponent({
+/* harmony default export */ var loading = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeLoading',
   mixins: [globalMixins.sizeMixin],
   props: {
@@ -20773,6 +20779,40 @@ var Calendar = VxeCalendar;
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
+;// ./packages/loading/index.ts
+
+
+
+
+
+
+
+var VxeLoading = Object.assign({}, loading, {
+  install: function install(app) {
+    app.component(loading.name, loading);
+  }
+});
+var LoadingController = {
+  open: function open(options) {
+    var opts = Object.assign({}, options);
+    dynamicStore.globalLoading = {
+      value: true,
+      text: opts.text,
+      icon: opts.icon
+    };
+    checkDynamic();
+    return Promise.resolve();
+  },
+  close: function close() {
+    dynamicStore.globalLoading = null;
+    return Promise.resolve();
+  }
+};
+dynamicApp.use(VxeLoading);
+VxeUI.component(loading);
+VxeUI.loading = LoadingController;
+var Loading = VxeLoading;
+/* harmony default export */ var packages_loading = (VxeLoading);
 ;// ./packages/card/src/card.ts
 
 
@@ -20904,7 +20944,7 @@ var Calendar = VxeCalendar;
       /**
        * 加载中
        */
-      h(src_loading, {
+      h(packages_loading, {
         class: 'vxe-card--loading',
         props: {
           value: loading
@@ -21338,7 +21378,7 @@ var Card = VxeCard;
       /**
        * 加载中
        */
-      h(src_loading, {
+      h(packages_loading, {
         class: 'vxe-carousel--loading',
         props: {
           value: loading
@@ -24014,7 +24054,7 @@ function list_createInternalData() {
       /**
        * 加载中
        */
-      h(src_loading, {
+      h(packages_loading, {
         class: 'vxe-list--loading',
         props: {
           value: loading
@@ -35140,6 +35180,21 @@ var ContextMenu = VxeContextMenu;
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
+;// ./packages/text/index.ts
+
+
+
+
+
+var VxeText = Object.assign({}, src_text, {
+  install: function install(app) {
+    app.component(src_text.name, src_text);
+  }
+});
+dynamicApp.use(VxeText);
+VxeUI.component(src_text);
+var Text = VxeText;
+/* harmony default export */ var packages_text = (VxeText);
 ;// ./packages/countdown/src/countdown.ts
 
 
@@ -35346,7 +35401,7 @@ var ContextMenu = VxeContextMenu;
       }, prefixSlot ? vn_getSlotVNs(prefixSlot({
         currentValue: currNum,
         diffConf: diffConf
-      })) : [h(src_text, {
+      })) : [h(packages_text, {
         props: {
           content: prefixOpts.content,
           icon: prefixOpts.icon,
@@ -35362,7 +35417,7 @@ var ContextMenu = VxeContextMenu;
       }, suffixSlot ? vn_getSlotVNs(suffixSlot({
         currentValue: currNum,
         diffConf: diffConf
-      })) : [h(src_text, {
+      })) : [h(packages_text, {
         props: {
           content: suffixOpts.content,
           icon: suffixOpts.icon,
@@ -40911,7 +40966,7 @@ function date_range_picker_createInternalData() {
       if (isEnableConf(shortcutOpts) && shortcutList.length && (position || 'left') === pos) {
         return h('div', {
           class: "vxe-date-range-picker--layout-".concat(pos, "-wrapper")
-        }, [h(button_group, {
+        }, [h(packages_button_group, {
           props: {
             options: shortcutList,
             mode: mode,
@@ -41004,7 +41059,7 @@ function date_range_picker_createInternalData() {
         class: 'vxe-date-range-picker--layout-header-wrapper'
       }, headerSlot({})) : $xeDateRangePicker.renderShortcutBtn(h, 'header'), h('div', {
         class: 'vxe-date-range-picker--layout-body-wrapper'
-      }, [h(date_panel, {
+      }, [h(packages_date_panel, {
         ref: 'refStartDatePanel',
         props: {
           value: paneStartVal,
@@ -41034,7 +41089,7 @@ function date_range_picker_createInternalData() {
           dateToday: $xeDateRangePicker.endPanelDateBtnChangeEvent,
           dateNext: $xeDateRangePicker.endPanelDateBtnChangeEvent
         }
-      }), h(date_panel, {
+      }), h(packages_date_panel, {
         ref: 'refEndDatePanel',
         props: {
           value: paneEndVal,
@@ -41072,7 +41127,7 @@ function date_range_picker_createInternalData() {
         class: 'vxe-date-range-picker--layout-footer-custom'
       }, footerSlot ? footerSlot({}) : [$xeDateRangePicker.renderShortcutBtn(h, 'footer')]), h('div', {
         class: 'vxe-date-range-picker--layout-footer-btns'
-      }, [showClearBtn ? h(src_button, {
+      }, [showClearBtn ? h(packages_button, {
         props: {
           size: 'mini',
           disabled: !(selectStValue || selectEdValue),
@@ -41081,7 +41136,7 @@ function date_range_picker_createInternalData() {
         on: {
           click: $xeDateRangePicker.clearValueEvent
         }
-      }) : renderEmptyElement($xeDateRangePicker), showConfirmBtn ? h(src_button, {
+      }) : renderEmptyElement($xeDateRangePicker), showConfirmBtn ? h(packages_button, {
         props: {
           size: 'mini',
           status: 'primary',
@@ -41372,40 +41427,6 @@ var Divider = VxeDivider;
 /* harmony default export */ var packages_divider = (VxeDivider);
 ;// ./packages/drawer/src/store.ts
 var allActiveDrawers = [];
-;// ./packages/loading/index.ts
-
-
-
-
-
-
-
-var VxeLoading = Object.assign({}, src_loading, {
-  install: function install(app) {
-    app.component(src_loading.name, src_loading);
-  }
-});
-var LoadingController = {
-  open: function open(options) {
-    var opts = Object.assign({}, options);
-    dynamicStore.globalLoading = {
-      value: true,
-      text: opts.text,
-      icon: opts.icon
-    };
-    checkDynamic();
-    return Promise.resolve();
-  },
-  close: function close() {
-    dynamicStore.globalLoading = null;
-    return Promise.resolve();
-  }
-};
-dynamicApp.use(VxeLoading);
-VxeUI.component(src_loading);
-VxeUI.loading = LoadingController;
-var Loading = VxeLoading;
-/* harmony default export */ var packages_loading = (VxeLoading);
 ;// ./packages/drawer/src/drawer.ts
 
 
@@ -46229,7 +46250,7 @@ function icon_picker_createInternalData() {
         style: wrapperStyle
       }, [filterable ? h('div', {
         class: 'vxe-ico-picker--panel-search'
-      }, [h(input, {
+      }, [h(packages_input, {
         ref: 'refInpSearch',
         class: 'vxe-ico-picker-search--input',
         props: {
@@ -47592,7 +47613,62 @@ dynamicApp.use(VxeImagePreview);
 VxeUI.component(preview);
 var ImagePreview = VxeImagePreview;
 /* harmony default export */ var image_preview = (VxeImagePreview);
-;// ./packages/layout-aside/src/layout-aside.ts
+;// ./packages/scrollbar/src/util.ts
+/**
+ * 计算滚动条滑块的长度
+ */
+function getThumbSize(viewportSize, contentSize, trackSize) {
+  if (contentSize <= viewportSize) {
+    return 0;
+  }
+  var ratio = viewportSize / contentSize;
+  var ideal = trackSize * ratio;
+  return Math.max(20, Math.min(ideal, trackSize));
+}
+/**
+ * 计算滚动条滑块的偏移位置
+ */
+function getThumbOffsetSize(offsetSize, viewportSize, contentSize, trackSize, thumbSize) {
+  var maxScroll = contentSize - viewportSize;
+  if (maxScroll <= 0) {
+    return 0;
+  }
+  var maxThumbOffset = trackSize - thumbSize;
+  if (maxThumbOffset <= 0) {
+    return 0;
+  }
+  var clamped = Math.min(Math.max(offsetSize, 0), maxScroll);
+  var ratio = clamped / maxScroll;
+  return ratio * maxThumbOffset;
+}
+/**
+ * 根据点击轨道的位置，计算滑块的偏移位置
+ */
+function getScrollFromClick(clickPosition, viewportSize, contentSize, trackSize, thumbSize) {
+  var maxThumbOffset = trackSize - thumbSize;
+  var maxScroll = contentSize - viewportSize;
+  if (maxScroll <= 0 || maxThumbOffset <= 0) {
+    return 0;
+  }
+  var thumbOffset = clickPosition - thumbSize / 2;
+  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
+  var scrollOffset = thumbOffset / maxThumbOffset * maxScroll;
+  return scrollOffset;
+}
+/**
+ * 拖拽 thumb 时，根据鼠标位置计算滑块的偏移位置
+ */
+function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSize, trackSize, thumbSize) {
+  var maxScroll = contentSize - viewportSize;
+  var maxThumbOffset = trackSize - thumbSize;
+  if (maxScroll <= 0 || maxThumbOffset <= 0) {
+    return 0;
+  }
+  var thumbOffset = pointerPosition - dragOffset;
+  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
+  return thumbOffset / maxThumbOffset * maxScroll;
+}
+;// ./packages/scrollbar/src/scrollbar.ts
 
 
 
@@ -47602,284 +47678,662 @@ var ImagePreview = VxeImagePreview;
 
 
 
-/* harmony default export */ var layout_aside = (/* define-vxe-component start */defineVxeComponent({
-  name: 'VxeLayoutAside',
-  mixins: [globalMixins.sizeMixin],
+var scrollbar_getConfig = VxeUI.getConfig,
+  scrollbar_createEvent = VxeUI.createEvent,
+  scrollbar_domUtils = VxeUI.domUtils,
+  scrollbar_globalResize = VxeUI.globalResize,
+  scrollbar_renderEmptyElement = VxeUI.renderEmptyElement;
+function scrollbar_createReactData() {
+  return {
+    yThumbHeight: 0,
+    xThumbWidth: 0
+  };
+}
+function scrollbar_createInternalData() {
+  return {
+    // resizeObserver: undefined,
+    // isThumbDrag: false,
+    thumbDragOffset: 0,
+    yThumbTop: 0,
+    xThumbLeft: 0,
+    lastScrollTop: 0,
+    lastScrollLeft: 0
+  };
+}
+/* harmony default export */ var scrollbar = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeScrollbar',
   props: {
+    id: [String, Number],
     width: [String, Number],
-    collapsed: Boolean,
-    collapseWidth: [String, Number],
+    height: [String, Number],
+    minWidth: [String, Number],
+    minHeight: [String, Number],
+    maxWidth: [String, Number],
+    maxHeight: [String, Number],
     loading: Boolean,
-    padding: Boolean,
-    collapseConfig: Object,
-    size: {
-      type: String,
+    native: {
+      type: Boolean,
       default: function _default() {
-        return getConfig().layoutAside.size || getConfig().size;
+        return scrollbar_getConfig().scrollbar.native;
       }
-    }
-  },
-  provide: function provide() {
-    var $xeLayoutAside = this;
-    return {
-      $xeLayoutAside: $xeLayoutAside
-    };
-  },
-  data: function data() {
-    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {};
-    return {
-      xID: xID,
-      reactData: reactData
-    };
-  },
-  computed: _objectSpread2(_objectSpread2({}, {}), {}, {
-    computeCollapseOpts: function computeCollapseOpts() {
-      var $xeLayoutAside = this;
-      var props = $xeLayoutAside;
-      return Object.assign({}, getConfig().layoutAside.collapseConfig, props.collapseConfig);
     },
-    computeVarStyle: function computeVarStyle() {
-      var $xeLayoutAside = this;
-      var props = $xeLayoutAside;
-      var width = props.width,
-        collapseWidth = props.collapseWidth;
-      var stys = {};
-      if (collapseWidth) {
-        stys['--vxe-ui-layout-aside-collapse-width'] = toCssUnit(collapseWidth);
+    xConfig: Object,
+    yConfig: Object,
+    className: {
+      type: String,
+      default: function _default() {
+        return scrollbar_getConfig().scrollbar.className;
       }
-      if (width) {
-        stys['--vxe-ui-layout-aside-default-width'] = toCssUnit(width);
+    },
+    viewAttrs: {
+      type: Object,
+      default: function _default() {
+        return scrollbar_getConfig().scrollbar.viewAttrs;
       }
-      return stys;
-    }
-  }),
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeLayoutAside = this;
-      $xeLayoutAside.$emit(type, createEvent(evnt, {
-        $layoutAside: $xeLayoutAside
-      }, params));
     },
-    //
-    // Render
-    //
-    renderVN: function renderVN(h) {
-      var $xeLayoutAside = this;
-      var props = $xeLayoutAside;
-      var slots = $xeLayoutAside.$scopedSlots;
-      var collapsed = props.collapsed,
-        loading = props.loading,
-        padding = props.padding;
-      var varStyle = $xeLayoutAside.computeVarStyle;
-      var vSize = $xeLayoutAside.computeSize;
-      var collapseOpts = $xeLayoutAside.computeCollapseOpts;
-      var defaultSlot = slots.default;
-      return h('aside', {
-        class: ['vxe-layout-aside', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--animat', collapseOpts.animation !== false), 'is--padding', padding), 'is--collapse', collapsed), 'is--loading', loading)],
-        style: varStyle
-      }, [h('div', {
-        class: 'vxe-layout-aside--inner'
-      }, defaultSlot ? defaultSlot({}) : []),
-      /**
-       * 加载中
-       */
-      h(packages_loading, {
-        class: 'vxe-list-view--loading',
-        props: {
-          value: loading
-        }
-      })]);
-    }
-  },
-  render: function render(h) {
-    return this.renderVN(h);
-  }
-})); /* define-vxe-component end */
-;// ./packages/layout-aside/index.ts
-
-
-
-
-
-var VxeLayoutAside = Object.assign({}, layout_aside, {
-  install: function install(app) {
-    app.component(layout_aside.name, layout_aside);
-  }
-});
-dynamicApp.use(VxeLayoutAside);
-VxeUI.component(layout_aside);
-var LayoutAside = VxeLayoutAside;
-/* harmony default export */ var packages_layout_aside = (VxeLayoutAside);
-;// ./packages/layout-body/src/layout-body.ts
-
-
-
-
-
-
-
-
-function layout_body_createInternalData() {
-  return {};
-}
-function layout_body_createReactData() {
-  return {};
-}
-/* harmony default export */ var layout_body = (/* define-vxe-component start */defineVxeComponent({
-  name: 'VxeLayoutBody',
-  mixins: [globalMixins.sizeMixin],
-  props: {
-    loading: Boolean,
-    padding: Boolean,
-    showBacktop: {
-      type: Boolean,
+    viewClassName: {
+      type: String,
       default: function _default() {
-        return getConfig().layoutBody.showBacktop;
+        return scrollbar_getConfig().scrollbar.viewClassName;
       }
     },
-    backtopConfig: Object,
-    size: {
+    viewInnerClassName: {
       type: String,
       default: function _default() {
-        return getConfig().layoutBody.size || getConfig().size;
+        return scrollbar_getConfig().scrollbar.viewInnerClassName;
       }
-    }
+    },
+    autoResize: {
+      type: Boolean,
+      default: function _default() {
+        return scrollbar_getConfig().scrollbar.autoResize;
+      }
+    },
+    syncResize: [Boolean, String, Number]
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var backtopId = "vxe_layout_body_backtop_".concat(xID);
-    var reactData = layout_body_createReactData();
+    var reactData = scrollbar_createReactData();
     return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
-      backtopId: backtopId,
-      reactData: reactData
+      reactData: reactData,
+      reFlag: 0
     });
   },
-  computed: _objectSpread2(_objectSpread2({}, {}), {}, {
-    computeBacktopOpts: function computeBacktopOpts() {
-      var $xeLayoutBody = this;
-      var props = $xeLayoutBody;
-      var backtopId = $xeLayoutBody.backtopId;
-      return Object.assign({}, getConfig().layoutBody.backtopConfig, props.backtopConfig, {
-        target: '#' + backtopId
+  computed: {
+    computeWrapperStyle: function computeWrapperStyle() {
+      var $xeScrollbar = this;
+      var props = $xeScrollbar;
+      var width = props.width,
+        height = props.height,
+        minWidth = props.minWidth,
+        minHeight = props.minHeight,
+        maxWidth = props.maxWidth,
+        maxHeight = props.maxHeight;
+      var xOpts = $xeScrollbar.computeXOpts;
+      var yOpts = $xeScrollbar.computeYOpts;
+      var stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      if (height) {
+        stys.height = toCssUnit(height);
+      }
+      if (minWidth) {
+        stys.minWidth = toCssUnit(minWidth);
+      }
+      if (minHeight) {
+        stys.minHeight = toCssUnit(minHeight);
+      }
+      if (maxWidth) {
+        stys.maxWidth = toCssUnit(maxWidth);
+      }
+      if (maxHeight) {
+        stys.maxHeight = toCssUnit(maxHeight);
+      }
+      if (yOpts.width) {
+        stys['--vxe-ui-scrollbar-y-width'] = toCssUnit(yOpts.width);
+      }
+      if (xOpts.height) {
+        stys['--vxe-ui-scrollbar-x-height'] = toCssUnit(xOpts.height);
+      }
+      return stys;
+    },
+    computeWrapperClss: function computeWrapperClss() {
+      var $xeScrollbar = this;
+      var props = $xeScrollbar;
+      var reactData = $xeScrollbar.reactData;
+      var native = props.native,
+        className = props.className;
+      var yThumbHeight = reactData.yThumbHeight,
+        xThumbWidth = reactData.xThumbWidth;
+      var xOpts = $xeScrollbar.computeXOpts;
+      var yOpts = $xeScrollbar.computeYOpts;
+      return scrollbar_domUtils.buildClass(['vxe-scrollbar', "ov-x--".concat(xOpts.visible || 'visible'), "ov-y--".concat(yOpts.visible || 'visible'), native ? 'is--native' : 'is--virtual', className], {
+        'ov-x--auto-hide': xOpts.autoHide,
+        'ov-y--auto-hide': yOpts.autoHide,
+        'overflow-y': yThumbHeight,
+        'overflow-x': xThumbWidth
       });
+    },
+    computeViewClss: function computeViewClss() {
+      var $xeScrollbar = this;
+      var props = $xeScrollbar;
+      var viewClassName = props.viewClassName;
+      return scrollbar_domUtils.buildClass(['vxe-scrollbar--view', viewClassName]);
+    },
+    computeViewInnerClss: function computeViewInnerClss() {
+      var $xeScrollbar = this;
+      var props = $xeScrollbar;
+      var viewInnerClassName = props.viewInnerClassName;
+      return scrollbar_domUtils.buildClass(['vxe-scrollbar--view-inner', viewInnerClassName]);
+    },
+    computeXOpts: function computeXOpts() {
+      var $xeScrollbar = this;
+      var props = $xeScrollbar;
+      return Object.assign({}, scrollbar_getConfig().scrollbar.xConfig, props.xConfig);
+    },
+    computeYOpts: function computeYOpts() {
+      var $xeScrollbar = this;
+      var props = $xeScrollbar;
+      return Object.assign({}, scrollbar_getConfig().scrollbar.yConfig, props.yConfig);
     }
-  }),
+  },
   methods: {
     //
     // Method
     //
     dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeLayoutBody = this;
-      $xeLayoutBody.$emit(type, createEvent(evnt, {
-        $layoutBody: $xeLayoutBody
+      var $xeScrollbar = this;
+      $xeScrollbar.$emit(type, scrollbar_createEvent(evnt, {
+        $scrollbar: $xeScrollbar
       }, params));
     },
-    //
-    // Render
-    //
-    renderVN: function renderVN(h) {
-      var $xeLayoutBody = this;
-      var props = $xeLayoutBody;
-      var slots = $xeLayoutBody.$scopedSlots;
-      var backtopId = $xeLayoutBody.backtopId;
-      var loading = props.loading,
-        padding = props.padding,
-        showBacktop = props.showBacktop;
-      var backtopOpts = $xeLayoutBody.computeBacktopOpts;
-      var vSize = $xeLayoutBody.computeSize;
-      var defaultSlot = slots.default;
-      var backtopSlot = slots.backtop;
-      var backtopTopSlot = slots.backtopTop || slots['backtop-top'];
-      var backtopBottomSlot = slots.backtopBottom || slots['backtop-bottom'];
-      var backtopScopeSlots = {};
-      if (backtopSlot) {
-        backtopScopeSlots.default = backtopSlot;
+    scrollTo: function scrollTo(left, top) {
+      var $xeScrollbar = this;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (viewEl) {
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(left)) {
+          viewEl.scrollTo(left, top || 0);
+        } else {
+          viewEl.scrollTo(left);
+        }
       }
-      if (backtopTopSlot) {
-        backtopScopeSlots.top = backtopTopSlot;
+    },
+    scrollIntoView: function scrollIntoView() {
+      var $xeScrollbar = this;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (viewEl) {
+        viewEl.scrollIntoView();
       }
-      if (backtopBottomSlot) {
-        backtopScopeSlots.bottom = backtopBottomSlot;
+    },
+    recalculate: function recalculate() {
+      var $xeScrollbar = this;
+      $xeScrollbar.updateThumbSize();
+      $xeScrollbar.updateThumbOffset();
+      return $xeScrollbar.$nextTick();
+    },
+    updateThumbSize: function updateThumbSize() {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (!viewEl) {
+        return;
       }
-      return h('div', {
-        class: ['vxe-layout-body', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--loading', loading), 'is--padding', padding)]
-      }, [h('div', {
-        attrs: {
-          id: showBacktop ? backtopId : ''
-        },
-        class: 'vxe-layout-body--inner'
-      }, defaultSlot ? defaultSlot({}) : []),
-      /**
-       * 加载中
-       */
-      h(packages_loading, {
-        class: 'vxe-list-view--loading',
-        props: {
-          value: loading
-        }
-      }),
-      /**
-       * 回到顶部
-       */
-      showBacktop ? h(packages_backtop, {
-        props: backtopOpts,
-        scopedSlots: backtopScopeSlots
-      }) : renderEmptyElement($xeLayoutBody)]);
-    }
-  },
-  created: function created() {
-    var $xeLayoutBody = this;
-    $xeLayoutBody.internalData = layout_body_createInternalData();
-  },
-  beforeDestroy: function beforeDestroy() {
-    var $xeLayoutBody = this;
-    var reactData = $xeLayoutBody.reactData;
-    var internalData = $xeLayoutBody.internalData;
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, layout_body_createReactData());
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, layout_body_createInternalData());
-  },
-  render: function render(h) {
-    return this.renderVN(h);
-  }
-})); /* define-vxe-component end */
-;// ./packages/layout-body/index.ts
-
-
-
-
-
-var VxeLayoutBody = Object.assign({}, layout_body, {
-  install: function install(app) {
-    app.component(layout_body.name, layout_body);
+      var trackXEl = $xeScrollbar.$refs.refTrackXElem;
+      var xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
+      var thumbXElem = $xeScrollbar.$refs.refThumbXElem;
+      if (thumbXElem) {
+        thumbXElem.style.width = xThumbWidth + 'px';
+      }
+      reactData.xThumbWidth = xThumbWidth;
+      var trackYEl = $xeScrollbar.$refs.refTrackYElem;
+      var yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
+      var thumbYElem = $xeScrollbar.$refs.refThumbYElem;
+      if (thumbYElem) {
+        thumbYElem.style.height = yThumbHeight + 'px';
+      }
+      reactData.yThumbHeight = yThumbHeight;
+    },
+    updateThumbOffset: function updateThumbOffset() {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var internalData = $xeScrollbar.internalData;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (!viewEl) {
+        return;
+      }
+      var xThumbWidth = reactData.xThumbWidth,
+        yThumbHeight = reactData.yThumbHeight;
+      var trackXEl = $xeScrollbar.$refs.refTrackXElem;
+      var thumbXElem = $xeScrollbar.$refs.refThumbXElem;
+      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';
+        thumbXElem.style.transform = "translateX(".concat(xThumbLeft, "px)");
+      }
+      var trackYEl = $xeScrollbar.$refs.refTrackYElem;
+      var thumbYElem = $xeScrollbar.$refs.refThumbYElem;
+      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';
+        thumbYElem.style.transform = "translateY(".concat(yThumbTop, "px)");
+      }
+    },
+    scrollEvent: function scrollEvent(evnt) {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var internalData = $xeScrollbar.internalData;
+      var xThumbWidth = reactData.xThumbWidth,
+        yThumbHeight = reactData.yThumbHeight;
+      var lastScrollTop = internalData.lastScrollTop,
+        lastScrollLeft = internalData.lastScrollLeft;
+      var xOpts = $xeScrollbar.computeXOpts;
+      var yOpts = $xeScrollbar.computeYOpts;
+      var viewEl = evnt.currentTarget;
+      var scrollTop = viewEl.scrollTop,
+        scrollLeft = viewEl.scrollLeft,
+        clientWidth = viewEl.clientWidth,
+        clientHeight = viewEl.clientHeight,
+        scrollHeight = viewEl.scrollHeight,
+        scrollWidth = viewEl.scrollWidth;
+      var direction = '';
+      var isTopBoundary = false;
+      var isBottomBoundary = false;
+      var isLeftBoundary = false;
+      var isRightBoundary = false;
+      if (lastScrollTop !== scrollTop) {
+        var yThreshold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(yOpts.threshold) || 1;
+        if (lastScrollTop < scrollTop) {
+          direction = 'bottom';
+          if (yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight - yThreshold) {
+            isBottomBoundary = true;
+          }
+        } else {
+          direction = 'top';
+          if (yThumbHeight > 0 && scrollTop <= yThreshold) {
+            isTopBoundary = true;
+          }
+        }
+      }
+      if (lastScrollLeft !== scrollLeft) {
+        var xThreshold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(xOpts.threshold) || 1;
+        if (lastScrollLeft < scrollLeft) {
+          direction = 'right';
+          if (xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth - xThreshold) {
+            isRightBoundary = true;
+          }
+        } else {
+          direction = 'left';
+          if (xThumbWidth > 0 && scrollLeft <= xThreshold) {
+            isLeftBoundary = true;
+          }
+        }
+      }
+      $xeScrollbar.updateThumbOffset();
+      internalData.lastScrollTop = scrollTop;
+      internalData.lastScrollLeft = scrollLeft;
+      if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
+        $xeScrollbar.dispatchEvent('scroll-boundary', {
+          direction: direction,
+          isTop: isTopBoundary,
+          isBottom: isBottomBoundary,
+          isLeft: isLeftBoundary,
+          isRight: isRightBoundary,
+          scrollTop: scrollTop,
+          scrollLeft: scrollLeft,
+          clientWidth: clientWidth,
+          clientHeight: clientHeight,
+          scrollHeight: scrollHeight,
+          scrollWidth: scrollWidth
+        }, evnt);
+      }
+      $xeScrollbar.dispatchEvent('scroll', {
+        direction: direction,
+        isTop: yThumbHeight > 0 && scrollTop <= 0,
+        isBottom: yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight,
+        isLeft: xThumbWidth > 0 && scrollLeft <= 0,
+        isRight: xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth,
+        scrollTop: scrollTop,
+        scrollLeft: scrollLeft,
+        clientWidth: clientWidth,
+        clientHeight: clientHeight,
+        scrollHeight: scrollHeight,
+        scrollWidth: scrollWidth
+      }, evnt);
+    },
+    clickTrackXEvent: function clickTrackXEvent(evnt) {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var trackEl = evnt.currentTarget;
+      if (trackEl !== evnt.target) {
+        return;
+      }
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (!viewEl) {
+        return;
+      }
+      var xThumbWidth = reactData.xThumbWidth;
+      var trackRect = trackEl.getBoundingClientRect();
+      viewEl.scrollTo({
+        left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
+        behavior: 'auto'
+      });
+    },
+    clickTrackYEvent: function clickTrackYEvent(evnt) {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var trackEl = evnt.currentTarget;
+      if (trackEl !== evnt.target) {
+        return;
+      }
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (!viewEl) {
+        return;
+      }
+      var yThumbHeight = reactData.yThumbHeight;
+      var trackRect = trackEl.getBoundingClientRect();
+      viewEl.scrollTo({
+        top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
+        behavior: 'auto'
+      });
+    },
+    pointerdownThumbXEvent: function pointerdownThumbXEvent(evnt) {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var internalData = $xeScrollbar.internalData;
+      var thumbEl = evnt.currentTarget;
+      internalData.isThumbDrag = true;
+      thumbEl.setPointerCapture(evnt.pointerId);
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (!viewEl) {
+        return;
+      }
+      var xThumbWidth = reactData.xThumbWidth;
+      var trackEl = thumbEl.parentElement;
+      var trackRect = trackEl.getBoundingClientRect();
+      var pointerPosition = evnt.clientX - trackRect.left;
+      // 记录 thumb 的偏移
+      var thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      internalData.thumbDragOffset = pointerPosition - thumbOffset;
+    },
+    pointermoveThumbXEvent: function pointermoveThumbXEvent(evnt) {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var internalData = $xeScrollbar.internalData;
+      var isThumbDrag = internalData.isThumbDrag,
+        thumbDragOffset = internalData.thumbDragOffset;
+      if (isThumbDrag) {
+        var viewEl = $xeScrollbar.$refs.refViewElem;
+        if (!viewEl) {
+          return;
+        }
+        var xThumbWidth = reactData.xThumbWidth;
+        var thumbEl = evnt.currentTarget;
+        var trackEl = thumbEl.parentElement;
+        var trackRect = trackEl.getBoundingClientRect();
+        // 更新偏移
+        viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+      }
+    },
+    cleatPointerThumbEvent: function cleatPointerThumbEvent(evnt) {
+      var $xeScrollbar = this;
+      var internalData = $xeScrollbar.internalData;
+      var thumbEl = evnt.currentTarget;
+      thumbEl.releasePointerCapture(evnt.pointerId);
+      internalData.isThumbDrag = false;
+    },
+    pointerdownThumbYEvent: function pointerdownThumbYEvent(evnt) {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var internalData = $xeScrollbar.internalData;
+      var thumbEl = evnt.currentTarget;
+      internalData.isThumbDrag = true;
+      thumbEl.setPointerCapture(evnt.pointerId);
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (!viewEl) {
+        return;
+      }
+      var yThumbHeight = reactData.yThumbHeight;
+      var trackEl = thumbEl.parentElement;
+      var trackRect = trackEl.getBoundingClientRect();
+      var pointerPosition = evnt.clientY - trackRect.top;
+      // 记录 thumb 的偏移
+      var thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      internalData.thumbDragOffset = pointerPosition - thumbOffset;
+    },
+    pointermoveThumbYEvent: function pointermoveThumbYEvent(evnt) {
+      var $xeScrollbar = this;
+      var reactData = $xeScrollbar.reactData;
+      var internalData = $xeScrollbar.internalData;
+      var isThumbDrag = internalData.isThumbDrag,
+        thumbDragOffset = internalData.thumbDragOffset;
+      if (isThumbDrag) {
+        var viewEl = $xeScrollbar.$refs.refViewElem;
+        if (!viewEl) {
+          return;
+        }
+        var yThumbHeight = reactData.yThumbHeight;
+        var thumbEl = evnt.currentTarget;
+        var trackEl = thumbEl.parentElement;
+        var trackRect = trackEl.getBoundingClientRect();
+        // 更新偏移
+        viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
+      }
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeScrollbar = this;
+      var props = $xeScrollbar;
+      var slots = $xeScrollbar.$scopedSlots;
+      var id = props.id,
+        native = props.native,
+        loading = props.loading,
+        viewAttrs = props.viewAttrs;
+      var wrapperStyle = $xeScrollbar.computeWrapperStyle;
+      var wrapperClss = $xeScrollbar.computeWrapperClss;
+      var viewClss = $xeScrollbar.computeViewClss;
+      var viewInnerClss = $xeScrollbar.computeViewInnerClss;
+      var xOpts = $xeScrollbar.computeXOpts;
+      var yOpts = $xeScrollbar.computeYOpts;
+      var defaultSlot = slots.default;
+      return h('div', {
+        ref: 'refElem',
+        attrs: {
+          id: id || null
+        },
+        class: wrapperClss,
+        style: wrapperStyle
+      }, [h('div', {
+        ref: 'refViewElem',
+        class: viewClss,
+        attrs: viewAttrs,
+        on: {
+          scroll: $xeScrollbar.scrollEvent
+        }
+      }, [h('div', {
+        key: 'vi',
+        ref: 'refViewInnerElem',
+        class: viewInnerClss
+      }, defaultSlot ? defaultSlot({}) : [])]), native || xOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : h('div', {
+        ref: 'refTrackXElem',
+        class: 'vxe-scrollbar--track-x',
+        on: {
+          click: $xeScrollbar.clickTrackXEvent
+        }
+      }, [h('div', {
+        ref: 'refThumbXElem',
+        class: 'vxe-scrollbar--thumb-x',
+        on: {
+          pointerdown: $xeScrollbar.pointerdownThumbXEvent,
+          pointermove: $xeScrollbar.pointermoveThumbXEvent,
+          pointerup: $xeScrollbar.cleatPointerThumbEvent,
+          pointercancel: $xeScrollbar.cleatPointerThumbEvent,
+          lostpointercapture: $xeScrollbar.cleatPointerThumbEvent
+        }
+      })]), native || yOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : h('div', {
+        ref: 'refTrackYElem',
+        class: 'vxe-scrollbar--track-y',
+        on: {
+          click: $xeScrollbar.clickTrackYEvent
+        }
+      }, [h('div', {
+        ref: 'refThumbYElem',
+        class: 'vxe-scrollbar--thumb-y',
+        on: {
+          pointerdown: $xeScrollbar.pointerdownThumbYEvent,
+          pointermove: $xeScrollbar.pointermoveThumbYEvent,
+          pointerup: $xeScrollbar.cleatPointerThumbEvent,
+          pointercancel: $xeScrollbar.cleatPointerThumbEvent,
+          lostpointercapture: $xeScrollbar.cleatPointerThumbEvent
+        }
+      })]), h(packages_loading, {
+        class: 'vxe-scrollbar--loading',
+        props: {
+          value: loading
+        }
+      })]);
+    }
+  },
+  watch: {
+    height: function height() {
+      var $xeScrollbar = this;
+      $xeScrollbar.reFlag++;
+    },
+    width: function width() {
+      var $xeScrollbar = this;
+      $xeScrollbar.reFlag++;
+    },
+    minHeight: function minHeight() {
+      var $xeScrollbar = this;
+      $xeScrollbar.reFlag++;
+    },
+    minWidth: function minWidth() {
+      var $xeScrollbar = this;
+      $xeScrollbar.reFlag++;
+    },
+    maxHeight: function maxHeight() {
+      var $xeScrollbar = this;
+      $xeScrollbar.reFlag++;
+    },
+    maxWidth: function maxWidth() {
+      var $xeScrollbar = this;
+      $xeScrollbar.reFlag++;
+    },
+    native: function native() {
+      var $xeScrollbar = this;
+      $xeScrollbar.reFlag++;
+    },
+    syncResize: function syncResize() {
+      var $xeScrollbar = this;
+      $xeScrollbar.reFlag++;
+    },
+    reFlag: function reFlag() {
+      var $xeScrollbar = this;
+      $xeScrollbar.recalculate().then(function () {
+        $xeScrollbar.recalculate();
+      });
+    }
+  },
+  created: function created() {
+    var $xeScrollbar = this;
+    $xeScrollbar.internalData = scrollbar_createInternalData();
+  },
+  mounted: function mounted() {
+    var $xeScrollbar = this;
+    var props = $xeScrollbar;
+    var internalData = $xeScrollbar.internalData;
+    var autoResize = props.autoResize;
+    var viewEl = $xeScrollbar.$refs.refViewElem;
+    var viewInnerEl = $xeScrollbar.$refs.refViewInnerElem;
+    if (autoResize) {
+      var resizeObserver = scrollbar_globalResize.create(function () {
+        if (props.autoResize) {
+          $xeScrollbar.reFlag++;
+        }
+      });
+      if (viewEl) {
+        resizeObserver.observe(viewEl);
+      }
+      if (viewInnerEl) {
+        resizeObserver.observe(viewInnerEl);
+      }
+      internalData.resizeObserver = resizeObserver;
+    }
+    $xeScrollbar.reFlag++;
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeScrollbar = this;
+    var internalData = $xeScrollbar.internalData;
+    var resizeObserver = internalData.resizeObserver;
+    if (resizeObserver) {
+      resizeObserver.disconnect();
+    }
+  },
+  destroyed: function destroyed() {
+    var $xeScrollbar = this;
+    var reactData = $xeScrollbar.reactData;
+    var internalData = $xeScrollbar.internalData;
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, scrollbar_createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, scrollbar_createInternalData());
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+})); /* define-vxe-component end */
+;// ./packages/scrollbar/index.ts
+
+
+
+
+
+var VxeScrollbar = Object.assign({}, scrollbar, {
+  install: function install(app) {
+    app.component(scrollbar.name, scrollbar);
   }
 });
-dynamicApp.use(VxeLayoutBody);
-VxeUI.component(layout_body);
-var LayoutBody = VxeLayoutBody;
-/* harmony default export */ var packages_layout_body = (VxeLayoutBody);
-;// ./packages/layout-container/src/layout-container.ts
+dynamicApp.use(VxeScrollbar);
+VxeUI.component(scrollbar);
+var Scrollbar = VxeScrollbar;
+/* harmony default export */ var packages_scrollbar = (VxeScrollbar);
+;// ./packages/layout-aside/src/layout-aside.ts
 
 
 
 
 
-/* harmony default export */ var layout_container = (/* define-vxe-component start */defineVxeComponent({
-  name: 'VxeLayoutContainer',
+
+
+
+
+/* harmony default export */ var layout_aside = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeLayoutAside',
   mixins: [globalMixins.sizeMixin],
   props: {
-    vertical: Boolean,
+    width: [String, Number],
+    collapsed: Boolean,
+    collapseWidth: [String, Number],
+    loading: Boolean,
+    padding: Boolean,
+    collapseConfig: Object,
+    scrollbarConfig: Object,
     size: {
       type: String,
       default: function _default() {
-        return getConfig().layoutContainer.size || getConfig().size;
+        return getConfig().layoutAside.size || getConfig().size;
       }
     }
   },
+  provide: function provide() {
+    var $xeLayoutAside = this;
+    return {
+      $xeLayoutAside: $xeLayoutAside
+    };
+  },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     var reactData = {};
@@ -47888,59 +48342,351 @@ var LayoutBody = VxeLayoutBody;
       reactData: reactData
     };
   },
-  computed: _objectSpread2({}, {}),
+  computed: _objectSpread2(_objectSpread2({}, {}), {}, {
+    computeCollapseOpts: function computeCollapseOpts() {
+      var $xeLayoutAside = this;
+      var props = $xeLayoutAside;
+      return Object.assign({}, getConfig().layoutAside.collapseConfig, props.collapseConfig);
+    },
+    computeVarStyle: function computeVarStyle() {
+      var $xeLayoutAside = this;
+      var props = $xeLayoutAside;
+      var width = props.width,
+        collapseWidth = props.collapseWidth;
+      var stys = {};
+      if (collapseWidth) {
+        stys['--vxe-ui-layout-aside-collapse-width'] = toCssUnit(collapseWidth);
+      }
+      if (width) {
+        stys['--vxe-ui-layout-aside-default-width'] = toCssUnit(width);
+      }
+      return stys;
+    },
+    computeScrollbarOpts: function computeScrollbarOpts() {
+      var $xeLayoutAside = this;
+      var props = $xeLayoutAside;
+      return Object.assign({}, getConfig().layoutAside.scrollbarConfig, props.scrollbarConfig);
+    }
+  }),
   methods: {
     //
     // Method
     //
     dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeLayoutContainer = this;
-      $xeLayoutContainer.$emit(type, createEvent(evnt, {
-        $layoutContainer: $xeLayoutContainer
+      var $xeLayoutAside = this;
+      $xeLayoutAside.$emit(type, createEvent(evnt, {
+        $layoutAside: $xeLayoutAside
       }, params));
     },
     //
     // Render
     //
     renderVN: function renderVN(h) {
-      var $xeLayoutContainer = this;
-      var props = $xeLayoutContainer;
-      var slots = $xeLayoutContainer.$scopedSlots;
-      var vertical = props.vertical;
-      var vSize = $xeLayoutContainer.computeSize;
+      var $xeLayoutAside = this;
+      var props = $xeLayoutAside;
+      var slots = $xeLayoutAside.$scopedSlots;
+      var collapsed = props.collapsed,
+        loading = props.loading,
+        padding = props.padding;
+      var varStyle = $xeLayoutAside.computeVarStyle;
+      var vSize = $xeLayoutAside.computeSize;
+      var collapseOpts = $xeLayoutAside.computeCollapseOpts;
+      var scrollbarOpts = $xeLayoutAside.computeScrollbarOpts;
+      var native = scrollbarOpts.native,
+        yConfig = scrollbarOpts.yConfig,
+        className = scrollbarOpts.className,
+        viewAttrs = scrollbarOpts.viewAttrs,
+        viewClassName = scrollbarOpts.viewClassName,
+        viewInnerClassName = scrollbarOpts.viewInnerClassName;
       var defaultSlot = slots.default;
-      return h('div', {
-        class: ['vxe-layout-container', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--vertical', vertical)]
-      }, defaultSlot ? defaultSlot({}) : []);
+      return h('aside', {
+        class: ['vxe-layout-aside', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--animat', collapseOpts.animation !== false), 'is--padding', padding), 'is--collapse', collapsed), 'is--loading', loading)],
+        style: varStyle
+      }, [h(packages_scrollbar, {
+        props: {
+          loading: loading,
+          native: native,
+          xConfig: {
+            visible: 'hidden'
+          },
+          yConfig: yConfig,
+          className: 'vxe-layout-aside--scrollbar' + (className ? ' ' + className : ''),
+          viewAttrs: viewAttrs,
+          viewClassName: 'vxe-layout-aside--view' + (viewClassName ? ' ' + viewClassName : ''),
+          viewInnerClassName: 'vxe-layout-aside--inner' + (viewInnerClassName ? ' ' + viewInnerClassName : '')
+        },
+        scopedSlots: {
+          default: function _default() {
+            return defaultSlot ? defaultSlot({}) : [];
+          }
+        }
+      })]);
     }
   },
   render: function render(h) {
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
-;// ./packages/layout-container/index.ts
+;// ./packages/layout-aside/index.ts
 
 
 
 
 
-var VxeLayoutContainer = Object.assign({}, layout_container, {
+var VxeLayoutAside = Object.assign({}, layout_aside, {
   install: function install(app) {
-    app.component(layout_container.name, layout_container);
+    app.component(layout_aside.name, layout_aside);
   }
 });
-dynamicApp.use(VxeLayoutContainer);
-VxeUI.component(layout_container);
-var LayoutContainer = VxeLayoutContainer;
-/* harmony default export */ var packages_layout_container = (VxeLayoutContainer);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
-var es_string_fixed = __webpack_require__(4298);
-;// ./packages/layout-footer/src/layout-footer.ts
+dynamicApp.use(VxeLayoutAside);
+VxeUI.component(layout_aside);
+var LayoutAside = VxeLayoutAside;
+/* harmony default export */ var packages_layout_aside = (VxeLayoutAside);
+;// ./packages/layout-body/src/layout-body.ts
 
 
 
 
-/* harmony default export */ var layout_footer = (/* define-vxe-component start */defineVxeComponent({
+
+
+
+
+function layout_body_createInternalData() {
+  return {};
+}
+function layout_body_createReactData() {
+  return {};
+}
+/* harmony default export */ var layout_body = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeLayoutBody',
+  mixins: [globalMixins.sizeMixin],
+  props: {
+    loading: Boolean,
+    padding: Boolean,
+    showBacktop: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().layoutBody.showBacktop;
+      }
+    },
+    backtopConfig: Object,
+    scrollbarConfig: Object,
+    size: {
+      type: String,
+      default: function _default() {
+        return getConfig().layoutBody.size || getConfig().size;
+      }
+    }
+  },
+  data: function data() {
+    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    var backtopId = "vxe_layout_body_backtop_".concat(xID);
+    var reactData = layout_body_createReactData();
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
+      xID: xID,
+      backtopId: backtopId,
+      reactData: reactData
+    });
+  },
+  computed: _objectSpread2(_objectSpread2({}, {}), {}, {
+    computeBacktopOpts: function computeBacktopOpts() {
+      var $xeLayoutBody = this;
+      var props = $xeLayoutBody;
+      var backtopId = $xeLayoutBody.backtopId;
+      return Object.assign({}, getConfig().layoutBody.backtopConfig, props.backtopConfig, {
+        target: '#' + backtopId
+      });
+    },
+    computeScrollbarOpts: function computeScrollbarOpts() {
+      var $xeLayoutBody = this;
+      var props = $xeLayoutBody;
+      return Object.assign({}, getConfig().layoutBody.scrollbarConfig, props.scrollbarConfig);
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeLayoutBody = this;
+      $xeLayoutBody.$emit(type, createEvent(evnt, {
+        $layoutBody: $xeLayoutBody
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeLayoutBody = this;
+      var props = $xeLayoutBody;
+      var slots = $xeLayoutBody.$scopedSlots;
+      var backtopId = $xeLayoutBody.backtopId;
+      var loading = props.loading,
+        padding = props.padding,
+        showBacktop = props.showBacktop;
+      var backtopOpts = $xeLayoutBody.computeBacktopOpts;
+      var scrollbarOpts = $xeLayoutBody.computeScrollbarOpts;
+      var native = scrollbarOpts.native,
+        xConfig = scrollbarOpts.xConfig,
+        yConfig = scrollbarOpts.yConfig,
+        className = scrollbarOpts.className,
+        viewAttrs = scrollbarOpts.viewAttrs,
+        viewClassName = scrollbarOpts.viewClassName,
+        viewInnerClassName = scrollbarOpts.viewInnerClassName;
+      var vSize = $xeLayoutBody.computeSize;
+      var defaultSlot = slots.default;
+      var backtopSlot = slots.backtop;
+      var backtopTopSlot = slots.backtopTop || slots['backtop-top'];
+      var backtopBottomSlot = slots.backtopBottom || slots['backtop-bottom'];
+      var backtopScopeSlots = {};
+      if (backtopSlot) {
+        backtopScopeSlots.default = backtopSlot;
+      }
+      if (backtopTopSlot) {
+        backtopScopeSlots.top = backtopTopSlot;
+      }
+      if (backtopBottomSlot) {
+        backtopScopeSlots.bottom = backtopBottomSlot;
+      }
+      return h('div', {
+        class: ['vxe-layout-body', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--loading', loading), 'is--padding', padding)]
+      }, [h(packages_scrollbar, {
+        props: {
+          loading: loading,
+          native: native,
+          xConfig: xConfig,
+          yConfig: yConfig,
+          className: 'vxe-layout-body--scrollbar' + (className ? ' ' + className : ''),
+          viewAttrs: _objectSpread2(_objectSpread2({}, viewAttrs), {}, {
+            id: showBacktop ? backtopId || null : null
+          }),
+          viewClassName: 'vxe-layout-body--view' + (viewClassName ? ' ' + viewClassName : ''),
+          viewInnerClassName: 'vxe-layout-body--inner' + (viewInnerClassName ? ' ' + viewInnerClassName : '')
+        },
+        scopedSlots: {
+          default: function _default() {
+            return defaultSlot ? defaultSlot({}) : [];
+          }
+        }
+      }),
+      /**
+       * 回到顶部
+       */
+      showBacktop ? h(packages_backtop, {
+        props: backtopOpts,
+        scopedSlots: backtopScopeSlots
+      }) : renderEmptyElement($xeLayoutBody)]);
+    }
+  },
+  created: function created() {
+    var $xeLayoutBody = this;
+    $xeLayoutBody.internalData = layout_body_createInternalData();
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeLayoutBody = this;
+    var reactData = $xeLayoutBody.reactData;
+    var internalData = $xeLayoutBody.internalData;
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, layout_body_createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, layout_body_createInternalData());
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+})); /* define-vxe-component end */
+;// ./packages/layout-body/index.ts
+
+
+
+
+
+var VxeLayoutBody = Object.assign({}, layout_body, {
+  install: function install(app) {
+    app.component(layout_body.name, layout_body);
+  }
+});
+dynamicApp.use(VxeLayoutBody);
+VxeUI.component(layout_body);
+var LayoutBody = VxeLayoutBody;
+/* harmony default export */ var packages_layout_body = (VxeLayoutBody);
+;// ./packages/layout-container/src/layout-container.ts
+
+
+
+
+
+/* harmony default export */ var layout_container = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeLayoutContainer',
+  mixins: [globalMixins.sizeMixin],
+  props: {
+    vertical: Boolean,
+    size: {
+      type: String,
+      default: function _default() {
+        return getConfig().layoutContainer.size || getConfig().size;
+      }
+    }
+  },
+  data: function data() {
+    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    var reactData = {};
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  computed: _objectSpread2({}, {}),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeLayoutContainer = this;
+      $xeLayoutContainer.$emit(type, createEvent(evnt, {
+        $layoutContainer: $xeLayoutContainer
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeLayoutContainer = this;
+      var props = $xeLayoutContainer;
+      var slots = $xeLayoutContainer.$scopedSlots;
+      var vertical = props.vertical;
+      var vSize = $xeLayoutContainer.computeSize;
+      var defaultSlot = slots.default;
+      return h('div', {
+        class: ['vxe-layout-container', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--vertical', vertical)]
+      }, defaultSlot ? defaultSlot({}) : []);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+})); /* define-vxe-component end */
+;// ./packages/layout-container/index.ts
+
+
+
+
+
+var VxeLayoutContainer = Object.assign({}, layout_container, {
+  install: function install(app) {
+    app.component(layout_container.name, layout_container);
+  }
+});
+dynamicApp.use(VxeLayoutContainer);
+VxeUI.component(layout_container);
+var LayoutContainer = VxeLayoutContainer;
+/* harmony default export */ var packages_layout_container = (VxeLayoutContainer);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
+var es_string_fixed = __webpack_require__(4298);
+;// ./packages/layout-footer/src/layout-footer.ts
+
+
+
+
+/* harmony default export */ var layout_footer = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeLayoutFooter',
   props: {
     fixed: Boolean,
@@ -48230,6 +48976,7 @@ var Link = VxeLink;
 
 
 
+
 
 
 var menu_createComponentLog = createComponentLog('menu'),
@@ -48302,6 +49049,7 @@ var nemuUniqueKey = 100000000;
       }
     },
     menuConfig: Object,
+    scrollbarConfig: Object,
     appendTo: {
       type: [String, Function],
       default: function _default() {
@@ -48352,6 +49100,11 @@ var nemuUniqueKey = 100000000;
       var propsOpts = $xeMenu.computePropsOpts;
       return propsOpts.routerLink || 'routerLink';
     },
+    computeScrollbarOpts: function computeScrollbarOpts() {
+      var $xeMenu = this;
+      var props = $xeMenu;
+      return Object.assign({}, menu_getConfig().menu.scrollbarConfig, props.scrollbarConfig);
+    },
     computeCurrBorder: function computeCurrBorder() {
       var $xeMenu = this;
       var props = $xeMenu;
@@ -48979,6 +49732,7 @@ var nemuUniqueKey = 100000000;
       var isCollapsed = $xeMenu.computeIsCollapsed;
       var currBorder = $xeMenu.computeCurrBorder;
       var varStyle = $xeMenu.computeVarStyle;
+      var scrollbarOpts = $xeMenu.computeScrollbarOpts;
       var headerSlot = slots.header;
       var footerSlot = slots.footer;
       var ons = {};
@@ -49009,18 +49763,24 @@ var nemuUniqueKey = 100000000;
         on: ons
       }, isCollapsed ? [headerSlot ? h('div', {
         class: 'vxe-menu--header'
-      }, headerSlot(stParams)) : renderEmptyElement($xeMenu), h('div', {
-        class: 'vxe-menu--body'
-      }, menuList.map(function (child) {
-        return $xeMenu.renderDefaultChildren(h, child, menuList);
-      })), footerSlot ? h('div', {
+      }, headerSlot(stParams)) : renderEmptyElement($xeMenu), h(packages_scrollbar, {
+        class: 'vxe-menu--body',
+        props: scrollbarOpts,
+        scopedSlots: {
+          default: function _default() {
+            return menuList.map(function (child) {
+              return $xeMenu.renderDefaultChildren(h, child, menuList);
+            });
+          }
+        }
+      }), footerSlot ? h('div', {
         class: 'vxe-menu--footer'
       }, footerSlot(stParams)) : renderEmptyElement($xeMenu)] : []) : renderEmptyElement($xeMenu),
       /**
        * 加载中
        */
       h(packages_loading, {
-        class: 'vxe-list-view--loading',
+        class: 'vxe-menu-view--loading',
         props: {
           value: loading
         }
@@ -53560,7 +54320,7 @@ function select_createInternalData() {
       }, [h('div', {
         class: 'vxe-select-slots',
         ref: 'hideOption'
-      }, defaultSlot ? defaultSlot.call($xeSelect, {}) : []), h(input, {
+      }, defaultSlot ? defaultSlot.call($xeSelect, {}) : []), h(packages_input, {
         ref: 'refInput',
         props: {
           clearable: props.clearable,
@@ -53600,7 +54360,7 @@ function select_createInternalData() {
         style: popupWrapperStyle
       }, [filterable ? h('div', {
         class: 'vxe-select--panel-search'
-      }, [h(input, {
+      }, [h(packages_input, {
         ref: 'refInpSearch',
         class: 'vxe-select-search--input',
         props: {
@@ -53624,7 +54384,7 @@ function select_createInternalData() {
         class: 'vxe-tree-select--header-button'
       }, [h('div', {
         class: 'vxe-tree-select--header-btns'
-      }, [showCheckedButton && multiple ? h(src_button, {
+      }, [showCheckedButton && multiple ? h(packages_button, {
         props: {
           content: getI18n('vxe.select.allChecked'),
           mode: 'text'
@@ -53632,7 +54392,7 @@ function select_createInternalData() {
         on: {
           click: $xeSelect.allCheckedPanelEvent
         }
-      }) : renderEmptyElement($xeSelect), showClearButton ? h(src_button, {
+      }) : renderEmptyElement($xeSelect), showClearButton ? h(packages_button, {
         props: {
           content: getI18n('vxe.select.clear'),
           mode: 'text'
@@ -53667,7 +54427,7 @@ function select_createInternalData() {
         class: 'vxe-select--total-btns'
       }, getI18n('vxe.select.total', [selectVals.length, optList.length])) : renderEmptyElement($xeSelect), showCloseButton && multiple ? h('div', {
         class: 'vxe-select--oper-btns'
-      }, [h(src_button, {
+      }, [h(packages_button, {
         props: {
           content: getI18n('vxe.select.close'),
           mode: 'text'
@@ -57307,992 +58067,375 @@ var RadioGroup = VxeRadioGroup;
       var $xeForm = $xeRate.$xeForm;
       var disabled = props.disabled;
       if (disabled === null) {
-        if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled;
-        }
-        return false;
-      }
-      return disabled;
-    },
-    computeIsReadonly: function computeIsReadonly() {
-      var $xeRate = this;
-      var props = $xeRate;
-      var $xeForm = $xeRate.$xeForm;
-      var readonly = props.readonly;
-      if (readonly === null) {
-        if ($xeForm) {
-          return $xeForm.readonly || $xeForm.disabled;
-        }
-        return false;
-      }
-      return readonly;
-    },
-    computeNumVal: function computeNumVal() {
-      var $xeRate = this;
-      var props = $xeRate;
-      var reactData = $xeRate.reactData;
-      var value = props.value;
-      var activeValue = reactData.activeValue;
-      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(activeValue === null ? value : activeValue);
-    },
-    computeItemList: function computeItemList() {
-      return [1, 2, 3, 4, 5].map(function (num) {
-        return {
-          value: num,
-          label: num
-        };
-      });
-    }
-  }),
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeRate = this;
-      $xeRate.$emit(type, createEvent(evnt, {
-        $rate: $xeRate
-      }, params));
-    },
-    emitModel: function emitModel(value) {
-      var $xeRate = this;
-      var _events = $xeRate._events;
-      $xeRate.$emit('input', value);
-      if (_events && _events.modelValue) {
-        $xeRate.$emit('modelValue', value);
-      } else {
-        $xeRate.$emit('model-value', value);
-      }
-    },
-    mouseenterEvent: function mouseenterEvent(evnt, item) {
-      var $xeRate = this;
-      var reactData = $xeRate.reactData;
-      var isDisabled = $xeRate.computeIsDisabled;
-      var isReadonly = $xeRate.computeIsReadonly;
-      if (!(isDisabled || isReadonly)) {
-        var value = item.value;
-        reactData.activeValue = value;
-      }
-    },
-    mouseleaveEvent: function mouseleaveEvent() {
-      var $xeRate = this;
-      var reactData = $xeRate.reactData;
-      reactData.activeValue = null;
-    },
-    clickEvent: function clickEvent(evnt, item) {
-      var $xeRate = this;
-      var $xeForm = $xeRate.$xeForm;
-      var formItemInfo = $xeRate.formItemInfo;
-      var isDisabled = $xeRate.computeIsDisabled;
-      var isReadonly = $xeRate.computeIsReadonly;
-      if (!(isDisabled || isReadonly)) {
-        var value = item.value;
-        $xeRate.emitModel(value);
-        $xeRate.dispatchEvent('change', {
-          value: value
-        }, evnt);
-        // 自动更新校验状态
-        if ($xeForm && formItemInfo) {
-          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
-        }
-      }
-    },
-    //
-    // Render
-    //
-    renderVN: function renderVN(h) {
-      var $xeRate = this;
-      var props = $xeRate;
-      var status = props.status;
-      var isDisabled = $xeRate.computeIsDisabled;
-      var isReadonly = $xeRate.computeIsReadonly;
-      var itemList = $xeRate.computeItemList;
-      var vSize = $xeRate.computeSize;
-      var numVal = $xeRate.computeNumVal;
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-rate', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status), 'is--disabled', isDisabled), 'is--readonly', isReadonly)]
-      }, itemList.map(function (item) {
-        var isChecked = numVal >= item.value;
-        return h('div', {
-          class: ['vxe-rte--item', {
-            'is--checked': isChecked
-          }],
-          on: {
-            mouseenter: function mouseenter(evnt) {
-              if (!(isDisabled || isReadonly)) {
-                $xeRate.mouseenterEvent(evnt, item);
-              }
-            },
-            mouseleave: $xeRate.mouseleaveEvent,
-            click: function click(evnt) {
-              if (!(isDisabled || isReadonly)) {
-                $xeRate.clickEvent(evnt, item);
-              }
-            }
-          }
-        }, [h('i', {
-          class: isChecked ? getIcon().RATE_CHECKED : getIcon().RATE_UNCHECKED
-        })]);
-      }));
-    }
-  },
-  render: function render(h) {
-    return this.renderVN(h);
-  }
-})); /* define-vxe-component end */
-;// ./packages/rate/index.ts
-
-
-
-
-
-var VxeRate = Object.assign({}, rate, {
-  install: function install(app) {
-    app.component(rate.name, rate);
-  }
-});
-dynamicApp.use(VxeRate);
-VxeUI.component(rate);
-var Rate = VxeRate;
-/* harmony default export */ var packages_rate = (VxeRate);
-;// ./packages/result/src/result.ts
-
-
-
-
-
-/* harmony default export */ var result = (/* define-vxe-component start */defineVxeComponent({
-  name: 'VxeResult',
-  props: {
-    imageUrl: String,
-    imageStyle: Object,
-    icon: String,
-    type: [String, Number],
-    status: [String, Number],
-    title: [String, Number],
-    content: [String, Number]
-  },
-  data: function data() {
-    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {};
-    return {
-      xID: xID,
-      reactData: reactData
-    };
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeResult = this;
-      $xeResult.$emit(type, createEvent(evnt, {
-        $result: $xeResult
-      }, params));
-    },
-    //
-    // Render
-    //
-    renderVN: function renderVN(h) {
-      var $xeResult = this;
-      var props = $xeResult;
-      var slots = $xeResult.$scopedSlots;
-      var imageUrl = props.imageUrl,
-        imageStyle = props.imageStyle,
-        icon = props.icon,
-        title = props.title,
-        type = props.type,
-        content = props.content;
-      var status = props.status || type;
-      var slotExtra = slots.extra;
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-result', _defineProperty({}, "theme--".concat(status), status)]
-      }, [h('div', {
-        class: 'vxe-result--inner'
-      }, [imageUrl ? h('div', {
-        class: 'vxe-result--img-wrapper'
-      }, [h('img', {
-        attrs: {
-          src: imageUrl
-        },
-        style: imageStyle
-      })]) : h('div', {
-        class: 'vxe-result--icon-wrapper'
-      }, [h('i', {
-        class: [icon, type ? getIcon()["RESULT_".concat(type).toLocaleUpperCase()] : '']
-      })]), h('div', {
-        class: 'vxe-result--title-wrapper'
-      }, "".concat(title || '')), h('div', {
-        class: 'vxe-result--content-wrapper'
-      }, "".concat(content || '')), slotExtra ? h('div', {
-        class: 'vxe-result--extra-wrapper'
-      }, slotExtra({})) : renderEmptyElement($xeResult)])]);
-    }
-  },
-  render: function render(h) {
-    return this.renderVN(h);
-  }
-})); /* define-vxe-component end */
-;// ./packages/result/index.ts
-
-
-
-
-
-var VxeResult = Object.assign({}, result, {
-  install: function install(app) {
-    app.component(result.name, result);
-  }
-});
-dynamicApp.use(VxeResult);
-VxeUI.component(result);
-var Result = VxeResult;
-/* harmony default export */ var packages_result = (VxeResult);
-;// ./packages/row/src/row.ts
-
-
-
-
-
-
-/* harmony default export */ var row = (/* define-vxe-component start */defineVxeComponent({
-  name: 'VxeRow',
-  mixins: [globalMixins.sizeMixin],
-  props: {
-    gutter: [Number, String, Array],
-    wrap: {
-      type: Boolean,
-      default: function _default() {
-        return getConfig().row.wrap;
-      }
-    },
-    vertical: Boolean,
-    size: {
-      type: String,
-      default: function _default() {
-        return getConfig().row.size || getConfig().size;
-      }
-    }
-  },
-  provide: function provide() {
-    var $xeRow = this;
-    return {
-      $xeRow: $xeRow
-    };
-  },
-  data: function data() {
-    var reactData = {};
-    return {
-      xID: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId(),
-      reactData: reactData
-    };
-  },
-  computed: {
-    computeRowStyle: function computeRowStyle() {
-      var $xeRow = this;
-      var props = $xeRow;
-      var gutter = props.gutter,
-        vertical = props.vertical;
-      var style = {};
-      if (gutter) {
-        var _ref = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(gutter) ? gutter : [gutter],
-          _ref2 = _slicedToArray(_ref, 2),
-          lrGutter = _ref2[0],
-          tbGutter = _ref2[1];
-        if (vertical) {
-          tbGutter = lrGutter;
-          lrGutter = '';
-        }
-        if (lrGutter) {
-          var offsetSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(lrGutter) ? toCssUnit(-(lrGutter / 2)) : "calc(".concat(toCssUnit(lrGutter), " / 2 * -1)");
-          style.marginLeft = offsetSize;
-          style.marginRight = offsetSize;
-        }
-        if (tbGutter) {
-          var _offsetSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(tbGutter) ? toCssUnit(-(tbGutter / 2)) : "calc(".concat(toCssUnit(tbGutter), " / 2 * -1)");
-          style.marginTop = _offsetSize;
-          style.marginBottom = _offsetSize;
-        }
-      }
-      return style;
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeRow = this;
-      $xeRow.$emit(type, createEvent(evnt, {
-        $row: $xeRow
-      }, params));
-    },
-    clickEvent: function clickEvent(evnt) {
-      var $xeRow = this;
-      $xeRow.dispatchEvent('click', {}, evnt);
-    },
-    //
-    // Render
-    //
-    renderVN: function renderVN(h) {
-      var $xeRow = this;
-      var props = $xeRow;
-      var slots = $xeRow.$scopedSlots;
-      var vertical = props.vertical,
-        wrap = props.wrap;
-      var rowStyle = $xeRow.computeRowStyle;
-      var defaultSlot = slots.default;
-      return h('div', {
-        ref: 'refElem',
-        class: ['vxe-row', {
-          'is--vertical': vertical,
-          'is--wrap': wrap
-        }],
-        style: rowStyle,
-        on: {
-          click: $xeRow.clickEvent
-        }
-      }, defaultSlot ? defaultSlot({}) : []);
-    }
-  },
-  render: function render(h) {
-    return this.renderVN(h);
-  }
-})); /* define-vxe-component end */
-;// ./packages/row/index.ts
-
-
-
-
-
-var VxeRow = Object.assign({}, row, {
-  install: function install(app) {
-    app.component(row.name, row);
-  }
-});
-dynamicApp.use(VxeRow);
-VxeUI.component(row);
-var Row = VxeRow;
-/* harmony default export */ var packages_row = (VxeRow);
-;// ./packages/scrollbar/src/util.ts
-/**
- * 计算滚动条滑块的长度
- */
-function getThumbSize(viewportSize, contentSize, trackSize) {
-  if (contentSize <= viewportSize) {
-    return 0;
-  }
-  var ratio = viewportSize / contentSize;
-  var ideal = trackSize * ratio;
-  return Math.max(20, Math.min(ideal, trackSize));
-}
-/**
- * 计算滚动条滑块的偏移位置
- */
-function getThumbOffsetSize(offsetSize, viewportSize, contentSize, trackSize, thumbSize) {
-  var maxScroll = contentSize - viewportSize;
-  if (maxScroll <= 0) {
-    return 0;
-  }
-  var maxThumbOffset = trackSize - thumbSize;
-  if (maxThumbOffset <= 0) {
-    return 0;
-  }
-  var clamped = Math.min(Math.max(offsetSize, 0), maxScroll);
-  var ratio = clamped / maxScroll;
-  return ratio * maxThumbOffset;
-}
-/**
- * 根据点击轨道的位置，计算滑块的偏移位置
- */
-function getScrollFromClick(clickPosition, viewportSize, contentSize, trackSize, thumbSize) {
-  var maxThumbOffset = trackSize - thumbSize;
-  var maxScroll = contentSize - viewportSize;
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0;
-  }
-  var thumbOffset = clickPosition - thumbSize / 2;
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-  var scrollOffset = thumbOffset / maxThumbOffset * maxScroll;
-  return scrollOffset;
-}
-/**
- * 拖拽 thumb 时，根据鼠标位置计算滑块的偏移位置
- */
-function getScrollFromDrag(pointerPosition, dragOffset, viewportSize, contentSize, trackSize, thumbSize) {
-  var maxScroll = contentSize - viewportSize;
-  var maxThumbOffset = trackSize - thumbSize;
-  if (maxScroll <= 0 || maxThumbOffset <= 0) {
-    return 0;
-  }
-  var thumbOffset = pointerPosition - dragOffset;
-  thumbOffset = Math.min(Math.max(thumbOffset, 0), maxThumbOffset);
-  return thumbOffset / maxThumbOffset * maxScroll;
-}
-;// ./packages/scrollbar/src/scrollbar.ts
-
-
-
-
-
-
-
-
-
-var scrollbar_getConfig = VxeUI.getConfig,
-  scrollbar_createEvent = VxeUI.createEvent,
-  scrollbar_domUtils = VxeUI.domUtils,
-  scrollbar_globalResize = VxeUI.globalResize,
-  scrollbar_renderEmptyElement = VxeUI.renderEmptyElement;
-function scrollbar_createReactData() {
-  return {
-    yThumbHeight: 0,
-    xThumbWidth: 0
-  };
-}
-function scrollbar_createInternalData() {
-  return {
-    // resizeObserver: undefined,
-    // isThumbDrag: false,
-    thumbDragOffset: 0,
-    yThumbTop: 0,
-    xThumbLeft: 0,
-    lastScrollTop: 0,
-    lastScrollLeft: 0
-  };
-}
-/* harmony default export */ var scrollbar = (/* define-vxe-component start */defineVxeComponent({
-  name: 'VxeScrollbar',
-  props: {
-    width: [String, Number],
-    height: [String, Number],
-    minWidth: [String, Number],
-    minHeight: [String, Number],
-    maxWidth: [String, Number],
-    maxHeight: [String, Number],
-    loading: Boolean,
-    native: {
-      type: Boolean,
-      default: function _default() {
-        return scrollbar_getConfig().scrollbar.native;
-      }
-    },
-    xConfig: Object,
-    yConfig: Object,
-    className: String,
-    viewClassName: String,
-    autoResize: {
-      type: Boolean,
-      default: function _default() {
-        return scrollbar_getConfig().scrollbar.autoResize;
-      }
-    },
-    syncResize: [Boolean, String, Number]
-  },
-  data: function data() {
-    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = scrollbar_createReactData();
-    return _objectSpread2(_objectSpread2({}, {}), {}, {
-      xID: xID,
-      reactData: reactData,
-      reFlag: 0
-    });
-  },
-  computed: {
-    computeWrapperStyle: function computeWrapperStyle() {
-      var $xeScrollbar = this;
-      var props = $xeScrollbar;
-      var width = props.width,
-        height = props.height,
-        minWidth = props.minWidth,
-        minHeight = props.minHeight,
-        maxWidth = props.maxWidth,
-        maxHeight = props.maxHeight;
-      var xOpts = $xeScrollbar.computeXOpts;
-      var yOpts = $xeScrollbar.computeYOpts;
-      var stys = {};
-      if (width) {
-        stys.width = toCssUnit(width);
-      }
-      if (height) {
-        stys.height = toCssUnit(height);
-      }
-      if (minWidth) {
-        stys.minWidth = toCssUnit(minWidth);
-      }
-      if (minHeight) {
-        stys.minHeight = toCssUnit(minHeight);
-      }
-      if (maxWidth) {
-        stys.maxWidth = toCssUnit(maxWidth);
-      }
-      if (maxHeight) {
-        stys.maxHeight = toCssUnit(maxHeight);
-      }
-      if (yOpts.width) {
-        stys['--vxe-ui-scrollbar-y-width'] = toCssUnit(yOpts.width);
-      }
-      if (xOpts.height) {
-        stys['--vxe-ui-scrollbar-x-height'] = toCssUnit(xOpts.height);
-      }
-      return stys;
-    },
-    computeWrapperClss: function computeWrapperClss() {
-      var $xeScrollbar = this;
-      var props = $xeScrollbar;
-      var native = props.native,
-        className = props.className;
-      var xOpts = $xeScrollbar.computeXOpts;
-      var yOpts = $xeScrollbar.computeYOpts;
-      return scrollbar_domUtils.buildClass(['vxe-scrollbar', "ov-x--".concat(xOpts.visible || 'visible'), "ov-y--".concat(yOpts.visible || 'visible'), native ? 'is--native' : 'is--virtual', className], {
-        'ov-x--auto-hide': xOpts.autoHide,
-        'ov-y--auto-hide': yOpts.autoHide
-      });
-    },
-    computeViewClss: function computeViewClss() {
-      var $xeScrollbar = this;
-      var props = $xeScrollbar;
-      var viewClassName = props.viewClassName;
-      return scrollbar_domUtils.buildClass(['vxe-scrollbar--view', viewClassName]);
-    },
-    computeXOpts: function computeXOpts() {
-      var $xeScrollbar = this;
-      var props = $xeScrollbar;
-      return Object.assign({}, scrollbar_getConfig().scrollbar.xConfig, props.xConfig);
-    },
-    computeYOpts: function computeYOpts() {
-      var $xeScrollbar = this;
-      var props = $xeScrollbar;
-      return Object.assign({}, scrollbar_getConfig().scrollbar.yConfig, props.yConfig);
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent: function dispatchEvent(type, params, evnt) {
-      var $xeScrollbar = this;
-      $xeScrollbar.$emit(type, scrollbar_createEvent(evnt, {
-        $scrollbar: $xeScrollbar
-      }, params));
-    },
-    scrollTo: function scrollTo(left, top) {
-      var $xeScrollbar = this;
-      var viewEl = $xeScrollbar.$refs.refViewElem;
-      if (viewEl) {
-        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(left)) {
-          viewEl.scrollTo(left, top || 0);
-        } else {
-          viewEl.scrollTo(left);
-        }
-      }
-    },
-    scrollIntoView: function scrollIntoView() {
-      var $xeScrollbar = this;
-      var viewEl = $xeScrollbar.$refs.refViewElem;
-      if (viewEl) {
-        viewEl.scrollIntoView();
-      }
-    },
-    recalculate: function recalculate() {
-      var $xeScrollbar = this;
-      $xeScrollbar.updateThumbSize();
-      $xeScrollbar.updateThumbOffset();
-      return $xeScrollbar.$nextTick();
-    },
-    updateThumbSize: function updateThumbSize() {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var viewEl = $xeScrollbar.$refs.refViewElem;
-      if (!viewEl) {
-        return;
-      }
-      var trackXEl = $xeScrollbar.$refs.refTrackXElem;
-      var xThumbWidth = trackXEl ? getThumbSize(viewEl.clientWidth, viewEl.scrollWidth, trackXEl.clientWidth) : 0;
-      var thumbXElem = $xeScrollbar.$refs.refThumbXElem;
-      if (thumbXElem) {
-        thumbXElem.style.width = xThumbWidth + 'px';
-      }
-      reactData.xThumbWidth = xThumbWidth;
-      var trackYEl = $xeScrollbar.$refs.refTrackYElem;
-      var yThumbHeight = trackYEl ? getThumbSize(viewEl.clientHeight, viewEl.scrollHeight, trackYEl.clientHeight) : 0;
-      var thumbYElem = $xeScrollbar.$refs.refThumbYElem;
-      if (thumbYElem) {
-        thumbYElem.style.height = yThumbHeight + 'px';
-      }
-      reactData.yThumbHeight = yThumbHeight;
-    },
-    updateThumbOffset: function updateThumbOffset() {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var internalData = $xeScrollbar.internalData;
-      var viewEl = $xeScrollbar.$refs.refViewElem;
-      if (!viewEl) {
-        return;
-      }
-      var xThumbWidth = reactData.xThumbWidth,
-        yThumbHeight = reactData.yThumbHeight;
-      var trackXEl = $xeScrollbar.$refs.refTrackXElem;
-      var thumbXElem = $xeScrollbar.$refs.refThumbXElem;
-      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';
-        thumbXElem.style.transform = "translateX(".concat(xThumbLeft, "px)");
-      }
-      var trackYEl = $xeScrollbar.$refs.refTrackYElem;
-      var thumbYElem = $xeScrollbar.$refs.refThumbYElem;
-      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';
-        thumbYElem.style.transform = "translateY(".concat(yThumbTop, "px)");
-      }
-    },
-    scrollEvent: function scrollEvent(evnt) {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var internalData = $xeScrollbar.internalData;
-      var xThumbWidth = reactData.xThumbWidth,
-        yThumbHeight = reactData.yThumbHeight;
-      var lastScrollTop = internalData.lastScrollTop,
-        lastScrollLeft = internalData.lastScrollLeft;
-      var xOpts = $xeScrollbar.computeXOpts;
-      var yOpts = $xeScrollbar.computeYOpts;
-      var viewEl = evnt.currentTarget;
-      var scrollTop = viewEl.scrollTop,
-        scrollLeft = viewEl.scrollLeft,
-        clientWidth = viewEl.clientWidth,
-        clientHeight = viewEl.clientHeight,
-        scrollHeight = viewEl.scrollHeight,
-        scrollWidth = viewEl.scrollWidth;
-      var direction = '';
-      var isTopBoundary = false;
-      var isBottomBoundary = false;
-      var isLeftBoundary = false;
-      var isRightBoundary = false;
-      if (lastScrollTop !== scrollTop) {
-        var yThreshold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(yOpts.threshold) || 1;
-        if (lastScrollTop < scrollTop) {
-          direction = 'bottom';
-          if (yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight - yThreshold) {
-            isBottomBoundary = true;
-          }
-        } else {
-          direction = 'top';
-          if (yThumbHeight > 0 && scrollTop <= yThreshold) {
-            isTopBoundary = true;
-          }
-        }
-      }
-      if (lastScrollLeft !== scrollLeft) {
-        var xThreshold = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(xOpts.threshold) || 1;
-        if (lastScrollLeft < scrollLeft) {
-          direction = 'right';
-          if (xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth - xThreshold) {
-            isRightBoundary = true;
-          }
-        } else {
-          direction = 'left';
-          if (xThumbWidth > 0 && scrollLeft <= xThreshold) {
-            isLeftBoundary = true;
-          }
-        }
-      }
-      $xeScrollbar.updateThumbOffset();
-      internalData.lastScrollTop = scrollTop;
-      internalData.lastScrollLeft = scrollLeft;
-      if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
-        $xeScrollbar.dispatchEvent('scroll-boundary', {
-          direction: direction,
-          isTop: isTopBoundary,
-          isBottom: isBottomBoundary,
-          isLeft: isLeftBoundary,
-          isRight: isRightBoundary,
-          scrollTop: scrollTop,
-          scrollLeft: scrollLeft,
-          clientWidth: clientWidth,
-          clientHeight: clientHeight,
-          scrollHeight: scrollHeight,
-          scrollWidth: scrollWidth
-        }, evnt);
-      }
-      $xeScrollbar.dispatchEvent('scroll', {
-        direction: direction,
-        isTop: yThumbHeight > 0 && scrollTop <= 0,
-        isBottom: yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight,
-        isLeft: xThumbWidth > 0 && scrollLeft <= 0,
-        isRight: xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth,
-        scrollTop: scrollTop,
-        scrollLeft: scrollLeft,
-        clientWidth: clientWidth,
-        clientHeight: clientHeight,
-        scrollHeight: scrollHeight,
-        scrollWidth: scrollWidth
-      }, evnt);
-    },
-    clickTrackXEvent: function clickTrackXEvent(evnt) {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var trackEl = evnt.currentTarget;
-      if (trackEl !== evnt.target) {
-        return;
-      }
-      var viewEl = $xeScrollbar.$refs.refViewElem;
-      if (!viewEl) {
-        return;
-      }
-      var xThumbWidth = reactData.xThumbWidth;
-      var trackRect = trackEl.getBoundingClientRect();
-      viewEl.scrollTo({
-        left: getScrollFromClick(evnt.clientX - trackRect.left, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth),
-        behavior: 'auto'
-      });
-    },
-    clickTrackYEvent: function clickTrackYEvent(evnt) {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var trackEl = evnt.currentTarget;
-      if (trackEl !== evnt.target) {
-        return;
-      }
-      var viewEl = $xeScrollbar.$refs.refViewElem;
-      if (!viewEl) {
-        return;
-      }
-      var yThumbHeight = reactData.yThumbHeight;
-      var trackRect = trackEl.getBoundingClientRect();
-      viewEl.scrollTo({
-        top: getScrollFromClick(evnt.clientY - trackRect.top, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight),
-        behavior: 'auto'
-      });
-    },
-    pointerdownThumbXEvent: function pointerdownThumbXEvent(evnt) {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var internalData = $xeScrollbar.internalData;
-      var thumbEl = evnt.currentTarget;
-      internalData.isThumbDrag = true;
-      thumbEl.setPointerCapture(evnt.pointerId);
-      var viewEl = $xeScrollbar.$refs.refViewElem;
-      if (!viewEl) {
-        return;
+        if ($xeForm) {
+          return $xeForm.readonly || $xeForm.disabled;
+        }
+        return false;
       }
-      var xThumbWidth = reactData.xThumbWidth;
-      var trackEl = thumbEl.parentElement;
-      var trackRect = trackEl.getBoundingClientRect();
-      var pointerPosition = evnt.clientX - trackRect.left;
-      // 记录 thumb 的偏移
-      var thumbOffset = getThumbOffsetSize(viewEl.scrollLeft, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
-      internalData.thumbDragOffset = pointerPosition - thumbOffset;
+      return disabled;
     },
-    pointermoveThumbXEvent: function pointermoveThumbXEvent(evnt) {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var internalData = $xeScrollbar.internalData;
-      var isThumbDrag = internalData.isThumbDrag,
-        thumbDragOffset = internalData.thumbDragOffset;
-      if (isThumbDrag) {
-        var viewEl = $xeScrollbar.$refs.refViewElem;
-        if (!viewEl) {
-          return;
+    computeIsReadonly: function computeIsReadonly() {
+      var $xeRate = this;
+      var props = $xeRate;
+      var $xeForm = $xeRate.$xeForm;
+      var readonly = props.readonly;
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.readonly || $xeForm.disabled;
         }
-        var xThumbWidth = reactData.xThumbWidth;
-        var thumbEl = evnt.currentTarget;
-        var trackEl = thumbEl.parentElement;
-        var trackRect = trackEl.getBoundingClientRect();
-        // 更新偏移
-        viewEl.scrollLeft = getScrollFromDrag(evnt.clientX - trackRect.left, thumbDragOffset, viewEl.clientWidth, viewEl.scrollWidth, trackEl.clientWidth, xThumbWidth);
+        return false;
       }
+      return readonly;
     },
-    cleatPointerThumbEvent: function cleatPointerThumbEvent(evnt) {
-      var $xeScrollbar = this;
-      var internalData = $xeScrollbar.internalData;
-      var thumbEl = evnt.currentTarget;
-      thumbEl.releasePointerCapture(evnt.pointerId);
-      internalData.isThumbDrag = false;
+    computeNumVal: function computeNumVal() {
+      var $xeRate = this;
+      var props = $xeRate;
+      var reactData = $xeRate.reactData;
+      var value = props.value;
+      var activeValue = reactData.activeValue;
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(activeValue === null ? value : activeValue);
     },
-    pointerdownThumbYEvent: function pointerdownThumbYEvent(evnt) {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var internalData = $xeScrollbar.internalData;
-      var thumbEl = evnt.currentTarget;
-      internalData.isThumbDrag = true;
-      thumbEl.setPointerCapture(evnt.pointerId);
-      var viewEl = $xeScrollbar.$refs.refViewElem;
-      if (!viewEl) {
-        return;
+    computeItemList: function computeItemList() {
+      return [1, 2, 3, 4, 5].map(function (num) {
+        return {
+          value: num,
+          label: num
+        };
+      });
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeRate = this;
+      $xeRate.$emit(type, createEvent(evnt, {
+        $rate: $xeRate
+      }, params));
+    },
+    emitModel: function emitModel(value) {
+      var $xeRate = this;
+      var _events = $xeRate._events;
+      $xeRate.$emit('input', value);
+      if (_events && _events.modelValue) {
+        $xeRate.$emit('modelValue', value);
+      } else {
+        $xeRate.$emit('model-value', value);
       }
-      var yThumbHeight = reactData.yThumbHeight;
-      var trackEl = thumbEl.parentElement;
-      var trackRect = trackEl.getBoundingClientRect();
-      var pointerPosition = evnt.clientY - trackRect.top;
-      // 记录 thumb 的偏移
-      var thumbOffset = getThumbOffsetSize(viewEl.scrollTop, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
-      internalData.thumbDragOffset = pointerPosition - thumbOffset;
     },
-    pointermoveThumbYEvent: function pointermoveThumbYEvent(evnt) {
-      var $xeScrollbar = this;
-      var reactData = $xeScrollbar.reactData;
-      var internalData = $xeScrollbar.internalData;
-      var isThumbDrag = internalData.isThumbDrag,
-        thumbDragOffset = internalData.thumbDragOffset;
-      if (isThumbDrag) {
-        var viewEl = $xeScrollbar.$refs.refViewElem;
-        if (!viewEl) {
-          return;
+    mouseenterEvent: function mouseenterEvent(evnt, item) {
+      var $xeRate = this;
+      var reactData = $xeRate.reactData;
+      var isDisabled = $xeRate.computeIsDisabled;
+      var isReadonly = $xeRate.computeIsReadonly;
+      if (!(isDisabled || isReadonly)) {
+        var value = item.value;
+        reactData.activeValue = value;
+      }
+    },
+    mouseleaveEvent: function mouseleaveEvent() {
+      var $xeRate = this;
+      var reactData = $xeRate.reactData;
+      reactData.activeValue = null;
+    },
+    clickEvent: function clickEvent(evnt, item) {
+      var $xeRate = this;
+      var $xeForm = $xeRate.$xeForm;
+      var formItemInfo = $xeRate.formItemInfo;
+      var isDisabled = $xeRate.computeIsDisabled;
+      var isReadonly = $xeRate.computeIsReadonly;
+      if (!(isDisabled || isReadonly)) {
+        var value = item.value;
+        $xeRate.emitModel(value);
+        $xeRate.dispatchEvent('change', {
+          value: value
+        }, evnt);
+        // 自动更新校验状态
+        if ($xeForm && formItemInfo) {
+          $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
         }
-        var yThumbHeight = reactData.yThumbHeight;
-        var thumbEl = evnt.currentTarget;
-        var trackEl = thumbEl.parentElement;
-        var trackRect = trackEl.getBoundingClientRect();
-        // 更新偏移
-        viewEl.scrollTop = getScrollFromDrag(evnt.clientY - trackRect.top, thumbDragOffset, viewEl.clientHeight, viewEl.scrollHeight, trackEl.clientHeight, yThumbHeight);
       }
     },
     //
     // Render
     //
     renderVN: function renderVN(h) {
-      var $xeScrollbar = this;
-      var props = $xeScrollbar;
-      var slots = $xeScrollbar.$scopedSlots;
-      var native = props.native,
-        loading = props.loading;
-      var wrapperStyle = $xeScrollbar.computeWrapperStyle;
-      var wrapperClss = $xeScrollbar.computeWrapperClss;
-      var viewClss = $xeScrollbar.computeViewClss;
-      var xOpts = $xeScrollbar.computeXOpts;
-      var yOpts = $xeScrollbar.computeYOpts;
-      var defaultSlot = slots.default;
+      var $xeRate = this;
+      var props = $xeRate;
+      var status = props.status;
+      var isDisabled = $xeRate.computeIsDisabled;
+      var isReadonly = $xeRate.computeIsReadonly;
+      var itemList = $xeRate.computeItemList;
+      var vSize = $xeRate.computeSize;
+      var numVal = $xeRate.computeNumVal;
       return h('div', {
         ref: 'refElem',
-        class: wrapperClss,
-        style: wrapperStyle
-      }, [h('div', {
-        ref: 'refViewElem',
-        class: viewClss,
-        on: {
-          scroll: $xeScrollbar.scrollEvent
-        }
-      }, [h('div', {
-        ref: 'refViewInnerElem',
-        class: 'vxe-scrollbar--view-inner'
-      }, defaultSlot ? defaultSlot({}) : [])]), native || xOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : h('div', {
-        ref: 'refTrackXElem',
-        class: 'vxe-scrollbar--track-x',
-        on: {
-          click: $xeScrollbar.clickTrackXEvent
-        }
-      }, [h('div', {
-        ref: 'refThumbXElem',
-        class: 'vxe-scrollbar--thumb-x',
-        on: {
-          pointerdown: $xeScrollbar.pointerdownThumbXEvent,
-          pointermove: $xeScrollbar.pointermoveThumbXEvent,
-          pointerup: $xeScrollbar.cleatPointerThumbEvent,
-          pointercancel: $xeScrollbar.cleatPointerThumbEvent,
-          lostpointercapture: $xeScrollbar.cleatPointerThumbEvent
-        }
-      })]), native || yOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : h('div', {
-        ref: 'refTrackYElem',
-        class: 'vxe-scrollbar--track-y',
-        on: {
-          click: $xeScrollbar.clickTrackYEvent
-        }
-      }, [h('div', {
-        ref: 'refThumbYElem',
-        class: 'vxe-scrollbar--thumb-y',
-        on: {
-          pointerdown: $xeScrollbar.pointerdownThumbYEvent,
-          pointermove: $xeScrollbar.pointermoveThumbYEvent,
-          pointerup: $xeScrollbar.cleatPointerThumbEvent,
-          pointercancel: $xeScrollbar.cleatPointerThumbEvent,
-          lostpointercapture: $xeScrollbar.cleatPointerThumbEvent
-        }
-      })]), h(packages_loading, {
-        class: 'vxe-scrollbar--loading',
-        props: {
-          value: loading
-        }
-      })]);
+        class: ['vxe-rate', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status), 'is--disabled', isDisabled), 'is--readonly', isReadonly)]
+      }, itemList.map(function (item) {
+        var isChecked = numVal >= item.value;
+        return h('div', {
+          class: ['vxe-rte--item', {
+            'is--checked': isChecked
+          }],
+          on: {
+            mouseenter: function mouseenter(evnt) {
+              if (!(isDisabled || isReadonly)) {
+                $xeRate.mouseenterEvent(evnt, item);
+              }
+            },
+            mouseleave: $xeRate.mouseleaveEvent,
+            click: function click(evnt) {
+              if (!(isDisabled || isReadonly)) {
+                $xeRate.clickEvent(evnt, item);
+              }
+            }
+          }
+        }, [h('i', {
+          class: isChecked ? getIcon().RATE_CHECKED : getIcon().RATE_UNCHECKED
+        })]);
+      }));
     }
   },
-  watch: {
-    native: function native() {
-      var $xeScrollbar = this;
-      $xeScrollbar.reFlag++;
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+})); /* define-vxe-component end */
+;// ./packages/rate/index.ts
+
+
+
+
+
+var VxeRate = Object.assign({}, rate, {
+  install: function install(app) {
+    app.component(rate.name, rate);
+  }
+});
+dynamicApp.use(VxeRate);
+VxeUI.component(rate);
+var Rate = VxeRate;
+/* harmony default export */ var packages_rate = (VxeRate);
+;// ./packages/result/src/result.ts
+
+
+
+
+
+/* harmony default export */ var result = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeResult',
+  props: {
+    imageUrl: String,
+    imageStyle: Object,
+    icon: String,
+    type: [String, Number],
+    status: [String, Number],
+    title: [String, Number],
+    content: [String, Number]
+  },
+  data: function data() {
+    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    var reactData = {};
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeResult = this;
+      $xeResult.$emit(type, createEvent(evnt, {
+        $result: $xeResult
+      }, params));
     },
-    syncResize: function syncResize() {
-      var $xeScrollbar = this;
-      $xeScrollbar.reFlag++;
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeResult = this;
+      var props = $xeResult;
+      var slots = $xeResult.$scopedSlots;
+      var imageUrl = props.imageUrl,
+        imageStyle = props.imageStyle,
+        icon = props.icon,
+        title = props.title,
+        type = props.type,
+        content = props.content;
+      var status = props.status || type;
+      var slotExtra = slots.extra;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-result', _defineProperty({}, "theme--".concat(status), status)]
+      }, [h('div', {
+        class: 'vxe-result--inner'
+      }, [imageUrl ? h('div', {
+        class: 'vxe-result--img-wrapper'
+      }, [h('img', {
+        attrs: {
+          src: imageUrl
+        },
+        style: imageStyle
+      })]) : h('div', {
+        class: 'vxe-result--icon-wrapper'
+      }, [h('i', {
+        class: [icon, type ? getIcon()["RESULT_".concat(type).toLocaleUpperCase()] : '']
+      })]), h('div', {
+        class: 'vxe-result--title-wrapper'
+      }, "".concat(title || '')), h('div', {
+        class: 'vxe-result--content-wrapper'
+      }, "".concat(content || '')), slotExtra ? h('div', {
+        class: 'vxe-result--extra-wrapper'
+      }, slotExtra({})) : renderEmptyElement($xeResult)])]);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+})); /* define-vxe-component end */
+;// ./packages/result/index.ts
+
+
+
+
+
+var VxeResult = Object.assign({}, result, {
+  install: function install(app) {
+    app.component(result.name, result);
+  }
+});
+dynamicApp.use(VxeResult);
+VxeUI.component(result);
+var Result = VxeResult;
+/* harmony default export */ var packages_result = (VxeResult);
+;// ./packages/row/src/row.ts
+
+
+
+
+
+
+/* harmony default export */ var row = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeRow',
+  mixins: [globalMixins.sizeMixin],
+  props: {
+    gutter: [Number, String, Array],
+    wrap: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().row.wrap;
+      }
     },
-    reFlag: function reFlag() {
-      var $xeScrollbar = this;
-      $xeScrollbar.recalculate().then(function () {
-        $xeScrollbar.recalculate();
-      });
+    vertical: Boolean,
+    size: {
+      type: String,
+      default: function _default() {
+        return getConfig().row.size || getConfig().size;
+      }
     }
   },
-  created: function created() {
-    var $xeScrollbar = this;
-    $xeScrollbar.internalData = scrollbar_createInternalData();
+  provide: function provide() {
+    var $xeRow = this;
+    return {
+      $xeRow: $xeRow
+    };
   },
-  mounted: function mounted() {
-    var $xeScrollbar = this;
-    var props = $xeScrollbar;
-    var internalData = $xeScrollbar.internalData;
-    var autoResize = props.autoResize;
-    var viewInnerEl = $xeScrollbar.$refs.refViewInnerElem;
-    if (autoResize && viewInnerEl) {
-      var resizeObserver = scrollbar_globalResize.create(function () {
-        if (props.autoResize) {
-          $xeScrollbar.reFlag++;
+  data: function data() {
+    var reactData = {};
+    return {
+      xID: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId(),
+      reactData: reactData
+    };
+  },
+  computed: {
+    computeRowStyle: function computeRowStyle() {
+      var $xeRow = this;
+      var props = $xeRow;
+      var gutter = props.gutter,
+        vertical = props.vertical;
+      var style = {};
+      if (gutter) {
+        var _ref = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(gutter) ? gutter : [gutter],
+          _ref2 = _slicedToArray(_ref, 2),
+          lrGutter = _ref2[0],
+          tbGutter = _ref2[1];
+        if (vertical) {
+          tbGutter = lrGutter;
+          lrGutter = '';
         }
-      });
-      resizeObserver.observe(viewInnerEl);
-      internalData.resizeObserver = resizeObserver;
+        if (lrGutter) {
+          var offsetSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(lrGutter) ? toCssUnit(-(lrGutter / 2)) : "calc(".concat(toCssUnit(lrGutter), " / 2 * -1)");
+          style.marginLeft = offsetSize;
+          style.marginRight = offsetSize;
+        }
+        if (tbGutter) {
+          var _offsetSize = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(tbGutter) ? toCssUnit(-(tbGutter / 2)) : "calc(".concat(toCssUnit(tbGutter), " / 2 * -1)");
+          style.marginTop = _offsetSize;
+          style.marginBottom = _offsetSize;
+        }
+      }
+      return style;
     }
-    $xeScrollbar.$nextTick(function () {
-      $xeScrollbar.recalculate();
-    });
   },
-  beforeDestroy: function beforeDestroy() {
-    var $xeScrollbar = this;
-    var internalData = $xeScrollbar.internalData;
-    var resizeObserver = internalData.resizeObserver;
-    if (resizeObserver) {
-      resizeObserver.disconnect();
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeRow = this;
+      $xeRow.$emit(type, createEvent(evnt, {
+        $row: $xeRow
+      }, params));
+    },
+    clickEvent: function clickEvent(evnt) {
+      var $xeRow = this;
+      $xeRow.dispatchEvent('click', {}, evnt);
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeRow = this;
+      var props = $xeRow;
+      var slots = $xeRow.$scopedSlots;
+      var vertical = props.vertical,
+        wrap = props.wrap;
+      var rowStyle = $xeRow.computeRowStyle;
+      var defaultSlot = slots.default;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-row', {
+          'is--vertical': vertical,
+          'is--wrap': wrap
+        }],
+        style: rowStyle,
+        on: {
+          click: $xeRow.clickEvent
+        }
+      }, defaultSlot ? defaultSlot({}) : []);
     }
   },
-  destroyed: function destroyed() {
-    var $xeScrollbar = this;
-    var reactData = $xeScrollbar.reactData;
-    var internalData = $xeScrollbar.internalData;
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, scrollbar_createReactData());
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, scrollbar_createInternalData());
-  },
   render: function render(h) {
     return this.renderVN(h);
   }
 })); /* define-vxe-component end */
-;// ./packages/scrollbar/index.ts
+;// ./packages/row/index.ts
 
 
 
 
 
-var VxeScrollbar = Object.assign({}, scrollbar, {
+var VxeRow = Object.assign({}, row, {
   install: function install(app) {
-    app.component(scrollbar.name, scrollbar);
+    app.component(row.name, row);
   }
 });
-dynamicApp.use(VxeScrollbar);
-VxeUI.component(scrollbar);
-var Scrollbar = VxeScrollbar;
-/* harmony default export */ var packages_scrollbar = (VxeScrollbar);
+dynamicApp.use(VxeRow);
+VxeUI.component(row);
+var Row = VxeRow;
+/* harmony default export */ var packages_row = (VxeRow);
 ;// ./packages/segmented/src/segmented.ts
 
 
@@ -61926,7 +62069,7 @@ function table_select_createInternalData() {
         class: ['vxe-table-select', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
           $tableSelect: $xeTableSelect
         }) : className : '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--visible', visiblePanel), 'is--disabled', isDisabled), 'is--loading', loading), 'is--active', isActivated)]
-      }, [h(input, {
+      }, [h(packages_input, {
         ref: 'refInput',
         props: {
           clearable: props.clearable,
@@ -63113,7 +63256,7 @@ var scrollbarOffsetSize = 20;
         class: ['vxe-tabs-pane--body', "type--".concat(tabType), "pos--".concat(tabPosition), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--padding', padding), 'is--height', height)]
       }, $xeTabs.renderTabContent(h, tabList)), footerSlot ? h('div', {
         class: 'vxe-tabs-pane--footer'
-      }, $xeTabs.callSlot(footerSlot, defParams, h)) : renderEmptyElement($xeTabs), showLoading && isLoading ? renderEmptyElement($xeTabs) : h(src_loading, {
+      }, $xeTabs.callSlot(footerSlot, defParams, h)) : renderEmptyElement($xeTabs), showLoading && isLoading ? renderEmptyElement($xeTabs) : h(packages_loading, {
         class: 'vxe-tabs--loading',
         props: {
           value: isLoading
@@ -63706,21 +63849,6 @@ dynamicApp.use(VxeTextEllipsis);
 VxeUI.component(text_ellipsis);
 var TextEllipsis = VxeTextEllipsis;
 /* harmony default export */ var packages_text_ellipsis = (VxeTextEllipsis);
-;// ./packages/text/index.ts
-
-
-
-
-
-var VxeText = Object.assign({}, src_text, {
-  install: function install(app) {
-    app.component(src_text.name, src_text);
-  }
-});
-dynamicApp.use(VxeText);
-VxeUI.component(src_text);
-var Text = VxeText;
-/* harmony default export */ var packages_text = (VxeText);
 ;// ./packages/textarea/src/textarea.ts
 
 
@@ -71821,7 +71949,7 @@ function upload_createInternalData() {
           percent: cacheItem.percent
         }) : getI18n('vxe.upload.uploadProgress', [cacheItem.percent])) : renderEmptyElement($xeUpload), !isLoading && (isError && showErrorStatus || isPending && showSubmitButton && !autoSubmit) ? h('div', {
           class: 'vxe-upload--file-item-rebtn'
-        }, [h(src_button, {
+        }, [h(packages_button, {
           props: {
             icon: isError ? getIcon().UPLOAD_IMAGE_RE_UPLOAD : getIcon().UPLOAD_IMAGE_UPLOAD,
             mode: 'text',
@@ -71901,7 +72029,7 @@ function upload_createInternalData() {
         isMoreView: isMoreView,
         options: fileList,
         $upload: $xeUpload
-      })) : [h(src_button, {
+      })) : [h(packages_button, {
         class: 'vxe-upload--file-action-button',
         props: {
           content: isMoreView || showButtonText ? buttonText ? "".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(buttonText) ? buttonText({}) : buttonText) : getI18n('vxe.upload.fileBtnText') : '',
@@ -71962,7 +72090,7 @@ function upload_createInternalData() {
         class: 'vxe-upload--file-over-more'
       }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
         options: fileList
-      })) : [h(src_button, {
+      })) : [h(packages_button, {
         props: {
           mode: 'text',
           content: moreButtonText ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(moreButtonText) ? moreButtonText({
@@ -72065,7 +72193,7 @@ function upload_createInternalData() {
           }
         })]), !isLoading && (isError && showErrorStatus || isPending && showSubmitButton && !autoSubmit) ? h('div', {
           class: 'vxe-upload--image-item-rebtn'
-        }, [h(src_button, {
+        }, [h(packages_button, {
           props: {
             icon: isError ? getIcon().UPLOAD_IMAGE_RE_UPLOAD : getIcon().UPLOAD_IMAGE_UPLOAD,
             mode: 'text',
@@ -72198,7 +72326,7 @@ function upload_createInternalData() {
         class: 'vxe-upload--image-over-more'
       }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
         options: fileList
-      })) : [h(src_button, {
+      })) : [h(packages_button, {
         props: {
           mode: 'text',
           content: moreButtonText ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(moreButtonText) ? moreButtonText({
@@ -72216,7 +72344,7 @@ function upload_createInternalData() {
         class: 'vxe-upload--image-over-more'
       }, moreBtnSlot ? vn_getSlotVNs(moreBtnSlot({
         options: fileList
-      })) : [h(src_button, {
+      })) : [h(packages_button, {
         props: {
           mode: 'text',
           content: moreButtonText ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(moreButtonText) ? moreButtonText({
@@ -72797,7 +72925,7 @@ components_setTheme('light');
  * 已废弃，被 VxeUI.loading 替换
  * @deprecated
  */
-var loading = LoadingController;
+var components_loading = LoadingController;
 /**
  * 已废弃，被 VxeUI.modal 替换
  * @deprecated