nd-autosize-elementui 2.15.14 → 2.15.16

package/packages/table/src/util.js

@@ -1,273 +0,0 @@
-import { getValueByPath } from 'element-ui/src/utils/util';
-
-export const getCell = function(event) {
-  let cell = event.target;
-
-  while (cell && cell.tagName.toUpperCase() !== 'HTML') {
-    if (cell.tagName.toUpperCase() === 'TD') {
-      return cell;
-    }
-    cell = cell.parentNode;
-  }
-
-  return null;
-};
-
-const isObject = function(obj) {
-  return obj !== null && typeof obj === 'object';
-};
-
-export const orderBy = function(array, sortKey, reverse, sortMethod, sortBy) {
-  if (!sortKey && !sortMethod && (!sortBy || Array.isArray(sortBy) && !sortBy.length)) {
-    return array;
-  }
-  if (typeof reverse === 'string') {
-    reverse = reverse === 'descending' ? -1 : 1;
-  } else {
-    reverse = (reverse && reverse < 0) ? -1 : 1;
-  }
-  const getKey = sortMethod ? null : function(value, index) {
-    if (sortBy) {
-      if (!Array.isArray(sortBy)) {
-        sortBy = [sortBy];
-      }
-      return sortBy.map(function(by) {
-        if (typeof by === 'string') {
-          return getValueByPath(value, by);
-        } else {
-          return by(value, index, array);
-        }
-      });
-    }
-    if (sortKey !== '$key') {
-      if (isObject(value) && '$value' in value) value = value.$value;
-    }
-    return [isObject(value) ? getValueByPath(value, sortKey) : value];
-  };
-  const compare = function(a, b) {
-    if (sortMethod) {
-      return sortMethod(a.value, b.value);
-    }
-    for (let i = 0, len = a.key.length; i < len; i++) {
-      if (a.key[i] < b.key[i]) {
-        return -1;
-      }
-      if (a.key[i] > b.key[i]) {
-        return 1;
-      }
-    }
-    return 0;
-  };
-  return array.map(function(value, index) {
-    return {
-      value: value,
-      index: index,
-      key: getKey ? getKey(value, index) : null
-    };
-  }).sort(function(a, b) {
-    let order = compare(a, b);
-    if (!order) {
-      // make stable https://en.wikipedia.org/wiki/Sorting_algorithm#Stability
-      order = a.index - b.index;
-    }
-    return order * reverse;
-  }).map(item => item.value);
-};
-
-export const getColumnById = function(table, columnId) {
-  let column = null;
-  table.columns.forEach(function(item) {
-    if (item.id === columnId) {
-      column = item;
-    }
-  });
-  return column;
-};
-
-export const getColumnByKey = function(table, columnKey) {
-  let column = null;
-  for (let i = 0; i < table.columns.length; i++) {
-    const item = table.columns[i];
-    if (item.columnKey === columnKey) {
-      column = item;
-      break;
-    }
-  }
-  return column;
-};
-
-export const getColumnByCell = function(table, cell) {
-  const matches = (cell.className || '').match(/el-table_[^\s]+/gm);
-  if (matches) {
-    return getColumnById(table, matches[0]);
-  }
-  return null;
-};
-
-export const getRowIdentity = (row, rowKey) => {
-  if (!row) throw new Error('row is required when get row identity');
-  if (typeof rowKey === 'string') {
-    if (rowKey.indexOf('.') < 0) {
-      return row[rowKey];
-    }
-    let key = rowKey.split('.');
-    let current = row;
-    for (let i = 0; i < key.length; i++) {
-      current = current[key[i]];
-    }
-    return current;
-  } else if (typeof rowKey === 'function') {
-    return rowKey.call(null, row);
-  }
-};
-
-export const getKeysMap = function(array, rowKey) {
-  const arrayMap = {};
-  (array || []).forEach((row, index) => {
-    arrayMap[getRowIdentity(row, rowKey)] = { row, index };
-  });
-  return arrayMap;
-};
-
-function hasOwn(obj, key) {
-  return Object.prototype.hasOwnProperty.call(obj, key);
-}
-
-export function mergeOptions(defaults, config) {
-  const options = {};
-  let key;
-  for (key in defaults) {
-    options[key] = defaults[key];
-  }
-  for (key in config) {
-    if (hasOwn(config, key)) {
-      const value = config[key];
-      if (typeof value !== 'undefined') {
-        options[key] = value;
-      }
-    }
-  }
-  return options;
-}
-
-export function parseWidth(width) {
-  if (width !== undefined) {
-    width = parseInt(width, 10);
-    if (isNaN(width)) {
-      width = null;
-    }
-  }
-  return width;
-}
-
-export function parseMinWidth(minWidth) {
-  if (typeof minWidth !== 'undefined') {
-    minWidth = parseWidth(minWidth);
-    if (isNaN(minWidth)) {
-      minWidth = 80;
-    }
-  }
-  return minWidth;
-};
-
-export function parseHeight(height) {
-  if (typeof height === 'number') {
-    return height;
-  }
-  if (typeof height === 'string') {
-    if (/^\d+(?:px)?$/.test(height)) {
-      return parseInt(height, 10);
-    } else {
-      return height;
-    }
-  }
-  return null;
-}
-
-// https://github.com/reduxjs/redux/blob/master/src/compose.js
-export function compose(...funcs) {
-  if (funcs.length === 0) {
-    return arg => arg;
-  }
-  if (funcs.length === 1) {
-    return funcs[0];
-  }
-  return funcs.reduce((a, b) => (...args) => a(b(...args)));
-}
-
-export function toggleRowStatus(statusArr, row, newVal) {
-  let changed = false;
-  const index = statusArr.indexOf(row);
-  const included = index !== -1;
-
-  const addRow = () => {
-    statusArr.push(row);
-    changed = true;
-  };
-  const removeRow = () => {
-    statusArr.splice(index, 1);
-    changed = true;
-  };
-
-  if (typeof newVal === 'boolean') {
-    if (newVal && !included) {
-      addRow();
-    } else if (!newVal && included) {
-      removeRow();
-    }
-  } else {
-    if (included) {
-      removeRow();
-    } else {
-      addRow();
-    }
-  }
-  return changed;
-}
-
-export function walkTreeNode(root, cb, childrenKey = 'children', lazyKey = 'hasChildren') {
-  const isNil = (array) => !(Array.isArray(array) && array.length);
-
-  function _walker(parent, children, level) {
-    cb(parent, children, level);
-    children.forEach(item => {
-      if (item[lazyKey]) {
-        cb(item, null, level + 1);
-        return;
-      }
-      const children = item[childrenKey];
-      if (!isNil(children)) {
-        _walker(item, children, level + 1);
-      }
-    });
-  }
-
-  root.forEach(item => {
-    if (item[lazyKey]) {
-      cb(item, null, 0);
-      return;
-    }
-    const children = item[childrenKey];
-    if (!isNil(children)) {
-      _walker(item, children, 0);
-    }
-  });
-}
-
-export const objectEquals = function(objectA, objectB) {
-  // 取对象a和b的属性名
-  let aProps = Object.getOwnPropertyNames(objectA);
-  let bProps = Object.getOwnPropertyNames(objectB);
-  // 判断属性名的length是否一致
-  if (aProps.length !== bProps.length) {
-    return false;
-  }
-  // 循环取出属性名，再判断属性值是否一致
-  for (let i = 0; i < aProps.length; i++) {
-    let propName = aProps[i];
-    if (objectA[propName] !== objectB[propName]) {
-      return false;
-    }
-  }
-  return true;
-};

package/packages/table-column/index.js

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

package/packages/tabs/index.js

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

package/packages/tabs/src/tab-bar.vue

@@ -1,57 +0,0 @@
-<template>
-  <div class="el-tabs__active-bar" :class="`is-${ rootTabs.tabPosition }`" :style="barStyle"></div>
-</template>
-<script>
-  import { arrayFind } from 'element-ui/src/utils/util';
-  export default {
-    name: 'TabBar',
-
-    props: {
-      tabs: Array
-    },
-
-    inject: ['rootTabs'],
-
-    computed: {
-      barStyle: {
-        get() {
-          let style = {};
-          let offset = 0;
-          let tabSize = 0;
-          const sizeName = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
-          const sizeDir = sizeName === 'width' ? 'x' : 'y';
-          const firstUpperCase = str => {
-            return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
-          };
-          this.tabs.every((tab, index) => {
-            let $el = arrayFind(this.$parent.$refs.tabs || [], t => t.id.replace('tab-', '') === tab.paneName);
-            if (!$el) { return false; }
-
-            if (!tab.active) {
-              offset += $el[`client${firstUpperCase(sizeName)}`];
-              return true;
-            } else {
-              tabSize = $el[`client${firstUpperCase(sizeName)}`];
-              const tabStyles = window.getComputedStyle($el);
-              if (sizeName === 'width' && this.tabs.length > 1) {
-                tabSize -= parseFloat(tabStyles.paddingLeft) + parseFloat(tabStyles.paddingRight);
-              }
-              if (sizeName === 'width') {
-                offset += parseFloat(tabStyles.paddingLeft);
-              }
-              return false;
-            }
-          });
-
-          const transform = `translate${firstUpperCase(sizeDir)}(${offset}px)`;
-          style[sizeName] = tabSize + 'px';
-          style.transform = transform;
-          style.msTransform = transform;
-          style.webkitTransform = transform;
-
-          return style;
-        }
-      }
-    }
-  };
-</script>

package/packages/tabs/src/tab-nav.vue

@@ -1,294 +0,0 @@
-<script>
-  import TabBar from './tab-bar';
-  import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
-
-  function noop() {}
-  const firstUpperCase = str => {
-    return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
-  };
-
-  export default {
-    name: 'TabNav',
-
-    components: {
-      TabBar
-    },
-
-    inject: ['rootTabs'],
-
-    props: {
-      panes: Array,
-      currentName: String,
-      editable: Boolean,
-      onTabClick: {
-        type: Function,
-        default: noop
-      },
-      onTabRemove: {
-        type: Function,
-        default: noop
-      },
-      type: String,
-      stretch: Boolean
-    },
-
-    data() {
-      return {
-        scrollable: false,
-        navOffset: 0,
-        isFocus: false,
-        focusable: true
-      };
-    },
-
-    computed: {
-      navStyle() {
-        const dir = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'X' : 'Y';
-        return {
-          transform: `translate${dir}(-${this.navOffset}px)`
-        };
-      },
-      sizeName() {
-        return ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'width' : 'height';
-      }
-    },
-
-    methods: {
-      scrollPrev() {
-        const containerSize = this.$refs.navScroll[`offset${firstUpperCase(this.sizeName)}`];
-        const currentOffset = this.navOffset;
-
-        if (!currentOffset) return;
-
-        let newOffset = currentOffset > containerSize
-          ? currentOffset - containerSize
-          : 0;
-
-        this.navOffset = newOffset;
-      },
-      scrollNext() {
-        const navSize = this.$refs.nav[`offset${firstUpperCase(this.sizeName)}`];
-        const containerSize = this.$refs.navScroll[`offset${firstUpperCase(this.sizeName)}`];
-        const currentOffset = this.navOffset;
-
-        if (navSize - currentOffset <= containerSize) return;
-
-        let newOffset = navSize - currentOffset > containerSize * 2
-          ? currentOffset + containerSize
-          : (navSize - containerSize);
-
-        this.navOffset = newOffset;
-      },
-      scrollToActiveTab() {
-        if (!this.scrollable) return;
-        const nav = this.$refs.nav;
-        const activeTab = this.$el.querySelector('.is-active');
-        if (!activeTab) return;
-        const navScroll = this.$refs.navScroll;
-        const isHorizontal = ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1;
-        const activeTabBounding = activeTab.getBoundingClientRect();
-        const navScrollBounding = navScroll.getBoundingClientRect();
-        const maxOffset = isHorizontal
-          ? nav.offsetWidth - navScrollBounding.width
-          : nav.offsetHeight - navScrollBounding.height;
-        const currentOffset = this.navOffset;
-        let newOffset = currentOffset;
-
-        if (isHorizontal) {
-          if (activeTabBounding.left < navScrollBounding.left) {
-            newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
-          }
-          if (activeTabBounding.right > navScrollBounding.right) {
-            newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
-          }
-        } else {
-          if (activeTabBounding.top < navScrollBounding.top) {
-            newOffset = currentOffset - (navScrollBounding.top - activeTabBounding.top);
-          }
-          if (activeTabBounding.bottom > navScrollBounding.bottom) {
-            newOffset = currentOffset + (activeTabBounding.bottom - navScrollBounding.bottom);
-          }
-        }
-        newOffset = Math.max(newOffset, 0);
-        this.navOffset = Math.min(newOffset, maxOffset);
-      },
-      update() {
-        if (!this.$refs.nav) return;
-        const sizeName = this.sizeName;
-        const navSize = this.$refs.nav[`offset${firstUpperCase(sizeName)}`];
-        const containerSize = this.$refs.navScroll[`offset${firstUpperCase(sizeName)}`];
-        const currentOffset = this.navOffset;
-
-        if (containerSize < navSize) {
-          const currentOffset = this.navOffset;
-          this.scrollable = this.scrollable || {};
-          this.scrollable.prev = currentOffset;
-          this.scrollable.next = currentOffset + containerSize < navSize;
-          if (navSize - currentOffset < containerSize) {
-            this.navOffset = navSize - containerSize;
-          }
-        } else {
-          this.scrollable = false;
-          if (currentOffset > 0) {
-            this.navOffset = 0;
-          }
-        }
-      },
-      changeTab(e) {
-        const keyCode = e.keyCode;
-        let nextIndex;
-        let currentIndex, tabList;
-        if ([37, 38, 39, 40].indexOf(keyCode) !== -1) { // 左右上下键更换tab
-          tabList = e.currentTarget.querySelectorAll('[role=tab]');
-          currentIndex = Array.prototype.indexOf.call(tabList, e.target);
-        } else {
-          return;
-        }
-        if (keyCode === 37 || keyCode === 38) { // left
-          if (currentIndex === 0) { // first
-            nextIndex = tabList.length - 1;
-          } else {
-            nextIndex = currentIndex - 1;
-          }
-        } else { // right
-          if (currentIndex < tabList.length - 1) { // not last
-            nextIndex = currentIndex + 1;
-          } else {
-            nextIndex = 0;
-          }
-        }
-        tabList[nextIndex].focus(); // 改变焦点元素
-        tabList[nextIndex].click(); // 选中下一个tab
-        this.setFocus();
-      },
-      setFocus() {
-        if (this.focusable) {
-          this.isFocus = true;
-        }
-      },
-      removeFocus() {
-        this.isFocus = false;
-      },
-      visibilityChangeHandler() {
-        const visibility = document.visibilityState;
-        if (visibility === 'hidden') {
-          this.focusable = false;
-        } else if (visibility === 'visible') {
-          setTimeout(() => {
-            this.focusable = true;
-          }, 50);
-        }
-      },
-      windowBlurHandler() {
-        this.focusable = false;
-      },
-      windowFocusHandler() {
-        setTimeout(() => {
-          this.focusable = true;
-        }, 50);
-      }
-    },
-
-    updated() {
-      this.update();
-    },
-
-    render(h) {
-      const {
-        type,
-        panes,
-        editable,
-        stretch,
-        onTabClick,
-        onTabRemove,
-        navStyle,
-        scrollable,
-        scrollNext,
-        scrollPrev,
-        changeTab,
-        setFocus,
-        removeFocus
-      } = this;
-      const scrollBtn = scrollable
-        ? [
-          <span class={['el-tabs__nav-prev', scrollable.prev ? '' : 'is-disabled']} on-click={scrollPrev}><i class="el-icon-arrow-left"></i></span>,
-          <span class={['el-tabs__nav-next', scrollable.next ? '' : 'is-disabled']} on-click={scrollNext}><i class="el-icon-arrow-right"></i></span>
-        ] : null;
-
-      const tabs = this._l(panes, (pane, index) => {
-        let tabName = pane.name || pane.index || index;
-        const closable = pane.isClosable || editable;
-
-        pane.index = `${index}`;
-
-        const btnClose = closable
-          ? <span class="el-icon-close" on-click={(ev) => { onTabRemove(pane, ev); }}></span>
-          : null;
-
-        const tabLabelContent = pane.$slots.label || pane.label;
-        const tabindex = pane.active ? 0 : -1;
-        return (
-          <div
-            class={{
-              'el-tabs__item': true,
-              [`is-${ this.rootTabs.tabPosition }`]: true,
-              'is-active': pane.active,
-              'is-disabled': pane.disabled,
-              'is-closable': closable,
-              'is-focus': this.isFocus
-            }}
-            id={`tab-${tabName}`}
-            key={`tab-${tabName}`}
-            aria-controls={`pane-${tabName}`}
-            role="tab"
-            aria-selected={ pane.active }
-            ref="tabs"
-            tabindex={tabindex}
-            refInFor
-            on-focus={ ()=> { setFocus(); }}
-            on-blur ={ ()=> { removeFocus(); }}
-            on-click={(ev) => { removeFocus(); onTabClick(pane, tabName, ev); }}
-            on-keydown={(ev) => { if (closable && (ev.keyCode === 46 || ev.keyCode === 8)) { onTabRemove(pane, ev);} }}
-          >
-            {tabLabelContent}
-            {btnClose}
-          </div>
-        );
-      });
-      return (
-        <div class={['el-tabs__nav-wrap', scrollable ? 'is-scrollable' : '', `is-${ this.rootTabs.tabPosition }`]}>
-          {scrollBtn}
-          <div class={['el-tabs__nav-scroll']} ref="navScroll">
-            <div
-              class={['el-tabs__nav', `is-${ this.rootTabs.tabPosition }`, stretch && ['top', 'bottom'].indexOf(this.rootTabs.tabPosition) !== -1 ? 'is-stretch' : '']}
-              ref="nav"
-              style={navStyle}
-              role="tablist"
-              on-keydown={ changeTab }
-            >
-              {!type ? <tab-bar tabs={panes}></tab-bar> : null}
-              {tabs}
-            </div>
-          </div>
-        </div>
-      );
-    },
-
-    mounted() {
-      addResizeListener(this.$el, this.update);
-      document.addEventListener('visibilitychange', this.visibilityChangeHandler);
-      window.addEventListener('blur', this.windowBlurHandler);
-      window.addEventListener('focus', this.windowFocusHandler);
-      setTimeout(() => {
-        this.scrollToActiveTab();
-      }, 0);
-    },
-
-    beforeDestroy() {
-      if (this.$el && this.update) removeResizeListener(this.$el, this.update);
-      document.removeEventListener('visibilitychange', this.visibilityChangeHandler);
-      window.removeEventListener('blur', this.windowBlurHandler);
-      window.removeEventListener('focus', this.windowFocusHandler);
-    }
-  };
-</script>

package/packages/tabs/src/tab-pane.vue

@@ -1,56 +0,0 @@
-<template>
-  <div
-    class="el-tab-pane"
-    v-if="(!lazy || loaded) || active"
-    v-show="active"
-    role="tabpanel"
-    :aria-hidden="!active"
-    :id="`pane-${paneName}`"
-    :aria-labelledby="`tab-${paneName}`"
-  >
-    <slot></slot>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'ElTabPane',
-
-    componentName: 'ElTabPane',
-
-    props: {
-      label: String,
-      labelContent: Function,
-      name: String,
-      closable: Boolean,
-      disabled: Boolean,
-      lazy: Boolean
-    },
-
-    data() {
-      return {
-        index: null,
-        loaded: false
-      };
-    },
-
-    computed: {
-      isClosable() {
-        return this.closable || this.$parent.closable;
-      },
-      active() {
-        const active = this.$parent.currentName === (this.name || this.index);
-        if (active) {
-          this.loaded = true;
-        }
-        return active;
-      },
-      paneName() {
-        return this.name || this.index;
-      }
-    },
-
-    updated() {
-      this.$parent.$emit('tab-nav-update');
-    }
-  };
-</script>