nd-autosize-elementui 2.15.14 → 2.15.16

package/packages/tabs/src/tabs.vue

@@ -1,191 +0,0 @@
-<script>
-  import TabNav from './tab-nav';
-
-  export default {
-    name: 'ElTabs',
-
-    components: {
-      TabNav
-    },
-
-    props: {
-      type: String,
-      activeName: String,
-      closable: Boolean,
-      addable: Boolean,
-      value: {},
-      editable: Boolean,
-      tabPosition: {
-        type: String,
-        default: 'top'
-      },
-      beforeLeave: Function,
-      stretch: Boolean
-    },
-
-    provide() {
-      return {
-        rootTabs: this
-      };
-    },
-
-    data() {
-      return {
-        currentName: this.value || this.activeName,
-        panes: []
-      };
-    },
-
-    watch: {
-      activeName(value) {
-        this.setCurrentName(value);
-      },
-      value(value) {
-        this.setCurrentName(value);
-      },
-      currentName(value) {
-        if (this.$refs.nav) {
-          this.$nextTick(() => {
-            this.$refs.nav.$nextTick(_ => {
-              this.$refs.nav.scrollToActiveTab();
-            });
-          });
-        }
-      }
-    },
-
-    methods: {
-      calcPaneInstances(isForceUpdate = false) {
-        if (this.$slots.default) {
-          const paneSlots = this.$slots.default.filter(vnode => vnode.tag &&
-            vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'ElTabPane');
-          // update indeed
-          const panes = paneSlots.map(({ componentInstance }) => componentInstance);
-          const panesChanged = !(panes.length === this.panes.length && panes.every((pane, index) => pane === this.panes[index]));
-          if (isForceUpdate || panesChanged) {
-            this.panes = panes;
-          }
-        } else if (this.panes.length !== 0) {
-          this.panes = [];
-        }
-      },
-      handleTabClick(tab, tabName, event) {
-        if (tab.disabled) return;
-        this.setCurrentName(tabName);
-        this.$emit('tab-click', tab, event);
-      },
-      handleTabRemove(pane, ev) {
-        if (pane.disabled) return;
-        ev.stopPropagation();
-        this.$emit('edit', pane.name, 'remove');
-        this.$emit('tab-remove', pane.name);
-      },
-      handleTabAdd() {
-        this.$emit('edit', null, 'add');
-        this.$emit('tab-add');
-      },
-      setCurrentName(value) {
-        const changeCurrentName = () => {
-          this.currentName = value;
-          this.$emit('input', value);
-        };
-        if (this.currentName !== value && this.beforeLeave) {
-          const before = this.beforeLeave(value, this.currentName);
-          if (before && before.then) {
-            before
-              .then(() => {
-                changeCurrentName();
-                this.$refs.nav && this.$refs.nav.removeFocus();
-              }, () => {
-                // https://github.com/ElemeFE/element/pull/14816
-                // ignore promise rejection in `before-leave` hook
-              });
-          } else if (before !== false) {
-            changeCurrentName();
-          }
-        } else {
-          changeCurrentName();
-        }
-      }
-    },
-
-    render(h) {
-      let {
-        type,
-        handleTabClick,
-        handleTabRemove,
-        handleTabAdd,
-        currentName,
-        panes,
-        editable,
-        addable,
-        tabPosition,
-        stretch
-      } = this;
-
-      const newButton = editable || addable
-        ? (
-          <span
-            class="el-tabs__new-tab"
-            on-click={ handleTabAdd }
-            tabindex="0"
-            on-keydown={ (ev) => { if (ev.keyCode === 13) { handleTabAdd(); }} }
-          >
-            <i class="el-icon-plus"></i>
-          </span>
-        )
-        : null;
-
-      const navData = {
-        props: {
-          currentName,
-          onTabClick: handleTabClick,
-          onTabRemove: handleTabRemove,
-          editable,
-          type,
-          panes,
-          stretch
-        },
-        ref: 'nav'
-      };
-      const header = (
-        <div class={['el-tabs__header', `is-${tabPosition}`]}>
-          {newButton}
-          <tab-nav { ...navData }></tab-nav>
-        </div>
-      );
-      const panels = (
-        <div class="el-tabs__content">
-          {this.$slots.default}
-        </div>
-      );
-
-      return (
-        <div class={{
-          'el-tabs': true,
-          'el-tabs--card': type === 'card',
-          [`el-tabs--${tabPosition}`]: true,
-          'el-tabs--border-card': type === 'border-card'
-        }}>
-          { tabPosition !== 'bottom' ? [header, panels] : [panels, header] }
-        </div>
-      );
-    },
-  
-    created() {
-      if (!this.currentName) {
-        this.setCurrentName('0');
-      }
-
-      this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
-    },
-
-    mounted() {
-      this.calcPaneInstances();
-    },
-
-    updated() {
-      this.calcPaneInstances();
-    }
-  };
-</script>

package/packages/tag/index.js

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

package/packages/tag/src/tag.vue

@@ -1,58 +0,0 @@
-<script>
-  export default {
-    name: 'ElTag',
-    props: {
-      text: String,
-      closable: Boolean,
-      type: String,
-      hit: Boolean,
-      disableTransitions: Boolean,
-      color: String,
-      size: String,
-      effect: {
-        type: String,
-        default: 'light',
-        validator(val) {
-          return ['dark', 'light', 'plain'].indexOf(val) !== -1;
-        }
-      }
-    },
-    methods: {
-      handleClose(event) {
-        event.stopPropagation();
-        this.$emit('close', event);
-      },
-      handleClick(event) {
-        this.$emit('click', event);
-      }
-    },
-    computed: {
-      tagSize() {
-        return this.size || (this.$ELEMENT || {}).size;
-      }
-    },
-    render(h) {
-      const { type, tagSize, hit, effect } = this;
-      const classes = [
-        'el-tag',
-        type ? `el-tag--${type}` : '',
-        tagSize ? `el-tag--${tagSize}` : '',
-        effect ? `el-tag--${effect}` : '',
-        hit && 'is-hit'
-      ];
-      const tagEl = (
-        <span
-          class={ classes }
-          style={{ backgroundColor: this.color }}
-          on-click={ this.handleClick }>
-          { this.$slots.default }
-          {
-            this.closable && <i class="el-tag__close el-icon-close" on-click={ this.handleClose }></i>
-          }
-        </span>
-      );
-
-      return this.disableTransitions ? tagEl : <transition name="el-zoom-in-center">{ tagEl }</transition>;
-    }
-  };
-</script>

package/packages/theme-chalk/README.md

@@ -1,33 +0,0 @@
-# element-theme-chalk
-> element component chalk theme.
-
-
-## Installation
-```shell
-npm i element-theme-chalk -S
-```
-
-## Usage
-
-Use Sass import
-```css
-@import 'element-theme-chalk';
-```
-
-Or Use webpack
-```javascript
-import 'element-theme-chalk';
-```
-
-Or
-```html
-<link rel="stylesheet" href="path/to/node_modules/element-theme-chalk/lib/index.css">
-```
-
-##  Import on demand
-```javascript
-import 'element-theme-chalk/lib/input.css';
-import 'element-theme-chalk/lib/select.css';
-
-// ...
-```

package/packages/theme-chalk/gulpfile.js

@@ -1,25 +0,0 @@
-'use strict';
-
-const { series, src, dest } = require('gulp');
-const sass = require('gulp-sass');
-const autoprefixer = require('gulp-autoprefixer');
-const cssmin = require('gulp-cssmin');
-
-function compile() {
-  return src('./src/*.scss')
-    .pipe(sass.sync())
-    .pipe(autoprefixer({
-      browsers: ['ie > 9', 'last 2 versions'],
-      cascade: false
-    }))
-    .pipe(cssmin())
-    .pipe(dest('./lib'));
-}
-
-function copyfont() {
-  return src('./src/fonts/**')
-    .pipe(cssmin())
-    .pipe(dest('./lib/fonts'));
-}
-
-exports.build = series(compile, copyfont);

package/packages/theme-chalk/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "element-theme-chalk",
-  "version": "2.15.14",
-  "description": "Element component chalk theme.",
-  "main": "lib/index.css",
-  "style": "lib/index.css",
-  "files": [
-    "lib",
-    "src"
-  ],
-  "scripts": {
-    "build": "gulp build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ElementUI/theme-chalk.git"
-  },
-  "keywords": [
-    "element",
-    "theme"
-  ],
-  "author": "yi.shyang@ele.me",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/ElementUI/theme-chalk/issues"
-  },
-  "homepage": "https://github.com/ElementUI/theme-chalk#readme",
-  "devDependencies": {
-    "gulp": "^3.9.1",
-    "gulp-cssmin": "^0.1.7",
-    "gulp-sass": "^3.1.0",
-    "gulp-autoprefixer": "^4.0.0"
-  },
-  "dependencies": {}
-}

package/packages/theme-chalk/src/alert.scss

@@ -1,147 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(alert) {
-  width: 100%;
-  padding: $--alert-padding;
-  margin: 0;
-  box-sizing: border-box;
-  border-radius: $--alert-border-radius;
-  position: relative;
-  background-color: $--color-white;
-  overflow: hidden;
-  opacity: 1;
-  display: flex;
-  align-items: center;
-  transition: opacity .2s;
-
-  @include when(light) {
-    .el-alert__closebtn {
-      color: $--color-text-placeholder;
-    }
-  }
-
-  @include when(dark) {
-    .el-alert__closebtn {
-      color: $--color-white;
-    }
-    .el-alert__description {
-      color: $--color-white;
-    }
-  }
-
-  @include when(center) {
-    justify-content: center;
-  }
-
-  @include m(success) {
-    &.is-light {
-      background-color: $--alert-success-color;
-      color: $--color-success;
-
-      .el-alert__description {
-        color: $--color-success;
-      }
-    }
-
-    &.is-dark {
-      background-color: $--color-success;
-      color: $--color-white;
-    }
-  }
-
-  @include m(info) {
-    &.is-light {
-      background-color: $--alert-info-color;
-      color: $--color-info;
-    }
-
-    &.is-dark {
-      background-color: $--color-info;
-      color: $--color-white;
-    }
-
-    .el-alert__description {
-      color: $--color-info;
-    }
-  }
-
-  @include m(warning) {
-    &.is-light {
-      background-color: $--alert-warning-color;
-      color: $--color-warning;
-
-      .el-alert__description {
-        color: $--color-warning;
-      }
-    }
-
-    &.is-dark {
-      background-color: $--color-warning;
-      color: $--color-white;
-    }
-  }
-
-  @include m(error) {
-    &.is-light {
-      background-color: $--alert-danger-color;
-      color: $--color-danger;
-
-      .el-alert__description {
-        color: $--color-danger;
-      }
-    }
-
-    &.is-dark {
-      background-color: $--color-danger;
-      color: $--color-white;
-    }
-  }
-
-  @include e(content) {
-    display: table-cell;
-    padding: 0 8px;
-  }
-
-  @include e(icon) {
-    font-size: $--alert-icon-size;
-    width: $--alert-icon-size;
-    @include when(big) {
-      font-size: $--alert-icon-large-size;
-      width: $--alert-icon-large-size;
-    }
-  }
-
-  @include e(title) {
-    font-size: $--alert-title-font-size;
-    line-height: 18px;
-    @include when(bold) {
-      font-weight: bold;
-    }
-  }
-
-  & .el-alert__description {
-    font-size: $--alert-description-font-size;
-    margin: 5px 0 0 0;
-  }
-
-  @include e(closebtn) {
-    font-size: $--alert-close-font-size;
-    opacity: 1;
-    position: absolute;
-    top: 12px;
-    right: 15px;
-    cursor: pointer;
-
-    @include when(customed) {
-      font-style: normal;
-      font-size: $--alert-close-customed-font-size;
-      top: 9px;
-    }
-  }
-}
-
-.el-alert-fade-enter,
-.el-alert-fade-leave-active {
-  opacity: 0;
-}

package/packages/theme-chalk/src/aside.scss

@@ -1,7 +0,0 @@
-@import "mixins/mixins";
-
-@include b(aside) {
-  overflow: auto;
-  box-sizing: border-box;
-  flex-shrink: 0;
-}

package/packages/theme-chalk/src/autocomplete.scss

@@ -1,80 +0,0 @@
-@import "mixins/mixins";
-@import "mixins/utils";
-@import "common/var";
-@import "./input.scss";
-@import "./scrollbar.scss";
-@import "./popper";
-
-@include b(autocomplete) {
-  position: relative;
-  display: inline-block;
-}
-
-@include b(autocomplete-suggestion) {
-  margin: 5px 0;
-  box-shadow: $--box-shadow-light;
-  border-radius: $--border-radius-base;
-  border: 1px solid $--border-color-light;
-  box-sizing: border-box;
-  background-color: $--color-white;
-
-  @include e(wrap) {
-    max-height: 280px;
-    padding: 10px 0;
-    box-sizing: border-box;
-  }
-
-  @include e(list) {
-    margin: 0;
-    padding: 0;
-  }
-
-  & li {
-    padding: 0 20px;
-    margin: 0;
-    line-height: 34px;
-    cursor: pointer;
-    color: $--color-text-regular;
-    font-size: $--font-size-base;
-    list-style: none;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    &:hover {
-      background-color: $--select-option-hover-background;
-    }
-
-    &.highlighted {
-      background-color: $--select-option-hover-background;
-    }
-
-    &.divider {
-      margin-top: 6px;
-      border-top: 1px solid $--color-black;
-    }
-
-    &.divider:last-child {
-      margin-bottom: -6px;
-    }
-  }
-
-  @include when(loading) {
-    li {
-      text-align: center;
-      height: 100px;
-      line-height: 100px;
-      font-size: 20px;
-      color: #999;
-      @include utils-vertical-center;
-
-      &:hover {
-        background-color: $--color-white;
-      }
-    }
-
-    & .el-icon-loading {
-      vertical-align: middle;
-    }
-  }
-}

package/packages/theme-chalk/src/avatar.scss

@@ -1,51 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(avatar) {
-  display: inline-block;
-  box-sizing: border-box;
-  text-align: center;
-  overflow: hidden;
-  color: $--avatar-font-color;
-  background: $--avatar-background-color;
-  width: $--avatar-large-size;
-  height: $--avatar-large-size;
-  line-height: $--avatar-large-size;
-  font-size: $--avatar-text-font-size;
-
-  >img {
-    display: block;
-    height: 100%;
-    vertical-align: middle;
-  }
-
-  @include m(circle) {
-    border-radius: 50%;
-  }
-
-  @include m(square) {
-    border-radius: $--avatar-border-radius;
-  }
-
-  @include m(icon) {
-    font-size: $--avatar-icon-font-size;
-  }
-
-  @include m(large) {
-    width: $--avatar-large-size;
-    height: $--avatar-large-size;
-    line-height: $--avatar-large-size;
-  }
-
-  @include m(medium) {
-    width: $--avatar-medium-size;
-    height: $--avatar-medium-size;
-    line-height: $--avatar-medium-size;
-  }
-
-  @include m(small) {
-    width: $--avatar-small-size;
-    height: $--avatar-small-size;
-    line-height: $--avatar-small-size;
-  }
-}

package/packages/theme-chalk/src/backtop.scss

@@ -1,22 +0,0 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(backtop) {
-  position: fixed;
-  background-color: $--backtop-background-color;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  color: $--backtop-font-color;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 20px;
-  box-shadow: 0 0 6px rgba(0,0,0, .12);
-  cursor: pointer;
-  z-index: 5;
-
-  &:hover {
-    background-color: $--backtop-hover-background-color
-  }
-}