n20-common-lib 1.3.5 → 1.3.8

package/src/components/PageHeader/index.vue

@@ -1,80 +1,80 @@
-<template>
-  <div class="page-header">
-    <div v-if="!disable" class="page-header__left" @click="$emit('back')">
-      <i :class="icon"></i>
-      <div class="page-header__title">
-        <slot name="title">{{ title }}</slot>
-      </div>
-    </div>
-    <div class="page-header__content">
-      <slot name="content">{{ content }}</slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'PageHeader',
-  props: {
-    title: {
-      type: String,
-      default() {
-        return '返回'
-      }
-    },
-    content: String,
-    disable: {
-      type:Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: 'n20-icon-yuefenqiehuan-zuoce'
-    }
-  }
-};
-</script>
-
-
-<style lang="scss" scoped>
-.page-header {
-  display: flex;
-  line-height: 20px;
-  padding-bottom: 2px;
-  border-bottom: 1px solid rgba(0,0,0,0.10);
-  .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;
-  }
-}
+<template>
+  <div class="page-header">
+    <div v-if="!disable" class="page-header__left" @click="$emit('back')">
+      <i :class="icon"></i>
+      <div class="page-header__title">
+        <slot name="title">{{ title }}</slot>
+      </div>
+    </div>
+    <div class="page-header__content">
+      <slot name="content">{{ content }}</slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PageHeader',
+  props: {
+    title: {
+      type: String,
+      default() {
+        return '返回'
+      }
+    },
+    content: String,
+    disable: {
+      type:Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: 'n20-icon-yuefenqiehuan-zuoce'
+    }
+  }
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page-header {
+  display: flex;
+  line-height: 20px;
+  padding-bottom: 2px;
+  border-bottom: 1px solid rgba(0,0,0,0.10);
+  .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;
+  }
+}
 </style>

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: 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/PlainText/PlainTextItem.vue

@@ -1,17 +1,17 @@
-<template>
-  <div class="plain-text-item">
-    <div class="plain-text-item-label">{{label}}</div>
-    <div class="plain-text-item-content">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "PlainTextItem",
-  props: {
-    label:String,
-  }
-}
+<template>
+  <div class="plain-text-item">
+    <div class="plain-text-item-label">{{label}}</div>
+    <div class="plain-text-item-content">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "PlainTextItem",
+  props: {
+    label:String,
+  }
+}
 </script>

package/src/components/PlainText/index.vue

@@ -1,12 +1,12 @@
-<template>
-  <div class="plain-text">
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name:'PlainText',
-}
+<template>
+  <div class="plain-text">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name:'PlainText',
+}
 </script>