vue2-client 1.18.36 → 1.18.37

package/src/components/chart/index.less

@@ -1,9 +1,9 @@
-.mini-chart{
-  position: relative;
-  width: 100%;
-  .chart-content{
-    position: absolute;
-    bottom: -28px;
-    width: 100%;
-  }
-}
+.mini-chart{
+  position: relative;
+  width: 100%;
+  .chart-content{
+    position: absolute;
+    bottom: -28px;
+    width: 100%;
+  }
+}

package/src/components/checkbox/ColorCheckbox.vue

@@ -1,157 +1,157 @@
-<template>
-  <div class="theme-color" :style="{backgroundColor: color}" @click="toggle">
-    <a-icon v-if="sChecked" type="check" />
-  </div>
-</template>
-
-<script>
-const Group = {
-  name: 'ColorCheckboxGroup',
-  props: {
-    defaultValues: {
-      type: Array,
-      required: false,
-      default: () => []
-    },
-    multiple: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  data () {
-    return {
-      values: [],
-      options: []
-    }
-  },
-  computed: {
-    colors () {
-      const colors = []
-      this.options.forEach(item => {
-        if (item.sChecked) {
-          colors.push(item.color)
-        }
-      })
-      return colors
-    }
-  },
-  provide () {
-    return {
-      groupContext: this
-    }
-  },
-  watch: {
-    values (value) {
-      this.$emit('change', value, this.colors)
-    }
-  },
-  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.options.forEach(item => {
-            if (item.value !== option.value) {
-              item.sChecked = false
-            }
-          })
-        } else {
-          this.values.push(option.value)
-        }
-      }
-    }
-  },
-  render (h) {
-    const clear = h('div', { attrs: { style: 'clear: both' } })
-    return h(
-      'div',
-      {},
-      [this.$slots.default, clear]
-    )
-  }
-}
-
-export default {
-  name: 'ColorCheckbox',
-  Group: Group,
-  props: {
-    color: {
-      type: String,
-      required: true
-    },
-    value: {
-      type: [String, Number],
-      required: true
-    },
-    checked: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  data () {
-    return {
-      sChecked: this.initChecked()
-    }
-  },
-  computed: {
-  },
-  inject: ['groupContext'],
-  watch: {
-    sChecked: function () {
-      const value = {
-        value: this.value,
-        color: this.color,
-        checked: this.sChecked
-      }
-      this.$emit('change', value)
-      const groupContext = this.groupContext
-      if (groupContext) {
-        groupContext.handleChange(value)
-      }
-    }
-  },
-  created () {
-    const groupContext = this.groupContext
-    if (groupContext) {
-      groupContext.options.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>
-  .theme-color{
-    float: left;
-    width: 20px;
-    height: 20px;
-    border-radius: 2px;
-    cursor: pointer;
-    margin-right: 8px;
-    text-align: center;
-    color: @base-bg-color;
-    font-weight: bold;
-  }
-</style>
+<template>
+  <div class="theme-color" :style="{backgroundColor: color}" @click="toggle">
+    <a-icon v-if="sChecked" type="check" />
+  </div>
+</template>
+
+<script>
+const Group = {
+  name: 'ColorCheckboxGroup',
+  props: {
+    defaultValues: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data () {
+    return {
+      values: [],
+      options: []
+    }
+  },
+  computed: {
+    colors () {
+      const colors = []
+      this.options.forEach(item => {
+        if (item.sChecked) {
+          colors.push(item.color)
+        }
+      })
+      return colors
+    }
+  },
+  provide () {
+    return {
+      groupContext: this
+    }
+  },
+  watch: {
+    values (value) {
+      this.$emit('change', value, this.colors)
+    }
+  },
+  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.options.forEach(item => {
+            if (item.value !== option.value) {
+              item.sChecked = false
+            }
+          })
+        } else {
+          this.values.push(option.value)
+        }
+      }
+    }
+  },
+  render (h) {
+    const clear = h('div', { attrs: { style: 'clear: both' } })
+    return h(
+      'div',
+      {},
+      [this.$slots.default, clear]
+    )
+  }
+}
+
+export default {
+  name: 'ColorCheckbox',
+  Group: Group,
+  props: {
+    color: {
+      type: String,
+      required: true
+    },
+    value: {
+      type: [String, Number],
+      required: true
+    },
+    checked: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data () {
+    return {
+      sChecked: this.initChecked()
+    }
+  },
+  computed: {
+  },
+  inject: ['groupContext'],
+  watch: {
+    sChecked: function () {
+      const value = {
+        value: this.value,
+        color: this.color,
+        checked: this.sChecked
+      }
+      this.$emit('change', value)
+      const groupContext = this.groupContext
+      if (groupContext) {
+        groupContext.handleChange(value)
+      }
+    }
+  },
+  created () {
+    const groupContext = this.groupContext
+    if (groupContext) {
+      groupContext.options.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>
+  .theme-color{
+    float: left;
+    width: 20px;
+    height: 20px;
+    border-radius: 2px;
+    cursor: pointer;
+    margin-right: 8px;
+    text-align: center;
+    color: @base-bg-color;
+    font-weight: bold;
+  }
+</style>

package/src/components/input/IInput.vue

@@ -1,66 +1,66 @@
-<template>
-  <a-input
-    :addon-after="addonAfter"
-    :addon-before="addonBefore"
-    :default-value="defaultValue"
-    :disabled="disabled"
-    :id="id"
-    :max-length="maxLength"
-    :prefix="prefix"
-    :size="size"
-    :suffix="suffix || lenSuffix"
-    :type="type"
-    :allow-clear="allowClear"
-    v-model="sValue"
-    :value="value"
-    @change="onChange"
-    @input="onInput"
-    @pressEnter="onPressEnter"
-    @keydown="onKeydown"
-  >
-    <template :slot="slot" v-for="slot in Object.keys($slots)">
-      <slot :name="slot"></slot>
-    </template>
-  </a-input>
-</template>
-
-<script>
-  export default {
-    name: 'IInput',
-    model: {
-      prop: 'value',
-      event: 'change.value'
-    },
-    props: ['addonAfter', 'addonBefore', 'defaultValue', 'disabled', 'id', 'maxLength', 'prefix', 'size', 'suffix', 'type', 'value', 'allowClear'],
-    data () {
-      return {
-        sValue: this.value || this.defaultValue || ''
-      }
-    },
-    watch: {
-      value (val) {
-        this.sValue = val
-      }
-    },
-    computed: {
-      lenSuffix () {
-        return this.maxLength && `${(this.sValue + '').length}/${this.maxLength}`
-      }
-    },
-    methods: {
-      onChange (e) {
-        this.$emit('change', e)
-        this.$emit('change.value', e.target.value)
-      },
-      onInput (e) {
-        this.$emit('input', e)
-      },
-      onPressEnter (e) {
-        this.$emit('pressEnter', e)
-      },
-      onKeydown (e) {
-        this.$emit('keydown', e)
-      }
-    }
-  }
-</script>
+<template>
+  <a-input
+    :addon-after="addonAfter"
+    :addon-before="addonBefore"
+    :default-value="defaultValue"
+    :disabled="disabled"
+    :id="id"
+    :max-length="maxLength"
+    :prefix="prefix"
+    :size="size"
+    :suffix="suffix || lenSuffix"
+    :type="type"
+    :allow-clear="allowClear"
+    v-model="sValue"
+    :value="value"
+    @change="onChange"
+    @input="onInput"
+    @pressEnter="onPressEnter"
+    @keydown="onKeydown"
+  >
+    <template :slot="slot" v-for="slot in Object.keys($slots)">
+      <slot :name="slot"></slot>
+    </template>
+  </a-input>
+</template>
+
+<script>
+  export default {
+    name: 'IInput',
+    model: {
+      prop: 'value',
+      event: 'change.value'
+    },
+    props: ['addonAfter', 'addonBefore', 'defaultValue', 'disabled', 'id', 'maxLength', 'prefix', 'size', 'suffix', 'type', 'value', 'allowClear'],
+    data () {
+      return {
+        sValue: this.value || this.defaultValue || ''
+      }
+    },
+    watch: {
+      value (val) {
+        this.sValue = val
+      }
+    },
+    computed: {
+      lenSuffix () {
+        return this.maxLength && `${(this.sValue + '').length}/${this.maxLength}`
+      }
+    },
+    methods: {
+      onChange (e) {
+        this.$emit('change', e)
+        this.$emit('change.value', e.target.value)
+      },
+      onInput (e) {
+        this.$emit('input', e)
+      },
+      onPressEnter (e) {
+        this.$emit('pressEnter', e)
+      },
+      onKeydown (e) {
+        this.$emit('keydown', e)
+      }
+    }
+  }
+</script>

package/src/components/menu/SideMenu.vue

@@ -1,75 +1,75 @@
-<template>
-  <a-layout-sider
-    :theme="sideTheme"
-    :class="['side-menu', 'beauty-scroll', isMobile ? null : 'shadow']"
-    width="256px"
-    :collapsible="collapsible"
-    v-model="collapsed"
-    :trigger="null">
-    <div :class="['logo', theme]">
-      <router-link :to="homePage">
-        <a-row type="flex" align="middle" style="height: 64px;word-wrap: break-word;word-break:break-all;">
-          <a-col :span="4">
-            <img :src="logoSrc" alt="logo">
-          </a-col>
-          <a-col :span="20" style="line-height: 18px;" v-show="!collapsed">
-            <span style="vertical-align: middle" :style="{ fontWeight: 'bold', fontSize: systemNameFontSizeMain, color: 'white' }">{{ systemName }}</span>
-          </a-col>
-        </a-row>
-      </router-link>
-    </div>
-    <i-menu :theme="theme" :collapsed="collapsed" :options="menuData" @select="onSelect" class="menu"/>
-  </a-layout-sider>
-</template>
-
-<script>
-import IMenu from './menu'
-import { mapState } from 'vuex'
-export default {
-  name: 'SideMenu',
-  components: { IMenu },
-  props: {
-    collapsible: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    collapsed: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    menuData: {
-      type: Array,
-      required: true
-    },
-    theme: {
-      type: String,
-      required: false,
-      default: 'dark'
-    }
-  },
-  computed: {
-    sideTheme () {
-      return this.theme === 'light' ? this.theme : 'dark'
-    },
-    systemNameFontSizeMain () {
-      let systemNameFontSize = this.systemNameFontSize
-      if (this.systemName.length > 15) {
-        systemNameFontSize = '18px'
-      }
-      return systemNameFontSize
-    },
-    ...mapState('setting', ['isMobile', 'systemName', 'logoSrc', 'systemNameFontSize', 'homePage'])
-  },
-  methods: {
-    onSelect (obj) {
-      this.$emit('menuSelect', obj)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import "index";
-</style>
+<template>
+  <a-layout-sider
+    :theme="sideTheme"
+    :class="['side-menu', 'beauty-scroll', isMobile ? null : 'shadow']"
+    width="256px"
+    :collapsible="collapsible"
+    v-model="collapsed"
+    :trigger="null">
+    <div :class="['logo', theme]">
+      <router-link :to="homePage">
+        <a-row type="flex" align="middle" style="height: 64px;word-wrap: break-word;word-break:break-all;">
+          <a-col :span="4">
+            <img :src="logoSrc" alt="logo">
+          </a-col>
+          <a-col :span="20" style="line-height: 18px;" v-show="!collapsed">
+            <span style="vertical-align: middle" :style="{ fontWeight: 'bold', fontSize: systemNameFontSizeMain, color: 'white' }">{{ systemName }}</span>
+          </a-col>
+        </a-row>
+      </router-link>
+    </div>
+    <i-menu :theme="theme" :collapsed="collapsed" :options="menuData" @select="onSelect" class="menu"/>
+  </a-layout-sider>
+</template>
+
+<script>
+import IMenu from './menu'
+import { mapState } from 'vuex'
+export default {
+  name: 'SideMenu',
+  components: { IMenu },
+  props: {
+    collapsible: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    collapsed: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    menuData: {
+      type: Array,
+      required: true
+    },
+    theme: {
+      type: String,
+      required: false,
+      default: 'dark'
+    }
+  },
+  computed: {
+    sideTheme () {
+      return this.theme === 'light' ? this.theme : 'dark'
+    },
+    systemNameFontSizeMain () {
+      let systemNameFontSize = this.systemNameFontSize
+      if (this.systemName.length > 15) {
+        systemNameFontSize = '18px'
+      }
+      return systemNameFontSize
+    },
+    ...mapState('setting', ['isMobile', 'systemName', 'logoSrc', 'systemNameFontSize', 'homePage'])
+  },
+  methods: {
+    onSelect (obj) {
+      this.$emit('menuSelect', obj)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import "index";
+</style>