n20-common-lib 1.2.6 → 1.2.9

package/src/components/Dialog/index.vue

@@ -1,26 +1,26 @@
-<script>
-import { Dialog as elDialog } from 'element-ui'
-export default {
-  name: 'Dialog',
-  extends: elDialog,
-  props: {
-    destroyOnOpen: {
-      type: Boolean,
-      default: false
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    }
-  },
-  watch: {
-    visible(val) {
-      if (val) {
-        if (this.destroyOnOpen) {
-          this.key++
-        }
-      }
-    }
-  }
-}
-</script>
+<script>
+import { Dialog as elDialog } from 'element-ui'
+export default {
+  name: 'Dialog',
+  extends: elDialog,
+  props: {
+    destroyOnOpen: {
+      type: Boolean,
+      default: false
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    }
+  },
+  watch: {
+    visible(val) {
+      if (val) {
+        if (this.destroyOnOpen) {
+          this.key++
+        }
+      }
+    }
+  }
+}
+</script>

package/src/components/Dialog/indexO.vue

@@ -1,116 +1,116 @@
-<template>
-  <el-dialog
-    v-drag
-    :title="title"
-    :visible.sync="dialogVisible"
-    :width="width"
-    :modal="modal"
-    :top="top"
-    :fullscreen="fullscreen"
-    :modal-append-to-body="modalAppendToBody"
-    :append-to-body="appendToBody"
-    :lock-scroll="lockScroll"
-    :close-on-click-modal="closeOnClickModal"
-    :close-on-press-escape="closeOnPressEscape"
-    :before-close="beforeClose"
-    :custom-class="customClass"
-    :show-close="showClose"
-    :center="center"
-    :destroy-on-close="destroyOnClose"
-    @open="open"
-    @opened="opened"
-    @close="close"
-    @closed="closed"
-  >
-    <slot></slot>
-    <span slot="footer" class="dialog-footer">
-      <slot name="footerBtn"></slot>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  name: 'DialogO',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    width: {
-      type: String,
-      default: '30%'
-    },
-    top: {
-      type: String,
-      default: '15vh'
-    },
-    fullscreen: {
-      type: Boolean,
-      default: false
-    },
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    },
-    modalAppendToBody: {
-      type: Boolean,
-      default: true
-    },
-    lockScroll: {
-      type: Boolean,
-      default: true
-    },
-    modal: {
-      type: Boolean,
-      default: true
-    },
-    closeOnClickModal: {
-      type: Boolean,
-      default: false
-    },
-    beforeClose: {
-      type: Function,
-      default: () => {}
-    },
-    customClass: {
-      type: String,
-      default: ''
-    },
-    closeOnPressEscape: {
-      type: Boolean,
-      default: true
-    },
-    showClose: {
-      type: Boolean,
-      default: true
-    },
-    center: {
-      type: Boolean,
-      default: false
-    },
-    destroyOnClose: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    open() {
-      this.$emit('open')
-    },
-    opened() {
-      this.$emit('opened')
-    },
-    close() {
-      this.$emit('close')
-    },
-    closed() {
-      this.$emit('closed')
-    }
-  }
-}
-</script>
+<template>
+  <el-dialog
+    v-drag
+    :title="title"
+    :visible.sync="dialogVisible"
+    :width="width"
+    :modal="modal"
+    :top="top"
+    :fullscreen="fullscreen"
+    :modal-append-to-body="modalAppendToBody"
+    :append-to-body="appendToBody"
+    :lock-scroll="lockScroll"
+    :close-on-click-modal="closeOnClickModal"
+    :close-on-press-escape="closeOnPressEscape"
+    :before-close="beforeClose"
+    :custom-class="customClass"
+    :show-close="showClose"
+    :center="center"
+    :destroy-on-close="destroyOnClose"
+    @open="open"
+    @opened="opened"
+    @close="close"
+    @closed="closed"
+  >
+    <slot></slot>
+    <span slot="footer" class="dialog-footer">
+      <slot name="footerBtn"></slot>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'DialogO',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    width: {
+      type: String,
+      default: '30%'
+    },
+    top: {
+      type: String,
+      default: '15vh'
+    },
+    fullscreen: {
+      type: Boolean,
+      default: false
+    },
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    modalAppendToBody: {
+      type: Boolean,
+      default: true
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
+    },
+    modal: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: false
+    },
+    beforeClose: {
+      type: Function,
+      default: () => {}
+    },
+    customClass: {
+      type: String,
+      default: ''
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    center: {
+      type: Boolean,
+      default: false
+    },
+    destroyOnClose: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    open() {
+      this.$emit('open')
+    },
+    opened() {
+      this.$emit('opened')
+    },
+    close() {
+      this.$emit('close')
+    },
+    closed() {
+      this.$emit('closed')
+    }
+  }
+}
+</script>

package/src/components/DragList/index.vue

@@ -1,68 +1,68 @@
-<template>
-  <vue-draggable
-    :list="list"
-    :animation="200"
-    :group="group"
-    :disabled="disabled"
-    :handle="'.n20-icon-tuodong'"
-    @change="change"
-  >
-    <div v-for="(item, index) in list" :key="index" class="n20-drag-list-item">
-      <i class="n20-drag-icon n20-icon-tuodong"></i>
-      <slot :item="item" :index="index">
-        <span>{{ item[labelKey] || item }}</span>
-      </slot>
-      <i
-        v-if="!disabled"
-        class="n20-drag-remove n20-icon-shanchu"
-        @click="remove(index)"
-      ></i>
-    </div>
-  </vue-draggable>
-</template>
-
-<script>
-export default {
-  name: 'DragList',
-  components: {
-    vueDraggable: () => import('vuedraggable')
-  },
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    group: {
-      type: String,
-      default: 'dragBox'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    labelKey: {
-      type: String,
-      default: 'label'
-    }
-  },
-  methods: {
-    change() {
-      this.$emit('change', this.list)
-    },
-    remove(index) {
-      let item = this.list[index]
-      if (this.$listeners.remove) {
-        this.$emit('remove', { index, item }, () => {
-          this.list.splice(index, 1)
-
-          this.$emit('change', this.list)
-        })
-      } else {
-        this.list.splice(index, 1)
-
-        this.$emit('change', this.list)
-      }
-    }
-  }
-}
-</script>
+<template>
+  <vue-draggable
+    :list="list"
+    :animation="200"
+    :group="group"
+    :disabled="disabled"
+    :handle="'.n20-icon-tuodong'"
+    @change="change"
+  >
+    <div v-for="(item, index) in list" :key="index" class="n20-drag-list-item">
+      <i class="n20-drag-icon n20-icon-tuodong"></i>
+      <slot :item="item" :index="index">
+        <span>{{ item[labelKey] || item }}</span>
+      </slot>
+      <i
+        v-if="!disabled"
+        class="n20-drag-remove n20-icon-shanchu"
+        @click="remove(index)"
+      ></i>
+    </div>
+  </vue-draggable>
+</template>
+
+<script>
+export default {
+  name: 'DragList',
+  components: {
+    vueDraggable: () => import('vuedraggable')
+  },
+  props: {
+    list: {
+      type: Array,
+      default: () => []
+    },
+    group: {
+      type: String,
+      default: 'dragBox'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    labelKey: {
+      type: String,
+      default: 'label'
+    }
+  },
+  methods: {
+    change() {
+      this.$emit('change', this.list)
+    },
+    remove(index) {
+      let item = this.list[index]
+      if (this.$listeners.remove) {
+        this.$emit('remove', { index, item }, () => {
+          this.list.splice(index, 1)
+
+          this.$emit('change', this.list)
+        })
+      } else {
+        this.list.splice(index, 1)
+
+        this.$emit('change', this.list)
+      }
+    }
+  }
+}
+</script>