n20-common-lib 1.2.41 → 1.2.42

package/src/components/Pagination/index.vue

@@ -1,165 +1,165 @@
-<template>
-  <div class="n20-pagination-1">
-    <el-pagination
-      layout="prev,next,slot"
-      :current-page.sync="pageObj[pageKey.no]"
-      :page-size="pageObj[pageKey.size]"
-      :total="pageObj[pageKey.total]"
-      :size="size"
-      @current-change="setnoOrsize"
-    />
-    <span class="m-r-ss"
-      ><span class="color-primary">{{ pageObj[pageKey.no] }}</span
-      >/{{ max }}</span
-    >
-    <span>到第</span>
-    <el-input-number
-      v-model="toNo"
-      class="n20-pagination-jumper-1 m-r-ss"
-      :min="1"
-      :max="max"
-      :step="1"
-      :step-strictly="true"
-      :controls="false"
-      :size="size"
-      @change="setnoOrsize"
-    />
-    <span class="m-r-s">页</span>
-    <el-popover v-model="settingV" placement="top" trigger="click">
-      <el-link
-        slot="reference"
-        icon="n20-icon-shezhi"
-        :underline="false"
-        style="font-size: 18px"
-      />
-      <div>
-        <span>每页显示</span>
-        <el-radio-group
-          v-model="pageObj[pageKey.size]"
-          class="n20-pagination-sizes-1 m-l-s"
-          size="mini"
-          @change="
-            () => {
-              setnoOrsize()
-              settingV = false
-            }
-          "
-        >
-          <el-radio-button
-            v-for="item in pageSizes"
-            :key="item"
-            class="m-r-s"
-            :label="item"
-          />
-        </el-radio-group>
-        <el-input-number
-          v-model="userSize"
-          class="n20-pagination-usersizes-1"
-          :class="{
-            'is-active': !pageSizes.includes(pageObj[pageKey.size])
-          }"
-          :min="1"
-          :max="sizeMax"
-          :step="1"
-          :step-strictly="true"
-          :controls="false"
-          size="mini"
-          placeholder="自定义"
-          @change="
-            () => {
-              setnoOrsize()
-              settingV = false
-            }
-          "
-        />
-      </div>
-    </el-popover>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Pagination',
-  props: {
-    size: {
-      type: String,
-      default: 'mini'
-    },
-    pageObj: {
-      type: Object,
-      default: () => ({
-        no: 1,
-        size: 20,
-        total: 0
-      })
-    },
-    pageKey: {
-      type: Object,
-      default: () => ({
-        no: 'no',
-        size: 'size',
-        total: 'total'
-      })
-    },
-    pageSizes: {
-      type: Array,
-      default: () => [20, 50, 100]
-    },
-    sizeMax: {
-      type: Number,
-      default: 1000
-    }
-  },
-  data() {
-    return {
-      settingV: false,
-      noOrsize: ''
-    }
-  },
-  computed: {
-    max() {
-      let total = this.pageObj[this.pageKey.total]
-      let size = this.pageObj[this.pageKey.size]
-
-      return Math.ceil(total / size)
-    },
-    toNo: {
-      get() {
-        return this.pageObj[this.pageKey.no]
-      },
-      set(val) {
-        if (val) {
-          this.pageObj[this.pageKey.no] = val
-        } else {
-          this.pageObj[this.pageKey.no] = 1
-        }
-      }
-    },
-    userSize: {
-      get() {
-        return this.pageObj[this.pageKey.size]
-      },
-      set(val) {
-        if (val) {
-          this.pageObj[this.pageKey.size] = val
-        } else {
-          this.pageObj[this.pageKey.size] = this.pageSizes[0]
-        }
-        this.pageObj[this.pageKey.no] = 1
-      }
-    }
-  },
-  watch: {
-    noOrsize() {
-      this.$emit('change', this.pageObj)
-    }
-  },
-  methods: {
-    setnoOrsize() {
-      let no = this.pageObj[this.pageKey.no]
-      let size = this.pageObj[this.pageKey.size]
-      this.noOrsize = no + ',' + size
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-pagination-1">
+    <el-pagination
+      layout="prev,next,slot"
+      :current-page.sync="pageObj[pageKey.no]"
+      :page-size="pageObj[pageKey.size]"
+      :total="pageObj[pageKey.total]"
+      :size="size"
+      @current-change="setnoOrsize"
+    />
+    <span class="m-r-ss"
+      ><span class="color-primary">{{ pageObj[pageKey.no] }}</span
+      >/{{ max }}</span
+    >
+    <span>到第</span>
+    <el-input-number
+      v-model="toNo"
+      class="n20-pagination-jumper-1 m-r-ss"
+      :min="1"
+      :max="max"
+      :step="1"
+      :step-strictly="true"
+      :controls="false"
+      :size="size"
+      @change="setnoOrsize"
+    />
+    <span class="m-r-s">页</span>
+    <el-popover v-model="settingV" placement="top" trigger="click">
+      <el-link
+        slot="reference"
+        icon="n20-icon-shezhi"
+        :underline="false"
+        style="font-size: 18px"
+      />
+      <div>
+        <span>每页显示</span>
+        <el-radio-group
+          v-model="pageObj[pageKey.size]"
+          class="n20-pagination-sizes-1 m-l-s"
+          size="mini"
+          @change="
+            () => {
+              setnoOrsize()
+              settingV = false
+            }
+          "
+        >
+          <el-radio-button
+            v-for="item in pageSizes"
+            :key="item"
+            class="m-r-s"
+            :label="item"
+          />
+        </el-radio-group>
+        <el-input-number
+          v-model="userSize"
+          class="n20-pagination-usersizes-1"
+          :class="{
+            'is-active': !pageSizes.includes(pageObj[pageKey.size])
+          }"
+          :min="1"
+          :max="sizeMax"
+          :step="1"
+          :step-strictly="true"
+          :controls="false"
+          size="mini"
+          placeholder="自定义"
+          @change="
+            () => {
+              setnoOrsize()
+              settingV = false
+            }
+          "
+        />
+      </div>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Pagination',
+  props: {
+    size: {
+      type: String,
+      default: 'mini'
+    },
+    pageObj: {
+      type: Object,
+      default: () => ({
+        no: 1,
+        size: 20,
+        total: 0
+      })
+    },
+    pageKey: {
+      type: Object,
+      default: () => ({
+        no: 'no',
+        size: 'size',
+        total: 'total'
+      })
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [20, 50, 100]
+    },
+    sizeMax: {
+      type: Number,
+      default: 1000
+    }
+  },
+  data() {
+    return {
+      settingV: false,
+      noOrsize: ''
+    }
+  },
+  computed: {
+    max() {
+      let total = this.pageObj[this.pageKey.total]
+      let size = this.pageObj[this.pageKey.size]
+
+      return Math.ceil(total / size)
+    },
+    toNo: {
+      get() {
+        return this.pageObj[this.pageKey.no]
+      },
+      set(val) {
+        if (val) {
+          this.pageObj[this.pageKey.no] = val
+        } else {
+          this.pageObj[this.pageKey.no] = 1
+        }
+      }
+    },
+    userSize: {
+      get() {
+        return this.pageObj[this.pageKey.size]
+      },
+      set(val) {
+        if (val) {
+          this.pageObj[this.pageKey.size] = val
+        } else {
+          this.pageObj[this.pageKey.size] = this.pageSizes[0]
+        }
+        this.pageObj[this.pageKey.no] = 1
+      }
+    }
+  },
+  watch: {
+    noOrsize() {
+      this.$emit('change', this.pageObj)
+    }
+  },
+  methods: {
+    setnoOrsize() {
+      let no = this.pageObj[this.pageKey.no]
+      let size = this.pageObj[this.pageKey.size]
+      this.noOrsize = no + ',' + size
+    }
+  }
+}
+</script>

package/src/components/SecondaryTab/index.vue

@@ -1,58 +1,58 @@
-
-<template>
-  <el-tabs
-    :value="init"
-    class="n20-secondary-tab m-b"
-    :before-leave="beforeFn"
-    @tab-click="clickFn"
-  >
-    <el-tab-pane
-      v-for="item of data"
-      :key="item.name"
-      :tab-info="item"
-      :name="item.name"
-      :icon="item.icon"
-      :disabled="item.disabled"
-    >
-      <template slot="label">
-        <span v-if="item.icon" :class="item.icon"></span>
-        <sup v-if="item.badge" class="el-tabs__item-badge"></sup>
-        {{ item.name }}
-      </template>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<script>
-export default {
-  name: 'SecondaryTab',
-  props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    init: {
-      type: String,
-      default: ''
-    },
-    stop: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    clickFn(C) {
-      let item = C.$attrs['tab-info']
-      if (this.$listeners['update:init']) {
-        !item.disabled && this.$emit('update:init', item.name)
-      }
-      if (this.$listeners['click']) {
-        this.$emit('click', item)
-      }
-    },
-    beforeFn(name) {
-      return !this.stop
-    }
-  }
-}
-</script>
+
+<template>
+  <el-tabs
+    :value="init"
+    class="n20-secondary-tab m-b"
+    :before-leave="beforeFn"
+    @tab-click="clickFn"
+  >
+    <el-tab-pane
+      v-for="item of data"
+      :key="item.name"
+      :tab-info="item"
+      :name="item.name"
+      :icon="item.icon"
+      :disabled="item.disabled"
+    >
+      <template slot="label">
+        <span v-if="item.icon" :class="item.icon"></span>
+        <sup v-if="item.badge" class="el-tabs__item-badge"></sup>
+        {{ item.name }}
+      </template>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+export default {
+  name: 'SecondaryTab',
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    init: {
+      type: String,
+      default: ''
+    },
+    stop: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    clickFn(C) {
+      let item = C.$attrs['tab-info']
+      if (this.$listeners['update:init']) {
+        !item.disabled && this.$emit('update:init', item.name)
+      }
+      if (this.$listeners['click']) {
+        this.$emit('click', item)
+      }
+    },
+    beforeFn(name) {
+      return !this.stop
+    }
+  }
+}
+</script>

package/src/components/SelectLazy/index.vue

@@ -1,75 +1,75 @@
-<template>
-  <el-select
-    v-select-lazy="lazyGet"
-    :value="value"
-    v-bind="attrs"
-    v-on="listeners"
-  >
-    <slot></slot>
-  </el-select>
-</template>
-
-<script>
-export default {
-  name: 'SelectLazy',
-  directives: {
-    'select-lazy': {
-      bind(el, binding) {
-        let maxMoveY = 0
-        el.querySelector('.el-select-dropdown__wrap').addEventListener(
-          'scroll',
-          function () {
-            if (this.scrollTop <= 20) {
-              maxMoveY = 0
-            }
-            if (
-              this.scrollTop > maxMoveY + 60 &&
-              this.scrollTop + this.clientHeight > this.scrollHeight - 60
-            ) {
-              maxMoveY = this.scrollTop
-              binding.value()
-            }
-          }
-        )
-      }
-    }
-  },
-  props: {
-    value: {
-      type: [String, Number, Array, Object],
-      default: undefined
-    },
-    filterMethod: {
-      type: Function,
-      default: undefined
-    }
-  },
-  data() {
-    this.attrs = Object.assign(
-      { filterable: true, clearable: true, filterMethod: this.filterMethod },
-      this.$attrs
-    )
-
-    this.listeners = Object.assign(
-      { clear: this.filterMethod },
-      this.$listeners,
-      {
-        change: this.change
-      }
-    )
-
-    return {}
-  },
-  methods: {
-    change(val) {
-      this.$emit('input', val)
-    },
-    lazyGet() {
-      this.$emit('scroll-bottom')
-    }
-  }
-}
-</script>
-
-<style>
-</style>
+<template>
+  <el-select
+    v-select-lazy="lazyGet"
+    :value="value"
+    v-bind="attrs"
+    v-on="listeners"
+  >
+    <slot></slot>
+  </el-select>
+</template>
+
+<script>
+export default {
+  name: 'SelectLazy',
+  directives: {
+    'select-lazy': {
+      bind(el, binding) {
+        let maxMoveY = 0
+        el.querySelector('.el-select-dropdown__wrap').addEventListener(
+          'scroll',
+          function () {
+            if (this.scrollTop <= 20) {
+              maxMoveY = 0
+            }
+            if (
+              this.scrollTop > maxMoveY + 60 &&
+              this.scrollTop + this.clientHeight > this.scrollHeight - 60
+            ) {
+              maxMoveY = this.scrollTop
+              binding.value()
+            }
+          }
+        )
+      }
+    }
+  },
+  props: {
+    value: {
+      type: [String, Number, Array, Object],
+      default: undefined
+    },
+    filterMethod: {
+      type: Function,
+      default: undefined
+    }
+  },
+  data() {
+    this.attrs = Object.assign(
+      { filterable: true, clearable: true, filterMethod: this.filterMethod },
+      this.$attrs
+    )
+
+    this.listeners = Object.assign(
+      { clear: this.filterMethod },
+      this.$listeners,
+      {
+        change: this.change
+      }
+    )
+
+    return {}
+  },
+  methods: {
+    change(val) {
+      this.$emit('input', val)
+    },
+    lazyGet() {
+      this.$emit('scroll-bottom')
+    }
+  }
+}
+</script>
+
+<style>
+</style>