nd-autosize-elementui 2.15.15 → 2.15.17

package/packages/result/src/index.vue

@@ -1,65 +0,0 @@
-<template>
-  <div class="el-result">
-    <div class="el-result__icon">
-      <slot name="icon">
-        <component :is="iconElement" :class="iconElement" />
-      </slot>
-    </div>
-    <div v-if="title || $slots.title" class="el-result__title">
-      <slot name="title">
-        <p>{{ title }}</p>
-      </slot>
-    </div>
-    <div v-if="subTitle || $slots.subTitle" class="el-result__subtitle">
-      <slot name="subTitle">
-        <p>{{ subTitle }}</p>
-      </slot>
-    </div>
-    <div v-if="$slots.extra" class="el-result__extra">
-      <slot name="extra"></slot>
-    </div>
-  </div>
-</template>
-<script>
-import IconSuccess from './icon-success.vue';
-import IconError from './icon-error.vue';
-import IconWarning from './icon-warning.vue';
-import IconInfo from './icon-info.vue';
-
-const IconMap = {
-  success: 'icon-success',
-  warning: 'icon-warning',
-  error: 'icon-error',
-  info: 'icon-info'
-};
-
-export default {
-  name: 'ElResult',
-  components: {
-    [IconSuccess.name]: IconSuccess,
-    [IconError.name]: IconError,
-    [IconWarning.name]: IconWarning,
-    [IconInfo.name]: IconInfo
-  },
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    subTitle: {
-      type: String,
-      default: ''
-    },
-    icon: {
-      type: String,
-      default: 'info'
-    }
-  },
-  computed: {
-    iconElement() {
-      const icon = this.icon;
-      return icon && IconMap[icon] ? IconMap[icon] : 'icon-info';
-    }
-  }
-};
-</script>

package/packages/row/index.js

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

package/packages/row/src/row.js

@@ -1,44 +0,0 @@
-export default {
-  name: 'ElRow',
-
-  componentName: 'ElRow',
-
-  props: {
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    gutter: Number,
-    type: String,
-    justify: {
-      type: String,
-      default: 'start'
-    },
-    align: String
-  },
-
-  computed: {
-    style() {
-      const ret = {};
-
-      if (this.gutter) {
-        ret.marginLeft = `-${this.gutter / 2}px`;
-        ret.marginRight = ret.marginLeft;
-      }
-
-      return ret;
-    }
-  },
-
-  render(h) {
-    return h(this.tag, {
-      class: [
-        'el-row',
-        this.justify !== 'start' ? `is-justify-${this.justify}` : '',
-        this.align ? `is-align-${this.align}` : '',
-        { 'el-row--flex': this.type === 'flex' }
-      ],
-      style: this.style
-    }, this.$slots.default);
-  }
-};

package/packages/scrollbar/index.js

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

package/packages/scrollbar/src/bar.js

@@ -1,92 +0,0 @@
-import { on, off } from 'element-ui/src/utils/dom';
-import { renderThumbStyle, BAR_MAP } from './util';
-
-/* istanbul ignore next */
-export default {
-  name: 'Bar',
-
-  props: {
-    vertical: Boolean,
-    size: String,
-    move: Number
-  },
-
-  computed: {
-    bar() {
-      return BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
-    },
-
-    wrap() {
-      return this.$parent.wrap;
-    }
-  },
-
-  render(h) {
-    const { size, move, bar } = this;
-
-    return (
-      <div
-        class={ ['el-scrollbar__bar', 'is-' + bar.key] }
-        onMousedown={ this.clickTrackHandler } >
-        <div
-          ref="thumb"
-          class="el-scrollbar__thumb"
-          onMousedown={ this.clickThumbHandler }
-          style={ renderThumbStyle({ size, move, bar }) }>
-        </div>
-      </div>
-    );
-  },
-
-  methods: {
-    clickThumbHandler(e) {
-      // prevent click event of right button
-      if (e.ctrlKey || e.button === 2) {
-        return;
-      }
-      this.startDrag(e);
-      this[this.bar.axis] = (e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]));
-    },
-
-    clickTrackHandler(e) {
-      const offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
-      const thumbHalf = (this.$refs.thumb[this.bar.offset] / 2);
-      const thumbPositionPercentage = ((offset - thumbHalf) * 100 / this.$el[this.bar.offset]);
-
-      this.wrap[this.bar.scroll] = (thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100);
-    },
-
-    startDrag(e) {
-      e.stopImmediatePropagation();
-      this.cursorDown = true;
-
-      on(document, 'mousemove', this.mouseMoveDocumentHandler);
-      on(document, 'mouseup', this.mouseUpDocumentHandler);
-      document.onselectstart = () => false;
-    },
-
-    mouseMoveDocumentHandler(e) {
-      if (this.cursorDown === false) return;
-      const prevPage = this[this.bar.axis];
-
-      if (!prevPage) return;
-
-      const offset = ((this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1);
-      const thumbClickPosition = (this.$refs.thumb[this.bar.offset] - prevPage);
-      const thumbPositionPercentage = ((offset - thumbClickPosition) * 100 / this.$el[this.bar.offset]);
-
-      this.wrap[this.bar.scroll] = (thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100);
-    },
-
-    mouseUpDocumentHandler(e) {
-      this.cursorDown = false;
-      this[this.bar.axis] = 0;
-      off(document, 'mousemove', this.mouseMoveDocumentHandler);
-      document.onselectstart = null;
-    }
-  },
-
-  destroyed() {
-    off(document, 'mouseup', this.mouseUpDocumentHandler);
-  }
-};

package/packages/scrollbar/src/main.js

@@ -1,130 +0,0 @@
-// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
-
-import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
-import scrollbarWidth from 'element-ui/src/utils/scrollbar-width';
-import { toObject } from 'element-ui/src/utils/util';
-import Bar from './bar';
-
-/* istanbul ignore next */
-export default {
-  name: 'ElScrollbar',
-
-  components: { Bar },
-
-  props: {
-    native: Boolean,
-    wrapStyle: {},
-    wrapClass: {},
-    viewClass: {},
-    viewStyle: {},
-    noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
-    tag: {
-      type: String,
-      default: 'div'
-    }
-  },
-
-  data() {
-    return {
-      sizeWidth: '0',
-      sizeHeight: '0',
-      moveX: 0,
-      moveY: 0
-    };
-  },
-
-  computed: {
-    wrap() {
-      return this.$refs.wrap;
-    }
-  },
-
-  render(h) {
-    let gutter = scrollbarWidth();
-    let style = this.wrapStyle;
-
-    if (gutter) {
-      const gutterWith = `-${gutter}px`;
-      const gutterStyle = `margin-bottom: ${gutterWith}; margin-right: ${gutterWith};`;
-
-      if (Array.isArray(this.wrapStyle)) {
-        style = toObject(this.wrapStyle);
-        style.marginRight = style.marginBottom = gutterWith;
-      } else if (typeof this.wrapStyle === 'string') {
-        style += gutterStyle;
-      } else {
-        style = gutterStyle;
-      }
-    }
-    const view = h(this.tag, {
-      class: ['el-scrollbar__view', this.viewClass],
-      style: this.viewStyle,
-      ref: 'resize'
-    }, this.$slots.default);
-    const wrap = (
-      <div
-        ref="wrap"
-        style={ style }
-        onScroll={ this.handleScroll }
-        class={ [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] }>
-        { [view] }
-      </div>
-    );
-    let nodes;
-
-    if (!this.native) {
-      nodes = ([
-        wrap,
-        <Bar
-          move={ this.moveX }
-          size={ this.sizeWidth }></Bar>,
-        <Bar
-          vertical
-          move={ this.moveY }
-          size={ this.sizeHeight }></Bar>
-      ]);
-    } else {
-      nodes = ([
-        <div
-          ref="wrap"
-          class={ [this.wrapClass, 'el-scrollbar__wrap'] }
-          style={ style }>
-          { [view] }
-        </div>
-      ]);
-    }
-    return h('div', { class: 'el-scrollbar' }, nodes);
-  },
-
-  methods: {
-    handleScroll() {
-      const wrap = this.wrap;
-
-      this.moveY = ((wrap.scrollTop * 100) / wrap.clientHeight);
-      this.moveX = ((wrap.scrollLeft * 100) / wrap.clientWidth);
-    },
-
-    update() {
-      let heightPercentage, widthPercentage;
-      const wrap = this.wrap;
-      if (!wrap) return;
-
-      heightPercentage = (wrap.clientHeight * 100 / wrap.scrollHeight);
-      widthPercentage = (wrap.clientWidth * 100 / wrap.scrollWidth);
-
-      this.sizeHeight = (heightPercentage < 100) ? (heightPercentage + '%') : '';
-      this.sizeWidth = (widthPercentage < 100) ? (widthPercentage + '%') : '';
-    }
-  },
-
-  mounted() {
-    if (this.native) return;
-    this.$nextTick(this.update);
-    !this.noresize && addResizeListener(this.$refs.resize, this.update);
-  },
-
-  beforeDestroy() {
-    if (this.native) return;
-    !this.noresize && removeResizeListener(this.$refs.resize, this.update);
-  }
-};

package/packages/scrollbar/src/util.js

@@ -1,34 +0,0 @@
-export const BAR_MAP = {
-  vertical: {
-    offset: 'offsetHeight',
-    scroll: 'scrollTop',
-    scrollSize: 'scrollHeight',
-    size: 'height',
-    key: 'vertical',
-    axis: 'Y',
-    client: 'clientY',
-    direction: 'top'
-  },
-  horizontal: {
-    offset: 'offsetWidth',
-    scroll: 'scrollLeft',
-    scrollSize: 'scrollWidth',
-    size: 'width',
-    key: 'horizontal',
-    axis: 'X',
-    client: 'clientX',
-    direction: 'left'
-  }
-};
-
-export function renderThumbStyle({ move, size, bar }) {
-  const style = {};
-  const translate = `translate${bar.axis}(${ move }%)`;
-
-  style[bar.size] = size;
-  style.transform = translate;
-  style.msTransform = translate;
-  style.webkitTransform = translate;
-
-  return style;
-};

package/packages/select/index.js

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

package/packages/select/src/navigation-mixin.js

@@ -1,54 +0,0 @@
-export default {
-  data() {
-    return {
-      hoverOption: -1
-    };
-  },
-
-  computed: {
-    optionsAllDisabled() {
-      return this.options.filter(option => option.visible).every(option => option.disabled);
-    }
-  },
-
-  watch: {
-    hoverIndex(val) {
-      if (typeof val === 'number' && val > -1) {
-        this.hoverOption = this.options[val] || {};
-      }
-      this.options.forEach(option => {
-        option.hover = this.hoverOption === option;
-      });
-    }
-  },
-
-  methods: {
-    navigateOptions(direction) {
-      if (!this.visible) {
-        this.visible = true;
-        return;
-      }
-      if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
-      if (!this.optionsAllDisabled) {
-        if (direction === 'next') {
-          this.hoverIndex++;
-          if (this.hoverIndex === this.options.length) {
-            this.hoverIndex = 0;
-          }
-        } else if (direction === 'prev') {
-          this.hoverIndex--;
-          if (this.hoverIndex < 0) {
-            this.hoverIndex = this.options.length - 1;
-          }
-        }
-        const option = this.options[this.hoverIndex];
-        if (option.disabled === true ||
-          option.groupDisabled === true ||
-          !option.visible) {
-          this.navigateOptions(direction);
-        }
-        this.$nextTick(() => this.scrollToOption(this.hoverOption));
-      }
-    }
-  }
-};

package/packages/select/src/option-group.vue

@@ -1,60 +0,0 @@
-<template>
-  <ul class="el-select-group__wrap" v-show="visible">
-    <li class="el-select-group__title">{{ label }}</li>
-    <li>
-      <ul class="el-select-group">
-        <slot></slot>
-      </ul>
-    </li>
-  </ul>
-</template>
-
-<script type="text/babel">
-  import Emitter from 'element-ui/src/mixins/emitter';
-
-  export default {
-    mixins: [Emitter],
-
-    name: 'ElOptionGroup',
-
-    componentName: 'ElOptionGroup',
-
-    props: {
-      label: String,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    data() {
-      return {
-        visible: true
-      };
-    },
-
-    watch: {
-      disabled(val) {
-        this.broadcast('ElOption', 'handleGroupDisabled', val);
-      }
-    },
-
-    methods: {
-      queryChange() {
-        this.visible = this.$children &&
-          Array.isArray(this.$children) &&
-          this.$children.some(option => option.visible === true);
-      }
-    },
-
-    created() {
-      this.$on('queryChange', this.queryChange);
-    },
-
-    mounted() {
-      if (this.disabled) {
-        this.broadcast('ElOption', 'handleGroupDisabled', this.disabled);
-      }
-    }
-  };
-</script>

package/packages/select/src/option.vue

@@ -1,168 +0,0 @@
-<template>
-  <li
-    @mouseenter="hoverItem"
-    @click.stop="selectOptionClick"
-    class="el-select-dropdown__item"
-    v-show="visible"
-    :class="{
-      'selected': itemSelected,
-      'is-disabled': disabled || groupDisabled || limitReached,
-      'hover': hover
-    }">
-    <slot>
-      <span>{{ currentLabel }}</span>
-    </slot>
-  </li>
-</template>
-
-<script type="text/babel">
-  import Emitter from 'element-ui/src/mixins/emitter';
-  import { getValueByPath, escapeRegexpString } from 'element-ui/src/utils/util';
-
-  export default {
-    mixins: [Emitter],
-
-    name: 'ElOption',
-
-    componentName: 'ElOption',
-
-    inject: ['select'],
-
-    props: {
-      value: {
-        required: true
-      },
-      label: [String, Number],
-      created: Boolean,
-      disabled: {
-        type: Boolean,
-        default: false
-      }
-    },
-
-    data() {
-      return {
-        index: -1,
-        groupDisabled: false,
-        visible: true,
-        hitState: false,
-        hover: false
-      };
-    },
-
-    computed: {
-      isObject() {
-        return Object.prototype.toString.call(this.value).toLowerCase() === '[object object]';
-      },
-
-      currentLabel() {
-        return this.label || (this.isObject ? '' : this.value);
-      },
-
-      currentValue() {
-        return this.value || this.label || '';
-      },
-
-      itemSelected() {
-        if (!this.select.multiple) {
-          return this.isEqual(this.value, this.select.value);
-        } else {
-          return this.contains(this.select.value, this.value);
-        }
-      },
-
-      limitReached() {
-        if (this.select.multiple) {
-          return !this.itemSelected &&
-            (this.select.value || []).length >= this.select.multipleLimit &&
-            this.select.multipleLimit > 0;
-        } else {
-          return false;
-        }
-      }
-    },
-
-    watch: {
-      currentLabel() {
-        if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
-      },
-      value(val, oldVal) {
-        const { remote, valueKey } = this.select;
-        if (!this.created && !remote) {
-          if (valueKey && typeof val === 'object' && typeof oldVal === 'object' && val[valueKey] === oldVal[valueKey]) {
-            return;
-          }
-          this.dispatch('ElSelect', 'setSelected');
-        }
-      }
-    },
-
-    methods: {
-      isEqual(a, b) {
-        if (!this.isObject) {
-          return a === b;
-        } else {
-          const valueKey = this.select.valueKey;
-          return getValueByPath(a, valueKey) === getValueByPath(b, valueKey);
-        }
-      },
-
-      contains(arr = [], target) {
-        if (!this.isObject) {
-          return arr && arr.indexOf(target) > -1;
-        } else {
-          const valueKey = this.select.valueKey;
-          return arr && arr.some(item => {
-            return getValueByPath(item, valueKey) === getValueByPath(target, valueKey);
-          });
-        }
-      },
-
-      handleGroupDisabled(val) {
-        this.groupDisabled = val;
-      },
-
-      hoverItem() {
-        if (!this.disabled && !this.groupDisabled) {
-          this.select.hoverIndex = this.select.options.indexOf(this);
-        }
-      },
-
-      selectOptionClick() {
-        if (this.disabled !== true && this.groupDisabled !== true) {
-          this.dispatch('ElSelect', 'handleOptionClick', [this, true]);
-        }
-      },
-
-      queryChange(query) {
-        this.visible = new RegExp(escapeRegexpString(query), 'i').test(this.currentLabel) || this.created;
-        if (!this.visible) {
-          this.select.filteredOptionsCount--;
-        }
-      }
-    },
-
-    created() {
-      this.select.options.push(this);
-      this.select.cachedOptions.push(this);
-      this.select.optionsCount++;
-      this.select.filteredOptionsCount++;
-
-      this.$on('queryChange', this.queryChange);
-      this.$on('handleGroupDisabled', this.handleGroupDisabled);
-    },
-
-    beforeDestroy() {
-      const { selected, multiple } = this.select;
-      let selectedOptions = multiple ? selected : [selected];
-      let index = this.select.cachedOptions.indexOf(this);
-      let selectedIndex = selectedOptions.indexOf(this);
-
-      // if option is not selected, remove it from cache
-      if (index > -1 && selectedIndex < 0) {
-        this.select.cachedOptions.splice(index, 1);
-      }
-      this.select.onOptionDestroy(this.select.options.indexOf(this));
-    }
-  };
-</script>