@idooel/components 0.0.2-beta.3 → 0.0.2-beta.31

package/packages/business-components/modal-fsm/src/index.vue

@@ -1,164 +1,164 @@
-<template>
-  <ele-modal v-on="$listeners" :value="value" :title="meta.title || title" @cancel="handleCancel" :buttonGroupMeta="buttonGroupMeta">
-    <slot name="alert"></slot>
-    <ele-timeline v-bind="meta">
-      <template #right="{ data: item }">
-        <div class="ele-modal-fsm__display">
-          <span>由</span>
-          <span class="fms-display__name">{{ item.userName || '管理员' }}</span>
-          <span>执行了</span>
-          <span class="fms-display__action">{{ item.action || '结班' }}</span>
-          <span>操作</span>
-          <span :class="['title-info', item.state == 1 && 'success', item.state == 2 && 'warning', item.state == 3 && 'error']">{{ item.stateName }}</span>
-        </div>
-        <div class="ele-modal-fsm__opinion-wrapper">
-          <div class="fsm-opinion__label">意见：</div>
-          <div class="fsm-opinion__value">{{ item.opinion }}</div>
-        </div>
-      </template>
-    </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-fsm',
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: '状态变更记录'
-    },
-    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
-    }
-  },
-  methods: {
-    handleCancel () {
-      this.$emit('change', false)
-    }
-  }
-}
-</script>
-<style lang="scss">
-@import '../../../theme/index';
-</style>
-<style lang="scss" scoped>
-.ele-modal-fsm__display {
-  display: flex;
-  flex-direction: row;
-  font-size: 14px;
-  line-height: 22px;
-  .fms-display__name, .fms-display__action {
-    font-weight: bold;
-    color: var(--idoole-black-088);
-    &::before {
-      content: '';
-      margin-left: 4px;
-    }
-    &::after {
-      content: '';
-      margin-right: 4px;
-    }
-  }
-  .title-info {
-    font-size: 14px;
-    color: var(--idoole-black-064);
-    margin-left: 16px;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    &::before {
-      content: '';
-      display: inline-block;
-      width: 6px;
-      height: 6px;
-      border-radius: 50%;
-      margin-right: 8px;
-    }
-    &.success {
-      &::before {
-        background: var(--idoole-success-06);
-      }
-    }
-    &.warning {
-      &::before {
-        background: var(--idoole-warning-06);
-      }
-    }
-    &.error {
-      &::before {
-        background: var(--idoole-error-06);
-      }
-    }
-  }
-}
-.ele-modal-fsm__opinion-wrapper {
-  margin-top: 4px;
-  line-height: 22px;
-  font-size: 14px;
-  display: flex;
-  flex-direction: row;
-  .fsm-opinion__label {
-    width: 42px;
-    flex-shrink: 0;
-    color: var(--idoole-black-064);
-  }
-  .fsm-opinion__value {
-    color: var(--idoole-black-088);
-    font-weight: bold;
-  }
-}
+<template>
+  <ele-modal v-on="$listeners" :value="value" :title="meta.title || title" @cancel="handleCancel" :buttonGroupMeta="buttonGroupMeta">
+    <slot name="alert"></slot>
+    <ele-timeline v-bind="meta">
+      <template #right="{ data: item }">
+        <div class="ele-modal-fsm__display">
+          <span>由</span>
+          <span class="fms-display__name">{{ item.userName || '管理员' }}</span>
+          <span>执行了</span>
+          <span class="fms-display__action">{{ item.action || '结班' }}</span>
+          <span>操作</span>
+          <span :class="['title-info', item.state == 1 && 'success', item.state == 2 && 'warning', item.state == 3 && 'error']">{{ item.stateName }}</span>
+        </div>
+        <div class="ele-modal-fsm__opinion-wrapper">
+          <div class="fsm-opinion__label">意见：</div>
+          <div class="fsm-opinion__value">{{ item.opinion }}</div>
+        </div>
+      </template>
+    </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-fsm',
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: '状态变更记录'
+    },
+    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
+    }
+  },
+  methods: {
+    handleCancel () {
+      this.$emit('change', false)
+    }
+  }
+}
+</script>
+<style lang="scss">
+@import '../../../theme/index';
+</style>
+<style lang="scss" scoped>
+.ele-modal-fsm__display {
+  display: flex;
+  flex-direction: row;
+  font-size: 14px;
+  line-height: 22px;
+  .fms-display__name, .fms-display__action {
+    font-weight: bold;
+    color: var(--idoole-black-088);
+    &::before {
+      content: '';
+      margin-left: 4px;
+    }
+    &::after {
+      content: '';
+      margin-right: 4px;
+    }
+  }
+  .title-info {
+    font-size: 14px;
+    color: var(--idoole-black-064);
+    margin-left: 16px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    &::before {
+      content: '';
+      display: inline-block;
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      margin-right: 8px;
+    }
+    &.success {
+      &::before {
+        background: var(--idoole-success-06);
+      }
+    }
+    &.warning {
+      &::before {
+        background: var(--idoole-warning-06);
+      }
+    }
+    &.error {
+      &::before {
+        background: var(--idoole-error-06);
+      }
+    }
+  }
+}
+.ele-modal-fsm__opinion-wrapper {
+  margin-top: 4px;
+  line-height: 22px;
+  font-size: 14px;
+  display: flex;
+  flex-direction: row;
+  .fsm-opinion__label {
+    width: 42px;
+    flex-shrink: 0;
+    color: var(--idoole-black-064);
+  }
+  .fsm-opinion__value {
+    color: var(--idoole-black-088);
+    font-weight: bold;
+  }
+}
 </style>

package/packages/business-components/modal-import/index.js

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