n20-common-lib 1.3.5 → 1.3.8

package/src/components/Filters/indexO.vue

@@ -1,104 +1,104 @@
-<template>
-  <el-popover
-    :width="width"
-    placement="bottom-end"
-    title="筛选"
-    v-model="showPop"
-    @after-leave="
-      showMore = false
-    "
-    trigger="manual"
-  >
-    <span slot="reference">
-      <el-button  @click="clickBtn" icon="n20-icon-iconfontshaixuan" plain onlyicon size="mini"
-    /></span>
-
-    <div class="n20-filter p-a-s" v-click-outside="clickOut">
-      <slot></slot>
-      <el-button
-        v-if="$slots.more"
-        class="p-t-0 m-b-s"
-        type="text"
-        @click="showMore = !showMore"
-        ><span>{{ showMore ? '收起' : '更多' }}条件</span
-        ><i :class="showMore ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i
-      ></el-button>
-      <el-collapse-transition v-if="$slots.more">
-        <div v-show="showMore">
-          <slot name="more"></slot>
-        </div>
-      </el-collapse-transition>
-    </div>
-    <div class="text-c m-t m-b">
-      <slot name="actions">
-        <el-button
-          size="mini"
-          type="primary"
-          style="width: 76px"
-          @click="filter"
-        >
-          {{ filterText }}
-        </el-button>
-        <el-button size="mini" plain style="width: 76px" @click="clear">
-          {{ clearText }}
-        </el-button>
-      </slot>
-    </div>
-  </el-popover>
-</template>
-
-<script>
-export default {
-  name: 'FiltersO',
-  props: {
-    clearText: {
-      type: String,
-      default: '清空'
-    },
-    filterText: {
-      type: String,
-      default: '筛选'
-    },
-    width: {
-      type: Number,
-      default: 310
-    }
-  },
-  data() {
-    return {
-      showMore: false,
-      showPop:false
-    }
-  },
-  mounted() {},
-  methods: {
-    clear() {
-      this.$emit('clear')
-    },
-    filter() {
-      this.showPop = false
-      this.$emit('filter')
-    },
-    clickBtn() {
-      if (!this.showPop) {
-        setTimeout(() => {
-          this.showPop = true
-        }, 60)
-      }
-    },
-    clickOut() {
-      let elPoppers = []
-      document
-          .querySelectorAll('.el-popper,.el-dialog__wrapper')
-          .forEach((e) => {
-            e.style.display !== 'none' && elPoppers.push(e)
-          })
-
-      if (elPoppers.length <= 1) {
-        this.showPop = false
-      }
-    }
-  }
-}
-</script>
-
+<template>
+  <el-popover
+    :width="width"
+    placement="bottom-end"
+    title="筛选"
+    v-model="showPop"
+    @after-leave="
+      showMore = false
+    "
+    trigger="manual"
+  >
+    <span slot="reference">
+      <el-button  @click="clickBtn" icon="n20-icon-iconfontshaixuan" plain onlyicon size="mini"
+    /></span>
+
+    <div class="n20-filter p-a-s" v-click-outside="clickOut">
+      <slot></slot>
+      <el-button
+        v-if="$slots.more"
+        class="p-t-0 m-b-s"
+        type="text"
+        @click="showMore = !showMore"
+        ><span>{{ showMore ? '收起' : '更多' }}条件</span
+        ><i :class="showMore ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i
+      ></el-button>
+      <el-collapse-transition v-if="$slots.more">
+        <div v-show="showMore">
+          <slot name="more"></slot>
+        </div>
+      </el-collapse-transition>
+    </div>
+    <div class="text-c m-t m-b">
+      <slot name="actions">
+        <el-button
+          size="mini"
+          type="primary"
+          style="width: 76px"
+          @click="filter"
+        >
+          {{ filterText }}
+        </el-button>
+        <el-button size="mini" plain style="width: 76px" @click="clear">
+          {{ clearText }}
+        </el-button>
+      </slot>
+    </div>
+  </el-popover>
+</template>
+
+<script>
+export default {
+  name: 'FiltersO',
+  props: {
+    clearText: {
+      type: String,
+      default: '清空'
+    },
+    filterText: {
+      type: String,
+      default: '筛选'
+    },
+    width: {
+      type: Number,
+      default: 310
+    }
+  },
+  data() {
+    return {
+      showMore: false,
+      showPop:false
+    }
+  },
+  mounted() {},
+  methods: {
+    clear() {
+      this.$emit('clear')
+    },
+    filter() {
+      this.showPop = false
+      this.$emit('filter')
+    },
+    clickBtn() {
+      if (!this.showPop) {
+        setTimeout(() => {
+          this.showPop = true
+        }, 60)
+      }
+    },
+    clickOut() {
+      let elPoppers = []
+      document
+          .querySelectorAll('.el-popper,.el-dialog__wrapper')
+          .forEach((e) => {
+            e.style.display !== 'none' && elPoppers.push(e)
+          })
+
+      if (elPoppers.length <= 1) {
+        this.showPop = false
+      }
+    }
+  }
+}
+</script>
+

package/src/components/FlowStep/index.vue

@@ -1,69 +1,69 @@
-<template>
-   <div class="n20-steps-area">
-    <div class="n20-steps">
-     <div
-        :class="['n20-steps-item',
-      { 'finished': current > n,
-       'process': current === n && n !== totalSteps,
-       'last-process': current === totalSteps && n === totalSteps,
-       'middle-wait': current < n && n !== totalSteps,
-       'last-wait': current < n && n === totalSteps,
-      }
-     ]"
-        v-for="n in totalSteps"
-        :key="n"
-        @click="onChange(n)">
-      <div class="n20-steps-icon">
-       <span :class="['n20-u-icon',{'n20-icon-danxuankuang-yixuanzhong': current === n && n !== totalSteps||  current === totalSteps && n === totalSteps},]" v-if="current<=n"></span>
-       <span class="n20-u-icon n20-icon-fankui-chenggongkongxin" v-else></span>
-      </div>
-      <div class="n20-steps-content">
-       <div class="n20-steps-title">{{ stepsLabel[n-1] || 'S ' + n }}</div>
-       <div class="n20-steps-description">{{ stepsDesc[n-1] || 'Desc ' + n }}</div>
-      </div>
-     </div>
-    </div>
-   </div>
-</template>
-<script>
-export default {
-  name: 'FlowStep',
-  props: {
-    stepsLabel: { // 步骤title数组
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    stepsDesc: { // 步骤description数组
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    totalSteps: { // 总的步骤数
-      type: Number,
-      default: 3
-    },
-    currentStep: { // 当前选中的步骤
-      type: Number,
-      default: 1
-    }
-  },
-  data () {
-    return {
-      // 若当前选中步骤超过总步骤数，则默认选择步骤1
-      current: this.currentStep > this.totalSteps ? 1 : this.currentStep
-    }
-  },
-  methods: {
-    onChange (index) { // 点击切换选择步骤
-      console.log('index:', index)
-      if (this.current !== index) {
-        this.current = index
-        this.$emit('change', index)
-      }
-    }
-  }
-}
+<template>
+   <div class="n20-steps-area">
+    <div class="n20-steps">
+     <div
+        :class="['n20-steps-item',
+      { 'finished': current > n,
+       'process': current === n && n !== totalSteps,
+       'last-process': current === totalSteps && n === totalSteps,
+       'middle-wait': current < n && n !== totalSteps,
+       'last-wait': current < n && n === totalSteps,
+      }
+     ]"
+        v-for="n in totalSteps"
+        :key="n"
+        @click="onChange(n)">
+      <div class="n20-steps-icon">
+       <span :class="['n20-u-icon',{'n20-icon-danxuankuang-yixuanzhong': current === n && n !== totalSteps||  current === totalSteps && n === totalSteps},]" v-if="current<=n"></span>
+       <span class="n20-u-icon n20-icon-fankui-chenggongkongxin" v-else></span>
+      </div>
+      <div class="n20-steps-content">
+       <div class="n20-steps-title">{{ stepsLabel[n-1] || 'S ' + n }}</div>
+       <div class="n20-steps-description">{{ stepsDesc[n-1] || 'Desc ' + n }}</div>
+      </div>
+     </div>
+    </div>
+   </div>
+</template>
+<script>
+export default {
+  name: 'FlowStep',
+  props: {
+    stepsLabel: { // 步骤title数组
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    stepsDesc: { // 步骤description数组
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    totalSteps: { // 总的步骤数
+      type: Number,
+      default: 3
+    },
+    currentStep: { // 当前选中的步骤
+      type: Number,
+      default: 1
+    }
+  },
+  data () {
+    return {
+      // 若当前选中步骤超过总步骤数，则默认选择步骤1
+      current: this.currentStep > this.totalSteps ? 1 : this.currentStep
+    }
+  },
+  methods: {
+    onChange (index) { // 点击切换选择步骤
+      console.log('index:', index)
+      if (this.current !== index) {
+        this.current = index
+        this.$emit('change', index)
+      }
+    }
+  }
+}
 </script>

package/src/components/FooterBox/index.vue

@@ -1,21 +1,21 @@
-<template>
-  <div class="n20-footer-box">
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'FooterBox',
-  mounted() {
-    if (this.$el.parentNode) {
-      this.$el.parentNode.classList.add('n20-footer-parent')
-    }
-  },
-  beforeDestroy() {
-    if (this.$el.parentNode) {
-      this.$el.parentNode.classList.remove('n20-footer-parent')
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-footer-box">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FooterBox',
+  mounted() {
+    if (this.$el.parentNode) {
+      this.$el.parentNode.classList.add('n20-footer-parent')
+    }
+  },
+  beforeDestroy() {
+    if (this.$el.parentNode) {
+      this.$el.parentNode.classList.remove('n20-footer-parent')
+    }
+  }
+}
+</script>

package/src/components/GeneralCard/index.vue

@@ -1,15 +1,15 @@
-<template>
-  <div class="general-card">
-    <div class="card-top">
-      <slot name="title"></slot>
-      <slot name="day"></slot>
-    </div>
-    <slot name="content"></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'GeneralCard'
-}
-</script>
+<template>
+  <div class="general-card">
+    <div class="card-top">
+      <slot name="title"></slot>
+      <slot name="day"></slot>
+    </div>
+    <slot name="content"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'GeneralCard'
+}
+</script>