n20-common-lib 1.3.46 → 1.3.49

package/src/components/PageHeader/style.scss

@@ -1,45 +1,45 @@
-.n20-page-header {
-  display: flex;
-  line-height: 20px;
-  padding-bottom: 2px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
-  .page-header__left {
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    margin-right: 16px;
-    position: relative;
-  }
-
-  .page-header__left:hover {
-    color: var(--color-primary);
-
-    .page-header__title {
-      color: var(--color-primary);
-    }
-  }
-
-  .page-header__left:after {
-    content: '';
-    position: absolute;
-    width: 1px;
-    height: 16px;
-    right: -8px;
-    top: 50%;
-    transform: translateY(-50%);
-    background-color: #dcdfe6;
-  }
-
-  .page-header__title {
-    font-size: 14px;
-    line-height: 20px;
-    color: #3d4a57;
-  }
-
-  .page-header__content {
-    font-size: 14px;
-    line-height: 20px;
-    color: #3d4a57;
-  }
+.n20-page-header {
+  display: flex;
+  line-height: 20px;
+  padding-bottom: 2px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  .page-header__left {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    margin-right: 16px;
+    position: relative;
+  }
+
+  .page-header__left:hover {
+    color: var(--color-primary);
+
+    .page-header__title {
+      color: var(--color-primary);
+    }
+  }
+
+  .page-header__left:after {
+    content: '';
+    position: absolute;
+    width: 1px;
+    height: 16px;
+    right: -8px;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: #dcdfe6;
+  }
+
+  .page-header__title {
+    font-size: 14px;
+    line-height: 20px;
+    color: #3d4a57;
+  }
+
+  .page-header__content {
+    font-size: 14px;
+    line-height: 20px;
+    color: #3d4a57;
+  }
 }

package/src/components/PageLayout/page.vue

@@ -1,15 +1,15 @@
-<template>
-  <div class="flex-column">
-    <slot name="header"></slot>
-    <div class="n20-page-content flex-item">
-      <slot></slot>
-    </div>
-    <slot name="footer"></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Page'
-}
-</script>
+<template>
+  <div class="flex-column">
+    <slot name="header"></slot>
+    <div class="n20-page-content flex-item">
+      <slot></slot>
+    </div>
+    <slot name="footer"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Page'
+}
+</script>

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: 16px"
-      />
-      <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: 16px"
+      />
+      <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) || 1
+    },
+    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,57 +1,57 @@
-<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>