@penggy/element-ui 2.4.11 → 2.4.12

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

@@ -1,100 +1,100 @@
-<template>
-  <div
-    class="el-radio-group"
-    role="radiogroup"
-    @keydown="handleKeydown"
-  >
-    <slot></slot>
-  </div>
-</template>
-<script>
-  import Emitter from 'element-ui/src/mixins/emitter';
-
-  const keyCode = Object.freeze({
-    LEFT: 37,
-    UP: 38,
-    RIGHT: 39,
-    DOWN: 40
-  });
-  export default {
-    name: 'ElRadioGroup',
-
-    componentName: 'ElRadioGroup',
-
-    inject: {
-      elFormItem: {
-        default: ''
-      }
-    },
-
-    mixins: [Emitter],
-
-    props: {
-      value: {},
-      size: String,
-      fill: String,
-      textColor: String,
-      disabled: Boolean
-    },
-
-    computed: {
-      _elFormItemSize() {
-        return (this.elFormItem || {}).elFormItemSize;
-      },
-      radioGroupSize() {
-        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-      }
-    },
-
-    created() {
-      this.$on('handleChange', value => {
-        this.$emit('change', value);
-      });
-    },
-    mounted() {
-      // 当radioGroup没有默认选项时，第一个可以选中Tab导航
-      const radios = this.$el.querySelectorAll('[type=radio]');
-      if (![].some.call(radios, radio => radio.checked)) {
-        const first = [].find.call(radios, radio => !radio.disabled);
-        if (first) first.tabIndex = 0;
-      }
-    },
-    methods: {
-      handleKeydown(e) { // 左右上下按键 可以在radio组内切换不同选项
-        const step = {
-          [keyCode.LEFT]: -1,
-          [keyCode.UP]: -1,
-          [keyCode.RIGHT]: 1,
-          [keyCode.DOWN]: 1
-        }[e.keyCode];
-        if (step === undefined) return;
-        e.stopPropagation();
-        e.preventDefault();
-        const radios = this.$el.querySelectorAll('[type=radio]');
-        const length = radios.length;
-        if (length === 0) return;
-        // 焦点可能在原生radio上，也可能在radio-button的label上（label包裹着input）
-        const current = e.target.nodeName === 'INPUT'
-          ? e.target
-          : (e.target.querySelector && e.target.querySelector('input[type=radio]'));
-        const index = [].indexOf.call(radios, current);
-        if (index < 0) return;
-        // 沿方向查找第一个可用的radio，跨过disabled项
-        for (let i = 1; i <= length; i++) {
-          const target = radios[(index + step * i + length) % length];
-          if (!target.disabled) {
-            target.click();
-            target.focus();
-            break;
-          }
-        }
-      }
-    },
-    watch: {
-      value(value) {
-        this.dispatch('ElFormItem', 'el.form.change', [this.value]);
-      }
-    }
-  };
-</script>
-
+<template>
+  <div
+    class="el-radio-group"
+    role="radiogroup"
+    @keydown="handleKeydown"
+  >
+    <slot></slot>
+  </div>
+</template>
+<script>
+  import Emitter from '@penggy/element-ui/src/mixins/emitter';
+
+  const keyCode = Object.freeze({
+    LEFT: 37,
+    UP: 38,
+    RIGHT: 39,
+    DOWN: 40
+  });
+  export default {
+    name: 'ElRadioGroup',
+
+    componentName: 'ElRadioGroup',
+
+    inject: {
+      elFormItem: {
+        default: ''
+      }
+    },
+
+    mixins: [Emitter],
+
+    props: {
+      value: {},
+      size: String,
+      fill: String,
+      textColor: String,
+      disabled: Boolean
+    },
+
+    computed: {
+      _elFormItemSize() {
+        return (this.elFormItem || {}).elFormItemSize;
+      },
+      radioGroupSize() {
+        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+      }
+    },
+
+    created() {
+      this.$on('handleChange', value => {
+        this.$emit('change', value);
+      });
+    },
+    mounted() {
+      // 当radioGroup没有默认选项时，第一个可以选中Tab导航
+      const radios = this.$el.querySelectorAll('[type=radio]');
+      if (![].some.call(radios, radio => radio.checked)) {
+        const first = [].find.call(radios, radio => !radio.disabled);
+        if (first) first.tabIndex = 0;
+      }
+    },
+    methods: {
+      handleKeydown(e) { // 左右上下按键 可以在radio组内切换不同选项
+        const step = {
+          [keyCode.LEFT]: -1,
+          [keyCode.UP]: -1,
+          [keyCode.RIGHT]: 1,
+          [keyCode.DOWN]: 1
+        }[e.keyCode];
+        if (step === undefined) return;
+        e.stopPropagation();
+        e.preventDefault();
+        const radios = this.$el.querySelectorAll('[type=radio]');
+        const length = radios.length;
+        if (length === 0) return;
+        // 焦点可能在原生radio上，也可能在radio-button的label上（label包裹着input）
+        const current = e.target.nodeName === 'INPUT'
+          ? e.target
+          : (e.target.querySelector && e.target.querySelector('input[type=radio]'));
+        const index = [].indexOf.call(radios, current);
+        if (index < 0) return;
+        // 沿方向查找第一个可用的radio，跨过disabled项
+        for (let i = 1; i <= length; i++) {
+          const target = radios[(index + step * i + length) % length];
+          if (!target.disabled) {
+            target.click();
+            target.focus();
+            break;
+          }
+        }
+      }
+    },
+    watch: {
+      value(value) {
+        this.dispatch('ElFormItem', 'el.form.change', [this.value]);
+      }
+    }
+  };
+</script>
+

package/packages/radio/src/radio.vue

@@ -1,126 +1,126 @@
-<template>
-  <label
-    class="el-radio"
-    :class="[
-      border && radioSize ? 'el-radio--' + radioSize : '',
-      { 'is-disabled': isDisabled },
-      { 'is-bordered': border },
-      { 'is-checked': model === label }
-    ]"
-    :aria-disabled="isDisabled"
-  >
-    <span class="el-radio__input"
-      :class="{
-        'is-disabled': isDisabled,
-        'is-checked': model === label,
-        'is-focus': focus
-      }"
-    >
-      <span class="el-radio__inner"></span>
-      <input
-        class="el-radio__original"
-        :value="label"
-        type="radio"
-        v-model="model"
-        @focus="focus = true"
-        @blur="focus = false"
-        @change="handleChange"
-        :name="name"
-        :disabled="isDisabled"
-        :tabindex="tabIndex"
-      >
-    </span>
-    <span class="el-radio__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: 'ElRadio',
-
-    mixins: [Emitter],
-
-    inject: {
-      elForm: {
-        default: ''
-      },
-
-      elFormItem: {
-        default: ''
-      }
-    },
-
-    componentName: 'ElRadio',
-
-    props: {
-      value: {},
-      label: {},
-      disabled: Boolean,
-      name: String,
-      border: Boolean,
-      size: String
-    },
-
-    data() {
-      return {
-        focus: false
-      };
-    },
-    computed: {
-      isGroup() {
-        let parent = this.$parent;
-        while (parent) {
-          if (parent.$options.componentName !== 'ElRadioGroup') {
-            parent = parent.$parent;
-          } else {
-            this._radioGroup = parent;
-            return true;
-          }
-        }
-        return false;
-      },
-      model: {
-        get() {
-          return this.isGroup ? this._radioGroup.value : this.value;
-        },
-        set(val) {
-          if (this.isGroup) {
-            this.dispatch('ElRadioGroup', 'input', [val]);
-          } else {
-            this.$emit('input', val);
-          }
-        }
-      },
-      _elFormItemSize() {
-        return (this.elFormItem || {}).elFormItemSize;
-      },
-      radioSize() {
-        const temRadioSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-        return this.isGroup
-          ? this._radioGroup.radioGroupSize || temRadioSize
-          : temRadioSize;
-      },
-      isDisabled() {
-        return this.isGroup
-          ? this._radioGroup.disabled || this.disabled || (this.elForm || {}).disabled
-          : this.disabled || (this.elForm || {}).disabled;
-      },
-      tabIndex() {
-        return (this.isDisabled || (this.isGroup && this.model !== this.label)) ? -1 : 0;
-      }
-    },
-
-    methods: {
-      handleChange() {
-        this.$nextTick(() => {
-          this.$emit('change', this.model);
-          this.isGroup && this.dispatch('ElRadioGroup', 'handleChange', this.model);
-        });
-      }
-    }
-  };
-</script>
+<template>
+  <label
+    class="el-radio"
+    :class="[
+      border && radioSize ? 'el-radio--' + radioSize : '',
+      { 'is-disabled': isDisabled },
+      { 'is-bordered': border },
+      { 'is-checked': model === label }
+    ]"
+    :aria-disabled="isDisabled"
+  >
+    <span class="el-radio__input"
+      :class="{
+        'is-disabled': isDisabled,
+        'is-checked': model === label,
+        'is-focus': focus
+      }"
+    >
+      <span class="el-radio__inner"></span>
+      <input
+        class="el-radio__original"
+        :value="label"
+        type="radio"
+        v-model="model"
+        @focus="focus = true"
+        @blur="focus = false"
+        @change="handleChange"
+        :name="name"
+        :disabled="isDisabled"
+        :tabindex="tabIndex"
+      >
+    </span>
+    <span class="el-radio__label">
+      <slot></slot>
+      <template v-if="!$slots.default">{{label}}</template>
+    </span>
+  </label>
+</template>
+<script>
+  import Emitter from '@penggy/element-ui/src/mixins/emitter';
+
+  export default {
+    name: 'ElRadio',
+
+    mixins: [Emitter],
+
+    inject: {
+      elForm: {
+        default: ''
+      },
+
+      elFormItem: {
+        default: ''
+      }
+    },
+
+    componentName: 'ElRadio',
+
+    props: {
+      value: {},
+      label: {},
+      disabled: Boolean,
+      name: String,
+      border: Boolean,
+      size: String
+    },
+
+    data() {
+      return {
+        focus: false
+      };
+    },
+    computed: {
+      isGroup() {
+        let parent = this.$parent;
+        while (parent) {
+          if (parent.$options.componentName !== 'ElRadioGroup') {
+            parent = parent.$parent;
+          } else {
+            this._radioGroup = parent;
+            return true;
+          }
+        }
+        return false;
+      },
+      model: {
+        get() {
+          return this.isGroup ? this._radioGroup.value : this.value;
+        },
+        set(val) {
+          if (this.isGroup) {
+            this.dispatch('ElRadioGroup', 'input', [val]);
+          } else {
+            this.$emit('input', val);
+          }
+        }
+      },
+      _elFormItemSize() {
+        return (this.elFormItem || {}).elFormItemSize;
+      },
+      radioSize() {
+        const temRadioSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+        return this.isGroup
+          ? this._radioGroup.radioGroupSize || temRadioSize
+          : temRadioSize;
+      },
+      isDisabled() {
+        return this.isGroup
+          ? this._radioGroup.disabled || this.disabled || (this.elForm || {}).disabled
+          : this.disabled || (this.elForm || {}).disabled;
+      },
+      tabIndex() {
+        return (this.isDisabled || (this.isGroup && this.model !== this.label)) ? -1 : 0;
+      }
+    },
+
+    methods: {
+      handleChange() {
+        this.$nextTick(() => {
+          this.$emit('change', this.model);
+          this.isGroup && this.dispatch('ElRadioGroup', 'handleChange', this.model);
+        });
+      }
+    }
+  };
+</script>

package/packages/radio-button/index.js

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

package/packages/radio-group/index.js

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

package/packages/rate/index.js

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