n20-common-lib 1.2.43 → 1.3.0

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>

package/src/components/Dialog/indexO.vue

@@ -1,116 +1,116 @@
-<template>
-  <el-dialog
-    v-drag
-    :title="title"
-    :visible.sync="dialogVisible"
-    :width="width"
-    :modal="modal"
-    :top="top"
-    :fullscreen="fullscreen"
-    :modal-append-to-body="modalAppendToBody"
-    :append-to-body="appendToBody"
-    :lock-scroll="lockScroll"
-    :close-on-click-modal="closeOnClickModal"
-    :close-on-press-escape="closeOnPressEscape"
-    :before-close="beforeClose"
-    :custom-class="customClass"
-    :show-close="showClose"
-    :center="center"
-    :destroy-on-close="destroyOnClose"
-    @open="open"
-    @opened="opened"
-    @close="close"
-    @closed="closed"
-  >
-    <slot></slot>
-    <span slot="footer" class="dialog-footer">
-      <slot name="footerBtn"></slot>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  name: 'DialogO',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    width: {
-      type: String,
-      default: '30%'
-    },
-    top: {
-      type: String,
-      default: '15vh'
-    },
-    fullscreen: {
-      type: Boolean,
-      default: false
-    },
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    },
-    modalAppendToBody: {
-      type: Boolean,
-      default: true
-    },
-    lockScroll: {
-      type: Boolean,
-      default: true
-    },
-    modal: {
-      type: Boolean,
-      default: true
-    },
-    closeOnClickModal: {
-      type: Boolean,
-      default: false
-    },
-    beforeClose: {
-      type: Function,
-      default: () => {}
-    },
-    customClass: {
-      type: String,
-      default: ''
-    },
-    closeOnPressEscape: {
-      type: Boolean,
-      default: true
-    },
-    showClose: {
-      type: Boolean,
-      default: true
-    },
-    center: {
-      type: Boolean,
-      default: false
-    },
-    destroyOnClose: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    open() {
-      this.$emit('open')
-    },
-    opened() {
-      this.$emit('opened')
-    },
-    close() {
-      this.$emit('close')
-    },
-    closed() {
-      this.$emit('closed')
-    }
-  }
-}
-</script>
+<template>
+  <el-dialog
+    v-drag
+    :title="title"
+    :visible.sync="dialogVisible"
+    :width="width"
+    :modal="modal"
+    :top="top"
+    :fullscreen="fullscreen"
+    :modal-append-to-body="modalAppendToBody"
+    :append-to-body="appendToBody"
+    :lock-scroll="lockScroll"
+    :close-on-click-modal="closeOnClickModal"
+    :close-on-press-escape="closeOnPressEscape"
+    :before-close="beforeClose"
+    :custom-class="customClass"
+    :show-close="showClose"
+    :center="center"
+    :destroy-on-close="destroyOnClose"
+    @open="open"
+    @opened="opened"
+    @close="close"
+    @closed="closed"
+  >
+    <slot></slot>
+    <span slot="footer" class="dialog-footer">
+      <slot name="footerBtn"></slot>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'DialogO',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    width: {
+      type: String,
+      default: '30%'
+    },
+    top: {
+      type: String,
+      default: '15vh'
+    },
+    fullscreen: {
+      type: Boolean,
+      default: false
+    },
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    modalAppendToBody: {
+      type: Boolean,
+      default: true
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
+    },
+    modal: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: false
+    },
+    beforeClose: {
+      type: Function,
+      default: () => {}
+    },
+    customClass: {
+      type: String,
+      default: ''
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    center: {
+      type: Boolean,
+      default: false
+    },
+    destroyOnClose: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    open() {
+      this.$emit('open')
+    },
+    opened() {
+      this.$emit('opened')
+    },
+    close() {
+      this.$emit('close')
+    },
+    closed() {
+      this.$emit('closed')
+    }
+  }
+}
+</script>