nd-autosize-elementui 2.15.15 → 2.15.17

package/README.md

@@ -1,148 +0,0 @@
-<p align="center">
-  <img src="https://cdn.rawgit.com/ElemeFE/element/dev/element_logo.svg">
-</p>
-
-<p align="center">
-  <a href="https://travis-ci.org/ElemeFE/element">
-    <img src="https://travis-ci.org/ElemeFE/element.svg?branch=master">
-  </a>
-  <a href="https://coveralls.io/github/ElemeFE/element?branch=master">
-    <img src="https://coveralls.io/repos/github/ElemeFE/element/badge.svg?branch=master">
-  </a>
-  <a href="https://cdnjs.com/libraries/element-ui">
-    <img src="https://img.shields.io/cdnjs/v/element-ui.svg">
-  </a>
-  <a href="https://www.npmjs.org/package/element-ui">
-    <img src="https://img.shields.io/npm/v/element-ui.svg">
-  </a>
-  <a href="https://npmcharts.com/compare/element-ui?minimal=true">
-    <img src="http://img.shields.io/npm/dm/element-ui.svg">
-  </a>
-  <br>
-  <a href="http://img.badgesize.io/https://unpkg.com/element-ui/lib/index.js?compression=gzip&label=gzip%20size:%20JS">
-    <img src="http://img.badgesize.io/https://unpkg.com/element-ui/lib/index.js?compression=gzip&label=gzip%20size:%20JS">
-  </a>
-  <a href="http://img.badgesize.io/https://unpkg.com/element-ui/lib/theme-chalk/index.css?compression=gzip&label=gzip%20size:%20CSS">
-    <img src="http://img.badgesize.io/https://unpkg.com/element-ui/lib/theme-chalk/index.css?compression=gzip&label=gzip%20size:%20CSS">
-  </a>
-  <a href="#backers">
-    <img src="https://opencollective.com/element/backers/badge.svg">
-  </a>
-  <a href="#sponsors">
-    <img src="https://opencollective.com/element/sponsors/badge.svg">
-  </a>
-  <a href="LICENSE">
-    <img src="https://img.shields.io/badge/License-MIT-yellow.svg">
-  </a>
-</p>
-
-> A Vue.js 2.0 UI Toolkit for Web.
-
-Element will stay with Vue 2.x
-
-For Vue 3.0, we recommend using [Element Plus](https://github.com/element-plus/element-plus)(Element Plus is a community develop project)
-
-For MiniProgram development, we recommend using [MorJS](https://github.com/eleme/morjs)
-
-## Links
-- Homepage and documentation
-  - [International users](http://element.eleme.io/#/en-US)
-  - [Chinese users](http://element.eleme.io/#/zh-CN)
-  - [Spanish users](http://element.eleme.io/#/es)
-  - [French users](http://element.eleme.io/#/fr-FR)
-- [awesome-element](https://github.com/ElementUI/awesome-element)
-- [FAQ](./FAQ.md)
-- [Vue.js 3.0 migration](https://github.com/element-plus/element-plus)
-- [Customize theme](http://element.eleme.io/#/en-US/component/custom-theme)
-- [Preview and generate theme online](https://elementui.github.io/theme-chalk-preview)
-- [Element for React](https://github.com/elemefe/element-react)
-- [Element for Angular](https://github.com/ElemeFE/element-angular)
-- [Atom helper](https://github.com/ElemeFE/element-helper)
-- [Visual Studio Code helper](https://github.com/ElemeFE/vscode-element-helper)
-- Starter kit
-  - [element-starter](https://github.com/ElementUI/element-starter)
-  - [element-in-laravel-starter](https://github.com/ElementUI/element-in-laravel-starter)
-- [Design resources](https://github.com/ElementUI/Resources)
-- Gitter
-  - [International users](https://gitter.im/element-en/Lobby)
-  - [Chinese users](https://gitter.im/ElemeFE/element)
-
-## Install
-```shell
-npm install element-ui -S
-```
-
-## Quick Start
-``` javascript
-import Vue from 'vue'
-import Element from 'element-ui'
-
-Vue.use(Element)
-
-// or
-import {
-  Select,
-  Button
-  // ...
-} from 'element-ui'
-
-Vue.component(Select.name, Select)
-Vue.component(Button.name, Button)
-```
-For more information, please refer to [Quick Start](http://element.eleme.io/#/en-US/component/quickstart) in our documentation.
-
-## Browser Support
-Modern browsers and Internet Explorer 10+.
-
-## Development
-Skip this part if you just want to use Element.
-
-For those who are interested in contributing to Element, please refer to our contributing guide ([中文](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.zh-CN.md) | [English](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.en-US.md) | [Español](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.es.md) | [Français](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.fr-FR.md)) to see how to run this project.
-
-## Changelog
-Detailed changes for each release are documented in the [release notes](https://github.com/ElemeFE/element/releases).
-
-## FAQ
-We have collected some [frequently asked questions](https://github.com/ElemeFE/element/blob/master/FAQ.md). Before reporting an issue, please search if the FAQ has the answer to your problem.
-
-## Contribution
-Please make sure to read the contributing guide ([中文](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.zh-CN.md) | [English](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.en-US.md) | [Español](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.es.md) | [Français](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.fr-FR.md)) before making a pull request.
-
-## Special Thanks
-English documentation is brought to you by SwiftGG Translation Team:
-- [raychenfj](https://github.com/raychenfj)
-- [kevin](http://thekevin.cn/)
-- [曾小涛](https://github.com/zengxiaotao)
-- [湾仔王二](https://github.com/wanzaiwanger)
-- [BlooDLine](http://www.ibloodline.com/)
-- [陈铭嘉](https://chenmingjia.github.io/)
-- [千叶知风](http://mpc6.com/)
-- [梁杰](http://numbbbbb.com)
-- [Changing](https://github.com/sunzhuo11)
-- [mmoaay](https://github.com/mmoaay)
-
-Spanish documentation is made possible by these community developers:
-- [adavie1](https://github.com/adavie1)
-- [carmencitaqiu](https://github.com/carmencitaqiu)
-- [coderdiaz](https://github.com/coderdiaz)
-- [fedegar33](https://github.com/fedegar33)
-- [Gonzalo2310](https://github.com/Gonzalo2310)
-- [lesterbx](https://github.com/lesterbx)
-- [ProgramerGuy](https://github.com/ProgramerGuy)
-- [SantiagoGdaR](https://github.com/SantiagoGdaR)
-- [sigfriedCub1990](https://github.com/sigfriedCub1990)
-- [thechosenjuan](https://github.com/thechosenjuan)
-
-French documentation is made possible by these community developers:
-- [smalesys](https://github.com/smalesys)
-- [blombard](https://github.com/blombard)
-
-## Join Discussion Group
-
-Scan the QR code using [Dingtalk App](https://www.dingtalk.com/) to join in discussion group :
-
-<img alt="Join Discusion Group" src="https://user-images.githubusercontent.com/17680888/93177882-0ae92d80-f766-11ea-870d-3fa2d7f06454.png" width="300">
-
-
-## LICENSE
-[MIT](LICENSE)

package/packages/alert/index.js

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

package/packages/alert/src/main.vue

@@ -1,94 +0,0 @@
-<template>
-  <transition name="el-alert-fade">
-    <div
-      class="el-alert"
-      :class="[typeClass, center ? 'is-center' : '', 'is-' + effect]"
-      v-show="visible"
-      role="alert"
-    >
-      <i class="el-alert__icon" :class="[ iconClass, isBigIcon ]" v-if="showIcon"></i>
-      <div class="el-alert__content">
-        <span class="el-alert__title" :class="[ isBoldTitle ]" v-if="title || $slots.title">
-          <slot name="title">{{ title }}</slot>
-        </span>
-        <p class="el-alert__description" v-if="$slots.default && !description"><slot></slot></p>
-        <p class="el-alert__description" v-if="description && !$slots.default">{{ description }}</p>
-        <i class="el-alert__closebtn" :class="{ 'is-customed': closeText !== '', 'el-icon-close': closeText === '' }" v-show="closable" @click="close()">{{closeText}}</i>
-      </div>
-    </div>
-  </transition>
-</template>
-
-<script type="text/babel">
-  const TYPE_CLASSES_MAP = {
-    'success': 'el-icon-success',
-    'warning': 'el-icon-warning',
-    'error': 'el-icon-error'
-  };
-  export default {
-    name: 'ElAlert',
-
-    props: {
-      title: {
-        type: String,
-        default: ''
-      },
-      description: {
-        type: String,
-        default: ''
-      },
-      type: {
-        type: String,
-        default: 'info'
-      },
-      closable: {
-        type: Boolean,
-        default: true
-      },
-      closeText: {
-        type: String,
-        default: ''
-      },
-      showIcon: Boolean,
-      center: Boolean,
-      effect: {
-        type: String,
-        default: 'light',
-        validator: function(value) {
-          return ['light', 'dark'].indexOf(value) !== -1;
-        }
-      }
-    },
-
-    data() {
-      return {
-        visible: true
-      };
-    },
-
-    methods: {
-      close() {
-        this.visible = false;
-        this.$emit('close');
-      }
-    },
-
-    computed: {
-      typeClass() {
-        return `el-alert--${ this.type }`;
-      },
-
-      iconClass() {
-        return TYPE_CLASSES_MAP[this.type] || 'el-icon-info';
-      },
-
-      isBigIcon() {
-        return this.description || this.$slots.default ? 'is-big' : '';
-      },
-
-      isBoldTitle() {
-        return this.description || this.$slots.default ? 'is-bold' : '';
-      }
-    }
-  };
-</script>

package/packages/aside/index.js

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

package/packages/aside/src/main.vue

@@ -1,20 +0,0 @@
-<template>
-  <aside class="el-aside" :style="{ width }">
-    <slot></slot>
-  </aside>
-</template>
-
-<script>
-  export default {
-    name: 'ElAside',
-
-    componentName: 'ElAside',
-
-    props: {
-      width: {
-        type: String,
-        default: '300px'
-      }
-    }
-  };
-</script>

package/packages/autocomplete/index.js

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

package/packages/autocomplete/src/autocomplete-suggestions.vue

@@ -1,76 +0,0 @@
-<template>
-  <transition name="el-zoom-in-top" @after-leave="doDestroy">
-    <div
-      v-show="showPopper"
-      class="el-autocomplete-suggestion el-popper"
-      :class="{ 'is-loading': !parent.hideLoading && parent.loading }"
-      :style="{ width: dropdownWidth }"
-      role="region">
-      <el-scrollbar
-        tag="ul"
-        wrap-class="el-autocomplete-suggestion__wrap"
-        view-class="el-autocomplete-suggestion__list">
-        <li v-if="!parent.hideLoading && parent.loading"><i class="el-icon-loading"></i></li>
-        <slot v-else>
-        </slot>
-      </el-scrollbar>
-    </div>
-  </transition>
-</template>
-<script>
-  import Popper from 'element-ui/src/utils/vue-popper';
-  import Emitter from 'element-ui/src/mixins/emitter';
-  import ElScrollbar from 'element-ui/packages/scrollbar';
-
-  export default {
-    components: { ElScrollbar },
-    mixins: [Popper, Emitter],
-
-    componentName: 'ElAutocompleteSuggestions',
-
-    data() {
-      return {
-        parent: this.$parent,
-        dropdownWidth: ''
-      };
-    },
-
-    props: {
-      options: {
-        default() {
-          return {
-            gpuAcceleration: false
-          };
-        }
-      },
-      id: String
-    },
-
-    methods: {
-      select(item) {
-        this.dispatch('ElAutocomplete', 'item-click', item);
-      }
-    },
-
-    updated() {
-      this.$nextTick(_ => {
-        this.popperJS && this.updatePopper();
-      });
-    },
-
-    mounted() {
-      this.$parent.popperElm = this.popperElm = this.$el;
-      this.referenceElm = this.$parent.$refs.input.$refs.input || this.$parent.$refs.input.$refs.textarea;
-      this.referenceList = this.$el.querySelector('.el-autocomplete-suggestion__list');
-      this.referenceList.setAttribute('role', 'listbox');
-      this.referenceList.setAttribute('id', this.id);
-    },
-
-    created() {
-      this.$on('visible', (val, inputWidth) => {
-        this.dropdownWidth = inputWidth + 'px';
-        this.showPopper = val;
-      });
-    }
-  };
-</script>

package/packages/autocomplete/src/autocomplete.vue

@@ -1,285 +0,0 @@
-<template>
-  <div
-    class="el-autocomplete"
-    v-clickoutside="close"
-    aria-haspopup="listbox"
-    role="combobox"
-    :aria-expanded="suggestionVisible"
-    :aria-owns="id"
-  >
-    <el-input
-      ref="input"
-      v-bind="[$props, $attrs]"
-      @input="handleInput"
-      @change="handleChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-      @clear="handleClear"
-      @keydown.up.native.prevent="highlight(highlightedIndex - 1)"
-      @keydown.down.native.prevent="highlight(highlightedIndex + 1)"
-      @keydown.enter.native="handleKeyEnter"
-      @keydown.native.tab="close"
-    >
-      <template slot="prepend" v-if="$slots.prepend">
-        <slot name="prepend"></slot>
-      </template>
-      <template slot="append" v-if="$slots.append">
-        <slot name="append"></slot>
-      </template>
-      <template slot="prefix" v-if="$slots.prefix">
-        <slot name="prefix"></slot>
-      </template>
-      <template slot="suffix" v-if="$slots.suffix">
-        <slot name="suffix"></slot>
-      </template>
-    </el-input>
-    <el-autocomplete-suggestions
-      visible-arrow
-      :class="[popperClass ? popperClass : '']"
-      :popper-options="popperOptions"
-      :append-to-body="popperAppendToBody"
-      ref="suggestions"
-      :placement="placement"
-      :id="id">
-      <li
-        v-for="(item, index) in suggestions"
-        :key="index"
-        :class="{'highlighted': highlightedIndex === index}"
-        @click="select(item)"
-        :id="`${id}-item-${index}`"
-        role="option"
-        :aria-selected="highlightedIndex === index"
-      >
-        <slot :item="item">
-          {{ item[valueKey] }}
-        </slot>
-      </li>
-    </el-autocomplete-suggestions>
-  </div>
-</template>
-<script>
-  import debounce from 'throttle-debounce/debounce';
-  import ElInput from 'element-ui/packages/input';
-  import Clickoutside from 'element-ui/src/utils/clickoutside';
-  import ElAutocompleteSuggestions from './autocomplete-suggestions.vue';
-  import Emitter from 'element-ui/src/mixins/emitter';
-  import Migrating from 'element-ui/src/mixins/migrating';
-  import { generateId } from 'element-ui/src/utils/util';
-  import Focus from 'element-ui/src/mixins/focus';
-
-  export default {
-    name: 'ElAutocomplete',
-
-    mixins: [Emitter, Focus('input'), Migrating],
-
-    inheritAttrs: false,
-
-    componentName: 'ElAutocomplete',
-
-    components: {
-      ElInput,
-      ElAutocompleteSuggestions
-    },
-
-    directives: { Clickoutside },
-
-    props: {
-      valueKey: {
-        type: String,
-        default: 'value'
-      },
-      popperClass: String,
-      popperOptions: Object,
-      placeholder: String,
-      clearable: {
-        type: Boolean,
-        default: false
-      },
-      disabled: Boolean,
-      name: String,
-      size: String,
-      value: String,
-      maxlength: Number,
-      minlength: Number,
-      autofocus: Boolean,
-      fetchSuggestions: Function,
-      triggerOnFocus: {
-        type: Boolean,
-        default: true
-      },
-      customItem: String,
-      selectWhenUnmatched: {
-        type: Boolean,
-        default: false
-      },
-      prefixIcon: String,
-      suffixIcon: String,
-      label: String,
-      debounce: {
-        type: Number,
-        default: 300
-      },
-      placement: {
-        type: String,
-        default: 'bottom-start'
-      },
-      hideLoading: Boolean,
-      popperAppendToBody: {
-        type: Boolean,
-        default: true
-      },
-      highlightFirstItem: {
-        type: Boolean,
-        default: false
-      }
-    },
-    data() {
-      return {
-        activated: false,
-        suggestions: [],
-        loading: false,
-        highlightedIndex: -1,
-        suggestionDisabled: false
-      };
-    },
-    computed: {
-      suggestionVisible() {
-        const suggestions = this.suggestions;
-        let isValidData = Array.isArray(suggestions) && suggestions.length > 0;
-        return (isValidData || this.loading) && this.activated;
-      },
-      id() {
-        return `el-autocomplete-${generateId()}`;
-      }
-    },
-    watch: {
-      suggestionVisible(val) {
-        let $input = this.getInput();
-        if ($input) {
-          this.broadcast('ElAutocompleteSuggestions', 'visible', [val, $input.offsetWidth]);
-        }
-      }
-    },
-    methods: {
-      getMigratingConfig() {
-        return {
-          props: {
-            'custom-item': 'custom-item is removed, use scoped slot instead.',
-            'props': 'props is removed, use value-key instead.'
-          }
-        };
-      },
-      getData(queryString) {
-        if (this.suggestionDisabled) {
-          return;
-        }
-        this.loading = true;
-        this.fetchSuggestions(queryString, (suggestions) => {
-          this.loading = false;
-          if (this.suggestionDisabled) {
-            return;
-          }
-          if (Array.isArray(suggestions)) {
-            this.suggestions = suggestions;
-            this.highlightedIndex = this.highlightFirstItem ? 0 : -1;
-          } else {
-            console.error('[Element Error][Autocomplete]autocomplete suggestions must be an array');
-          }
-        });
-      },
-      handleInput(value) {
-        this.$emit('input', value);
-        this.suggestionDisabled = false;
-        if (!this.triggerOnFocus && !value) {
-          this.suggestionDisabled = true;
-          this.suggestions = [];
-          return;
-        }
-        this.debouncedGetData(value);
-      },
-      handleChange(value) {
-        this.$emit('change', value);
-      },
-      handleFocus(event) {
-        this.activated = true;
-        this.$emit('focus', event);
-        if (this.triggerOnFocus) {
-          this.debouncedGetData(this.value);
-        }
-      },
-      handleBlur(event) {
-        this.$emit('blur', event);
-      },
-      handleClear() {
-        this.activated = false;
-        this.$emit('clear');
-      },
-      close(e) {
-        this.activated = false;
-      },
-      handleKeyEnter(e) {
-        if (this.suggestionVisible && this.highlightedIndex >= 0 && this.highlightedIndex < this.suggestions.length) {
-          e.preventDefault();
-          this.select(this.suggestions[this.highlightedIndex]);
-        } else if (this.selectWhenUnmatched) {
-          this.$emit('select', {value: this.value});
-          this.$nextTick(_ => {
-            this.suggestions = [];
-            this.highlightedIndex = -1;
-          });
-        }
-      },
-      select(item) {
-        this.$emit('input', item[this.valueKey]);
-        this.$emit('select', item);
-        this.$nextTick(_ => {
-          this.suggestions = [];
-          this.highlightedIndex = -1;
-        });
-      },
-      highlight(index) {
-        if (!this.suggestionVisible || this.loading) { return; }
-        if (index < 0) {
-          this.highlightedIndex = -1;
-          return;
-        }
-        if (index >= this.suggestions.length) {
-          index = this.suggestions.length - 1;
-        }
-        const suggestion = this.$refs.suggestions.$el.querySelector('.el-autocomplete-suggestion__wrap');
-        const suggestionList = suggestion.querySelectorAll('.el-autocomplete-suggestion__list li');
-
-        let highlightItem = suggestionList[index];
-        let scrollTop = suggestion.scrollTop;
-        let offsetTop = highlightItem.offsetTop;
-
-        if (offsetTop + highlightItem.scrollHeight > (scrollTop + suggestion.clientHeight)) {
-          suggestion.scrollTop += highlightItem.scrollHeight;
-        }
-        if (offsetTop < scrollTop) {
-          suggestion.scrollTop -= highlightItem.scrollHeight;
-        }
-        this.highlightedIndex = index;
-        let $input = this.getInput();
-        $input.setAttribute('aria-activedescendant', `${this.id}-item-${this.highlightedIndex}`);
-      },
-      getInput() {
-        return this.$refs.input.getInput();
-      }
-    },
-    mounted() {
-      this.debouncedGetData = debounce(this.debounce, this.getData);
-      this.$on('item-click', item => {
-        this.select(item);
-      });
-      let $input = this.getInput();
-      $input.setAttribute('role', 'textbox');
-      $input.setAttribute('aria-autocomplete', 'list');
-      $input.setAttribute('aria-controls', 'id');
-      $input.setAttribute('aria-activedescendant', `${this.id}-item-${this.highlightedIndex}`);
-    },
-    beforeDestroy() {
-      this.$refs.suggestions.$destroy();
-    }
-  };
-</script>

package/packages/avatar/index.js

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