n20-common-lib 1.3.5 → 1.3.6

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,75 +1,75 @@
-<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>
-      <el-link
-        v-if="!disabled"
-        class="n20-icon-shanchu"
-        :underline="false"
-        :disabled="inSC && item.checked"
-        @click="remove(index)"
-      />
-    </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'
-    }
-  },
-  computed: {
-    inSC() {
-      return !!this.$attrs['in-show-column']
-    }
-  },
-  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>
+      <el-link
+        v-if="!disabled"
+        class="n20-icon-shanchu"
+        :underline="false"
+        :disabled="inSC && item.checked"
+        @click="remove(index)"
+      />
+    </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'
+    }
+  },
+  computed: {
+    inSC() {
+      return !!this.$attrs['in-show-column']
+    }
+  },
+  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>

package/src/components/ECharts/define.js

@@ -1,74 +1,74 @@
-
-const color = ['#83D0EF', '#63d9a0', '#73A0FA', '#99DCD2', '#C1C1C1', '#FFB59E', '#EF8787']
-
-const axisConfig = {
-  nameTextStyle: {
-    color: '#83D0EF',
-    fontSize: 12
-  },
-  axisLabel: {
-    color: '#505050',
-    fontSize: 12
-  },
-  axisLine: {
-    lineStyle: {
-      color: '#AEAEAE'
-    }
-  },
-  axisTick: {
-    show: false
-  },
-  splitLine: {
-    lineStyle: {
-      color: '#D0D0D0'
-    }
-  }
-}
-
-const pieConfig = {
-  radius: ['38%', '54%'],
-  center: ['50%', '50%'],
-  label: {
-    show: false,
-    position: 'center',
-    color: '#3d4a57',
-    fontSize: 18,
-    formatter: '{b}\n\n{d}%'
-    // formatter: function({ name, percent }) {
-    //   let nameStr = name
-    //   let wrapLength =
-    //     sery.label &&
-    //     sery.label.wrap &&
-    //     sery.label.wrap.length
-    //   let result = ''
-    //
-    //   // 如果有换行配置，并且名字的长度大于换行限制的长度，对名字进行换行
-    //   if (wrapLength && name && name.length > wrapLength) {
-    //     nameStr =
-    //       name.slice(0, wrapLength) +
-    //       '\n' +
-    //       name.slice(wrapLength)
-    //   }
-    //
-    //   // 如果要隐藏名称，则只显示percent
-    //   if (sery.label && sery.label.hideName) {
-    //     result = percent
-    //   } else {
-    //     result = `${nameStr}\n(${percent}%)`
-    //   }
-    //
-    //   return result
-    // }
-  },
-  emphasis: {
-    label: {
-      show: true
-    }
-  }
-}
-
-export {
-  color,
-  axisConfig,
-  pieConfig
-}
+
+const color = ['#83D0EF', '#63d9a0', '#73A0FA', '#99DCD2', '#C1C1C1', '#FFB59E', '#EF8787']
+
+const axisConfig = {
+  nameTextStyle: {
+    color: '#83D0EF',
+    fontSize: 12
+  },
+  axisLabel: {
+    color: '#505050',
+    fontSize: 12
+  },
+  axisLine: {
+    lineStyle: {
+      color: '#AEAEAE'
+    }
+  },
+  axisTick: {
+    show: false
+  },
+  splitLine: {
+    lineStyle: {
+      color: '#D0D0D0'
+    }
+  }
+}
+
+const pieConfig = {
+  radius: ['38%', '54%'],
+  center: ['50%', '50%'],
+  label: {
+    show: false,
+    position: 'center',
+    color: '#3d4a57',
+    fontSize: 18,
+    formatter: '{b}\n\n{d}%'
+    // formatter: function({ name, percent }) {
+    //   let nameStr = name
+    //   let wrapLength =
+    //     sery.label &&
+    //     sery.label.wrap &&
+    //     sery.label.wrap.length
+    //   let result = ''
+    //
+    //   // 如果有换行配置，并且名字的长度大于换行限制的长度，对名字进行换行
+    //   if (wrapLength && name && name.length > wrapLength) {
+    //     nameStr =
+    //       name.slice(0, wrapLength) +
+    //       '\n' +
+    //       name.slice(wrapLength)
+    //   }
+    //
+    //   // 如果要隐藏名称，则只显示percent
+    //   if (sery.label && sery.label.hideName) {
+    //     result = percent
+    //   } else {
+    //     result = `${nameStr}\n(${percent}%)`
+    //   }
+    //
+    //   return result
+    // }
+  },
+  emphasis: {
+    label: {
+      show: true
+    }
+  }
+}
+
+export {
+  color,
+  axisConfig,
+  pieConfig
+}