@lx-frontend/wrap-element-ui 0.4.2-beta.1 → 0.4.3-beta.1

package/packages/AuditSteps/src/AuditSteps.vue

@@ -1,85 +1,85 @@
-<template>
-  <div class="audit-steps">
-    <ElSteps direction="vertical">
-      <ElStep class="audit-steps__step-item" v-for="(item, index) in value" :key="index">
-        <div slot="icon">{{index + 1}}</div>
-        <div :class="{'el-name-box': item.id}" slot="description">
-          <span :class="[ 'audit-steps__step-order', {first: index===0} ]">{{index + 1}}</span>
-          <ElSelect
-            :value="item.employees"
-            @input="val => handleEditCandidate(val, index)"
-            multiple
-            :multiple-limit="maxSelect"
-            placeholder="请选择">
-            <ElOption
-              v-for="v in candidates"
-              :key="v.id"
-              :label="v.name"
-              :value="v.id" />
-          </ElSelect>
-          <i class="el-name" v-if="item.id">{{item.miniName}}</i>
-          <i class="el-icon-delete" v-if="index" @click="handleDeleteStep(index)" ></i>
-        </div>
-      </ElStep>
-    </ElSteps>
-    <ElButton v-if="isAdd" type="text" class="audit-steps__add" icon="circle-plus" @click="handleAddStep">添加审核环节</ElButton>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'AuditSteps',
-  props: {
-    candidates: {
-      type: Array
-    },
-    value: {
-      type: Array,
-      default () {
-        return []
-      }
-    },
-    maxSelect: {
-      type: Number,
-      default: 3
-    },
-    stepNum: {
-      type: Number,
-      default: 2
-    }
-  },
-  computed: {
-    isAdd () {
-      return this.value.length < this.stepNum
-    }
-  },
-  methods: {
-    syncSteps (modification) {
-      const _steps = [ ...this.value ]
-      this.$emit('input', modification(_steps))
-    },
-    handleEditCandidate (val, index) {
-      this.syncSteps(_steps => {
-        _steps[index].employees = val
-        return _steps
-      })
-    },
-    handleDeleteStep (i) {
-      this.syncSteps(_steps => {
-        _steps.splice(i, 1)
-        return _steps
-      })
-    },
-    handleAddStep () {
-      this.syncSteps(_steps => {
-        return _steps.concat([{ employees: [] }])
-      })
-    },
-    // 判断是不是每一个步骤都选有审核人
-    isValidateSteps () {
-      return !this.value.some(_steps => _steps.employees.length <= 0)
-    }
-  }
-}
-</script>
-
+<template>
+  <div class="audit-steps">
+    <ElSteps direction="vertical">
+      <ElStep class="audit-steps__step-item" v-for="(item, index) in value" :key="index">
+        <div slot="icon">{{index + 1}}</div>
+        <div :class="{'el-name-box': item.id}" slot="description">
+          <span :class="[ 'audit-steps__step-order', {first: index===0} ]">{{index + 1}}</span>
+          <ElSelect
+            :value="item.employees"
+            @input="val => handleEditCandidate(val, index)"
+            multiple
+            :multiple-limit="maxSelect"
+            placeholder="请选择">
+            <ElOption
+              v-for="v in candidates"
+              :key="v.id"
+              :label="v.name"
+              :value="v.id" />
+          </ElSelect>
+          <i class="el-name" v-if="item.id">{{item.miniName}}</i>
+          <i class="el-icon-delete" v-if="index" @click="handleDeleteStep(index)" ></i>
+        </div>
+      </ElStep>
+    </ElSteps>
+    <ElButton v-if="isAdd" type="text" class="audit-steps__add" icon="circle-plus" @click="handleAddStep">添加审核环节</ElButton>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AuditSteps',
+  props: {
+    candidates: {
+      type: Array
+    },
+    value: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    maxSelect: {
+      type: Number,
+      default: 3
+    },
+    stepNum: {
+      type: Number,
+      default: 2
+    }
+  },
+  computed: {
+    isAdd () {
+      return this.value.length < this.stepNum
+    }
+  },
+  methods: {
+    syncSteps (modification) {
+      const _steps = [ ...this.value ]
+      this.$emit('input', modification(_steps))
+    },
+    handleEditCandidate (val, index) {
+      this.syncSteps(_steps => {
+        _steps[index].employees = val
+        return _steps
+      })
+    },
+    handleDeleteStep (i) {
+      this.syncSteps(_steps => {
+        _steps.splice(i, 1)
+        return _steps
+      })
+    },
+    handleAddStep () {
+      this.syncSteps(_steps => {
+        return _steps.concat([{ employees: [] }])
+      })
+    },
+    // 判断是不是每一个步骤都选有审核人
+    isValidateSteps () {
+      return !this.value.some(_steps => _steps.employees.length <= 0)
+    }
+  }
+}
+</script>
+

package/packages/DemoComponent/index.js

@@ -1,7 +1,7 @@
-import DemoComponent from './src/DemoComponent.vue';
-
-DemoComponent.install = function (Vue) {
-  Vue.component(DemoComponent.name, DemoComponent)
-}
-
-export default DemoComponent
+import DemoComponent from './src/DemoComponent.vue';
+
+DemoComponent.install = function (Vue) {
+  Vue.component(DemoComponent.name, DemoComponent)
+}
+
+export default DemoComponent

package/packages/DemoComponent/src/DemoComponent.vue

@@ -1,10 +1,10 @@
-<template>
-  <div class="demo-component__input">
-    <ElInput title="DemoComponent" lable="DemoComponent" />
-  </div>
-</template>
-<script>
-  export default{
-    name: 'DemoComponent'
-  }
-</script>
+<template>
+  <div class="demo-component__input">
+    <ElInput title="DemoComponent" lable="DemoComponent" />
+  </div>
+</template>
+<script>
+  export default{
+    name: 'DemoComponent'
+  }
+</script>

package/packages/Ellipsis/index.js

@@ -1,7 +1,7 @@
-import Ellipsis from './src/Ellipsis.vue'
-
-Ellipsis.install = function (Vue) {
-  Vue.component(Ellipsis.name, Ellipsis)
-}
-
-export default Ellipsis
+import Ellipsis from './src/Ellipsis.vue'
+
+Ellipsis.install = function (Vue) {
+  Vue.component(Ellipsis.name, Ellipsis)
+}
+
+export default Ellipsis

package/packages/Ellipsis/src/Ellipsis.vue

@@ -1,119 +1,119 @@
-<template>
-  <div class="ellipsis-popover">
-    <ElPopover
-      :disabled="showPopover === 'off' || (showPopover !== 'always' && !isOverflow)"
-      :popper-class="popoverName"
-      placement="top-start"
-      trigger="hover">
-      <div class="popover-content">
-        <slot name="popover">
-          <div v-for="(item, index) in contentArr" :key="getKey(item, index)">{{ item }}</div>
-        </slot>
-      </div>
-      <div slot="reference">
-        <template v-for="(item, index) in contentArr">
-          <MultilineEllipsis
-            :key="getKey(item, index)"
-            :content="item"
-            :fontSize="fontSize"
-            :color="color"
-            :lineCount="lineCount"
-            :iconName="iconName"
-            :showIconObj="{
-              isShowIcon: showIconObj.isShowIcon,
-              length: showIconObj.length,
-            }"
-            :overCountTip="{
-              index: index + 1,
-              length: contentArr.length,
-            }"
-            :isOverflow.sync="overflowArr[index]">
-          </MultilineEllipsis>
-        </template>
-      </div>
-    </ElPopover>
-  </div>
-</template>
-
-<script>
-import MultilineEllipsis from './MultilineEllipsis.vue'
-
-export default {
-  name: 'Ellipsis',
-  components: {
-    MultilineEllipsis
-  },
-  props: {
-    fontSize: {
-      type: Number,
-      default: 12
-    },
-    color: {
-      type: String,
-      default: '#000000'
-    },
-    lineCount: {
-      type: Number,
-      default: 1
-    },
-    iconName: {
-      type: String,
-      default: 'el-icon-arrow-down'
-    },
-    overCountTip: {
-      type: Object
-    },
-    showIconObj: {
-      type: Object,
-      default: () => {
-        return {
-          isShowIcon: false,
-          length: 0
-        }
-      },
-    },
-    content: {
-      type: [String, Array],
-      default: ''
-    },
-    popoverName: String,
-    showPopover: {
-      type: String,
-      default: 'auto' // 可选值 auto, always, off
-    }
-  },
-  data () {
-    return {
-      overflowArr: []
-    }
-  },
-  computed: {
-    contentArr () {
-      return typeof (this.content) === 'string' ? [this.content] : [...this.content]
-    },
-    isOverflow () {
-      return this.overflowArr.includes(true)
-    }
-  },
-  watch: {
-    contentArr (val) {
-      this.overflowArr.length = val.length
-    }
-  },
-  methods: {
-    getKey (item, index) {
-      return btoa(escape(`${item}_${index}`))
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-  .ellipsis-popover {
-    width: 100%;
-  }
-
-  .popover-content {
-    padding: 18px 20px;
-  }
-</style>
+<template>
+  <div class="ellipsis-popover">
+    <ElPopover
+      :disabled="showPopover === 'off' || (showPopover !== 'always' && !isOverflow)"
+      :popper-class="popoverName"
+      placement="top-start"
+      trigger="hover">
+      <div class="popover-content">
+        <slot name="popover">
+          <div v-for="(item, index) in contentArr" :key="getKey(item, index)">{{ item }}</div>
+        </slot>
+      </div>
+      <div slot="reference">
+        <template v-for="(item, index) in contentArr">
+          <MultilineEllipsis
+            :key="getKey(item, index)"
+            :content="item"
+            :fontSize="fontSize"
+            :color="color"
+            :lineCount="lineCount"
+            :iconName="iconName"
+            :showIconObj="{
+              isShowIcon: showIconObj.isShowIcon,
+              length: showIconObj.length,
+            }"
+            :overCountTip="{
+              index: index + 1,
+              length: contentArr.length,
+            }"
+            :isOverflow.sync="overflowArr[index]">
+          </MultilineEllipsis>
+        </template>
+      </div>
+    </ElPopover>
+  </div>
+</template>
+
+<script>
+import MultilineEllipsis from './MultilineEllipsis.vue'
+
+export default {
+  name: 'Ellipsis',
+  components: {
+    MultilineEllipsis
+  },
+  props: {
+    fontSize: {
+      type: Number,
+      default: 12
+    },
+    color: {
+      type: String,
+      default: '#000000'
+    },
+    lineCount: {
+      type: Number,
+      default: 1
+    },
+    iconName: {
+      type: String,
+      default: 'el-icon-arrow-down'
+    },
+    overCountTip: {
+      type: Object
+    },
+    showIconObj: {
+      type: Object,
+      default: () => {
+        return {
+          isShowIcon: false,
+          length: 0
+        }
+      },
+    },
+    content: {
+      type: [String, Array],
+      default: ''
+    },
+    popoverName: String,
+    showPopover: {
+      type: String,
+      default: 'auto' // 可选值 auto, always, off
+    }
+  },
+  data () {
+    return {
+      overflowArr: []
+    }
+  },
+  computed: {
+    contentArr () {
+      return typeof (this.content) === 'string' ? [this.content] : [...this.content]
+    },
+    isOverflow () {
+      return this.overflowArr.includes(true)
+    }
+  },
+  watch: {
+    contentArr (val) {
+      this.overflowArr.length = val.length
+    }
+  },
+  methods: {
+    getKey (item, index) {
+      return btoa(escape(`${item}_${index}`))
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+  .ellipsis-popover {
+    width: 100%;
+  }
+
+  .popover-content {
+    padding: 18px 20px;
+  }
+</style>