n20-common-lib 1.3.33 → 1.3.34

package/src/components/Search/style.scss

@@ -1,93 +1,93 @@
-.n20-search__popper.el-popper[x-placement^='bottom'] {
-  padding: 16px;
-}
-
-.n20-filter-custom-box {
-  display: inline-block;
-  // .interval-input-custom {
-  // }
-  .filter-btn {
-    height: 34px !important;
-    width: 90px !important;
-  }
-  .filter-opt {
-    display: inline-block;
-    cursor: pointer;
-    &-temp {
-      border: 1px solid #dddddd;
-      // width: 26px;
-      // height: 26px;
-      padding: 5px;
-      border-radius: 4px;
-      display: flex;
-      align-items: center;
-      overflow: hidden;
-      .is-svg-default {
-        display: block;
-      }
-      .is-svg-hover {
-        display: none;
-      }
-    }
-
-    &-temp:hover {
-      border: 1px solid #007aff;
-      .is-svg-default {
-        display: none;
-      }
-      .is-svg-hover {
-        display: block;
-      }
-    }
-  }
-
-  &-main {
-    display: flex;
-    flex-direction: column;
-    min-width: 360px;
-    &-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding-right: 16px;
-      .filter-text {
-        color: #262d34;
-        font-size: 16px;
-      }
-      .filter-close-img {
-        cursor: pointer;
-      }
-      img {
-        width: 16px;
-        height: 16px;
-      }
-    }
-    &-condition {
-      flex: 1;
-      //border: 1px solid #000;
-      overflow-y: auto;
-      margin-top: 11px;
-      max-height: 300px !important;
-      padding-top: 3px;
-      // 13 剧中
-      width: calc(100%);
-      .el-form-item {
-        margin-bottom: 16px;
-      }
-    }
-    &-more {
-      margin: 10px 0 6px 0;
-      font-size: 14px;
-      span {
-        color: #007aff;
-        cursor: pointer;
-      }
-    }
-    &-footer {
-      text-align: center;
-    }
-  }
-  .el-input__inner {
-    width: 224px;
-  }
-}
+.n20-search__popper.el-popper[x-placement^='bottom'] {
+  padding: 16px;
+}
+
+.n20-filter-custom-box {
+  display: inline-block;
+  // .interval-input-custom {
+  // }
+  .filter-btn {
+    height: 34px !important;
+    width: 90px !important;
+  }
+  .filter-opt {
+    display: inline-block;
+    cursor: pointer;
+    &-temp {
+      border: 1px solid #dddddd;
+      // width: 26px;
+      // height: 26px;
+      padding: 5px;
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      overflow: hidden;
+      .is-svg-default {
+        display: block;
+      }
+      .is-svg-hover {
+        display: none;
+      }
+    }
+
+    &-temp:hover {
+      border: 1px solid #007aff;
+      .is-svg-default {
+        display: none;
+      }
+      .is-svg-hover {
+        display: block;
+      }
+    }
+  }
+
+  &-main {
+    display: flex;
+    flex-direction: column;
+    min-width: 360px;
+    &-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-right: 16px;
+      .filter-text {
+        color: #262d34;
+        font-size: 16px;
+      }
+      .filter-close-img {
+        cursor: pointer;
+      }
+      img {
+        width: 16px;
+        height: 16px;
+      }
+    }
+    &-condition {
+      flex: 1;
+      //border: 1px solid #000;
+      overflow-y: auto;
+      margin-top: 11px;
+      max-height: 300px !important;
+      padding-top: 3px;
+      // 13 剧中
+      width: calc(100%);
+      .el-form-item {
+        margin-bottom: 16px;
+      }
+    }
+    &-more {
+      margin: 10px 0 6px 0;
+      font-size: 14px;
+      span {
+        color: #007aff;
+        cursor: pointer;
+      }
+    }
+    &-footer {
+      text-align: center;
+    }
+  }
+  .el-input__inner {
+    width: 224px;
+  }
+}

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>