@penggy/element-ui 2.4.11 → 2.4.12

package/packages/form/src/form.vue

@@ -1,148 +1,148 @@
-<template>
-  <form class="el-form" :class="[
-    labelPosition ? 'el-form--label-' + labelPosition : '',
-    { 'el-form--inline': inline }
-  ]">
-    <slot></slot>
-  </form>
-</template>
-<script>
-  import objectAssign from 'element-ui/src/utils/merge';
-
-  export default {
-    name: 'ElForm',
-
-    componentName: 'ElForm',
-
-    provide() {
-      return {
-        elForm: this
-      };
-    },
-
-    props: {
-      model: Object,
-      rules: Object,
-      labelPosition: String,
-      labelWidth: String,
-      labelSuffix: {
-        type: String,
-        default: ''
-      },
-      inline: Boolean,
-      inlineMessage: Boolean,
-      statusIcon: Boolean,
-      showMessage: {
-        type: Boolean,
-        default: true
-      },
-      size: String,
-      disabled: Boolean,
-      validateOnRuleChange: {
-        type: Boolean,
-        default: true
-      },
-      hideRequiredAsterisk: {
-        type: Boolean,
-        default: false
-      }
-    },
-    watch: {
-      rules() {
-        if (this.validateOnRuleChange) {
-          this.validate(() => {});
-        }
-      }
-    },
-    data() {
-      return {
-        fields: []
-      };
-    },
-    created() {
-      this.$on('el.form.addField', (field) => {
-        if (field) {
-          this.fields.push(field);
-        }
-      });
-      /* istanbul ignore next */
-      this.$on('el.form.removeField', (field) => {
-        if (field.prop) {
-          this.fields.splice(this.fields.indexOf(field), 1);
-        }
-      });
-    },
-    methods: {
-      resetFields() {
-        if (!this.model) {
-          console.warn('[Element Warn][Form]model is required for resetFields to work.');
-          return;
-        }
-        this.fields.forEach(field => {
-          field.resetField();
-        });
-      },
-      clearValidate(props = []) {
-        const fields = props.length
-          ? (typeof props === 'string'
-            ? this.fields.filter(field => props === field.prop)
-            : this.fields.filter(field => props.indexOf(field.prop) > -1)
-          ) : this.fields;
-        fields.forEach(field => {
-          field.clearValidate();
-        });
-      },
-      validate(callback) {
-        if (!this.model) {
-          console.warn('[Element Warn][Form]model is required for validate to work!');
-          return;
-        }
-
-        let promise;
-        // if no callback, return promise
-        if (typeof callback !== 'function' && window.Promise) {
-          promise = new window.Promise((resolve, reject) => {
-            callback = function(valid) {
-              valid ? resolve(valid) : reject(valid);
-            };
-          });
-        }
-
-        let valid = true;
-        let count = 0;
-        // 如果需要验证的fields为空，调用验证时立刻返回callback
-        if (this.fields.length === 0 && callback) {
-          callback(true);
-        }
-        let invalidFields = {};
-        this.fields.forEach(field => {
-          field.validate('', (message, field) => {
-            if (message) {
-              valid = false;
-            }
-            invalidFields = objectAssign({}, invalidFields, field);
-            if (typeof callback === 'function' && ++count === this.fields.length) {
-              callback(valid, invalidFields);
-            }
-          });
-        });
-
-        if (promise) {
-          return promise;
-        }
-      },
-      validateField(props, cb) {
-        props = [].concat(props);
-        const fields = this.fields.filter(field => props.indexOf(field.prop) !== -1);
-        if (!fields.length) {
-          confirm.warn('[Element Warn]please pass correct props!');
-          return;
-        }
-
-        fields.forEach(field => {
-          field.validate('', cb);
-        });
-      }
-    }
-  };
-</script>
+<template>
+  <form class="el-form" :class="[
+    labelPosition ? 'el-form--label-' + labelPosition : '',
+    { 'el-form--inline': inline }
+  ]">
+    <slot></slot>
+  </form>
+</template>
+<script>
+  import objectAssign from '@penggy/element-ui/src/utils/merge';
+
+  export default {
+    name: 'ElForm',
+
+    componentName: 'ElForm',
+
+    provide() {
+      return {
+        elForm: this
+      };
+    },
+
+    props: {
+      model: Object,
+      rules: Object,
+      labelPosition: String,
+      labelWidth: String,
+      labelSuffix: {
+        type: String,
+        default: ''
+      },
+      inline: Boolean,
+      inlineMessage: Boolean,
+      statusIcon: Boolean,
+      showMessage: {
+        type: Boolean,
+        default: true
+      },
+      size: String,
+      disabled: Boolean,
+      validateOnRuleChange: {
+        type: Boolean,
+        default: true
+      },
+      hideRequiredAsterisk: {
+        type: Boolean,
+        default: false
+      }
+    },
+    watch: {
+      rules() {
+        if (this.validateOnRuleChange) {
+          this.validate(() => {});
+        }
+      }
+    },
+    data() {
+      return {
+        fields: []
+      };
+    },
+    created() {
+      this.$on('el.form.addField', (field) => {
+        if (field) {
+          this.fields.push(field);
+        }
+      });
+      /* istanbul ignore next */
+      this.$on('el.form.removeField', (field) => {
+        if (field.prop) {
+          this.fields.splice(this.fields.indexOf(field), 1);
+        }
+      });
+    },
+    methods: {
+      resetFields() {
+        if (!this.model) {
+          console.warn('[Element Warn][Form]model is required for resetFields to work.');
+          return;
+        }
+        this.fields.forEach(field => {
+          field.resetField();
+        });
+      },
+      clearValidate(props = []) {
+        const fields = props.length
+          ? (typeof props === 'string'
+            ? this.fields.filter(field => props === field.prop)
+            : this.fields.filter(field => props.indexOf(field.prop) > -1)
+          ) : this.fields;
+        fields.forEach(field => {
+          field.clearValidate();
+        });
+      },
+      validate(callback) {
+        if (!this.model) {
+          console.warn('[Element Warn][Form]model is required for validate to work!');
+          return;
+        }
+
+        let promise;
+        // if no callback, return promise
+        if (typeof callback !== 'function' && window.Promise) {
+          promise = new window.Promise((resolve, reject) => {
+            callback = function(valid) {
+              valid ? resolve(valid) : reject(valid);
+            };
+          });
+        }
+
+        let valid = true;
+        let count = 0;
+        // 如果需要验证的fields为空，调用验证时立刻返回callback
+        if (this.fields.length === 0 && callback) {
+          callback(true);
+        }
+        let invalidFields = {};
+        this.fields.forEach(field => {
+          field.validate('', (message, field) => {
+            if (message) {
+              valid = false;
+            }
+            invalidFields = objectAssign({}, invalidFields, field);
+            if (typeof callback === 'function' && ++count === this.fields.length) {
+              callback(valid, invalidFields);
+            }
+          });
+        });
+
+        if (promise) {
+          return promise;
+        }
+      },
+      validateField(props, cb) {
+        props = [].concat(props);
+        const fields = this.fields.filter(field => props.indexOf(field.prop) !== -1);
+        if (!fields.length) {
+          confirm.warn('[Element Warn]please pass correct props!');
+          return;
+        }
+
+        fields.forEach(field => {
+          field.validate('', cb);
+        });
+      }
+    }
+  };
+</script>

package/packages/form-item/index.js

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

package/packages/header/index.js

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

package/packages/header/src/main.vue

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

package/packages/icon/index.js

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

package/packages/icon/src/icon.vue

@@ -1,13 +1,13 @@
-<template>
-  <i :class="'el-icon-' + name"></i>
-</template>
-
-<script>
-  export default {
-    name: 'ElIcon',
-
-    props: {
-      name: String
-    }
-  };
-</script>
+<template>
+  <i :class="'el-icon-' + name"></i>
+</template>
+
+<script>
+  export default {
+    name: 'ElIcon',
+
+    props: {
+      name: String
+    }
+  };
+</script>

package/packages/input/index.js

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

package/packages/input/src/calcTextareaHeight.js

@@ -1,104 +1,104 @@
-let hiddenTextarea;
-
-const HIDDEN_STYLE = `
-  height:0 !important;
-  visibility:hidden !important;
-  overflow:hidden !important;
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important
-`;
-
-const CONTEXT_STYLE = [
-  'letter-spacing',
-  'line-height',
-  'padding-top',
-  'padding-bottom',
-  'font-family',
-  'font-weight',
-  'font-size',
-  'text-rendering',
-  'text-transform',
-  'width',
-  'text-indent',
-  'padding-left',
-  'padding-right',
-  'border-width',
-  'box-sizing'
-];
-
-function calculateNodeStyling(targetElement) {
-  const style = window.getComputedStyle(targetElement);
-
-  const boxSizing = style.getPropertyValue('box-sizing');
-
-  const paddingSize = (
-    parseFloat(style.getPropertyValue('padding-bottom')) +
-    parseFloat(style.getPropertyValue('padding-top'))
-  );
-
-  const borderSize = (
-    parseFloat(style.getPropertyValue('border-bottom-width')) +
-    parseFloat(style.getPropertyValue('border-top-width'))
-  );
-
-  const contextStyle = CONTEXT_STYLE
-    .map(name => `${name}:${style.getPropertyValue(name)}`)
-    .join(';');
-
-  return { contextStyle, paddingSize, borderSize, boxSizing };
-}
-
-export default function calcTextareaHeight(
-  targetElement,
-  minRows = 1,
-  maxRows = null
-) {
-  if (!hiddenTextarea) {
-    hiddenTextarea = document.createElement('textarea');
-    document.body.appendChild(hiddenTextarea);
-  }
-
-  let {
-    paddingSize,
-    borderSize,
-    boxSizing,
-    contextStyle
-  } = calculateNodeStyling(targetElement);
-
-  hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);
-  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
-
-  let height = hiddenTextarea.scrollHeight;
-  const result = {};
-
-  if (boxSizing === 'border-box') {
-    height = height + borderSize;
-  } else if (boxSizing === 'content-box') {
-    height = height - paddingSize;
-  }
-
-  hiddenTextarea.value = '';
-  let singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-
-  if (minRows !== null) {
-    let minHeight = singleRowHeight * minRows;
-    if (boxSizing === 'border-box') {
-      minHeight = minHeight + paddingSize + borderSize;
-    }
-    height = Math.max(minHeight, height);
-    result.minHeight = `${ minHeight }px`;
-  }
-  if (maxRows !== null) {
-    let maxHeight = singleRowHeight * maxRows;
-    if (boxSizing === 'border-box') {
-      maxHeight = maxHeight + paddingSize + borderSize;
-    }
-    height = Math.min(maxHeight, height);
-  }
-  result.height = `${ height }px`;
-  hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
-  hiddenTextarea = null;
-  return result;
-};
+let hiddenTextarea;
+
+const HIDDEN_STYLE = `
+  height:0 !important;
+  visibility:hidden !important;
+  overflow:hidden !important;
+  position:absolute !important;
+  z-index:-1000 !important;
+  top:0 !important;
+  right:0 !important
+`;
+
+const CONTEXT_STYLE = [
+  'letter-spacing',
+  'line-height',
+  'padding-top',
+  'padding-bottom',
+  'font-family',
+  'font-weight',
+  'font-size',
+  'text-rendering',
+  'text-transform',
+  'width',
+  'text-indent',
+  'padding-left',
+  'padding-right',
+  'border-width',
+  'box-sizing'
+];
+
+function calculateNodeStyling(targetElement) {
+  const style = window.getComputedStyle(targetElement);
+
+  const boxSizing = style.getPropertyValue('box-sizing');
+
+  const paddingSize = (
+    parseFloat(style.getPropertyValue('padding-bottom')) +
+    parseFloat(style.getPropertyValue('padding-top'))
+  );
+
+  const borderSize = (
+    parseFloat(style.getPropertyValue('border-bottom-width')) +
+    parseFloat(style.getPropertyValue('border-top-width'))
+  );
+
+  const contextStyle = CONTEXT_STYLE
+    .map(name => `${name}:${style.getPropertyValue(name)}`)
+    .join(';');
+
+  return { contextStyle, paddingSize, borderSize, boxSizing };
+}
+
+export default function calcTextareaHeight(
+  targetElement,
+  minRows = 1,
+  maxRows = null
+) {
+  if (!hiddenTextarea) {
+    hiddenTextarea = document.createElement('textarea');
+    document.body.appendChild(hiddenTextarea);
+  }
+
+  let {
+    paddingSize,
+    borderSize,
+    boxSizing,
+    contextStyle
+  } = calculateNodeStyling(targetElement);
+
+  hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);
+  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
+
+  let height = hiddenTextarea.scrollHeight;
+  const result = {};
+
+  if (boxSizing === 'border-box') {
+    height = height + borderSize;
+  } else if (boxSizing === 'content-box') {
+    height = height - paddingSize;
+  }
+
+  hiddenTextarea.value = '';
+  let singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+
+  if (minRows !== null) {
+    let minHeight = singleRowHeight * minRows;
+    if (boxSizing === 'border-box') {
+      minHeight = minHeight + paddingSize + borderSize;
+    }
+    height = Math.max(minHeight, height);
+    result.minHeight = `${ minHeight }px`;
+  }
+  if (maxRows !== null) {
+    let maxHeight = singleRowHeight * maxRows;
+    if (boxSizing === 'border-box') {
+      maxHeight = maxHeight + paddingSize + borderSize;
+    }
+    height = Math.min(maxHeight, height);
+  }
+  result.height = `${ height }px`;
+  hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
+  hiddenTextarea = null;
+  return result;
+};