n20-common-lib 1.3.3 → 1.3.6

package/src/components/ContentLoading/index.vue

@@ -1,41 +1,41 @@
-<template>
-  <div v-loading="loading" :element-loading-text="loadingText"></div>
-</template>
-
-<script>
-export default {
-  name: 'ContentLoading',
-  data() {
-    return {
-      loading: true,
-      loadingText: '加载中',
-      timeout: 12000
-    }
-  },
-  mounted() {
-    this.setTimeOut()
-  },
-  activated() {
-    this.setTimeOut()
-  },
-  deactivated() {
-    this.clearTimeOut()
-  },
-  beforeDestroy() {
-    this.clearTimeOut()
-  },
-  methods: {
-    setTimeOut() {
-      clearTimeout(this.sT)
-
-      this.sT = setTimeout(() => {
-        this.loadingText = '请求超时，请刷新尝试'
-      }, this.timeout)
-    },
-    clearTimeOut() {
-      this.loadingText = '加载中'
-      clearTimeout(this.sT)
-    }
-  }
-}
-</script>
+<template>
+  <div v-loading="loading" :element-loading-text="loadingText"></div>
+</template>
+
+<script>
+export default {
+  name: 'ContentLoading',
+  data() {
+    return {
+      loading: true,
+      loadingText: '加载中',
+      timeout: 12000
+    }
+  },
+  mounted() {
+    this.setTimeOut()
+  },
+  activated() {
+    this.setTimeOut()
+  },
+  deactivated() {
+    this.clearTimeOut()
+  },
+  beforeDestroy() {
+    this.clearTimeOut()
+  },
+  methods: {
+    setTimeOut() {
+      clearTimeout(this.sT)
+
+      this.sT = setTimeout(() => {
+        this.loadingText = '请求超时，请刷新尝试'
+      }, this.timeout)
+    },
+    clearTimeOut() {
+      this.loadingText = '加载中'
+      clearTimeout(this.sT)
+    }
+  }
+}
+</script>

package/src/components/ContentNull/index.vue

@@ -1,19 +1,19 @@
-<template>
-  <empty-box type="404">
-    <div slot="content">暂无访问权限</div>
-  </empty-box>
-</template>
-
-<script>
-import EmptyBox from '../Empty/index.vue'
-export default {
-  name: 'ContentNull',
-  components: {
-    EmptyBox
-  },
-  data() {
-    this.isNull = true
-    return {}
-  }
-}
-</script>
+<template>
+  <empty-box type="404">
+    <div slot="content">暂无访问权限</div>
+  </empty-box>
+</template>
+
+<script>
+import EmptyBox from '../Empty/index.vue'
+export default {
+  name: 'ContentNull',
+  components: {
+    EmptyBox
+  },
+  data() {
+    this.isNull = true
+    return {}
+  }
+}
+</script>

package/src/components/DatePicker/index.vue

@@ -1,27 +1,27 @@
-<template>
-  <el-date-picker
-    ref="date-picker"
-    class="n20-date-editor"
-    :class="{ 'has-value': clearable && value }"
-    v-bind="$attrs"
-    :value="value"
-    :clearable="clearable"
-    v-on="$listeners"
-  />
-</template>
-
-<script>
-export default {
-  name: 'DatePicker',
-  props: {
-    value: {
-      type: [String, Number, Date],
-      default: undefined
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    }
-  }
-}
-</script>
+<template>
+  <el-date-picker
+    ref="date-picker"
+    class="n20-date-editor"
+    :class="{ 'has-value': clearable && value }"
+    v-bind="$attrs"
+    :value="value"
+    :clearable="clearable"
+    v-on="$listeners"
+  />
+</template>
+
+<script>
+export default {
+  name: 'DatePicker',
+  props: {
+    value: {
+      type: [String, Number, Date],
+      default: undefined
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    }
+  }
+}
+</script>

package/src/components/DatePicker/por.vue

@@ -1,169 +1,169 @@
-<template>
-  <el-date-picker
-    ref="date-picker"
-    v-model="valueC"
-    class="n20-date-editor"
-    :class="{ 'has-value': clearable && valueC }"
-    :type="type"
-    :value-format="valueFormat"
-    placeholder="选择日期"
-    start-placeholder="开始日期"
-    end-placeholder="结束日期"
-    :picker-options="pickerOptions"
-    :clearable="clearable"
-    v-bind="$attrs"
-    v-on="listeners"
-  />
-</template>
-
-<script>
-let disabledDate_1 = (t) => {
-  return t < Date.now() - 86400000
-}
-let shortcuts_1 = [
-  {
-    text: '最近一月',
-    onClick(picker) {
-      const start = new Date()
-      start.setMonth(start.getMonth() - 1)
-      picker.$emit('pick', start)
-    }
-  },
-  {
-    text: '最近三月',
-    onClick(picker) {
-      const start = new Date()
-      start.setMonth(start.getMonth() - 3)
-      picker.$emit('pick', start)
-    }
-  },
-  {
-    text: '最近六月',
-    onClick(picker) {
-      const start = new Date()
-      start.setMonth(start.getMonth() - 6)
-      picker.$emit('pick', start)
-    }
-  },
-  {
-    text: '最近一年',
-    onClick(picker) {
-      const start = new Date()
-      start.setFullYear(start.getFullYear() - 1)
-      picker.$emit('pick', start)
-    }
-  }
-]
-let shortcuts_2 = [
-  {
-    text: '最近一月',
-    onClick(picker) {
-      const end = new Date()
-      const start = new Date()
-      start.setMonth(start.getMonth() - 1)
-      picker.$emit('pick', [start, end])
-    }
-  },
-  {
-    text: '最近三月',
-    onClick(picker) {
-      const end = new Date()
-      const start = new Date()
-      start.setMonth(start.getMonth() - 3)
-      picker.$emit('pick', [start, end])
-    }
-  },
-  {
-    text: '最近六月',
-    onClick(picker) {
-      const end = new Date()
-      const start = new Date()
-      start.setMonth(start.getMonth() - 6)
-      picker.$emit('pick', [start, end])
-    }
-  },
-  {
-    text: '最近一年',
-    onClick(picker) {
-      const end = new Date()
-      const start = new Date()
-      start.setFullYear(start.getFullYear() - 1)
-      picker.$emit('pick', [start, end])
-    }
-  }
-]
-
-export default {
-  name: 'DatePickerPor',
-  props: {
-    type: {
-      type: String,
-      default: 'date'
-    },
-    value: {
-      type: [String, Number, Date],
-      default: undefined
-    },
-    valueFormat: {
-      type: String,
-      default: 'yyyy-MM-dd'
-    },
-    startDate: {
-      type: [String, Number, Date],
-      default: null
-    },
-    endDate: {
-      type: [String, Number, Date],
-      default: null
-    },
-    minNow: {
-      type: Boolean,
-      default: false
-    },
-    showShortcut: {
-      type: Boolean,
-      default: true
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    this.pickerOptions = {
-      disabledDate: this.minNow ? disabledDate_1 : undefined,
-      shortcuts: this.showShortcut
-        ? this.type === 'date'
-          ? shortcuts_1
-          : shortcuts_2
-        : undefined
-    }
-
-    this.listeners = Object.assign({}, this.$listeners, { input: () => {} })
-    return {}
-  },
-  computed: {
-    valueC: {
-      get() {
-        if (this.type === 'daterange' || this.type === 'monthrange') {
-          if (this.startDate && this.endDate) {
-            return [this.startDate, this.endDate]
-          } else {
-            return null
-          }
-        } else {
-          return this.value
-        }
-      },
-      set(val) {
-        if (this.type === 'daterange' || this.type === 'monthrange') {
-          this.$emit('update:start-date', val ? val[0] : null)
-          this.$emit('update:end-date', val ? val[1] : null)
-        } else {
-          this.$emit('input', val)
-        }
-      }
-    }
-  }
-}
-</script>
+<template>
+  <el-date-picker
+    ref="date-picker"
+    v-model="valueC"
+    class="n20-date-editor"
+    :class="{ 'has-value': clearable && valueC }"
+    :type="type"
+    :value-format="valueFormat"
+    placeholder="选择日期"
+    start-placeholder="开始日期"
+    end-placeholder="结束日期"
+    :picker-options="pickerOptions"
+    :clearable="clearable"
+    v-bind="$attrs"
+    v-on="listeners"
+  />
+</template>
+
+<script>
+let disabledDate_1 = (t) => {
+  return t < Date.now() - 86400000
+}
+let shortcuts_1 = [
+  {
+    text: '最近一月',
+    onClick(picker) {
+      const start = new Date()
+      start.setMonth(start.getMonth() - 1)
+      picker.$emit('pick', start)
+    }
+  },
+  {
+    text: '最近三月',
+    onClick(picker) {
+      const start = new Date()
+      start.setMonth(start.getMonth() - 3)
+      picker.$emit('pick', start)
+    }
+  },
+  {
+    text: '最近六月',
+    onClick(picker) {
+      const start = new Date()
+      start.setMonth(start.getMonth() - 6)
+      picker.$emit('pick', start)
+    }
+  },
+  {
+    text: '最近一年',
+    onClick(picker) {
+      const start = new Date()
+      start.setFullYear(start.getFullYear() - 1)
+      picker.$emit('pick', start)
+    }
+  }
+]
+let shortcuts_2 = [
+  {
+    text: '最近一月',
+    onClick(picker) {
+      const end = new Date()
+      const start = new Date()
+      start.setMonth(start.getMonth() - 1)
+      picker.$emit('pick', [start, end])
+    }
+  },
+  {
+    text: '最近三月',
+    onClick(picker) {
+      const end = new Date()
+      const start = new Date()
+      start.setMonth(start.getMonth() - 3)
+      picker.$emit('pick', [start, end])
+    }
+  },
+  {
+    text: '最近六月',
+    onClick(picker) {
+      const end = new Date()
+      const start = new Date()
+      start.setMonth(start.getMonth() - 6)
+      picker.$emit('pick', [start, end])
+    }
+  },
+  {
+    text: '最近一年',
+    onClick(picker) {
+      const end = new Date()
+      const start = new Date()
+      start.setFullYear(start.getFullYear() - 1)
+      picker.$emit('pick', [start, end])
+    }
+  }
+]
+
+export default {
+  name: 'DatePickerPor',
+  props: {
+    type: {
+      type: String,
+      default: 'date'
+    },
+    value: {
+      type: [String, Number, Date],
+      default: undefined
+    },
+    valueFormat: {
+      type: String,
+      default: 'yyyy-MM-dd'
+    },
+    startDate: {
+      type: [String, Number, Date],
+      default: null
+    },
+    endDate: {
+      type: [String, Number, Date],
+      default: null
+    },
+    minNow: {
+      type: Boolean,
+      default: false
+    },
+    showShortcut: {
+      type: Boolean,
+      default: true
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    this.pickerOptions = {
+      disabledDate: this.minNow ? disabledDate_1 : undefined,
+      shortcuts: this.showShortcut
+        ? this.type === 'date'
+          ? shortcuts_1
+          : shortcuts_2
+        : undefined
+    }
+
+    this.listeners = Object.assign({}, this.$listeners, { input: () => {} })
+    return {}
+  },
+  computed: {
+    valueC: {
+      get() {
+        if (this.type === 'daterange' || this.type === 'monthrange') {
+          if (this.startDate && this.endDate) {
+            return [this.startDate, this.endDate]
+          } else {
+            return null
+          }
+        } else {
+          return this.value
+        }
+      },
+      set(val) {
+        if (this.type === 'daterange' || this.type === 'monthrange') {
+          this.$emit('update:start-date', val ? val[0] : null)
+          this.$emit('update:end-date', val ? val[1] : null)
+        } else {
+          this.$emit('input', val)
+        }
+      }
+    }
+  }
+}
+</script>

package/src/components/Dialog/index.vue

@@ -1,26 +1,26 @@
-<script>
-import { Dialog as elDialog } from 'element-ui'
-export default {
-  name: 'Dialog',
-  extends: elDialog,
-  props: {
-    destroyOnOpen: {
-      type: Boolean,
-      default: false
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    }
-  },
-  watch: {
-    visible(val) {
-      if (val) {
-        if (this.destroyOnOpen) {
-          this.key++
-        }
-      }
-    }
-  }
-}
-</script>
+<script>
+import { Dialog as elDialog } from 'element-ui'
+export default {
+  name: 'Dialog',
+  extends: elDialog,
+  props: {
+    destroyOnOpen: {
+      type: Boolean,
+      default: false
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    }
+  },
+  watch: {
+    visible(val) {
+      if (val) {
+        if (this.destroyOnOpen) {
+          this.key++
+        }
+      }
+    }
+  }
+}
+</script>