@idooel/components 0.0.1-beta.39 → 0.0.1-beta.40

package/packages/{composite-components → business-components}/modal-import/src/index.vue

@@ -1,146 +1,140 @@
-<template>
-  <ele-modal :value="innerValue" :buttonGroupMeta="buttonGroupMeta" @cancel="onCancel" @handleClose="handleClose" title="导入">
-    <div class="ele-modal-import__upload" v-if="isFileEmpty">
-      <div class="import-download__link" @click="handleClickDownloadTpl">点击此链接下载导入模板</div>
-      <ele-upload v-model="file" @on-success="uploadFileSuccess"></ele-upload>
-    </div>
-    <div v-else class="ele-modal-import__hint">
-      <div class="import-hint__content">
-        <div class="import-hint__left">
-          <ele-icon></ele-icon>
-        </div>
-        <div class="import-hint__right">
-          <div class="hint-right__title" @click="handleClickJump">文件上传成功，任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度</div>
-          <div class="hint-right__sub-title">批处理任务的准备工作会在后台运行</div>
-        </div>
-      </div>
-      <div class="import-footer__hint--text">
-        您可以请点击上方按钮查看任务进度或关闭弹框
-      </div>
-    </div>
-  </ele-modal>
-</template>
-
-<script>
-import EleUpload from '../../../upload/src/index.vue'
-import ELeIcon from '../../../icon/src/index.vue'
-import { type } from '@idooel/shared'
-export default {
-  name: 'ele-modal-import',
-  components: {
-    EleUpload,
-    ELeIcon
-  },
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      innerValue: false,
-      file: [],
-      buttonGroupMeta: {
-        elements: [
-          {
-            label: '关闭',
-            key: 'close',
-            type: 'default',
-            eventName: 'handleClose'
-          }
-        ]
-      }
-    }
-  },
-  computed: {
-    isFileEmpty () {
-      return type.isEmpty(this.file)
-    }
-  },
-  watch: {
-    value: {
-      handler (value) {
-        this.innerValue = value
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    emitEvent (props = {}) {
-      this.$emit('on-actions', { ...props })
-    },
-    onCancel () {
-      this.innerValue = false
-      this.$emit('change', false)
-    },
-    handleClickJump () {
-      this.emitEvent({ action: 'jump' })
-    },
-    uploadFileSuccess (props) {
-      this.emitEvent({ action: 'uploaded', file: props })
-    },
-    handleClickDownloadTpl () {
-      this.emitEvent({ action: 'download' })
-    },
-    cleanFile () {
-      this.file = []
-    },
-    handleClose () {
-      this.cleanFile()
-      this.innerValue = false
-      this.$emit('change', false)
-    }
-  }
-}
-</script>
-<style lang="scss">
-@import '../../../theme/index.scss';
-</style>
-<style lang="scss" scoped>
-.import-download__link {
-  color: var(--idooel-link-06);
-  font-size: 14px;
-  cursor: pointer;
-  line-height: 22px;
-}
-.ele-modal-import__hint {
-  .import-hint__content {
-    padding: 16px;
-    border-radius: 2px;
-    height: 82px;
-    border: 1px dashed var(--idooel-link-06);
-    background: var(--idoole-black-02);
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    .import-hint__left {
-      .anticon-upload {
-        font-size: 48px;
-        color: var(--idooel-link-06);
-      }
-    }
-    .import-hint__right {
-      margin-left: 16px;
-      .hint-right__title {
-        font-size: 16px;
-        color: var(--idooel-link-06);
-        cursor: pointer;
-      }
-      .hint-right__sub-title {
-        font-size: 14px;
-        color: var(--idooel-link-03);
-      }
-    }
-  }
-  .import-footer__hint--text {
-    font-size: 14px;
-    color: var(--idooel-link-06);
-    line-height: 22px;
-  }
-}
+<template>
+  <ele-modal :value="innerValue" :buttonGroupMeta="buttonGroupMeta" @cancel="onCancel" @handleClose="handleClose" title="导入">
+    <div class="ele-modal-import__upload" v-if="isFileEmpty">
+      <div class="import-download__link" @click="handleClickDownloadTpl">点击此链接下载导入模板</div>
+      <ele-upload v-model="file" @on-success="uploadFileSuccess"></ele-upload>
+    </div>
+    <div v-else class="ele-modal-import__hint">
+      <div class="import-hint__content">
+        <div class="import-hint__left">
+          <ele-icon></ele-icon>
+        </div>
+        <div class="import-hint__right">
+          <div class="hint-right__title" @click="handleClickJump">文件上传成功，任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度</div>
+          <div class="hint-right__sub-title">批处理任务的准备工作会在后台运行</div>
+        </div>
+      </div>
+      <div class="import-footer__hint--text">
+        您可以请点击上方按钮查看任务进度或关闭弹框
+      </div>
+    </div>
+  </ele-modal>
+</template>
+
+<script>
+import { type } from '@idooel/shared'
+export default {
+  name: 'ele-modal-import',
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      innerValue: false,
+      file: [],
+      buttonGroupMeta: {
+        elements: [
+          {
+            label: '关闭',
+            key: 'close',
+            type: 'default',
+            eventName: 'handleClose'
+          }
+        ]
+      }
+    }
+  },
+  computed: {
+    isFileEmpty () {
+      return type.isEmpty(this.file)
+    }
+  },
+  watch: {
+    value: {
+      handler (value) {
+        this.innerValue = value
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    emitEvent (props = {}) {
+      this.$emit('on-actions', { ...props })
+    },
+    onCancel () {
+      this.innerValue = false
+      this.$emit('change', false)
+    },
+    handleClickJump () {
+      this.emitEvent({ action: 'jump' })
+    },
+    uploadFileSuccess (props) {
+      this.emitEvent({ action: 'uploaded', file: props })
+    },
+    handleClickDownloadTpl () {
+      this.emitEvent({ action: 'download' })
+    },
+    cleanFile () {
+      this.file = []
+    },
+    handleClose () {
+      this.cleanFile()
+      this.innerValue = false
+      this.$emit('change', false)
+    }
+  }
+}
+</script>
+<style lang="scss">
+@import '../../../theme/index';
+</style>
+<style lang="scss" scoped>
+.import-download__link {
+  color: var(--idooel-link-06);
+  font-size: 14px;
+  cursor: pointer;
+  line-height: 22px;
+}
+.ele-modal-import__hint {
+  .import-hint__content {
+    padding: 16px;
+    border-radius: 2px;
+    height: 82px;
+    border: 1px dashed var(--idooel-link-06);
+    background: var(--idoole-black-02);
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .import-hint__left {
+      .anticon-upload {
+        font-size: 48px;
+        color: var(--idooel-link-06);
+      }
+    }
+    .import-hint__right {
+      margin-left: 16px;
+      .hint-right__title {
+        font-size: 16px;
+        color: var(--idooel-link-06);
+        cursor: pointer;
+      }
+      .hint-right__sub-title {
+        font-size: 14px;
+        color: var(--idooel-link-03);
+      }
+    }
+  }
+  .import-footer__hint--text {
+    font-size: 14px;
+    color: var(--idooel-link-06);
+    line-height: 22px;
+  }
+}
 </style>

package/packages/{composite-components → business-components}/modal-timeline/index.js

@@ -1,5 +1,5 @@
-import EleModalTimeline from './src/index.vue'
-
-EleModalTimeline.install = Vue => Vue.component(EleModalTimeline.name, EleModalTimeline)
-
+import EleModalTimeline from './src/index.vue'
+
+EleModalTimeline.install = Vue => Vue.component(EleModalTimeline.name, EleModalTimeline)
+
 export default EleModalTimeline

package/packages/{composite-components → business-components}/modal-timeline/src/index.vue

@@ -1,77 +1,78 @@
-<template>
-  <ele-modal v-on="$listeners" :value="value" :title="title" :buttonGroupMeta="buttonGroupMeta">
-    <slot name="alert"></slot>
-    <ele-timeline v-bind="meta"></ele-timeline>
-    <template v-if="showTextSlot" #footer-text>
-      <ele-text v-bind="textAttrs"></ele-text>
-    </template>
-  </ele-modal>
-</template>
-
-<script>
-import { CONTEXT } from '../../../utils'
-import { type } from '@idooel/shared'
-export default {
-  name: 'ele-modal-timeline',
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String
-    },
-    meta: {
-      type: Object,
-      default: () => ({})
-    },
-    buttonGroupMeta: {
-      type: Object,
-      default: () => {
-        return {
-          elements: [
-            {
-              label: '关闭',
-              key: 'cancel',
-              type: 'default',
-              eventName: 'cancel'
-            }
-          ]
-        }
-      }
-    },
-    contextProp: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  provide() {
-    return {
-      [CONTEXT]: () => {
-        return {
-          _route: this.$route.query,
-          _routeMeta: this.$route.meta,
-          ...this.contextProp
-        }
-      }
-    }
-  },
-  computed: {
-    showTextSlot () {
-      return !type.isEmpty(this.textAttrs)
-    },
-    textAttrs() {
-      const { text = {} } = this.buttonGroupMeta
-      return text
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
+<template>
+  <ele-modal v-on="$listeners" :value="value" :title="title" :buttonGroupMeta="buttonGroupMeta">
+    <slot name="alert"></slot>
+    <ele-timeline v-bind="meta"></ele-timeline>
+    <template v-if="showTextSlot" #footer-text>
+      <ele-text v-bind="textAttrs"></ele-text>
+    </template>
+  </ele-modal>
+</template>
+
+<script>
+// import { CONTEXT } from '@/utils'
+import { CONTEXT } from '../../../utils'
+import { type } from '@idooel/shared'
+export default {
+  name: 'ele-modal-timeline',
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String
+    },
+    meta: {
+      type: Object,
+      default: () => ({})
+    },
+    buttonGroupMeta: {
+      type: Object,
+      default: () => {
+        return {
+          elements: [
+            {
+              label: '关闭',
+              key: 'cancel',
+              type: 'default',
+              eventName: 'cancel'
+            }
+          ]
+        }
+      }
+    },
+    contextProp: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  provide() {
+    return {
+      [CONTEXT]: () => {
+        return {
+          _route: this.$route.query,
+          _routeMeta: this.$route.meta,
+          ...this.contextProp
+        }
+      }
+    }
+  },
+  computed: {
+    showTextSlot () {
+      return !type.isEmpty(this.textAttrs)
+    },
+    textAttrs() {
+      const { text = {} } = this.buttonGroupMeta
+      return text
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
 </style>

package/packages/button/index.js

@@ -1,5 +1,5 @@
-import EleButton from './src/index.vue'
-
-EleButton.install = Vue => Vue.component(EleButton.name, EleButton)
-
+import EleButton from './src/index.vue'
+
+EleButton.install = Vue => Vue.component(EleButton.name, EleButton)
+
 export default EleButton

package/packages/button/src/index.vue

@@ -1,55 +1,55 @@
-<template>
-  <a-dropdown v-if="mode == 'dropdown'">
-    <a-menu slot="overlay" @click="handleMenuClick">
-      <a-menu-item :key="opt.value" v-for="opt in dataSource">
-        {{ opt.label }}
-      </a-menu-item>
-    </a-menu>
-    <a-button :type="type">
-      <slot></slot>
-      <a-icon :type="icon" />
-    </a-button>
-  </a-dropdown>
-  <a-button :type="type" :icon="icon" @click="handleClick" v-else>
-    <slot></slot>
-  </a-button>
-</template>
-
-<script>
-export default {
-  name: 'ele-button',
-  props: {
-    record: {
-      type: Object
-    },
-    eventName: {
-      type: String
-    },
-    mode: {
-      type: String
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    type: {
-      type: String,
-      default: 'default'
-    },
-    icon: {
-      type: String
-    }
-  },
-  methods: {
-    handleMenuClick (props) {
-      const { key } = props
-      const currentClickTarget = this.dataSource.find(item => item.value === key)
-      const { eventName } = currentClickTarget
-      eventName && this.$emit(eventName, { ...currentClickTarget })
-    },
-    handleClick () {
-      this.$emit(this.eventName || 'click', { ...this.record })
-    }
-  }
-}
+<template>
+  <a-dropdown v-if="mode == 'dropdown'">
+    <a-menu slot="overlay" @click="handleMenuClick">
+      <a-menu-item :key="opt.value" v-for="opt in dataSource">
+        {{ opt.label }}
+      </a-menu-item>
+    </a-menu>
+    <a-button :type="type">
+      <slot></slot>
+      <a-icon :type="icon" />
+    </a-button>
+  </a-dropdown>
+  <a-button :type="type" :icon="icon" @click="handleClick" v-else>
+    <slot></slot>
+  </a-button>
+</template>
+
+<script>
+export default {
+  name: 'ele-button',
+  props: {
+    record: {
+      type: Object
+    },
+    eventName: {
+      type: String
+    },
+    mode: {
+      type: String
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    },
+    type: {
+      type: String,
+      default: 'default'
+    },
+    icon: {
+      type: String
+    }
+  },
+  methods: {
+    handleMenuClick (props) {
+      const { key } = props
+      const currentClickTarget = this.dataSource.find(item => item.value === key)
+      const { eventName } = currentClickTarget
+      eventName && this.$emit(eventName, { ...currentClickTarget })
+    },
+    handleClick () {
+      this.$emit(this.eventName || 'click', { ...this.record })
+    }
+  }
+}
 </script>

package/packages/checkbox/index.js

@@ -1,5 +1,5 @@
-import EleCheckbox from './src/index.vue'
-
-EleCheckbox.install = Vue => Vue.component(EleCheckbox.name, EleCheckbox)
-
+import EleCheckbox from './src/index.vue'
+
+EleCheckbox.install = Vue => Vue.component(EleCheckbox.name, EleCheckbox)
+
 export default EleCheckbox