element-sim 1.1.8 → 1.1.9

package/packages/menu-item/index.js

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

package/packages/menu-item-group/index.js

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

package/packages/message/index.js

@@ -1,2 +1,2 @@
-import Message from './src/main.js';
-export default Message;
+import Message from './src/main.js';
+export default Message;

package/packages/message/src/main.js

@@ -1,91 +1,91 @@
-import Vue from 'vue';
-import Main from './main.vue';
-import { PopupManager } from 'element-sim/src/utils/popup';
-import { isVNode } from 'element-sim/src/utils/vdom';
-import { isObject } from 'element-sim/src/utils/types';
-let MessageConstructor = Vue.extend(Main);
-
-let instance;
-let instances = [];
-let seed = 1;
-
-const Message = function(options) {
-  if (Vue.prototype.$isServer) return;
-  options = options || {};
-  if (typeof options === 'string') {
-    options = {
-      message: options
-    };
-  }
-  let userOnClose = options.onClose;
-  let id = 'message_' + seed++;
-
-  options.onClose = function() {
-    Message.close(id, userOnClose);
-  };
-  instance = new MessageConstructor({
-    data: options
-  });
-  instance.id = id;
-  if (isVNode(instance.message)) {
-    instance.$slots.default = [instance.message];
-    instance.message = null;
-  }
-  instance.$mount();
-  document.body.appendChild(instance.$el);
-  let verticalOffset = options.offset || 20;
-  instances.forEach(item => {
-    verticalOffset += item.$el.offsetHeight + 16;
-  });
-  instance.verticalOffset = verticalOffset;
-  instance.visible = true;
-  instance.$el.style.zIndex = PopupManager.nextZIndex();
-  instances.push(instance);
-  return instance;
-};
-
-['success', 'warning', 'info', 'error'].forEach(type => {
-  Message[type] = (options) => {
-    if (isObject(options) && !isVNode(options)) {
-      return Message({
-        ...options,
-        type
-      });
-    }
-    return Message({
-      type,
-      message: options
-    });
-  };
-});
-
-Message.close = function(id, userOnClose) {
-  let len = instances.length;
-  let index = -1;
-  let removedHeight;
-  for (let i = 0; i < len; i++) {
-    if (id === instances[i].id) {
-      removedHeight = instances[i].$el.offsetHeight;
-      index = i;
-      if (typeof userOnClose === 'function') {
-        userOnClose(instances[i]);
-      }
-      instances.splice(i, 1);
-      break;
-    }
-  }
-  if (len <= 1 || index === -1 || index > instances.length - 1) return;
-  for (let i = index; i < len - 1 ; i++) {
-    let dom = instances[i].$el;
-    dom.style['top'] =
-      parseInt(dom.style['top'], 10) - removedHeight - 16 + 'px';
-  }
-};
-
-Message.closeAll = function() {
-  for (let i = instances.length - 1; i >= 0; i--) {
-    instances[i].close();
-  }
-};
-
-export default Message;
+import Vue from 'vue';
+import Main from './main.vue';
+import { PopupManager } from 'element-sim/src/utils/popup';
+import { isVNode } from 'element-sim/src/utils/vdom';
+import { isObject } from 'element-sim/src/utils/types';
+let MessageConstructor = Vue.extend(Main);
+
+let instance;
+let instances = [];
+let seed = 1;
+
+const Message = function(options) {
+  if (Vue.prototype.$isServer) return;
+  options = options || {};
+  if (typeof options === 'string') {
+    options = {
+      message: options
+    };
+  }
+  let userOnClose = options.onClose;
+  let id = 'message_' + seed++;
+
+  options.onClose = function() {
+    Message.close(id, userOnClose);
+  };
+  instance = new MessageConstructor({
+    data: options
+  });
+  instance.id = id;
+  if (isVNode(instance.message)) {
+    instance.$slots.default = [instance.message];
+    instance.message = null;
+  }
+  instance.$mount();
+  document.body.appendChild(instance.$el);
+  let verticalOffset = options.offset || 20;
+  instances.forEach(item => {
+    verticalOffset += item.$el.offsetHeight + 16;
+  });
+  instance.verticalOffset = verticalOffset;
+  instance.visible = true;
+  instance.$el.style.zIndex = PopupManager.nextZIndex();
+  instances.push(instance);
+  return instance;
+};
+
+['success', 'warning', 'info', 'error'].forEach(type => {
+  Message[type] = (options) => {
+    if (isObject(options) && !isVNode(options)) {
+      return Message({
+        ...options,
+        type
+      });
+    }
+    return Message({
+      type,
+      message: options
+    });
+  };
+});
+
+Message.close = function(id, userOnClose) {
+  let len = instances.length;
+  let index = -1;
+  let removedHeight;
+  for (let i = 0; i < len; i++) {
+    if (id === instances[i].id) {
+      removedHeight = instances[i].$el.offsetHeight;
+      index = i;
+      if (typeof userOnClose === 'function') {
+        userOnClose(instances[i]);
+      }
+      instances.splice(i, 1);
+      break;
+    }
+  }
+  if (len <= 1 || index === -1 || index > instances.length - 1) return;
+  for (let i = index; i < len - 1 ; i++) {
+    let dom = instances[i].$el;
+    dom.style['top'] =
+      parseInt(dom.style['top'], 10) - removedHeight - 16 + 'px';
+  }
+};
+
+Message.closeAll = function() {
+  for (let i = instances.length - 1; i >= 0; i--) {
+    instances[i].close();
+  }
+};
+
+export default Message;

package/packages/message/src/main.vue

@@ -1,117 +1,117 @@
-<template>
-  <transition name="el-message-fade" @after-leave="handleAfterLeave">
-    <div
-      :class="[
-        'el-message',
-        type && !iconClass ? `el-message--${ type }` : '',
-        center ? 'is-center' : '',
-        showClose ? 'is-closable' : '',
-        customClass
-      ]"
-      :style="positionStyle"
-      v-show="visible"
-      @mouseenter="clearTimer"
-      @mouseleave="startTimer"
-      role="alert">
-      <i :class="iconClass" v-if="iconClass"></i>
-      <i :class="typeClass" v-else></i>
-      <slot>
-        <p v-if="!dangerouslyUseHTMLString" class="el-message__content">{{ message }}</p>
-        <p v-else v-html="message" class="el-message__content"></p>
-      </slot>
-      <i v-if="showClose" class="el-message__closeBtn el-icon-close" @click="close"></i>
-    </div>
-  </transition>
-</template>
-
-<script type="text/babel">
-  const typeMap = {
-    success: 'success',
-    info: 'info',
-    warning: 'warning',
-    error: 'error'
-  };
-
-  export default {
-    data() {
-      return {
-        visible: false,
-        message: '',
-        duration: 3000,
-        type: 'info',
-        iconClass: '',
-        customClass: '',
-        onClose: null,
-        showClose: false,
-        closed: false,
-        verticalOffset: 20,
-        timer: null,
-        dangerouslyUseHTMLString: false,
-        center: false
-      };
-    },
-
-    computed: {
-      typeClass() {
-        return this.type && !this.iconClass
-          ? `el-message__icon el-icon-${ typeMap[this.type] }`
-          : '';
-      },
-      positionStyle() {
-        return {
-          'top': `${ this.verticalOffset }px`
-        };
-      }
-    },
-
-    watch: {
-      closed(newVal) {
-        if (newVal) {
-          this.visible = false;
-        }
-      }
-    },
-
-    methods: {
-      handleAfterLeave() {
-        this.$destroy(true);
-        this.$el.parentNode.removeChild(this.$el);
-      },
-
-      close() {
-        this.closed = true;
-        if (typeof this.onClose === 'function') {
-          this.onClose(this);
-        }
-      },
-
-      clearTimer() {
-        clearTimeout(this.timer);
-      },
-
-      startTimer() {
-        if (this.duration > 0) {
-          this.timer = setTimeout(() => {
-            if (!this.closed) {
-              this.close();
-            }
-          }, this.duration);
-        }
-      },
-      keydown(e) {
-        if (e.keyCode === 27) { // esc关闭消息
-          if (!this.closed) {
-            this.close();
-          }
-        }
-      }
-    },
-    mounted() {
-      this.startTimer();
-      document.addEventListener('keydown', this.keydown);
-    },
-    beforeDestroy() {
-      document.removeEventListener('keydown', this.keydown);
-    }
-  };
-</script>
+<template>
+  <transition name="el-message-fade" @after-leave="handleAfterLeave">
+    <div
+      :class="[
+        'el-message',
+        type && !iconClass ? `el-message--${ type }` : '',
+        center ? 'is-center' : '',
+        showClose ? 'is-closable' : '',
+        customClass
+      ]"
+      :style="positionStyle"
+      v-show="visible"
+      @mouseenter="clearTimer"
+      @mouseleave="startTimer"
+      role="alert">
+      <i :class="iconClass" v-if="iconClass"></i>
+      <i :class="typeClass" v-else></i>
+      <slot>
+        <p v-if="!dangerouslyUseHTMLString" class="el-message__content">{{ message }}</p>
+        <p v-else v-html="message" class="el-message__content"></p>
+      </slot>
+      <i v-if="showClose" class="el-message__closeBtn el-icon-close" @click="close"></i>
+    </div>
+  </transition>
+</template>
+
+<script type="text/babel">
+  const typeMap = {
+    success: 'success',
+    info: 'info',
+    warning: 'warning',
+    error: 'error'
+  };
+
+  export default {
+    data() {
+      return {
+        visible: false,
+        message: '',
+        duration: 3000,
+        type: 'info',
+        iconClass: '',
+        customClass: '',
+        onClose: null,
+        showClose: false,
+        closed: false,
+        verticalOffset: 20,
+        timer: null,
+        dangerouslyUseHTMLString: false,
+        center: false
+      };
+    },
+
+    computed: {
+      typeClass() {
+        return this.type && !this.iconClass
+          ? `el-message__icon el-icon-${ typeMap[this.type] }`
+          : '';
+      },
+      positionStyle() {
+        return {
+          'top': `${ this.verticalOffset }px`
+        };
+      }
+    },
+
+    watch: {
+      closed(newVal) {
+        if (newVal) {
+          this.visible = false;
+        }
+      }
+    },
+
+    methods: {
+      handleAfterLeave() {
+        this.$destroy(true);
+        this.$el.parentNode.removeChild(this.$el);
+      },
+
+      close() {
+        this.closed = true;
+        if (typeof this.onClose === 'function') {
+          this.onClose(this);
+        }
+      },
+
+      clearTimer() {
+        clearTimeout(this.timer);
+      },
+
+      startTimer() {
+        if (this.duration > 0) {
+          this.timer = setTimeout(() => {
+            if (!this.closed) {
+              this.close();
+            }
+          }, this.duration);
+        }
+      },
+      keydown(e) {
+        if (e.keyCode === 27) { // esc关闭消息
+          if (!this.closed) {
+            this.close();
+          }
+        }
+      }
+    },
+    mounted() {
+      this.startTimer();
+      document.addEventListener('keydown', this.keydown);
+    },
+    beforeDestroy() {
+      document.removeEventListener('keydown', this.keydown);
+    }
+  };
+</script>

package/packages/message-box/index.js

@@ -1,2 +1,2 @@
-import MessageBox from './src/main.js';
-export default MessageBox;
+import MessageBox from './src/main.js';
+export default MessageBox;