vue2-client 1.15.86 → 1.15.88

package/src/components/tool/DetailList.vue

@@ -1,157 +1,157 @@
-<template>
-  <div :class="['detail-list', size === 'small' ? 'small' : 'large', layout === 'vertical' ? 'vertical': 'horizontal']">
-    <div v-if="title" class="title">{{ title }}</div>
-    <a-row>
-      <slot></slot>
-    </a-row>
-  </div>
-</template>
-
-<script>
-import ACol from 'ant-design-vue/es/grid/Col'
-const Item = {
-  name: 'DetailListItem',
-  props: {
-    term: {
-      type: String,
-      required: false
-    }
-  },
-  inject: {
-    col: {
-      type: Number
-    }
-  },
-  methods: {
-    renderTerm (h, term) {
-      return term ? h(
-        'div',
-        {
-          attrs: {
-            class: 'term'
-          }
-        },
-        [term]
-      ) : null
-    },
-    renderContent (h, content) {
-      return h(
-        'div',
-        {
-          attrs: {
-            class: 'content'
-          }
-        },
-        [content]
-      )
-    }
-  },
-  render (h) {
-    const term = this.renderTerm(h, this.$props.term)
-    const content = this.renderContent(h, this.$slots.default)
-    return h(
-      ACol,
-      {
-        props: responsive[this.col]
-      },
-      [term, content]
-    )
-  }
-}
-
-const responsive = {
-  1: { xs: 24 },
-  2: { xs: 24, sm: 12 },
-  3: { xs: 24, sm: 12, md: 8 },
-  4: { xs: 24, sm: 12, md: 6 }
-}
-
-export default {
-  name: 'DetailList',
-  Item: Item,
-  props: {
-    // eslint-disable-next-line vue/require-default-prop
-    title: {
-      type: String,
-      required: false
-    },
-    col: {
-      type: Number,
-      required: false,
-      default: 3
-    },
-    size: {
-      type: String,
-      required: false,
-      default: 'large'
-    },
-    layout: {
-      type: String,
-      required: false,
-      default: 'horizontal'
-    }
-  },
-  provide () {
-    return {
-      col: this.col > 4 ? 4 : this.col
-    }
-  }
-}
-</script>
-
-<style lang="less">
-  .detail-list{
-    .title {
-      font-size: 16px;
-      color: @title-color;
-      font-weight: bolder;
-      margin-bottom: 16px;
-    }
-    .term {
-      // Line-height is 22px IE dom height will calculate error
-      line-height: 20px;
-      padding-bottom: 16px;
-      margin-right: 8px;
-      color: @title-color;
-      white-space: nowrap;
-      display: table-cell;
-      &:after {
-        content: ':';
-        margin: 0 8px 0 2px;
-        position: relative;
-        top: -0.5px;
-      }
-    }
-    .content{
-      line-height: 22px;
-      width: 100%;
-      padding-bottom: 16px;
-      color: @text-color;
-      display: table-cell;
-    }
-    &.small{
-      .title{
-        font-size: 14px;
-        color: @text-color;
-        font-weight: normal;
-        margin-bottom: 12px;
-      }
-      .term,.content{
-        padding-bottom: 8px;
-      }
-    }
-    &.large{
-      .term,.content{
-        padding-bottom: 16px;
-      }
-    }
-    &.vertical{
-      .term {
-        padding-bottom: 8px;
-      }
-      .term,.content{
-        display: block;
-      }
-    }
-  }
-</style>
+<template>
+  <div :class="['detail-list', size === 'small' ? 'small' : 'large', layout === 'vertical' ? 'vertical': 'horizontal']">
+    <div v-if="title" class="title">{{ title }}</div>
+    <a-row>
+      <slot></slot>
+    </a-row>
+  </div>
+</template>
+
+<script>
+import ACol from 'ant-design-vue/es/grid/Col'
+const Item = {
+  name: 'DetailListItem',
+  props: {
+    term: {
+      type: String,
+      required: false
+    }
+  },
+  inject: {
+    col: {
+      type: Number
+    }
+  },
+  methods: {
+    renderTerm (h, term) {
+      return term ? h(
+        'div',
+        {
+          attrs: {
+            class: 'term'
+          }
+        },
+        [term]
+      ) : null
+    },
+    renderContent (h, content) {
+      return h(
+        'div',
+        {
+          attrs: {
+            class: 'content'
+          }
+        },
+        [content]
+      )
+    }
+  },
+  render (h) {
+    const term = this.renderTerm(h, this.$props.term)
+    const content = this.renderContent(h, this.$slots.default)
+    return h(
+      ACol,
+      {
+        props: responsive[this.col]
+      },
+      [term, content]
+    )
+  }
+}
+
+const responsive = {
+  1: { xs: 24 },
+  2: { xs: 24, sm: 12 },
+  3: { xs: 24, sm: 12, md: 8 },
+  4: { xs: 24, sm: 12, md: 6 }
+}
+
+export default {
+  name: 'DetailList',
+  Item: Item,
+  props: {
+    // eslint-disable-next-line vue/require-default-prop
+    title: {
+      type: String,
+      required: false
+    },
+    col: {
+      type: Number,
+      required: false,
+      default: 3
+    },
+    size: {
+      type: String,
+      required: false,
+      default: 'large'
+    },
+    layout: {
+      type: String,
+      required: false,
+      default: 'horizontal'
+    }
+  },
+  provide () {
+    return {
+      col: this.col > 4 ? 4 : this.col
+    }
+  }
+}
+</script>
+
+<style lang="less">
+  .detail-list{
+    .title {
+      font-size: 16px;
+      color: @title-color;
+      font-weight: bolder;
+      margin-bottom: 16px;
+    }
+    .term {
+      // Line-height is 22px IE dom height will calculate error
+      line-height: 20px;
+      padding-bottom: 16px;
+      margin-right: 8px;
+      color: @title-color;
+      white-space: nowrap;
+      display: table-cell;
+      &:after {
+        content: ':';
+        margin: 0 8px 0 2px;
+        position: relative;
+        top: -0.5px;
+      }
+    }
+    .content{
+      line-height: 22px;
+      width: 100%;
+      padding-bottom: 16px;
+      color: @text-color;
+      display: table-cell;
+    }
+    &.small{
+      .title{
+        font-size: 14px;
+        color: @text-color;
+        font-weight: normal;
+        margin-bottom: 12px;
+      }
+      .term,.content{
+        padding-bottom: 8px;
+      }
+    }
+    &.large{
+      .term,.content{
+        padding-bottom: 16px;
+      }
+    }
+    &.vertical{
+      .term {
+        padding-bottom: 8px;
+      }
+      .term,.content{
+        display: block;
+      }
+    }
+  }
+</style>

package/src/components/tool/Drawer.vue

@@ -1,142 +1,142 @@
-<template>
-  <div >
-    <div :class="['mask', visible ? 'open' : 'close']" @click="close"></div>
-    <div :class="['drawer', placement, visible ? 'open' : 'close']">
-      <div ref="drawer" class="content beauty-scroll">
-        <slot></slot>
-      </div>
-      <div v-if="showHandler" :class="['handler-container', placement, visible ? 'open' : 'close']" ref="handler" @click="toggle">
-        <slot v-if="$slots.handler" name="handler"></slot>
-        <div v-else class="handler">
-          <a-icon :type="visible ? 'close' : 'bars'" />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Drawer',
-  data () {
-    return {
-    }
-  },
-  model: {
-    prop: 'visible',
-    event: 'change'
-  },
-  props: {
-    visible: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    placement: {
-      type: String,
-      required: false,
-      default: 'left'
-    },
-    showHandler: {
-      type: Boolean,
-      required: false,
-      default: true
-    }
-  },
-  methods: {
-    open () {
-      this.$emit('change', true)
-    },
-    close () {
-      this.$emit('change', false)
-    },
-    toggle () {
-      this.$emit('change', !this.visible)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  .mask{
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    background-color: @shadow-color;
-    transition: all 0.5s;
-    z-index: 100;
-    &.open{
-      display: inline-block;
-    }
-    &.close{
-      display: none;
-    }
-  }
-  .drawer{
-    position: fixed;
-    transition: all 0.5s;
-    height: 100vh;
-    z-index: 100;
-    &.left{
-      left: 0;
-      &.open{
-        .content{
-          box-shadow: 2px 0 8px @shadow-color;
-        }
-      }
-      &.close{
-        transform: translateX(-100%);
-      }
-    }
-    &.right{
-      right: 0;
-      .content{
-        float: right;
-      }
-      &.open{
-        .content{
-          box-shadow: -2px 0 8px @shadow-color;
-        }
-      }
-      &.close{
-        transform: translateX(100%);
-      }
-    }
-  }
-  .content{
-    display: inline-block;
-    height: 100vh;
-    overflow-y: auto;
-  }
-  .handler-container{
-    position: absolute;
-    display: inline-block;
-    text-align: center;
-    transition: all 0.5s;
-    cursor: pointer;
-    top: 200px;
-    z-index: 100;
-    .handler {
-      height: 40px;
-      width: 40px;
-      background-color: @base-bg-color;
-      font-size: 26px;
-      box-shadow: 0 2px 8px @shadow-color;
-      line-height: 40px;
-    }
-    &.left{
-      right: -40px;
-      .handler{
-        border-radius: 0 5px 5px 0;
-      }
-    }
-    &.right{
-      left: -40px;
-      .handler{
-        border-radius: 5px 0 0 5px;
-      }
-    }
-  }
-</style>
+<template>
+  <div >
+    <div :class="['mask', visible ? 'open' : 'close']" @click="close"></div>
+    <div :class="['drawer', placement, visible ? 'open' : 'close']">
+      <div ref="drawer" class="content beauty-scroll">
+        <slot></slot>
+      </div>
+      <div v-if="showHandler" :class="['handler-container', placement, visible ? 'open' : 'close']" ref="handler" @click="toggle">
+        <slot v-if="$slots.handler" name="handler"></slot>
+        <div v-else class="handler">
+          <a-icon :type="visible ? 'close' : 'bars'" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Drawer',
+  data () {
+    return {
+    }
+  },
+  model: {
+    prop: 'visible',
+    event: 'change'
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    placement: {
+      type: String,
+      required: false,
+      default: 'left'
+    },
+    showHandler: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  methods: {
+    open () {
+      this.$emit('change', true)
+    },
+    close () {
+      this.$emit('change', false)
+    },
+    toggle () {
+      this.$emit('change', !this.visible)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .mask{
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    background-color: @shadow-color;
+    transition: all 0.5s;
+    z-index: 100;
+    &.open{
+      display: inline-block;
+    }
+    &.close{
+      display: none;
+    }
+  }
+  .drawer{
+    position: fixed;
+    transition: all 0.5s;
+    height: 100vh;
+    z-index: 100;
+    &.left{
+      left: 0;
+      &.open{
+        .content{
+          box-shadow: 2px 0 8px @shadow-color;
+        }
+      }
+      &.close{
+        transform: translateX(-100%);
+      }
+    }
+    &.right{
+      right: 0;
+      .content{
+        float: right;
+      }
+      &.open{
+        .content{
+          box-shadow: -2px 0 8px @shadow-color;
+        }
+      }
+      &.close{
+        transform: translateX(100%);
+      }
+    }
+  }
+  .content{
+    display: inline-block;
+    height: 100vh;
+    overflow-y: auto;
+  }
+  .handler-container{
+    position: absolute;
+    display: inline-block;
+    text-align: center;
+    transition: all 0.5s;
+    cursor: pointer;
+    top: 200px;
+    z-index: 100;
+    .handler {
+      height: 40px;
+      width: 40px;
+      background-color: @base-bg-color;
+      font-size: 26px;
+      box-shadow: 0 2px 8px @shadow-color;
+      line-height: 40px;
+    }
+    &.left{
+      right: -40px;
+      .handler{
+        border-radius: 0 5px 5px 0;
+      }
+    }
+    &.right{
+      left: -40px;
+      .handler{
+        border-radius: 5px 0 0 5px;
+      }
+    }
+  }
+</style>

package/src/components/tool/FooterToolBar.vue

@@ -1,30 +1,30 @@
-<template>
-  <div class="toolbar">
-    <div style="float: left">
-      <slot name="extra"></slot>
-    </div>
-    <div style="float: right">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'FooterToolBar'
-}
-</script>
-
-<style lang="less" scoped>
-  .toolbar{
-    position: fixed;
-    width: 100%;
-    bottom: 0;
-    right: 0;
-    box-shadow: 0 -1px 2px @shadow-color;
-    background: @base-bg-color;
-    border-top: 1px solid @border-color-split;
-    padding: 12px 24px;
-    z-index: 9;
-  }
-</style>
+<template>
+  <div class="toolbar">
+    <div style="float: left">
+      <slot name="extra"></slot>
+    </div>
+    <div style="float: right">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FooterToolBar'
+}
+</script>
+
+<style lang="less" scoped>
+  .toolbar{
+    position: fixed;
+    width: 100%;
+    bottom: 0;
+    right: 0;
+    box-shadow: 0 -1px 2px @shadow-color;
+    background: @base-bg-color;
+    border-top: 1px solid @border-color-split;
+    padding: 12px 24px;
+    z-index: 9;
+  }
+</style>