n20-common-lib 1.2.39 → 1.2.42

package/src/components/Empty/index.vue

@@ -1,92 +1,92 @@
-<template>
-  <div class="n20-empty">
-    <img
-      :src="src || imgSrc"
-      :style="{ height: `${height}px`, width: `${width}px` }"
-    />
-    <slot name="content"></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Empty',
-  props: {
-    type: {
-      type: String,
-      default: 'empty'
-    },
-    src: {
-      type: String,
-      default: ''
-    },
-    height: {
-      type: Number,
-      default: 351
-    },
-    width: {
-      type: Number,
-      default: 351
-    }
-  },
-  data() {
-    return {
-      imgSrc: undefined
-    }
-  },
-  watch: {
-    type: {
-      handler(vn) {
-        switch (vn) {
-          case 'empty':
-            import('./img/empty.svg').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case 'abnormal':
-            import('./img/abnormal.svg').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case 'relevant':
-            import('./img/relevant.svg').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case 'dispose':
-            import('./img/dispose.svg').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case 'general':
-            import('./img/general.svg').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case 'network':
-            import('./img/network.svg').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case 'search':
-            import('./img/search.svg').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case 'lock':
-            import('./img/lock.svg').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case '404':
-            import('./img/404.png').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-        }
-      },
-      immediate: true
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-empty">
+    <img
+      :src="src || imgSrc"
+      :style="{ height: `${height}px`, width: `${width}px` }"
+    />
+    <slot name="content"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Empty',
+  props: {
+    type: {
+      type: String,
+      default: 'empty'
+    },
+    src: {
+      type: String,
+      default: ''
+    },
+    height: {
+      type: Number,
+      default: 351
+    },
+    width: {
+      type: Number,
+      default: 351
+    }
+  },
+  data() {
+    return {
+      imgSrc: undefined
+    }
+  },
+  watch: {
+    type: {
+      handler(vn) {
+        switch (vn) {
+          case 'empty':
+            import('./img/empty.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'abnormal':
+            import('./img/abnormal.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'relevant':
+            import('./img/relevant.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'dispose':
+            import('./img/dispose.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'general':
+            import('./img/general.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'network':
+            import('./img/network.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'search':
+            import('./img/search.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'lock':
+            import('./img/lock.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case '404':
+            import('./img/404.png').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+        }
+      },
+      immediate: true
+    }
+  }
+}
+</script>

package/src/components/Expandable/index.vue

@@ -1,49 +1,49 @@
-<template>
-  <div class="n20-form-expandable">
-    <div class="n20-title flex-box flex-lr flex-v">
-      <slot name="title">
-        <span>{{ title }}</span>
-      </slot>
-      <div>
-        <slot name="tips"></slot>
-        <span v-if="showExpand" class="n20-tips" @click="expand = !expand">
-          <span>{{ expand ? '收起' : '展开' }}</span
-          ><i
-            class="el-icon-arrow-right m-l-ss"
-            :class="{ expand: expand }"
-          ></i>
-        </span>
-      </div>
-    </div>
-    <el-collapse-transition v-if="showExpand">
-      <div v-show="expand">
-        <slot></slot>
-      </div>
-    </el-collapse-transition>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Expandable',
-  props: {
-    defaultExpand: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: undefined
-    },
-    showExpand: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      expand: this.defaultExpand
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-form-expandable">
+    <div class="n20-title flex-box flex-lr flex-v">
+      <slot name="title">
+        <span>{{ title }}</span>
+      </slot>
+      <div>
+        <slot name="tips"></slot>
+        <span v-if="showExpand" class="n20-tips" @click="expand = !expand">
+          <span>{{ expand ? '收起' : '展开' }}</span
+          ><i
+            class="el-icon-arrow-right m-l-ss"
+            :class="{ expand: expand }"
+          ></i>
+        </span>
+      </div>
+    </div>
+    <el-collapse-transition v-if="showExpand">
+      <div v-show="expand">
+        <slot></slot>
+      </div>
+    </el-collapse-transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Expandable',
+  props: {
+    defaultExpand: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: undefined
+    },
+    showExpand: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      expand: this.defaultExpand
+    }
+  }
+}
+</script>

package/src/components/Expandable/main.vue

@@ -1,52 +1,52 @@
-<template>
-  <div class="n20-form-expandable-pane">
-    <div class="n20-title flex-box flex-lr flex-v">
-      <span class="n20-tips" @click="getExpand">
-        <i class="el-icon-caret-right m-r-b" :class="{ expand: expand }"></i>
-        <slot name="title">
-          <span>{{ title }}</span>
-        </slot>
-      </span>
-      <div>
-        <slot name="tips"></slot>
-      </div>
-    </div>
-    <el-collapse-transition>
-      <div v-show="expand">
-        <slot></slot>
-      </div>
-    </el-collapse-transition>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'ExpandablePane',
-  props: {
-    defaultExpand: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      expand: true
-    }
-  },
-  watch: {
-    defaultExpand(val) {
-      this.expand = val
-    }
-  },
-  methods: {
-    getExpand() {
-      this.expand = !this.expand
-      this.$emit('update:defaultExpand', this.expand)
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-form-expandable-pane">
+    <div class="n20-title flex-box flex-lr flex-v">
+      <span class="n20-tips" @click="getExpand">
+        <i class="el-icon-caret-right m-r-b" :class="{ expand: expand }"></i>
+        <slot name="title">
+          <span>{{ title }}</span>
+        </slot>
+      </span>
+      <div>
+        <slot name="tips"></slot>
+      </div>
+    </div>
+    <el-collapse-transition>
+      <div v-show="expand">
+        <slot></slot>
+      </div>
+    </el-collapse-transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ExpandablePane',
+  props: {
+    defaultExpand: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      expand: true
+    }
+  },
+  watch: {
+    defaultExpand(val) {
+      this.expand = val
+    }
+  },
+  methods: {
+    getExpand() {
+      this.expand = !this.expand
+      this.$emit('update:defaultExpand', this.expand)
+    }
+  }
+}
+</script>