n20-common-lib 1.3.46 → 1.3.49

package/src/components/ChildRange/style.scss

@@ -1,34 +1,34 @@
-.n20-subticket-interval {
-  background-color: $--color-white;
-  border: 1px solid $--border-color-base;
-  border-radius: $--border-radius-base;
-  // 取消element原有的input框样式
-  .el-input {
-    margin: -1px;
-  }
-  .el-input__inner,
-  .el-input__inner:hover {
-    border-color: transparent !important;
-    background-color: transparent !important;
-    box-shadow: none;
-  }
-  &:not([disabled]):hover {
-    border-color: $--color-primary;
-  }
-
-  &:focus,
-  &.is-focus {
-    border-color: $--color-primary;
-    box-shadow: 0 0 2px $--color-primary;
-  }
-  .center {
-    margin: -1px 2px;
-    color: $--color-text-placeholder;
-  }
-  &.is-disabled {
-    background-color: $--background-color-base;
-    border-color: $--border-color-light;
-    color: $--color-info-light;
-    cursor: not-allowed;
-  }
-}
+.n20-subticket-interval {
+  background-color: $--color-white;
+  border: 1px solid $--border-color-base;
+  border-radius: $--border-radius-base;
+  // 取消element原有的input框样式
+  .el-input {
+    margin: -1px;
+  }
+  .el-input__inner,
+  .el-input__inner:hover {
+    border-color: transparent !important;
+    background-color: transparent !important;
+    box-shadow: none;
+  }
+  &:not([disabled]):hover {
+    border-color: $--color-primary;
+  }
+
+  &:focus,
+  &.is-focus {
+    border-color: $--color-primary;
+    box-shadow: 0 0 2px $--color-primary;
+  }
+  .center {
+    margin: -1px 2px;
+    color: $--color-text-placeholder;
+  }
+  &.is-disabled {
+    background-color: $--background-color-base;
+    border-color: $--border-color-light;
+    color: $--color-info-light;
+    cursor: not-allowed;
+  }
+}

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,33 +1,33 @@
-<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"
-    @change="changeFn"
-  />
-</template>
-
-<script>
-export default {
-  name: 'DatePicker',
-  props: {
-    value: {
-      type: [String, Number, Date],
-      default: undefined
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  methods: {
-    changeFn(val) {
-      this.$emit('change', val)
-    }
-  }
-}
-</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"
+    @change="changeFn"
+  />
+</template>
+
+<script>
+export default {
+  name: 'DatePicker',
+  props: {
+    value: {
+      type: [String, Number, Date],
+      default: undefined
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    changeFn(val) {
+      this.$emit('change', val)
+    }
+  }
+}
+</script>

package/src/components/DatePicker/por.vue

@@ -1,171 +1,171 @@
-<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)
-          this.$emit('change', val)
-        } else {
-          this.$emit('input', val)
-          this.$emit('change', 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)
+          this.$emit('change', val)
+        } else {
+          this.$emit('input', val)
+          this.$emit('change', val)
+        }
+      }
+    }
+  }
+}
+</script>

package/src/components/Descriptions/index.vue

@@ -1,42 +1,42 @@
-<template>
-  <el-descriptions
-    class="n20-descriptions"
-    :column="column"
-    size="default"
-    border
-  >
-    <slot></slot>
-  </el-descriptions>
-</template>
-
-<script>
-export default {
-  name: 'Descriptions',
-  data() {
-    return {
-      column: 2
-    }
-  },
-  created() {
-    this.resize()
-    window.addEventListener('resize', this.resize)
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', this.resize)
-  },
-  methods: {
-    resize() {
-      let wW = document.documentElement.clientWidth
-      if (wW <= 1024) {
-        this.column = 1
-      } else if (wW > 1024 && wW <= 1600) {
-        this.column = 2
-      } else if (wW > 1600 && wW <= 1920) {
-        this.column = 3
-      } else if (wW > 1920) {
-        this.column = 4
-      }
-    }
-  }
-}
-</script>
+<template>
+  <el-descriptions
+    class="n20-descriptions"
+    :column="column"
+    size="default"
+    border
+  >
+    <slot></slot>
+  </el-descriptions>
+</template>
+
+<script>
+export default {
+  name: 'Descriptions',
+  data() {
+    return {
+      column: 2
+    }
+  },
+  created() {
+    this.resize()
+    window.addEventListener('resize', this.resize)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.resize)
+  },
+  methods: {
+    resize() {
+      let wW = document.documentElement.clientWidth
+      if (wW <= 1024) {
+        this.column = 1
+      } else if (wW > 1024 && wW <= 1600) {
+        this.column = 2
+      } else if (wW > 1600 && wW <= 1920) {
+        this.column = 3
+      } else if (wW > 1920) {
+        this.column = 4
+      }
+    }
+  }
+}
+</script>