n20-common-lib 1.2.8 → 1.2.9

package/src/components/CascaderArea/index.vue

@@ -1,81 +1,81 @@
-<template>
-  <el-cascader
-    ref="el-cascader"
-    :value="value"
-    v-bind="$attrs"
-    :options="areaTree"
-    :filterable="filterable"
-    :clearable="clearable"
-    :props="{
-      value: 'regionNo',
-      label: 'regionName',
-      children: 'children',
-      expandTrigger: 'hover'
-    }"
-    v-on="$listeners"
-  />
-</template>
-
-<script>
-import axios from '../../utils/axios'
-import list2tree from '../../utils/list2tree'
-
-window._china_area_tree_ = undefined
-
-export default {
-  name: 'CascaderArea',
-  props: {
-    value: {
-      type: [String, Array],
-      default: undefined
-    },
-    filterable: {
-      type: Boolean,
-      default: true
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      areaTree: []
-    }
-  },
-  mounted() {
-    if (!window._china_area_tree_) {
-      this.getAreaTree()
-    } else {
-      this.areaTree = window._china_area_tree_
-    }
-  },
-  methods: {
-    getAreaTree() {
-      axios
-        .get('/bems/1.0/area', { isEnable: 1 }, { loading: false })
-        .then(({ data }) => {
-          let areaTree = list2tree(
-            data,
-            'regionNo',
-            'fatherNo',
-            'children',
-            'regionNo'
-          )
-          let noAreaTree = areaTree.filter((a) => a.regionLevel !== '1')
-          if (noAreaTree.length > 0) {
-            console.warn('这些区域找不到父级节点：', noAreaTree)
-          }
-
-          window._china_area_tree_ = areaTree.filter(
-            (a) => a.regionLevel === '1'
-          )
-          this.areaTree = window._china_area_tree_
-        })
-    },
-    updateArea() {
-      this.getAreaTree()
-    }
-  }
-}
-</script>
+<template>
+  <el-cascader
+    ref="el-cascader"
+    :value="value"
+    v-bind="$attrs"
+    :options="areaTree"
+    :filterable="filterable"
+    :clearable="clearable"
+    :props="{
+      value: 'regionNo',
+      label: 'regionName',
+      children: 'children',
+      expandTrigger: 'hover'
+    }"
+    v-on="$listeners"
+  />
+</template>
+
+<script>
+import axios from '../../utils/axios'
+import list2tree from '../../utils/list2tree'
+
+window._china_area_tree_ = undefined
+
+export default {
+  name: 'CascaderArea',
+  props: {
+    value: {
+      type: [String, Array],
+      default: undefined
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      areaTree: []
+    }
+  },
+  mounted() {
+    if (!window._china_area_tree_) {
+      this.getAreaTree()
+    } else {
+      this.areaTree = window._china_area_tree_
+    }
+  },
+  methods: {
+    getAreaTree() {
+      axios
+        .get('/bems/1.0/area', { isEnable: 1 }, { loading: false })
+        .then(({ data }) => {
+          let areaTree = list2tree(
+            data,
+            'regionNo',
+            'fatherNo',
+            'children',
+            'regionNo'
+          )
+          let noAreaTree = areaTree.filter((a) => a.regionLevel !== '1')
+          if (noAreaTree.length > 0) {
+            console.warn('这些区域找不到父级节点：', noAreaTree)
+          }
+
+          window._china_area_tree_ = areaTree.filter(
+            (a) => a.regionLevel === '1'
+          )
+          this.areaTree = window._china_area_tree_
+        })
+    },
+    updateArea() {
+      this.getAreaTree()
+    }
+  }
+}
+</script>

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>