@penggy/element-ui 2.4.11 → 2.4.12

package/packages/dialog/src/component.vue

@@ -1,201 +1,201 @@
-<template>
-  <transition
-    name="dialog-fade"
-    @after-enter="afterEnter"
-    @after-leave="afterLeave">
-    <div class="el-dialog__wrapper" v-show="visible" @click.self="handleWrapperClick">
-      <div
-        role="dialog"
-        aria-modal="true"
-        :aria-label="title || 'dialog'"
-        class="el-dialog"
-        :class="[{ 'is-fullscreen': fullscreen, 'el-dialog--center': center }, customClass]"
-        ref="dialog"
-        :style="style">
-        <div class="el-dialog__header">
-          <slot name="title">
-            <span class="el-dialog__title">{{ title }}</span>
-          </slot>
-          <button
-            type="button"
-            class="el-dialog__headerbtn"
-            aria-label="Close"
-            v-if="showClose"
-            @click="handleClose">
-            <i class="el-dialog__close el-icon el-icon-close"></i>
-          </button>
-        </div>
-        <div class="el-dialog__body" v-if="rendered"><slot></slot></div>
-        <div class="el-dialog__footer" v-if="$slots.footer">
-          <slot name="footer"></slot>
-        </div>
-      </div>
-    </div>
-  </transition>
-</template>
-
-<script>
-  import Popup from 'element-ui/src/utils/popup';
-  import Migrating from 'element-ui/src/mixins/migrating';
-  import emitter from 'element-ui/src/mixins/emitter';
-
-  export default {
-    name: 'ElDialog',
-
-    mixins: [Popup, emitter, Migrating],
-
-    props: {
-      title: {
-        type: String,
-        default: ''
-      },
-
-      modal: {
-        type: Boolean,
-        default: true
-      },
-
-      modalAppendToBody: {
-        type: Boolean,
-        default: true
-      },
-
-      appendToBody: {
-        type: Boolean,
-        default: false
-      },
-
-      lockScroll: {
-        type: Boolean,
-        default: true
-      },
-
-      closeOnClickModal: {
-        type: Boolean,
-        default: true
-      },
-
-      closeOnPressEscape: {
-        type: Boolean,
-        default: true
-      },
-
-      showClose: {
-        type: Boolean,
-        default: true
-      },
-
-      width: String,
-
-      fullscreen: Boolean,
-
-      customClass: {
-        type: String,
-        default: ''
-      },
-
-      top: {
-        type: String,
-        default: '15vh'
-      },
-      beforeClose: Function,
-      center: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    data() {
-      return {
-        closed: false
-      };
-    },
-
-    watch: {
-      visible(val) {
-        if (val) {
-          this.closed = false;
-          this.$emit('open');
-          this.$el.addEventListener('scroll', this.updatePopper);
-          this.$nextTick(() => {
-            this.$refs.dialog.scrollTop = 0;
-          });
-          if (this.appendToBody) {
-            document.body.appendChild(this.$el);
-          }
-        } else {
-          this.$el.removeEventListener('scroll', this.updatePopper);
-          if (!this.closed) this.$emit('close');
-        }
-      }
-    },
-
-    computed: {
-      style() {
-        let style = {};
-        if (!this.fullscreen) {
-          style.marginTop = this.top;
-          if (this.width) {
-            style.width = this.width;
-          }
-        }
-        return style;
-      }
-    },
-
-    methods: {
-      getMigratingConfig() {
-        return {
-          props: {
-            'size': 'size is removed.'
-          }
-        };
-      },
-      handleWrapperClick() {
-        if (!this.closeOnClickModal) return;
-        this.handleClose();
-      },
-      handleClose() {
-        if (typeof this.beforeClose === 'function') {
-          this.beforeClose(this.hide);
-        } else {
-          this.hide();
-        }
-      },
-      hide(cancel) {
-        if (cancel !== false) {
-          this.$emit('update:visible', false);
-          this.$emit('close');
-          this.closed = true;
-        }
-      },
-      updatePopper() {
-        this.broadcast('ElSelectDropdown', 'updatePopper');
-        this.broadcast('ElDropdownMenu', 'updatePopper');
-      },
-      afterEnter() {
-        this.$emit('opened');
-      },
-      afterLeave() {
-        this.$emit('closed');
-      }
-    },
-
-    mounted() {
-      if (this.visible) {
-        this.rendered = true;
-        this.open();
-        if (this.appendToBody) {
-          document.body.appendChild(this.$el);
-        }
-      }
-    },
-
-    destroyed() {
-      // if appendToBody is true, remove DOM node after destroy
-      if (this.appendToBody && this.$el && this.$el.parentNode) {
-        this.$el.parentNode.removeChild(this.$el);
-      }
-    }
-  };
-</script>
+<template>
+  <transition
+    name="dialog-fade"
+    @after-enter="afterEnter"
+    @after-leave="afterLeave">
+    <div class="el-dialog__wrapper" v-show="visible" @click.self="handleWrapperClick">
+      <div
+        role="dialog"
+        aria-modal="true"
+        :aria-label="title || 'dialog'"
+        class="el-dialog"
+        :class="[{ 'is-fullscreen': fullscreen, 'el-dialog--center': center }, customClass]"
+        ref="dialog"
+        :style="style">
+        <div class="el-dialog__header">
+          <slot name="title">
+            <span class="el-dialog__title">{{ title }}</span>
+          </slot>
+          <button
+            type="button"
+            class="el-dialog__headerbtn"
+            aria-label="Close"
+            v-if="showClose"
+            @click="handleClose">
+            <i class="el-dialog__close el-icon el-icon-close"></i>
+          </button>
+        </div>
+        <div class="el-dialog__body" v-if="rendered"><slot></slot></div>
+        <div class="el-dialog__footer" v-if="$slots.footer">
+          <slot name="footer"></slot>
+        </div>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script>
+  import Popup from '@penggy/element-ui/src/utils/popup';
+  import Migrating from '@penggy/element-ui/src/mixins/migrating';
+  import emitter from '@penggy/element-ui/src/mixins/emitter';
+
+  export default {
+    name: 'ElDialog',
+
+    mixins: [Popup, emitter, Migrating],
+
+    props: {
+      title: {
+        type: String,
+        default: ''
+      },
+
+      modal: {
+        type: Boolean,
+        default: true
+      },
+
+      modalAppendToBody: {
+        type: Boolean,
+        default: true
+      },
+
+      appendToBody: {
+        type: Boolean,
+        default: false
+      },
+
+      lockScroll: {
+        type: Boolean,
+        default: true
+      },
+
+      closeOnClickModal: {
+        type: Boolean,
+        default: true
+      },
+
+      closeOnPressEscape: {
+        type: Boolean,
+        default: true
+      },
+
+      showClose: {
+        type: Boolean,
+        default: true
+      },
+
+      width: String,
+
+      fullscreen: Boolean,
+
+      customClass: {
+        type: String,
+        default: ''
+      },
+
+      top: {
+        type: String,
+        default: '15vh'
+      },
+      beforeClose: Function,
+      center: {
+        type: Boolean,
+        default: false
+      }
+    },
+
+    data() {
+      return {
+        closed: false
+      };
+    },
+
+    watch: {
+      visible(val) {
+        if (val) {
+          this.closed = false;
+          this.$emit('open');
+          this.$el.addEventListener('scroll', this.updatePopper);
+          this.$nextTick(() => {
+            this.$refs.dialog.scrollTop = 0;
+          });
+          if (this.appendToBody) {
+            document.body.appendChild(this.$el);
+          }
+        } else {
+          this.$el.removeEventListener('scroll', this.updatePopper);
+          if (!this.closed) this.$emit('close');
+        }
+      }
+    },
+
+    computed: {
+      style() {
+        let style = {};
+        if (!this.fullscreen) {
+          style.marginTop = this.top;
+          if (this.width) {
+            style.width = this.width;
+          }
+        }
+        return style;
+      }
+    },
+
+    methods: {
+      getMigratingConfig() {
+        return {
+          props: {
+            'size': 'size is removed.'
+          }
+        };
+      },
+      handleWrapperClick() {
+        if (!this.closeOnClickModal) return;
+        this.handleClose();
+      },
+      handleClose() {
+        if (typeof this.beforeClose === 'function') {
+          this.beforeClose(this.hide);
+        } else {
+          this.hide();
+        }
+      },
+      hide(cancel) {
+        if (cancel !== false) {
+          this.$emit('update:visible', false);
+          this.$emit('close');
+          this.closed = true;
+        }
+      },
+      updatePopper() {
+        this.broadcast('ElSelectDropdown', 'updatePopper');
+        this.broadcast('ElDropdownMenu', 'updatePopper');
+      },
+      afterEnter() {
+        this.$emit('opened');
+      },
+      afterLeave() {
+        this.$emit('closed');
+      }
+    },
+
+    mounted() {
+      if (this.visible) {
+        this.rendered = true;
+        this.open();
+        if (this.appendToBody) {
+          document.body.appendChild(this.$el);
+        }
+      }
+    },
+
+    destroyed() {
+      // if appendToBody is true, remove DOM node after destroy
+      if (this.appendToBody && this.$el && this.$el.parentNode) {
+        this.$el.parentNode.removeChild(this.$el);
+      }
+    }
+  };
+</script>

package/packages/dropdown/index.js

@@ -1,8 +1,8 @@
-import ElDropdown from './src/dropdown';
-
-/* istanbul ignore next */
-ElDropdown.install = function(Vue) {
-  Vue.component(ElDropdown.name, ElDropdown);
-};
-
-export default ElDropdown;
+import ElDropdown from './src/dropdown';
+
+/* istanbul ignore next */
+ElDropdown.install = function(Vue) {
+  Vue.component(ElDropdown.name, ElDropdown);
+};
+
+export default ElDropdown;

package/packages/dropdown/src/dropdown-item.vue

@@ -1,35 +1,35 @@
-<template>
-  <li
-    class="el-dropdown-menu__item"
-    :class="{
-      'is-disabled': disabled,
-      'el-dropdown-menu__item--divided': divided
-    }"
-    @click="handleClick"
-    :aria-disabled="disabled"
-    :tabindex="disabled ? null : -1"
-  >
-    <slot></slot>
-  </li>
-</template>
-<script>
-  import Emitter from 'element-ui/src/mixins/emitter';
-
-  export default {
-    name: 'ElDropdownItem',
-
-    mixins: [Emitter],
-
-    props: {
-      command: {},
-      disabled: Boolean,
-      divided: Boolean
-    },
-
-    methods: {
-      handleClick(e) {
-        this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]);
-      }
-    }
-  };
-</script>
+<template>
+  <li
+    class="el-dropdown-menu__item"
+    :class="{
+      'is-disabled': disabled,
+      'el-dropdown-menu__item--divided': divided
+    }"
+    @click="handleClick"
+    :aria-disabled="disabled"
+    :tabindex="disabled ? null : -1"
+  >
+    <slot></slot>
+  </li>
+</template>
+<script>
+  import Emitter from '@penggy/element-ui/src/mixins/emitter';
+
+  export default {
+    name: 'ElDropdownItem',
+
+    mixins: [Emitter],
+
+    props: {
+      command: {},
+      disabled: Boolean,
+      divided: Boolean
+    },
+
+    methods: {
+      handleClick(e) {
+        this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]);
+      }
+    }
+  };
+</script>

package/packages/dropdown/src/dropdown-menu.vue

@@ -1,60 +1,60 @@
-<template>
-  <transition name="el-zoom-in-top" @after-leave="doDestroy">
-    <ul class="el-dropdown-menu el-popper" :class="[size && `el-dropdown-menu--${size}`]" v-show="showPopper">
-      <slot></slot>
-    </ul>
-  </transition>
-</template>
-<script>
-  import Popper from 'element-ui/src/utils/vue-popper';
-
-  export default {
-    name: 'ElDropdownMenu',
-
-    componentName: 'ElDropdownMenu',
-
-    mixins: [Popper],
-
-    props: {
-      visibleArrow: {
-        type: Boolean,
-        default: true
-      },
-      arrowOffset: {
-        type: Number,
-        default: 0
-      }
-    },
-
-    data() {
-      return {
-        size: this.dropdown.dropdownSize
-      };
-    },
-
-    inject: ['dropdown'],
-
-    created() {
-      this.$on('updatePopper', () => {
-        if (this.showPopper) this.updatePopper();
-      });
-      this.$on('visible', val => {
-        this.showPopper = val;
-      });
-    },
-
-    mounted() {
-      this.$parent.popperElm = this.popperElm = this.$el;
-      this.referenceElm = this.$parent.$el;
-    },
-
-    watch: {
-      'dropdown.placement': {
-        immediate: true,
-        handler(val) {
-          this.currentPlacement = val;
-        }
-      }
-    }
-  };
-</script>
+<template>
+  <transition name="el-zoom-in-top" @after-leave="doDestroy">
+    <ul class="el-dropdown-menu el-popper" :class="[size && `el-dropdown-menu--${size}`]" v-show="showPopper">
+      <slot></slot>
+    </ul>
+  </transition>
+</template>
+<script>
+  import Popper from '@penggy/element-ui/src/utils/vue-popper';
+
+  export default {
+    name: 'ElDropdownMenu',
+
+    componentName: 'ElDropdownMenu',
+
+    mixins: [Popper],
+
+    props: {
+      visibleArrow: {
+        type: Boolean,
+        default: true
+      },
+      arrowOffset: {
+        type: Number,
+        default: 0
+      }
+    },
+
+    data() {
+      return {
+        size: this.dropdown.dropdownSize
+      };
+    },
+
+    inject: ['dropdown'],
+
+    created() {
+      this.$on('updatePopper', () => {
+        if (this.showPopper) this.updatePopper();
+      });
+      this.$on('visible', val => {
+        this.showPopper = val;
+      });
+    },
+
+    mounted() {
+      this.$parent.popperElm = this.popperElm = this.$el;
+      this.referenceElm = this.$parent.$el;
+    },
+
+    watch: {
+      'dropdown.placement': {
+        immediate: true,
+        handler(val) {
+          this.currentPlacement = val;
+        }
+      }
+    }
+  };
+</script>