vue2-client 1.15.87 → 1.15.88

package/src/components/menu/index.less

@@ -1,38 +1,38 @@
-.shadow{
-  box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
-}
-.side-menu{
-  min-height: 100vh;
-  overflow-y: auto;
-  z-index: 10;
-  .logo{
-    height: 64px;
-    position: relative;
-    line-height: 64px;
-    padding-left: 24px;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    overflow: hidden;
-    background-color: @layout-trigger-background;
-    &.light{
-      background-color: #fff;
-      h1{
-        color: @primary-color;
-      }
-    }
-    h1{
-      color: @menu-dark-highlight-color;
-      font-size: 20px;
-      margin: 0 0 0 12px;
-      display: inline-block;
-      vertical-align: middle;
-    }
-    img{
-      width: 32px;
-      vertical-align: middle;
-    }
-  }
-}
-.menu{
-  padding: 16px 0;
-}
+.shadow{
+  box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
+}
+.side-menu{
+  min-height: 100vh;
+  overflow-y: auto;
+  z-index: 10;
+  .logo{
+    height: 64px;
+    position: relative;
+    line-height: 64px;
+    padding-left: 24px;
+    -webkit-transition: all .3s;
+    transition: all .3s;
+    overflow: hidden;
+    background-color: @layout-trigger-background;
+    &.light{
+      background-color: #fff;
+      h1{
+        color: @primary-color;
+      }
+    }
+    h1{
+      color: @menu-dark-highlight-color;
+      font-size: 20px;
+      margin: 0 0 0 12px;
+      display: inline-block;
+      vertical-align: middle;
+    }
+    img{
+      width: 32px;
+      vertical-align: middle;
+    }
+  }
+}
+.menu{
+  padding: 16px 0;
+}

package/src/components/page/header/PageHeader.vue

@@ -1,64 +1,64 @@
-<template>
-  <div :class="['page-header', layout, pageWidth]">
-    <div class="page-header-wide">
-      <div class="breadcrumb">
-        <a-breadcrumb>
-          <a-breadcrumb-item :key="index" v-for="(item, index) in breadcrumb">
-            <span>{{ item }}</span>
-          </a-breadcrumb-item>
-        </a-breadcrumb>
-      </div>
-      <div class="detail">
-        <div class="main">
-          <div class="row">
-            <h1 v-if="showPageTitle && title" class="title">{{ title }}</h1>
-            <div class="action"><slot name="action"></slot></div>
-          </div>
-          <div class="row">
-            <div v-if="this.$slots.content" class="content">
-              <div v-if="avatar" class="avatar"><a-avatar :src="avatar" :size="72" /></div>
-              <slot name="content"></slot>
-            </div>
-            <div v-if="this.$slots.extra" class="extra"><slot name="extra"></slot></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapState } from 'vuex'
-export default {
-  name: 'PageHeader',
-  props: {
-    // eslint-disable-next-line vue/require-default-prop
-    title: {
-      type: [String, Boolean],
-      required: false
-    },
-    // eslint-disable-next-line vue/require-default-prop
-    breadcrumb: {
-      type: Array,
-      required: false
-    },
-    // eslint-disable-next-line vue/require-default-prop
-    logo: {
-      type: String,
-      required: false
-    },
-    // eslint-disable-next-line vue/require-default-prop
-    avatar: {
-      type: String,
-      required: false
-    }
-  },
-  computed: {
-    ...mapState('setting', ['layout', 'showPageTitle', 'pageWidth'])
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  @import "index";
-</style>
+<template>
+  <div :class="['page-header', layout, pageWidth]">
+    <div class="page-header-wide">
+      <div class="breadcrumb">
+        <a-breadcrumb>
+          <a-breadcrumb-item :key="index" v-for="(item, index) in breadcrumb">
+            <span>{{ item }}</span>
+          </a-breadcrumb-item>
+        </a-breadcrumb>
+      </div>
+      <div class="detail">
+        <div class="main">
+          <div class="row">
+            <h1 v-if="showPageTitle && title" class="title">{{ title }}</h1>
+            <div class="action"><slot name="action"></slot></div>
+          </div>
+          <div class="row">
+            <div v-if="this.$slots.content" class="content">
+              <div v-if="avatar" class="avatar"><a-avatar :src="avatar" :size="72" /></div>
+              <slot name="content"></slot>
+            </div>
+            <div v-if="this.$slots.extra" class="extra"><slot name="extra"></slot></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+  name: 'PageHeader',
+  props: {
+    // eslint-disable-next-line vue/require-default-prop
+    title: {
+      type: [String, Boolean],
+      required: false
+    },
+    // eslint-disable-next-line vue/require-default-prop
+    breadcrumb: {
+      type: Array,
+      required: false
+    },
+    // eslint-disable-next-line vue/require-default-prop
+    logo: {
+      type: String,
+      required: false
+    },
+    // eslint-disable-next-line vue/require-default-prop
+    avatar: {
+      type: String,
+      required: false
+    }
+  },
+  computed: {
+    ...mapState('setting', ['layout', 'showPageTitle', 'pageWidth'])
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  @import "index";
+</style>

package/src/components/page/header/index.less

@@ -1,40 +1,40 @@
-.page-header{
-  background: @base-bg-color;
-  padding: 16px 24px;
-  &.head.fixed{
-    margin: auto;
-    max-width: 100%;
-  }
-  .page-header-wide{
-    .breadcrumb{
-      margin-bottom: 20px;
-    }
-    .detail{
-      display: flex;
-      .row {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-      }
-      .avatar {
-        margin:0 24px 0 0;
-      }
-      .main{
-        width: 100%;
-        .title{
-          font-size: 20px;
-          color: @title-color;
-          margin-bottom: 16px;
-        }
-        .content{
-          display: flex;
-          flex-wrap: wrap;
-          color: @text-color-second;
-        }
-        .extra{
-          display: flex;
-        }
-      }
-    }
-  }
-}
+.page-header{
+  background: @base-bg-color;
+  padding: 16px 24px;
+  &.head.fixed{
+    margin: auto;
+    max-width: 100%;
+  }
+  .page-header-wide{
+    .breadcrumb{
+      margin-bottom: 20px;
+    }
+    .detail{
+      display: flex;
+      .row {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+      }
+      .avatar {
+        margin:0 24px 0 0;
+      }
+      .main{
+        width: 100%;
+        .title{
+          font-size: 20px;
+          color: @title-color;
+          margin-bottom: 16px;
+        }
+        .content{
+          display: flex;
+          flex-wrap: wrap;
+          color: @text-color-second;
+        }
+        .extra{
+          display: flex;
+        }
+      }
+    }
+  }
+}

package/src/components/result/Result.vue

@@ -1,77 +1,77 @@
-<template>
-  <div class="result">
-    <div >
-      <a-icon :class="[isSuccess ? 'success' : 'error' ,'icon']" :type="isSuccess ? 'check-circle' : 'close-circle'" />
-    </div>
-    <!--
-        将标题的class设置为动态绑定，并在CSS中新增，title_danger，使标题变红加粗
-        对外暴露属性名为title-class
-        例如<result :is-success="icon" :description="description" :title="title" :title-class="titleClass">
-    -->
-    <div :class="titleClass" v-if="title">{{ title }}</div>
-    <div class="desc" v-if="description">{{ description }}</div>
-    <div class="content">
-      <slot></slot>
-    </div>
-    <div class="action">
-      <slot name="action"></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Result',
-  // eslint-disable-next-line vue/require-prop-types
-  props: ['isSuccess', 'title', 'description', 'titleClass']
-}
-</script>
-
-<style lang="less" scoped>
-  .result{
-    text-align: center;
-    width: 72%;
-    margin: 0 auto;
-    .icon{
-      font-size: 72px;
-      line-height: 72px;
-      margin-bottom: 24px;
-    }
-    .success {
-      color: @success-color;
-    }
-    .error {
-      color: @error-color;
-    }
-    .title{
-      font-size: 24px;
-      color: @title-color;
-      font-weight: 500;
-      line-height: 32px;
-      margin-bottom: 16px;
-    }
-    .title_danger{
-      font-size: 24px;
-      color: red;
-      font-weight: 800;
-      line-height: 32px;
-      margin-bottom: 16px;
-    }
-    .desc{
-      font-size: 20px;
-      line-height: 35px;
-      color: @text-color-second;
-      margin-bottom: 24px;
-    }
-    .content{
-      background-color: @background-color-light;
-      padding: 24px 40px;
-      border-radius: 2px;
-      text-align: left;
-    }
-    .action{
-      margin-top: 32px;
-    }
-  }
-
-</style>
+<template>
+  <div class="result">
+    <div >
+      <a-icon :class="[isSuccess ? 'success' : 'error' ,'icon']" :type="isSuccess ? 'check-circle' : 'close-circle'" />
+    </div>
+    <!--
+        将标题的class设置为动态绑定，并在CSS中新增，title_danger，使标题变红加粗
+        对外暴露属性名为title-class
+        例如<result :is-success="icon" :description="description" :title="title" :title-class="titleClass">
+    -->
+    <div :class="titleClass" v-if="title">{{ title }}</div>
+    <div class="desc" v-if="description">{{ description }}</div>
+    <div class="content">
+      <slot></slot>
+    </div>
+    <div class="action">
+      <slot name="action"></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Result',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['isSuccess', 'title', 'description', 'titleClass']
+}
+</script>
+
+<style lang="less" scoped>
+  .result{
+    text-align: center;
+    width: 72%;
+    margin: 0 auto;
+    .icon{
+      font-size: 72px;
+      line-height: 72px;
+      margin-bottom: 24px;
+    }
+    .success {
+      color: @success-color;
+    }
+    .error {
+      color: @error-color;
+    }
+    .title{
+      font-size: 24px;
+      color: @title-color;
+      font-weight: 500;
+      line-height: 32px;
+      margin-bottom: 16px;
+    }
+    .title_danger{
+      font-size: 24px;
+      color: red;
+      font-weight: 800;
+      line-height: 32px;
+      margin-bottom: 16px;
+    }
+    .desc{
+      font-size: 20px;
+      line-height: 35px;
+      color: @text-color-second;
+      margin-bottom: 24px;
+    }
+    .content{
+      background-color: @background-color-light;
+      padding: 24px 40px;
+      border-radius: 2px;
+      text-align: left;
+    }
+    .action{
+      margin-top: 32px;
+    }
+  }
+
+</style>

package/src/components/setting/SettingItem.vue

@@ -1,26 +1,26 @@
-<template>
-  <div class="setting-item">
-    <h3 v-if="title" class="title">{{ title }}</h3>
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SettingItem',
-  // eslint-disable-next-line vue/require-prop-types
-  props: ['title']
-}
-</script>
-
-<style lang="less" scoped>
-  .setting-item{
-    margin-bottom: 24px;
-    .title{
-      font-size: 14px;
-      color: @title-color;
-      line-height: 22px;
-      margin-bottom: 12px;
-    }
-  }
-</style>
+<template>
+  <div class="setting-item">
+    <h3 v-if="title" class="title">{{ title }}</h3>
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SettingItem',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['title']
+}
+</script>
+
+<style lang="less" scoped>
+  .setting-item{
+    margin-bottom: 24px;
+    .title{
+      font-size: 14px;
+      color: @title-color;
+      line-height: 22px;
+      margin-bottom: 12px;
+    }
+  }
+</style>