iov-design 2.15.60 → 2.15.62

package/packages/notification/src/main.js

@@ -1,94 +1,94 @@
-import Vue from 'vue';
-import Main from './main.vue';
-import merge from 'iov-design/src/utils/merge';
-import { PopupManager } from 'iov-design/src/utils/popup';
-import { isVNode } from 'iov-design/src/utils/vdom';
-const NotificationConstructor = Vue.extend(Main);
-
-let instance;
-let instances = [];
-let seed = 1;
-
-const Notification = function(options) {
-  if (Vue.prototype.$isServer) return;
-  options = merge({}, options);
-  const userOnClose = options.onClose;
-  const id = 'notification_' + seed++;
-  const position = options.position || 'top-right';
-
-  options.onClose = function() {
-    Notification.close(id, userOnClose);
-  };
-
-  instance = new NotificationConstructor({
-    data: options
-  });
-
-  if (isVNode(options.message)) {
-    instance.$slots.default = [options.message];
-    options.message = 'REPLACED_BY_VNODE';
-  }
-  instance.id = id;
-  instance.$mount();
-  document.body.appendChild(instance.$el);
-  instance.visible = true;
-  instance.dom = instance.$el;
-  instance.dom.style.zIndex = PopupManager.nextZIndex();
-
-  let verticalOffset = options.offset || 0;
-  instances.filter(item => item.position === position).forEach(item => {
-    verticalOffset += item.$el.offsetHeight + 16;
-  });
-  verticalOffset += 16;
-  instance.verticalOffset = verticalOffset;
-  instances.push(instance);
-  return instance;
-};
-
-['success', 'warning', 'info', 'error'].forEach(type => {
-  Notification[type] = options => {
-    if (typeof options === 'string' || isVNode(options)) {
-      options = {
-        message: options
-      };
-    }
-    options.type = type;
-    return Notification(options);
-  };
-});
-
-Notification.close = function(id, userOnClose) {
-  let index = -1;
-  const len = instances.length;
-  const instance = instances.filter((instance, i) => {
-    if (instance.id === id) {
-      index = i;
-      return true;
-    }
-    return false;
-  })[0];
-  if (!instance) return;
-
-  if (typeof userOnClose === 'function') {
-    userOnClose(instance);
-  }
-  instances.splice(index, 1);
-
-  if (len <= 1) return;
-  const position = instance.position;
-  const removedHeight = instance.dom.offsetHeight;
-  for (let i = index; i < len - 1 ; i++) {
-    if (instances[i].position === position) {
-      instances[i].dom.style[instance.verticalProperty] =
-        parseInt(instances[i].dom.style[instance.verticalProperty], 10) - removedHeight - 16 + 'px';
-    }
-  }
-};
-
-Notification.closeAll = function() {
-  for (let i = instances.length - 1; i >= 0; i--) {
-    instances[i].close();
-  }
-};
-
-export default Notification;
+import Vue from 'vue';
+import Main from './main.vue';
+import merge from 'iov-design/src/utils/merge';
+import { PopupManager } from 'iov-design/src/utils/popup';
+import { isVNode } from 'iov-design/src/utils/vdom';
+const NotificationConstructor = Vue.extend(Main);
+
+let instance;
+let instances = [];
+let seed = 1;
+
+const Notification = function(options) {
+  if (Vue.prototype.$isServer) return;
+  options = merge({}, options);
+  const userOnClose = options.onClose;
+  const id = 'notification_' + seed++;
+  const position = options.position || 'top-right';
+
+  options.onClose = function() {
+    Notification.close(id, userOnClose);
+  };
+
+  instance = new NotificationConstructor({
+    data: options
+  });
+
+  if (isVNode(options.message)) {
+    instance.$slots.default = [options.message];
+    options.message = 'REPLACED_BY_VNODE';
+  }
+  instance.id = id;
+  instance.$mount();
+  document.body.appendChild(instance.$el);
+  instance.visible = true;
+  instance.dom = instance.$el;
+  instance.dom.style.zIndex = PopupManager.nextZIndex();
+
+  let verticalOffset = options.offset || 0;
+  instances.filter(item => item.position === position).forEach(item => {
+    verticalOffset += item.$el.offsetHeight + 16;
+  });
+  verticalOffset += 16;
+  instance.verticalOffset = verticalOffset;
+  instances.push(instance);
+  return instance;
+};
+
+['success', 'warning', 'info', 'error'].forEach(type => {
+  Notification[type] = options => {
+    if (typeof options === 'string' || isVNode(options)) {
+      options = {
+        message: options
+      };
+    }
+    options.type = type;
+    return Notification(options);
+  };
+});
+
+Notification.close = function(id, userOnClose) {
+  let index = -1;
+  const len = instances.length;
+  const instance = instances.filter((instance, i) => {
+    if (instance.id === id) {
+      index = i;
+      return true;
+    }
+    return false;
+  })[0];
+  if (!instance) return;
+
+  if (typeof userOnClose === 'function') {
+    userOnClose(instance);
+  }
+  instances.splice(index, 1);
+
+  if (len <= 1) return;
+  const position = instance.position;
+  const removedHeight = instance.dom.offsetHeight;
+  for (let i = index; i < len - 1 ; i++) {
+    if (instances[i].position === position) {
+      instances[i].dom.style[instance.verticalProperty] =
+        parseInt(instances[i].dom.style[instance.verticalProperty], 10) - removedHeight - 16 + 'px';
+    }
+  }
+};
+
+Notification.closeAll = function() {
+  for (let i = instances.length - 1; i >= 0; i--) {
+    instances[i].close();
+  }
+};
+
+export default Notification;

package/packages/page-header/src/main.vue

@@ -1,30 +1,30 @@
-<template>
-  <div class="el-page-header">
-    <div class="el-page-header__left" @click="$emit('back')">
-      <i class="el-icon-back"></i>
-      <div class="el-page-header__title">
-        <slot name="title">{{ title }}</slot>
-      </div>
-    </div>
-    <div class="el-page-header__content">
-      <slot name="content">{{ content }}</slot>
-    </div>
-  </div>
-</template>
-
-<script>
-import { t } from 'iov-design/src/locale';
-export default {
-  name: 'ElPageHeader',
-
-  props: {
-    title: {
-      type: String,
-      default() {
-        return t('el.pageHeader.title');
-      }
-    },
-    content: String
-  }
-};
-</script>
+<template>
+  <div class="el-page-header">
+    <div class="el-page-header__left" @click="$emit('back')">
+      <i class="el-icon-back"></i>
+      <div class="el-page-header__title">
+        <slot name="title">{{ title }}</slot>
+      </div>
+    </div>
+    <div class="el-page-header__content">
+      <slot name="content">{{ content }}</slot>
+    </div>
+  </div>
+</template>
+
+<script>
+import { t } from 'iov-design/src/locale';
+export default {
+  name: 'ElPageHeader',
+
+  props: {
+    title: {
+      type: String,
+      default() {
+        return t('el.pageHeader.title');
+      }
+    },
+    content: String
+  }
+};
+</script>