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

package/packages/modal/src/index.vue

@@ -1,185 +1,185 @@
-<template>
-  <a-modal
-    :title="title"
-    :cancelText="cancelText"
-    :okText="okText"
-    :closable="closable"
-    v-model:visible="showModal"
-    :width="width"
-    :keyboard="false"
-    :maskClosable="maskClosable"
-    :dialogStyle="{ top: `${upDownDistance[size]}px` }"
-    :bodyStyle="{ maxHeight: maxheight, overflowY: 'auto' }"
-    :footer="showFooter ? undefined : null"
-    @cancel="handleCancel"
-    @ok="handleOk"
-  >
-    <slot v-if="showModal"></slot>
-    <template slot="footer" v-if="!showDefaultFooter">
-      <div class="ele-modal__footer">
-        <slot name="footer-text"></slot>
-        <div class="footer-btn__wrapper">
-          <ele-button
-            v-for="btn in buttonGroupMeta.elements"
-            :type="btn.type"
-            v-on="assignAttrEvents"
-            :event-name="btn.eventName"
-            :key="btn.key">
-            {{ btn.label }}
-          </ele-button>
-        </div>
-      </div>
-    </template>
-  </a-modal>
-</template>
-<script>
-import { CONTEXT } from '../../utils'
-export default {
-  name: 'ele-modal',
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: '标题'
-    },
-    cancelText: {
-      type: String,
-      default: '关闭'
-    },
-    okText: {
-      type: String,
-      default: '确定'
-    },
-    size: {
-      type: String,
-      default: 'middle'
-    },
-    map: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-    closable: {
-      type: Boolean,
-      default: true
-    },
-    maskClosable: {
-      type: Boolean,
-      default: false
-    },
-    showFooter: {
-      type: Boolean,
-      default: true
-    },
-    footer: {
-      type: Function,
-      default: null
-    },
-    onlyClose: {
-      type: Boolean,
-      default: false
-    },
-    buttonGroupMeta: {
-      type: Object,
-      default: () => ({})
-    },
-    // 是否展示组件默认底部按钮
-    showDefaultFooter: {
-      type: Boolean,
-      default: false
-    }
-  },
-  watch: {
-    value: {
-      handler (value) {
-        this.$nextTick(() => {
-          this.showModal = value
-        })
-      },
-      immediate: true
-    }
-  },
-  inject: {
-    [CONTEXT]: {
-      default: () => (() => ({}))
-    }
-  },
-  computed: {
-    assignAttrEvents () {
-      const events = this.buttons.reduce((ret, btn) => {
-        ret[btn.eventName] = (e) => {
-          this.$emit(btn.eventName || 'click', { ...e, ...this[CONTEXT]() })
-        }
-        return ret
-      }, {})
-      return {
-        ...this.$listeners,
-        ...events
-      }
-    },
-    buttons () {
-      const { elements = [] } = this.buttonGroupMeta
-      return elements
-    },
-    width () {
-      return this.map[this.size]
-    },
-    maxheight () {
-      return `calc(100vh - ${this.upDownDistance[this.size] * 2 + (this.title ? 55 : 0) + (this.showFooter ? 53 : 0) }px`
-    }
-  },
-  data () {
-    return {
-      showModal: false
-    }
-  },
-  created () {
-    let defaultMap = {
-      small: 480,
-      middle: 768,
-      big: 1200
-    }
-    this.upDownDistance = {
-      small: 80,
-      middle: 80,
-      big: 40
-    }
-    this.map = Object.assign(this.map, defaultMap)
-  },
-  methods: {
-    openModal () {
-      this.showModal = true
-      this.removeHidden()
-    },
-    handleCancel () {
-      this.showModal = false
-      this.$emit('input', this.showModal)
-      this.$emit('change', this.showModal)
-      this.removeHidden()
-      this.$emit('cancel')
-    },
-    handleOk () {
-      this.$emit('ok')
-    },
-    removeHidden () {
-      let ishidden = document.body.style.overflow === 'hidden'
-      ishidden && (document.body.style.overflow = 'initial')
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.ele-modal__footer {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  .footer-btn__wrapper {
-    flex: 1;
-  }
-}
+<template>
+  <a-modal
+    :title="title"
+    :cancelText="cancelText"
+    :okText="okText"
+    :closable="closable"
+    v-model:visible="showModal"
+    :width="width"
+    :keyboard="false"
+    :maskClosable="maskClosable"
+    :dialogStyle="{ top: `${upDownDistance[size]}px` }"
+    :bodyStyle="{ maxHeight: maxheight, overflowY: 'auto' }"
+    :footer="showFooter ? undefined : null"
+    @cancel="handleCancel"
+    @ok="handleOk"
+  >
+    <slot v-if="showModal"></slot>
+    <template slot="footer" v-if="!showDefaultFooter">
+      <div class="ele-modal__footer">
+        <slot name="footer-text"></slot>
+        <div class="footer-btn__wrapper">
+          <ele-button
+            v-for="btn in buttonGroupMeta.elements"
+            :type="btn.type"
+            v-on="assignAttrEvents"
+            :event-name="btn.eventName"
+            :key="btn.key">
+            {{ btn.label }}
+          </ele-button>
+        </div>
+      </div>
+    </template>
+  </a-modal>
+</template>
+<script>
+import { CONTEXT } from '../../utils'
+export default {
+  name: 'ele-modal',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: '标题'
+    },
+    cancelText: {
+      type: String,
+      default: '关闭'
+    },
+    okText: {
+      type: String,
+      default: '确定'
+    },
+    size: {
+      type: String,
+      default: 'middle'
+    },
+    map: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    maskClosable: {
+      type: Boolean,
+      default: false
+    },
+    showFooter: {
+      type: Boolean,
+      default: true
+    },
+    footer: {
+      type: Function,
+      default: null
+    },
+    onlyClose: {
+      type: Boolean,
+      default: false
+    },
+    buttonGroupMeta: {
+      type: Object,
+      default: () => ({})
+    },
+    // 是否展示组件默认底部按钮
+    showDefaultFooter: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    value: {
+      handler (value) {
+        this.$nextTick(() => {
+          this.showModal = value
+        })
+      },
+      immediate: true
+    }
+  },
+  inject: {
+    [CONTEXT]: {
+      default: () => (() => ({}))
+    }
+  },
+  computed: {
+    assignAttrEvents () {
+      const events = this.buttons.reduce((ret, btn) => {
+        ret[btn.eventName] = (e) => {
+          this.$emit(btn.eventName || 'click', { ...e, ...this[CONTEXT]() })
+        }
+        return ret
+      }, {})
+      return {
+        ...this.$listeners,
+        ...events
+      }
+    },
+    buttons () {
+      const { elements = [] } = this.buttonGroupMeta
+      return elements
+    },
+    width () {
+      return this.map[this.size]
+    },
+    maxheight () {
+      return `calc(100vh - ${this.upDownDistance[this.size] * 2 + (this.title ? 55 : 0) + (this.showFooter ? 53 : 0) }px`
+    }
+  },
+  data () {
+    return {
+      showModal: false
+    }
+  },
+  created () {
+    let defaultMap = {
+      small: 480,
+      middle: 768,
+      big: 1200
+    }
+    this.upDownDistance = {
+      small: 80,
+      middle: 80,
+      big: 40
+    }
+    this.map = Object.assign(this.map, defaultMap)
+  },
+  methods: {
+    openModal () {
+      this.showModal = true
+      this.removeHidden()
+    },
+    handleCancel () {
+      this.showModal = false
+      this.$emit('input', this.showModal)
+      this.$emit('change', this.showModal)
+      this.removeHidden()
+      this.$emit('cancel')
+    },
+    handleOk () {
+      this.$emit('ok')
+    },
+    removeHidden () {
+      let ishidden = document.body.style.overflow === 'hidden'
+      ishidden && (document.body.style.overflow = 'initial')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.ele-modal__footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  .footer-btn__wrapper {
+    flex: 1;
+  }
+}
 </style>

package/packages/models/form-group-model/index.js

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