cbvirtua 1.0.57 → 1.0.58

package/src/packages/empty/src/img-empty.vue

@@ -1,132 +0,0 @@
-<template>
-  <svg
-    viewBox="0 0 79 86"
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-  >
-    <defs>
-      <linearGradient
-        :id="`linearGradient-1-${id}`"
-        x1="38.8503086%"
-        y1="0%"
-        x2="61.1496914%"
-        y2="100%"
-      >
-        <stop stop-color="#FCFCFD" offset="0%" />
-        <stop stop-color="#EEEFF3" offset="100%" />
-      </linearGradient>
-      <linearGradient
-        :id="`linearGradient-2-${id}`"
-        x1="0%"
-        y1="9.5%"
-        x2="100%"
-        y2="90.5%"
-      >
-        <stop stop-color="#FCFCFD" offset="0%" />
-        <stop stop-color="#E9EBEF" offset="100%" />
-      </linearGradient>
-      <rect
-        :id="`path-3-${id}`"
-        x="0"
-        y="0"
-        width="17"
-        height="36"
-      />
-    </defs>
-    <g
-      id="Illustrations"
-      stroke="none"
-      stroke-width="1"
-      fill="none"
-      fill-rule="evenodd"
-    >
-      <g id="B-type" transform="translate(-1268.000000, -535.000000)">
-        <g id="Group-2" transform="translate(1268.000000, 535.000000)">
-          <path
-            id="Oval-Copy-2"
-            d="M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z"
-            fill="#F7F8FC"
-          />
-          <polygon
-            id="Rectangle-Copy-14"
-            fill="#E5E7E9"
-            transform="translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) "
-            points="13 58 53 58 42 45 2 45"
-          />
-          <g
-            id="Group-Copy"
-            transform="translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
-          >
-            <polygon
-              id="Rectangle-Copy-10"
-              fill="#E5E7E9"
-              transform="translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) "
-              points="2.84078316e-14 3 18 3 23 7 5 7"
-            />
-            <polygon id="Rectangle-Copy-11" fill="#EDEEF2" points="-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43" />
-            <rect
-              id="Rectangle-Copy-12"
-              :fill="`url(#linearGradient-1-${id})`"
-              transform="translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) "
-              x="38"
-              y="7"
-              width="17"
-              height="36"
-            />
-            <polygon
-              id="Rectangle-Copy-13"
-              fill="#F8F9FB"
-              transform="translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) "
-              points="24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
-            />
-          </g>
-          <rect
-            id="Rectangle-Copy-15"
-            :fill="`url(#linearGradient-2-${id})`"
-            x="13"
-            y="45"
-            width="40"
-            height="36"
-          />
-          <g id="Rectangle-Copy-17" transform="translate(53.000000, 45.000000)">
-            <mask :id="`mask-4-${id}`" fill="white">
-              <use :xlink:href="`#path-3-${id}`" />
-            </mask>
-            <use
-              id="Mask"
-              fill="#E0E3E9"
-              transform="translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) "
-              :xlink:href="`#path-3-${id}`"
-            />
-            <polygon
-              id="Rectangle-Copy"
-              fill="#D5D7DE"
-              :mask="`url(#mask-4-${id})`"
-              transform="translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) "
-              points="7 0 24 0 20 18 -1.70530257e-13 16"
-            />
-          </g>
-          <polygon
-            id="Rectangle-Copy-18"
-            fill="#F8F9FB"
-            transform="translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) "
-            points="62 45 79 45 70 58 53 58"
-          />
-        </g>
-      </g>
-    </g>
-  </svg>
-</template>
-
-<script>
-let id = 0;
-export default {
-  name: 'ImgEmpty',
-  data() {
-    return {
-      id: ++id
-    };
-  }
-};
-</script>

package/src/packages/empty/src/index.vue

@@ -1,50 +0,0 @@
-<template>
-  <div class="el-empty">
-    <div class="el-empty__image" :style="imageStyle">
-      <img v-if="image" :src="image" ondragstart="return false">
-      <slot v-else name="image">
-        <img-empty />
-      </slot>
-    </div>
-    <div class="el-empty__description">
-      <slot v-if="$slots.description" name="description"></slot>
-      <p v-else>{{ emptyDescription }}</p>
-    </div>
-    <div v-if="$slots.default" class="el-empty__bottom">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-import ImgEmpty from './img-empty.vue';
-import { t } from 'element-ui/src/locale';
-
-export default {
-  name: 'ElEmpty',
-  components: {
-    [ImgEmpty.name]: ImgEmpty
-  },
-  props: {
-    image: {
-      type: String,
-      default: ''
-    },
-    imageSize: Number,
-    description: {
-      type: String,
-      default: ''
-    }
-  },
-  computed: {
-    emptyDescription() {
-      return this.description || t('el.empty.description');
-    },
-    imageStyle() {
-      return {
-        width: this.imageSize ? `${this.imageSize}px` : ''
-      };
-    }
-  }
-};
-</script>

package/src/packages/footer/index.js

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

package/src/packages/footer/src/main.vue

@@ -1,20 +0,0 @@
-<template>
-  <footer class="el-footer" :style="{ height }">
-    <slot></slot>
-  </footer>
-</template>
-
-<script>
-  export default {
-    name: 'ElFooter',
-
-    componentName: 'ElFooter',
-
-    props: {
-      height: {
-        type: String,
-        default: '60px'
-      }
-    }
-  };
-</script>

package/src/packages/form/index.js

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

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

@@ -1,324 +0,0 @@
-<template>
-  <div class="el-form-item" :class="[{
-      'el-form-item--feedback': elForm && elForm.statusIcon,
-      'is-error': validateState === 'error',
-      'is-validating': validateState === 'validating',
-      'is-success': validateState === 'success',
-      'is-required': isRequired || required,
-      'is-no-asterisk': elForm && elForm.hideRequiredAsterisk
-    },
-    sizeClass ? 'el-form-item--' + sizeClass : ''
-  ]">
-    <label-wrap
-      :is-auto-width="labelStyle && labelStyle.width === 'auto'"
-      :update-all="form.labelWidth === 'auto'">
-      <label :for="labelFor" class="el-form-item__label" :style="labelStyle" v-if="label || $slots.label">
-        <slot name="label">{{label + form.labelSuffix}}</slot>
-      </label>
-    </label-wrap>
-    <div class="el-form-item__content" :style="contentStyle">
-      <slot></slot>
-      <transition name="el-zoom-in-top">
-        <slot
-          v-if="validateState === 'error' && showMessage && form.showMessage"
-          name="error"
-          :error="validateMessage">
-          <div
-            class="el-form-item__error"
-            :class="{
-              'el-form-item__error--inline': typeof inlineMessage === 'boolean'
-                ? inlineMessage
-                : (elForm && elForm.inlineMessage || false)
-            }"
-          >
-            {{validateMessage}}
-          </div>
-        </slot>
-      </transition>
-    </div>
-  </div>
-</template>
-<script>
-  import AsyncValidator from 'async-validator';
-  import emitter from 'element-ui/src/mixins/emitter';
-  import objectAssign from 'element-ui/src/utils/merge';
-  import { noop, getPropByPath } from 'element-ui/src/utils/util';
-  import LabelWrap from './label-wrap';
-  export default {
-    name: 'ElFormItem',
-
-    componentName: 'ElFormItem',
-
-    mixins: [emitter],
-
-    provide() {
-      return {
-        elFormItem: this
-      };
-    },
-
-    inject: ['elForm'],
-
-    props: {
-      label: String,
-      labelWidth: String,
-      prop: String,
-      required: {
-        type: Boolean,
-        default: undefined
-      },
-      rules: [Object, Array],
-      error: String,
-      validateStatus: String,
-      for: String,
-      inlineMessage: {
-        type: [String, Boolean],
-        default: ''
-      },
-      showMessage: {
-        type: Boolean,
-        default: true
-      },
-      size: String
-    },
-    components: {
-      // use this component to calculate auto width
-      LabelWrap
-    },
-    watch: {
-      error: {
-        immediate: true,
-        handler(value) {
-          this.validateMessage = value;
-          this.validateState = value ? 'error' : '';
-        }
-      },
-      validateStatus(value) {
-        this.validateState = value;
-      },
-      rules(value) {
-        if ((!value || value.length === 0) && this.required === undefined) {
-          this.clearValidate();
-        }
-      }
-    },
-    computed: {
-      labelFor() {
-        return this.for || this.prop;
-      },
-      labelStyle() {
-        const ret = {};
-        if (this.form.labelPosition === 'top') return ret;
-        const labelWidth = this.labelWidth || this.form.labelWidth;
-        if (labelWidth) {
-          ret.width = labelWidth;
-        }
-        return ret;
-      },
-      contentStyle() {
-        const ret = {};
-        const label = this.label;
-        if (this.form.labelPosition === 'top' || this.form.inline) return ret;
-        if (!label && !this.labelWidth && this.isNested) return ret;
-        const labelWidth = this.labelWidth || this.form.labelWidth;
-        if (labelWidth === 'auto') {
-          if (this.labelWidth === 'auto') {
-            ret.marginLeft = this.computedLabelWidth;
-          } else if (this.form.labelWidth === 'auto') {
-            ret.marginLeft = this.elForm.autoLabelWidth;
-          }
-        } else {
-          ret.marginLeft = labelWidth;
-        }
-        return ret;
-      },
-      form() {
-        let parent = this.$parent;
-        let parentName = parent.$options.componentName;
-        while (parentName !== 'ElForm') {
-          if (parentName === 'ElFormItem') {
-            this.isNested = true;
-          }
-          parent = parent.$parent;
-          parentName = parent.$options.componentName;
-        }
-        return parent;
-      },
-      fieldValue() {
-        const model = this.form.model;
-        if (!model || !this.prop) { return; }
-
-        let path = this.prop;
-        if (path.indexOf(':') !== -1) {
-          path = path.replace(/:/, '.');
-        }
-
-        return getPropByPath(model, path, true).v;
-      },
-      isRequired() {
-        let rules = this.getRules();
-        let isRequired = false;
-
-        if (rules && rules.length) {
-          rules.every(rule => {
-            if (rule.required) {
-              isRequired = true;
-              return false;
-            }
-            return true;
-          });
-        }
-        return isRequired;
-      },
-      _formSize() {
-        return this.elForm.size;
-      },
-      elFormItemSize() {
-        return this.size || this._formSize;
-      },
-      sizeClass() {
-        return this.elFormItemSize || (this.$ELEMENT || {}).size;
-      }
-    },
-    data() {
-      return {
-        validateState: '',
-        validateMessage: '',
-        validateDisabled: false,
-        validator: {},
-        isNested: false,
-        computedLabelWidth: ''
-      };
-    },
-    methods: {
-      validate(trigger, callback = noop) {
-        this.validateDisabled = false;
-        const rules = this.getFilteredRule(trigger);
-        if ((!rules || rules.length === 0) && this.required === undefined) {
-          callback();
-          return true;
-        }
-
-        this.validateState = 'validating';
-
-        const descriptor = {};
-        if (rules && rules.length > 0) {
-          rules.forEach(rule => {
-            delete rule.trigger;
-          });
-        }
-        descriptor[this.prop] = rules;
-
-        const validator = new AsyncValidator(descriptor);
-        const model = {};
-
-        model[this.prop] = this.fieldValue;
-
-        validator.validate(model, { firstFields: true }, (errors, invalidFields) => {
-          this.validateState = !errors ? 'success' : 'error';
-          this.validateMessage = errors ? errors[0].message : '';
-
-          callback(this.validateMessage, invalidFields);
-          this.elForm && this.elForm.$emit('validate', this.prop, !errors, this.validateMessage || null);
-        });
-      },
-      clearValidate() {
-        this.validateState = '';
-        this.validateMessage = '';
-        this.validateDisabled = false;
-      },
-      resetField() {
-        this.validateState = '';
-        this.validateMessage = '';
-
-        let model = this.form.model;
-        let value = this.fieldValue;
-        let path = this.prop;
-        if (path.indexOf(':') !== -1) {
-          path = path.replace(/:/, '.');
-        }
-
-        let prop = getPropByPath(model, path, true);
-
-        this.validateDisabled = true;
-        if (Array.isArray(value)) {
-          prop.o[prop.k] = [].concat(this.initialValue);
-        } else {
-          prop.o[prop.k] = this.initialValue;
-        }
-
-        // reset validateDisabled after onFieldChange triggered
-        this.$nextTick(() => {
-          this.validateDisabled = false;
-        });
-
-        this.broadcast('ElTimeSelect', 'fieldReset', this.initialValue);
-      },
-      getRules() {
-        let formRules = this.form.rules;
-        const selfRules = this.rules;
-        const requiredRule = this.required !== undefined ? { required: !!this.required } : [];
-
-        const prop = getPropByPath(formRules, this.prop || '');
-        formRules = formRules ? (prop.o[this.prop || ''] || prop.v) : [];
-
-        return [].concat(selfRules || formRules || []).concat(requiredRule);
-      },
-      getFilteredRule(trigger) {
-        const rules = this.getRules();
-
-        return rules.filter(rule => {
-          if (!rule.trigger || trigger === '') return true;
-          if (Array.isArray(rule.trigger)) {
-            return rule.trigger.indexOf(trigger) > -1;
-          } else {
-            return rule.trigger === trigger;
-          }
-        }).map(rule => objectAssign({}, rule));
-      },
-      onFieldBlur() {
-        this.validate('blur');
-      },
-      onFieldChange() {
-        if (this.validateDisabled) {
-          this.validateDisabled = false;
-          return;
-        }
-
-        this.validate('change');
-      },
-      updateComputedLabelWidth(width) {
-        this.computedLabelWidth = width ? `${width}px` : '';
-      },
-      addValidateEvents() {
-        const rules = this.getRules();
-
-        if (rules.length || this.required !== undefined) {
-          this.$on('el.form.blur', this.onFieldBlur);
-          this.$on('el.form.change', this.onFieldChange);
-        }
-      },
-      removeValidateEvents() {
-        this.$off();
-      }
-    },
-    mounted() {
-      if (this.prop) {
-        this.dispatch('ElForm', 'el.form.addField', [this]);
-
-        let initialValue = this.fieldValue;
-        if (Array.isArray(initialValue)) {
-          initialValue = [].concat(initialValue);
-        }
-        Object.defineProperty(this, 'initialValue', {
-          value: initialValue
-        });
-
-        this.addValidateEvents();
-      }
-    },
-    beforeDestroy() {
-      this.dispatch('ElForm', 'el.form.removeField', [this]);
-    }
-  };
-</script>