feat: 默认 layout 使用处理过的 element 滚动条组件替代 better-scroll

src/components/d2-scrollbar/index.vue

@@ -0,0 +1,34 @@
+<style lang="scss">
+.d2-scrollbar {
+  height: 100%;
+  .el-scrollbar__wrap {
+    overflow: auto;
+  }
+}
+</style>
+
+<template>
+  <el-scrollbar
+    class="d2-scrollbar"
+    ref="scrollbar"
+    v-bind="$attrs"
+    v-on="$listeners">
+    <slot/>
+  </el-scrollbar>
+</template>
+
+<script>
+import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event'
+
+export default {
+  name: 'd2-scrollbar',
+  inheritAttrs: false,
+  mounted () {
+    const scrollbar = this.$refs.scrollbar
+    addResizeListener(scrollbar.$el, scrollbar.update)
+    this.$once('hook:beforeDestroy', () => {
+      removeResizeListener(scrollbar.$el, scrollbar.update)
+    })
+  }
+}
+</script>

src/components/index.js

@@ -19,4 +19,5 @@ Vue.component('d2-mde', () => import('./d2-mde'))
 Vue.component('d2-module-index-banner', () => import('./d2-module-index-banner'))
 Vue.component('d2-module-index-menu', () => import('./d2-module-index-menu'))
 Vue.component('d2-quill', () => import('./d2-quill'))
+Vue.component('d2-scrollbar', () => import('./d2-scrollbar'))
 Vue.component('d2-ueditor', () => import('./d2-ueditor'))