vue2-client 1.15.85 → 1.15.86

package/src/components/checkbox/ImgCheckbox.vue

@@ -1,117 +1,117 @@
-<template>
-  <a-tooltip :title="title" :overlayStyle="{zIndex: 2001}">
-    <div class="img-check-box" @click="toggle">
-      <img :src="img" alt="" v-if="type === 'img'">
-      <a-icon v-else :type="icon" style="font-size: 2rem" :class="sChecked?'sChecked iconCheck':'iconCheck'"/>
-      <div v-if="sChecked && type === 'img'" class="check-item">
-        <a-icon type="check"/>
-      </div>
-    </div>
-  </a-tooltip>
-</template>
-
-<script>
-export default {
-  name: 'ImgCheckbox',
-  props: {
-    checked: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    img: {
-      type: String,
-      default: ''
-    },
-    type: {
-      type: String,
-      default: 'img'
-    },
-    icon: {
-      type: String,
-      default: ''
-    },
-    // eslint-disable-next-line vue/require-prop-types
-    value: {
-      required: true
-    },
-    // eslint-disable-next-line vue/require-default-prop
-    title: String
-  },
-  data () {
-    return {
-      sChecked: this.initChecked()
-    }
-  },
-  inject: ['groupContext'],
-  watch: {
-    sChecked: function () {
-      const option = {
-        value: this.value,
-        checked: this.sChecked
-      }
-      this.$emit('change', option)
-      const groupContext = this.groupContext
-      if (groupContext) {
-        groupContext.handleChange(option)
-      }
-    }
-  },
-  created () {
-    const groupContext = this.groupContext
-    if (groupContext) {
-      this.sChecked = groupContext.defaultValues.length > 0 ? groupContext.defaultValues.indexOf(this.value) >= 0 : this.sChecked
-      groupContext.datas.push(this)
-    }
-  },
-  methods: {
-    toggle () {
-      if (this.groupContext.multiple || !this.sChecked) {
-        this.sChecked = !this.sChecked
-      }
-    },
-    initChecked () {
-      const groupContext = this.groupContext
-      if (!groupContext) {
-        return this.checked
-      } else if (groupContext.multiple) {
-        return groupContext.defaultValues.indexOf(this.value) > -1
-      } else {
-        return groupContext.defaultValues[0] === this.value
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.sChecked {
-  color: @primary-color;
-}
-
-.iconCheck {
-  padding: 5px;
-  border: 1px solid;
-  border-radius: 12px;
-}
-
-.img-check-box {
-  margin-right: 16px;
-  position: relative;
-  border-radius: 4px;
-  cursor: pointer;
-
-  .check-item {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%;
-    padding-top: 15px;
-    padding-left: 24px;
-    height: 100%;
-    color: @primary-color;
-    font-size: 14px;
-    font-weight: bold;
-  }
-}
-</style>
+<template>
+  <a-tooltip :title="title" :overlayStyle="{zIndex: 2001}">
+    <div class="img-check-box" @click="toggle">
+      <img :src="img" alt="" v-if="type === 'img'">
+      <a-icon v-else :type="icon" style="font-size: 2rem" :class="sChecked?'sChecked iconCheck':'iconCheck'"/>
+      <div v-if="sChecked && type === 'img'" class="check-item">
+        <a-icon type="check"/>
+      </div>
+    </div>
+  </a-tooltip>
+</template>
+
+<script>
+export default {
+  name: 'ImgCheckbox',
+  props: {
+    checked: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    img: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'img'
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    // eslint-disable-next-line vue/require-prop-types
+    value: {
+      required: true
+    },
+    // eslint-disable-next-line vue/require-default-prop
+    title: String
+  },
+  data () {
+    return {
+      sChecked: this.initChecked()
+    }
+  },
+  inject: ['groupContext'],
+  watch: {
+    sChecked: function () {
+      const option = {
+        value: this.value,
+        checked: this.sChecked
+      }
+      this.$emit('change', option)
+      const groupContext = this.groupContext
+      if (groupContext) {
+        groupContext.handleChange(option)
+      }
+    }
+  },
+  created () {
+    const groupContext = this.groupContext
+    if (groupContext) {
+      this.sChecked = groupContext.defaultValues.length > 0 ? groupContext.defaultValues.indexOf(this.value) >= 0 : this.sChecked
+      groupContext.datas.push(this)
+    }
+  },
+  methods: {
+    toggle () {
+      if (this.groupContext.multiple || !this.sChecked) {
+        this.sChecked = !this.sChecked
+      }
+    },
+    initChecked () {
+      const groupContext = this.groupContext
+      if (!groupContext) {
+        return this.checked
+      } else if (groupContext.multiple) {
+        return groupContext.defaultValues.indexOf(this.value) > -1
+      } else {
+        return groupContext.defaultValues[0] === this.value
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.sChecked {
+  color: @primary-color;
+}
+
+.iconCheck {
+  padding: 5px;
+  border: 1px solid;
+  border-radius: 12px;
+}
+
+.img-check-box {
+  margin-right: 16px;
+  position: relative;
+  border-radius: 4px;
+  cursor: pointer;
+
+  .check-item {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    padding-top: 15px;
+    padding-left: 24px;
+    height: 100%;
+    color: @primary-color;
+    font-size: 14px;
+    font-weight: bold;
+  }
+}
+</style>

package/src/components/checkbox/ImgCheckboxGroup.vue

@@ -1,76 +1,76 @@
-<script>
-export default {
-  name: 'ImgCheckboxGroup',
-  components: {
-    ImgCheckbox: () => import('./ImgCheckbox')
-  },
-  props: {
-    multiple: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    defaultValues: {
-      type: Array,
-      required: false,
-      default: () => []
-    },
-    options: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data () {
-    return {
-      values: [],
-      datas: [],
-    }
-  },
-  provide () {
-    return {
-      groupContext: this
-    }
-  },
-  watch: {
-    values: function (value) {
-      this.$emit('change', value)
-    }
-  },
-  methods: {
-    handleChange (option) {
-      if (!option.checked) {
-        if (this.values.indexOf(option.value) > -1) {
-          this.values = this.values.filter(item => item !== option.value)
-        }
-      } else {
-        if (!this.multiple) {
-          this.values = [option.value]
-          this.datas.forEach(item => {
-            if (item.value !== option.value) {
-              item.sChecked = false
-            }
-          })
-        } else {
-          this.values.push(option.value)
-        }
-      }
-    }
-  },
-}
-</script>
-
-<template>
-  <div style="display: flex">
-    <slot>
-      <img-checkbox
-        v-for="(item, index) in options"
-        :key="index"
-        v-bind="item"
-      />
-    </slot>
-  </div>
-</template>
-
-<style scoped lang="less">
-
-</style>
+<script>
+export default {
+  name: 'ImgCheckboxGroup',
+  components: {
+    ImgCheckbox: () => import('./ImgCheckbox')
+  },
+  props: {
+    multiple: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    defaultValues: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    options: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data () {
+    return {
+      values: [],
+      datas: [],
+    }
+  },
+  provide () {
+    return {
+      groupContext: this
+    }
+  },
+  watch: {
+    values: function (value) {
+      this.$emit('change', value)
+    }
+  },
+  methods: {
+    handleChange (option) {
+      if (!option.checked) {
+        if (this.values.indexOf(option.value) > -1) {
+          this.values = this.values.filter(item => item !== option.value)
+        }
+      } else {
+        if (!this.multiple) {
+          this.values = [option.value]
+          this.datas.forEach(item => {
+            if (item.value !== option.value) {
+              item.sChecked = false
+            }
+          })
+        } else {
+          this.values.push(option.value)
+        }
+      }
+    }
+  },
+}
+</script>
+
+<template>
+  <div style="display: flex">
+    <slot>
+      <img-checkbox
+        v-for="(item, index) in options"
+        :key="index"
+        v-bind="item"
+      />
+    </slot>
+  </div>
+</template>
+
+<style scoped lang="less">
+
+</style>

package/src/components/checkbox/index.js

@@ -1,9 +1,9 @@
-import ColorCheckbox from '@vue2-client/components/checkbox/ColorCheckbox'
-import ImgCheckbox from '@vue2-client/components/checkbox/ImgCheckbox'
-import ImgCheckboxGroup from '@vue2-client/components/checkbox/ImgCheckboxGroup'
-
-export {
-  ColorCheckbox,
-  ImgCheckbox,
-  ImgCheckboxGroup
-}
+import ColorCheckbox from '@vue2-client/components/checkbox/ColorCheckbox'
+import ImgCheckbox from '@vue2-client/components/checkbox/ImgCheckbox'
+import ImgCheckboxGroup from '@vue2-client/components/checkbox/ImgCheckboxGroup'
+
+export {
+  ColorCheckbox,
+  ImgCheckbox,
+  ImgCheckboxGroup
+}

package/src/components/exception/ExceptionPage.vue

@@ -1,70 +1,70 @@
-<template>
-  <div class="exception-page">
-    <div class="img">
-      <img :src="config[type].img" alt=""/>
-    </div>
-    <div class="content">
-      <h1>{{ config[type].title }}</h1>
-      <div class="desc">{{ config[type].desc }}</div>
-      <div class="action">
-        <!--        <a-button type="primary" @click="backHome">返回首页</a-button>-->
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Config from './typeConfig'
-
-export default {
-  name: 'ExceptionPage',
-  // eslint-disable-next-line vue/require-prop-types
-  props: ['type', 'homeRoute'],
-  data () {
-    return {
-      config: Config
-    }
-  },
-  methods: {
-    backHome () {
-      if (this.homeRoute) {
-        this.$router.push(this.homeRoute)
-      }
-      this.$emit('backHome', this.type)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  .exception-page{
-    border-radius: 4px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: @base-bg-color;
-    .img{
-      padding-right: 52px;
-      zoom: 1;
-      img{
-        max-width: 430px;
-      }
-    }
-    .content{
-      h1{
-        color: #434e59;
-        font-size: 72px;
-        font-weight: 600;
-        line-height: 72px;
-        margin-bottom: 24px;
-      }
-      .desc{
-        color: @text-color-second;
-        font-size: 20px;
-        line-height: 28px;
-        margin-bottom: 16px;
-      }
-    }
-  }
-
-</style>
+<template>
+  <div class="exception-page">
+    <div class="img">
+      <img :src="config[type].img" alt=""/>
+    </div>
+    <div class="content">
+      <h1>{{ config[type].title }}</h1>
+      <div class="desc">{{ config[type].desc }}</div>
+      <div class="action">
+        <!--        <a-button type="primary" @click="backHome">返回首页</a-button>-->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Config from './typeConfig'
+
+export default {
+  name: 'ExceptionPage',
+  // eslint-disable-next-line vue/require-prop-types
+  props: ['type', 'homeRoute'],
+  data () {
+    return {
+      config: Config
+    }
+  },
+  methods: {
+    backHome () {
+      if (this.homeRoute) {
+        this.$router.push(this.homeRoute)
+      }
+      this.$emit('backHome', this.type)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .exception-page{
+    border-radius: 4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: @base-bg-color;
+    .img{
+      padding-right: 52px;
+      zoom: 1;
+      img{
+        max-width: 430px;
+      }
+    }
+    .content{
+      h1{
+        color: #434e59;
+        font-size: 72px;
+        font-weight: 600;
+        line-height: 72px;
+        margin-bottom: 24px;
+      }
+      .desc{
+        color: @text-color-second;
+        font-size: 20px;
+        line-height: 28px;
+        margin-bottom: 16px;
+      }
+    }
+  }
+
+</style>

package/src/components/exception/typeConfig.js

@@ -1,19 +1,19 @@
-const config = {
-  403: {
-    img: 'https://gw.alipayobjects.com/zos/rmsportal/wZcnGqRDyhPOEYFcZDnb.svg',
-    title: '403',
-    desc: '抱歉，你无权访问该页面'
-  },
-  404: {
-    img: 'https://gw.alipayobjects.com/zos/rmsportal/KpnpchXsobRgLElEozzI.svg',
-    title: '404',
-    desc: '抱歉，你访问的页面不存在或仍在开发中'
-  },
-  500: {
-    img: 'https://gw.alipayobjects.com/zos/rmsportal/RVRUAYdCGeYNBWoKiIwB.svg',
-    title: '500',
-    desc: '抱歉，服务器出错了'
-  }
-}
-
-export default config
+const config = {
+  403: {
+    img: 'https://gw.alipayobjects.com/zos/rmsportal/wZcnGqRDyhPOEYFcZDnb.svg',
+    title: '403',
+    desc: '抱歉，你无权访问该页面'
+  },
+  404: {
+    img: 'https://gw.alipayobjects.com/zos/rmsportal/KpnpchXsobRgLElEozzI.svg',
+    title: '404',
+    desc: '抱歉，你访问的页面不存在或仍在开发中'
+  },
+  500: {
+    img: 'https://gw.alipayobjects.com/zos/rmsportal/RVRUAYdCGeYNBWoKiIwB.svg',
+    title: '500',
+    desc: '抱歉，服务器出错了'
+  }
+}
+
+export default config