cbvirtua 1.0.56 → 1.0.58

package/src/packages/checkbox/src/checkbox-button.vue

@@ -1,199 +0,0 @@
-<template>
-  <label
-    class="el-checkbox-button"
-      :class="[
-        size ? 'el-checkbox-button--' + size : '',
-        { 'is-disabled': isDisabled },
-        { 'is-checked': isChecked },
-        { 'is-focus': focus },
-      ]"
-    role="checkbox"
-    :aria-checked="isChecked"
-    :aria-disabled="isDisabled"
-    >
-    <input
-      v-if="trueLabel || falseLabel"
-      class="el-checkbox-button__original"
-      type="checkbox"
-      :name="name"
-      :disabled="isDisabled"
-      :true-value="trueLabel"
-      :false-value="falseLabel"
-      v-model="model"
-      @change="handleChange"
-      @focus="focus = true"
-      @blur="focus = false">
-    <input
-      v-else
-      class="el-checkbox-button__original"
-      type="checkbox"
-      :name="name"
-      :disabled="isDisabled"
-      :value="label"
-      v-model="model"
-      @change="handleChange"
-      @focus="focus = true"
-      @blur="focus = false">
-
-    <span class="el-checkbox-button__inner"
-      v-if="$slots.default || label"
-      :style="isChecked ? activeStyle : null">
-      <slot>{{label}}</slot>
-    </span>
-
-  </label>
-</template>
-<script>
-  import Emitter from 'element-ui/src/mixins/emitter';
-
-  export default {
-    name: 'ElCheckboxButton',
-
-    mixins: [Emitter],
-
-    inject: {
-      elForm: {
-        default: ''
-      },
-      elFormItem: {
-        default: ''
-      }
-    },
-
-    data() {
-      return {
-        selfModel: false,
-        focus: false,
-        isLimitExceeded: false
-      };
-    },
-
-    props: {
-      value: {},
-      label: {},
-      disabled: Boolean,
-      checked: Boolean,
-      name: String,
-      trueLabel: [String, Number],
-      falseLabel: [String, Number]
-    },
-    computed: {
-      model: {
-        get() {
-          return this._checkboxGroup
-            ? this.store : this.value !== undefined
-              ? this.value : this.selfModel;
-        },
-
-        set(val) {
-          if (this._checkboxGroup) {
-            this.isLimitExceeded = false;
-            (this._checkboxGroup.min !== undefined &&
-              val.length < this._checkboxGroup.min &&
-              (this.isLimitExceeded = true));
-
-            (this._checkboxGroup.max !== undefined &&
-              val.length > this._checkboxGroup.max &&
-              (this.isLimitExceeded = true));
-
-            this.isLimitExceeded === false &&
-            this.dispatch('ElCheckboxGroup', 'input', [val]);
-          } else if (this.value !== undefined) {
-            this.$emit('input', val);
-          } else {
-            this.selfModel = val;
-          }
-        }
-      },
-
-      isChecked() {
-        if ({}.toString.call(this.model) === '[object Boolean]') {
-          return this.model;
-        } else if (Array.isArray(this.model)) {
-          return this.model.indexOf(this.label) > -1;
-        } else if (this.model !== null && this.model !== undefined) {
-          return this.model === this.trueLabel;
-        }
-      },
-
-      _checkboxGroup() {
-        let parent = this.$parent;
-        while (parent) {
-          if (parent.$options.componentName !== 'ElCheckboxGroup') {
-            parent = parent.$parent;
-          } else {
-            return parent;
-          }
-        }
-        return false;
-      },
-
-      store() {
-        return this._checkboxGroup ? this._checkboxGroup.value : this.value;
-      },
-
-      activeStyle() {
-        return {
-          backgroundColor: this._checkboxGroup.fill || '',
-          borderColor: this._checkboxGroup.fill || '',
-          color: this._checkboxGroup.textColor || '',
-          'box-shadow': '-1px 0 0 0 ' + this._checkboxGroup.fill
-
-        };
-      },
-
-      _elFormItemSize() {
-        return (this.elFormItem || {}).elFormItemSize;
-      },
-
-      size() {
-        return this._checkboxGroup.checkboxGroupSize || this._elFormItemSize || (this.$ELEMENT || {}).size;
-      },
-
-      /* used to make the isDisabled judgment under max/min props */
-      isLimitDisabled() {
-        const { max, min } = this._checkboxGroup;
-        return !!(max || min) &&
-          (this.model.length >= max && !this.isChecked) ||
-          (this.model.length <= min && this.isChecked);
-      },
-
-      isDisabled() {
-        return this._checkboxGroup
-          ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled
-          : this.disabled || (this.elForm || {}).disabled;
-      }
-    },
-    methods: {
-      addToStore() {
-        if (
-          Array.isArray(this.model) &&
-          this.model.indexOf(this.label) === -1
-        ) {
-          this.model.push(this.label);
-        } else {
-          this.model = this.trueLabel || true;
-        }
-      },
-      handleChange(ev) {
-        if (this.isLimitExceeded) return;
-        let value;
-        if (ev.target.checked) {
-          value = this.trueLabel === undefined ? true : this.trueLabel;
-        } else {
-          value = this.falseLabel === undefined ? false : this.falseLabel;
-        }
-        this.$emit('change', value, ev);
-        this.$nextTick(() => {
-          if (this._checkboxGroup) {
-            this.dispatch('ElCheckboxGroup', 'change', [this._checkboxGroup.value]);
-          }
-        });
-      }
-    },
-
-    created() {
-      this.checked && this.addToStore();
-    }
-  };
-</script>

package/src/packages/checkbox/src/checkbox-group.vue

@@ -1,48 +0,0 @@
-<script>
-  import Emitter from 'element-ui/src/mixins/emitter';
-
-  export default {
-    name: 'ElCheckboxGroup',
-
-    componentName: 'ElCheckboxGroup',
-
-    mixins: [Emitter],
-
-    inject: {
-      elFormItem: {
-        default: ''
-      }
-    },
-
-    props: {
-      value: {},
-      disabled: Boolean,
-      min: Number,
-      max: Number,
-      size: String,
-      fill: String,
-      textColor: String
-    },
-
-    computed: {
-      _elFormItemSize() {
-        return (this.elFormItem || {}).elFormItemSize;
-      },
-      checkboxGroupSize() {
-        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-      }
-    },
-
-    watch: {
-      value(value) {
-        this.dispatch('ElFormItem', 'el.form.change', [value]);
-      }
-    }
-  };
-</script>
-
-<template>
-  <div class="el-checkbox-group" role="group" aria-label="checkbox-group">
-    <slot></slot>
-  </div>
-</template>

package/src/packages/checkbox/src/checkbox.vue

@@ -1,222 +0,0 @@
-<template>
-  <label
-    class="el-checkbox"
-    :class="[
-      border && checkboxSize ? 'el-checkbox--' + checkboxSize : '',
-      { 'is-disabled': isDisabled },
-      { 'is-bordered': border },
-      { 'is-checked': isChecked }
-    ]"
-    :id="id"
-  >
-    <span class="el-checkbox__input"
-      :class="{
-        'is-disabled': isDisabled,
-        'is-checked': isChecked,
-        'is-indeterminate': indeterminate,
-        'is-focus': focus
-      }"
-      :tabindex="indeterminate ? 0 : false"
-      :role="indeterminate ? 'checkbox' : false"
-      :aria-checked="indeterminate ? 'mixed' : false"
-    >
-      <span class="el-checkbox__inner"></span>
-      <input
-        v-if="trueLabel || falseLabel"
-        class="el-checkbox__original"
-        type="checkbox"
-        :aria-hidden="indeterminate ? 'true' : 'false'"
-        :name="name"
-        :disabled="isDisabled"
-        :true-value="trueLabel"
-        :false-value="falseLabel"
-        v-model="model"
-        @change="handleChange"
-        @focus="focus = true"
-        @blur="focus = false">
-      <input
-        v-else
-        class="el-checkbox__original"
-        type="checkbox"
-        :aria-hidden="indeterminate ? 'true' : 'false'"
-        :disabled="isDisabled"
-        :value="label"
-        :name="name"
-        v-model="model"
-        @change="handleChange"
-        @focus="focus = true"
-        @blur="focus = false">
-    </span>
-    <span class="el-checkbox__label" v-if="$slots.default || label">
-      <slot></slot>
-      <template v-if="!$slots.default">{{label}}</template>
-    </span>
-  </label>
-</template>
-<script>
-  import Emitter from 'element-ui/src/mixins/emitter';
-
-  export default {
-    name: 'ElCheckbox',
-
-    mixins: [Emitter],
-
-    inject: {
-      elForm: {
-        default: ''
-      },
-      elFormItem: {
-        default: ''
-      }
-    },
-
-    componentName: 'ElCheckbox',
-
-    data() {
-      return {
-        selfModel: false,
-        focus: false,
-        isLimitExceeded: false
-      };
-    },
-
-    computed: {
-      model: {
-        get() {
-          return this.isGroup
-            ? this.store : this.value !== undefined
-              ? this.value : this.selfModel;
-        },
-
-        set(val) {
-          if (this.isGroup) {
-            this.isLimitExceeded = false;
-            (this._checkboxGroup.min !== undefined &&
-              val.length < this._checkboxGroup.min &&
-              (this.isLimitExceeded = true));
-
-            (this._checkboxGroup.max !== undefined &&
-              val.length > this._checkboxGroup.max &&
-              (this.isLimitExceeded = true));
-
-            this.isLimitExceeded === false &&
-            this.dispatch('ElCheckboxGroup', 'input', [val]);
-          } else {
-            this.$emit('input', val);
-            this.selfModel = val;
-          }
-        }
-      },
-
-      isChecked() {
-        if ({}.toString.call(this.model) === '[object Boolean]') {
-          return this.model;
-        } else if (Array.isArray(this.model)) {
-          return this.model.indexOf(this.label) > -1;
-        } else if (this.model !== null && this.model !== undefined) {
-          return this.model === this.trueLabel;
-        }
-      },
-
-      isGroup() {
-        let parent = this.$parent;
-        while (parent) {
-          if (parent.$options.componentName !== 'ElCheckboxGroup') {
-            parent = parent.$parent;
-          } else {
-            this._checkboxGroup = parent;
-            return true;
-          }
-        }
-        return false;
-      },
-
-      store() {
-        return this._checkboxGroup ? this._checkboxGroup.value : this.value;
-      },
-
-      /* used to make the isDisabled judgment under max/min props */
-      isLimitDisabled() {
-        const { max, min } = this._checkboxGroup;
-        return !!(max || min) &&
-          (this.model.length >= max && !this.isChecked) ||
-          (this.model.length <= min && this.isChecked);
-      },
-
-      isDisabled() {
-        return this.isGroup
-          ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled
-          : this.disabled || (this.elForm || {}).disabled;
-      },
-
-      _elFormItemSize() {
-        return (this.elFormItem || {}).elFormItemSize;
-      },
-
-      checkboxSize() {
-        const temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-        return this.isGroup
-          ? this._checkboxGroup.checkboxGroupSize || temCheckboxSize
-          : temCheckboxSize;
-      }
-    },
-
-    props: {
-      value: {},
-      label: {},
-      indeterminate: Boolean,
-      disabled: Boolean,
-      checked: Boolean,
-      name: String,
-      trueLabel: [String, Number],
-      falseLabel: [String, Number],
-      id: String, /* 当indeterminate为真时，为controls提供相关连的checkbox的id，表明元素间的控制关系*/
-      controls: String, /* 当indeterminate为真时，为controls提供相关连的checkbox的id，表明元素间的控制关系*/
-      border: Boolean,
-      size: String
-    },
-
-    methods: {
-      addToStore() {
-        if (
-          Array.isArray(this.model) &&
-          this.model.indexOf(this.label) === -1
-        ) {
-          this.model.push(this.label);
-        } else {
-          this.model = this.trueLabel || true;
-        }
-      },
-      handleChange(ev) {
-        if (this.isLimitExceeded) return;
-        let value;
-        if (ev.target.checked) {
-          value = this.trueLabel === undefined ? true : this.trueLabel;
-        } else {
-          value = this.falseLabel === undefined ? false : this.falseLabel;
-        }
-        this.$emit('change', value, ev);
-        this.$nextTick(() => {
-          if (this.isGroup) {
-            this.dispatch('ElCheckboxGroup', 'change', [this._checkboxGroup.value]);
-          }
-        });
-      }
-    },
-
-    created() {
-      this.checked && this.addToStore();
-    },
-    mounted() { // 为indeterminate元素 添加aria-controls 属性
-      if (this.indeterminate) {
-        this.$el.setAttribute('aria-controls', this.controls);
-      }
-    },
-
-    watch: {
-      value(value) {
-        this.dispatch('ElFormItem', 'el.form.change', value);
-      }
-    }
-  };
-</script>

package/src/packages/checkbox-button/index.js

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

package/src/packages/checkbox-group/index.js

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

package/src/packages/col/index.js

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

package/src/packages/col/src/col.js

@@ -1,71 +0,0 @@
-export default {
-  name: 'ElCol',
-
-  props: {
-    span: {
-      type: Number,
-      default: 24
-    },
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    offset: Number,
-    pull: Number,
-    push: Number,
-    xs: [Number, Object],
-    sm: [Number, Object],
-    md: [Number, Object],
-    lg: [Number, Object],
-    xl: [Number, Object]
-  },
-
-  computed: {
-    gutter() {
-      let parent = this.$parent;
-      while (parent && parent.$options.componentName !== 'ElRow') {
-        parent = parent.$parent;
-      }
-      return parent ? parent.gutter : 0;
-    }
-  },
-  render(h) {
-    let classList = [];
-    let style = {};
-
-    if (this.gutter) {
-      style.paddingLeft = this.gutter / 2 + 'px';
-      style.paddingRight = style.paddingLeft;
-    }
-
-    ['span', 'offset', 'pull', 'push'].forEach(prop => {
-      if (this[prop] || this[prop] === 0) {
-        classList.push(
-          prop !== 'span'
-            ? `el-col-${prop}-${this[prop]}`
-            : `el-col-${this[prop]}`
-        );
-      }
-    });
-
-    ['xs', 'sm', 'md', 'lg', 'xl'].forEach(size => {
-      if (typeof this[size] === 'number') {
-        classList.push(`el-col-${size}-${this[size]}`);
-      } else if (typeof this[size] === 'object') {
-        let props = this[size];
-        Object.keys(props).forEach(prop => {
-          classList.push(
-            prop !== 'span'
-              ? `el-col-${size}-${prop}-${props[prop]}`
-              : `el-col-${size}-${props[prop]}`
-          );
-        });
-      }
-    });
-
-    return h(this.tag, {
-      class: ['el-col', classList],
-      style
-    }, this.$slots.default);
-  }
-};

package/src/packages/collapse/index.js

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

package/src/packages/collapse/src/collapse-item.vue

@@ -1,114 +0,0 @@
-<template>
-  <div class="el-collapse-item"
-    :class="{'is-active': isActive, 'is-disabled': disabled }">
-    <div
-      role="tab"
-      :aria-expanded="isActive"
-      :aria-controls="`el-collapse-content-${id}`"
-      :aria-describedby ="`el-collapse-content-${id}`"
-    >
-      <div
-        class="el-collapse-item__header"
-        @click="handleHeaderClick"
-        role="button"
-        :id="`el-collapse-head-${id}`"
-        :tabindex="disabled ? undefined : 0"
-        @keyup.space.enter.stop="handleEnterClick"
-        :class="{
-          'focusing': focusing,
-          'is-active': isActive
-        }"
-        @focus="handleFocus"
-        @blur="focusing = false"
-      >
-        <slot name="title">{{title}}</slot>
-        <i
-          class="el-collapse-item__arrow el-icon-arrow-right"
-          :class="{'is-active': isActive}">
-        </i>
-      </div>
-    </div>
-    <el-collapse-transition>
-      <div
-        class="el-collapse-item__wrap"
-        v-show="isActive"
-        role="tabpanel"
-        :aria-hidden="!isActive"
-        :aria-labelledby="`el-collapse-head-${id}`"
-        :id="`el-collapse-content-${id}`"
-      >
-        <div class="el-collapse-item__content">
-          <slot></slot>
-        </div>
-      </div>
-    </el-collapse-transition>
-  </div>
-</template>
-<script>
-  import ElCollapseTransition from 'element-ui/src/transitions/collapse-transition';
-  import Emitter from 'element-ui/src/mixins/emitter';
-  import { generateId } from 'element-ui/src/utils/util';
-
-  export default {
-    name: 'ElCollapseItem',
-
-    componentName: 'ElCollapseItem',
-
-    mixins: [Emitter],
-
-    components: { ElCollapseTransition },
-
-    data() {
-      return {
-        contentWrapStyle: {
-          height: 'auto',
-          display: 'block'
-        },
-        contentHeight: 0,
-        focusing: false,
-        isClick: false,
-        id: generateId()
-      };
-    },
-
-    inject: ['collapse'],
-
-    props: {
-      title: String,
-      name: {
-        type: [String, Number],
-        default() {
-          return this._uid;
-        }
-      },
-      disabled: Boolean
-    },
-
-    computed: {
-      isActive() {
-        return this.collapse.activeNames.indexOf(this.name) > -1;
-      }
-    },
-
-    methods: {
-      handleFocus() {
-        setTimeout(() => {
-          if (!this.isClick) {
-            this.focusing = true;
-          } else {
-            this.isClick = false;
-          }
-        }, 50);
-      },
-      handleHeaderClick() {
-        if (this.disabled) return;
-        this.dispatch('ElCollapse', 'item-click', this);
-        this.focusing = false;
-        this.isClick = true;
-      },
-      handleEnterClick() {
-        this.dispatch('ElCollapse', 'item-click', this);
-      }
-    }
-  };
-</script>