refactor(table): refactor table #150 #148 #146 #130 #76

vben

2020-12-31 9c2f3f30bbd8abcccc4f256183ed7794da7fcda2

 src/layouts/default/sider/MixSider.vue

@@ -38,6 +38,7 @@

    <div :class="`${prefixCls}-menu-list`" ref="sideRef" :style="getMenuStyle">
      <div
        v-show="openMenu"
        :class="[
          `${prefixCls}-menu-list__title`,
          {
@@ -53,6 +54,7 @@
          mode="inline"
          :items="chilrenMenus"
          :theme="getMenuTheme"
          mixSider
          @menuClick="handleMenuClick"
        />
      </ScrollContainer>
@@ -110,7 +112,6 @@
        getCanDrag,
        getCloseMixSidebarOnChange,
        getMenuTheme,
        getMixSidebarTheme,
      } = useMenuSetting();
      const { title } = useGlobSetting();

@@ -193,7 +194,6 @@
        title,
        openMenu,
        getMenuTheme,
        getMixSidebarTheme,
      };
    },
  });
@@ -267,15 +267,16 @@
        }
      }
    }
    @border-color: @sider-dark-lighten-1-bg-color;

    &.dark {
      &.open {
        .@{prefix-cls}-logo {
          border-bottom: 1px solid rgb(114 114 114);
          border-bottom: 1px solid @border-color;
        }

        > .scroll-container {
          border-right: 1px solid rgb(114 114 114);
          border-right: 1px solid @border-color;
        }
      }
      .@{prefix-cls}-menu-list {
@@ -284,14 +285,17 @@
        &__title {
          color: @white;
          border-bottom: none;
          border-bottom: 1px solid rgb(114 114 114);
          border-bottom: 1px solid @border-color;
        }
      }
    }

    > .scrollbar {
      height: calc(100% - @header-height) !important;
    }

    &-module {
      position: relative;
      height: calc(100% - @header-height) !important;
      padding-top: 1px;

      &__item {
@@ -347,6 +351,11 @@
        position: absolute;
        top: 10px;
        right: 30px;

        &--dot {
          top: 50%;
          margin-top: -3px;
        }
      }

      &__title {