cy-element-ui 1.1.13 → 1.1.15

package/lib/cascader.js

@@ -213,7 +213,7 @@ module.exports = require("element-ui/lib/input");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/cascader.vue?vue&type=template&id=511415ee
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader/src/cascader.vue?vue&type=template&id=5e697676
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -519,7 +519,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=template&id=511415ee
+// CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=template&id=5e697676
 
 // EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper"
 var vue_popper_ = __webpack_require__(5);
@@ -715,591 +715,591 @@ var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
 var KeyCode = aria_utils_default.a.keys;
 
 var MigratingProps = {
-  expandTrigger: {
-    newProp: 'expandTrigger',
-    type: String
-  },
-  changeOnSelect: {
-    newProp: 'checkStrictly',
-    type: Boolean
-  },
-  hoverThreshold: {
-    newProp: 'hoverThreshold',
-    type: Number
-  }
+	expandTrigger: {
+		newProp: 'expandTrigger',
+		type: String
+	},
+	changeOnSelect: {
+		newProp: 'checkStrictly',
+		type: Boolean
+	},
+	hoverThreshold: {
+		newProp: 'hoverThreshold',
+		type: Number
+	}
 };
 
 var PopperMixin = {
-  props: {
-    placement: {
-      type: String,
-      default: 'bottom-start'
-    },
-    appendToBody: vue_popper_default.a.props.appendToBody,
-    visibleArrow: {
-      type: Boolean,
-      default: true
-    },
-    arrowOffset: vue_popper_default.a.props.arrowOffset,
-    offset: vue_popper_default.a.props.offset,
-    boundariesPadding: vue_popper_default.a.props.boundariesPadding,
-    popperOptions: vue_popper_default.a.props.popperOptions,
-    transformOrigin: vue_popper_default.a.props.transformOrigin
-  },
-  methods: vue_popper_default.a.methods,
-  data: vue_popper_default.a.data,
-  beforeDestroy: vue_popper_default.a.beforeDestroy
+	props: {
+		placement: {
+			type: String,
+			default: 'bottom-start'
+		},
+		appendToBody: vue_popper_default.a.props.appendToBody,
+		visibleArrow: {
+			type: Boolean,
+			default: true
+		},
+		arrowOffset: vue_popper_default.a.props.arrowOffset,
+		offset: vue_popper_default.a.props.offset,
+		boundariesPadding: vue_popper_default.a.props.boundariesPadding,
+		popperOptions: vue_popper_default.a.props.popperOptions,
+		transformOrigin: vue_popper_default.a.props.transformOrigin
+	},
+	methods: vue_popper_default.a.methods,
+	data: vue_popper_default.a.data,
+	beforeDestroy: vue_popper_default.a.beforeDestroy
 };
 
 var InputSizeMap = {
-  medium: 36,
-  small: 32,
-  mini: 28
+	medium: 36,
+	small: 32,
+	mini: 28
 };
 
 /* harmony default export */ var cascadervue_type_script_lang_js = ({
-  name: 'ElCascader',
-
-  directives: { Clickoutside: clickoutside_default.a },
-
-  mixins: [PopperMixin, emitter_default.a, locale_default.a, migrating_default.a],
-
-  inject: {
-    elForm: {
-      default: ''
-    },
-    elFormItem: {
-      default: ''
-    }
-  },
-
-  components: {
-    ElInput: input_default.a,
-    ElTag: tag_default.a,
-    ElScrollbar: scrollbar_default.a,
-    ElCascaderPanel: cascader_panel_default.a
-  },
-
-  props: {
-    value: {},
-    options: Array,
-    props: Object,
-    size: String,
-    placeholder: {
-      type: String,
-      default: function _default() {
-        return Object(lib_locale_["t"])('el.cascader.placeholder');
-      }
-    },
-    disabled: Boolean,
-    clearable: Boolean,
-    filterable: Boolean,
-    filterMethod: Function,
-    separator: {
-      type: String,
-      default: ' / '
-    },
-    showAllLevels: {
-      type: Boolean,
-      default: true
-    },
-    collapseTags: Boolean,
-    debounce: {
-      type: Number,
-      default: 300
-    },
-    beforeFilter: {
-      type: Function,
-      default: function _default() {
-        return function () {};
-      }
-    },
-    popperClass: String
-  },
-
-  data: function data() {
-    return {
-      dropDownVisible: false,
-      checkedValue: this.value,
-      inputHover: false,
-      inputValue: null,
-      presentText: null,
-      presentTags: [],
-      checkedNodes: [],
-      filtering: false,
-      suggestions: [],
-      inputInitialHeight: 0,
-      pressDeleteCount: 0
-    };
-  },
-
-
-  computed: {
-    realSize: function realSize() {
-      var _elFormItemSize = (this.elFormItem || {}).elFormItemSize;
-      return this.size || _elFormItemSize || (this.$ELEMENT || {}).size;
-    },
-    tagSize: function tagSize() {
-      return ['small', 'mini'].indexOf(this.realSize) > -1 ? 'mini' : 'small';
-    },
-    isDisabled: function isDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    },
-    config: function config() {
-      var config = this.props || {};
-      var $attrs = this.$attrs;
-
-
-      Object.keys(MigratingProps).forEach(function (oldProp) {
-        var _MigratingProps$oldPr = MigratingProps[oldProp],
-            newProp = _MigratingProps$oldPr.newProp,
-            type = _MigratingProps$oldPr.type;
-
-        var oldValue = $attrs[oldProp] || $attrs[Object(util_["kebabCase"])(oldProp)];
-        if (Object(shared_["isDef"])(oldProp) && !Object(shared_["isDef"])(config[newProp])) {
-          if (type === Boolean && oldValue === '') {
-            oldValue = true;
-          }
-          config[newProp] = oldValue;
-        }
-      });
-
-      return config;
-    },
-    multiple: function multiple() {
-      return this.config.multiple;
-    },
-    leafOnly: function leafOnly() {
-      return !this.config.checkStrictly;
-    },
-    readonly: function readonly() {
-      return !this.filterable || this.multiple;
-    },
-    clearBtnVisible: function clearBtnVisible() {
-      if (!this.clearable || this.isDisabled || this.filtering || !this.inputHover) {
-        return false;
-      }
-
-      return this.multiple ? !!this.checkedNodes.filter(function (node) {
-        return !node.isDisabled;
-      }).length : !!this.presentText;
-    },
-    panel: function panel() {
-      return this.$refs.panel;
-    }
-  },
-
-  watch: {
-    disabled: function disabled() {
-      this.computePresentContent();
-    },
-    value: function value(val) {
-      if (!Object(util_["isEqual"])(val, this.checkedValue)) {
-        this.checkedValue = val;
-        this.computePresentContent();
-      }
-    },
-    checkedValue: function checkedValue(val) {
-      var value = this.value,
-          dropDownVisible = this.dropDownVisible;
-      var _config = this.config,
-          checkStrictly = _config.checkStrictly,
-          multiple = _config.multiple;
-
-
-      if (!Object(util_["isEqual"])(val, value) || Object(types_["isUndefined"])(value)) {
-        this.computePresentContent();
-        // hide dropdown when single mode
-        if (!multiple && !checkStrictly && dropDownVisible) {
-          this.toggleDropDownVisible(false);
-        }
-
-        this.$emit('input', val);
-        this.$emit('change', val);
-        this.dispatch('ElFormItem', 'el.form.change', [val]);
-      }
-    },
-
-    options: {
-      handler: function handler() {
-        this.$nextTick(this.computePresentContent);
-      },
-      deep: true
-    },
-    presentText: function presentText(val) {
-      this.inputValue = val;
-    },
-    presentTags: function presentTags(val, oldVal) {
-      if (this.multiple && (val.length || oldVal.length)) {
-        this.$nextTick(this.updateStyle);
-      }
-    },
-    filtering: function filtering(val) {
-      this.$nextTick(this.updatePopper);
-    }
-  },
-
-  mounted: function mounted() {
-    var _this = this;
-
-    var input = this.$refs.input;
-
-    if (input && input.$el) {
-      this.inputInitialHeight = input.$el.offsetHeight || InputSizeMap[this.realSize] || 40;
-    }
-
-    if (!this.isEmptyValue(this.value)) {
-      this.computePresentContent();
-    }
-
-    this.filterHandler = debounce_default()(this.debounce, function () {
-      var inputValue = _this.inputValue;
-
-
-      if (!inputValue) {
-        _this.filtering = false;
-        return;
-      }
-
-      var before = _this.beforeFilter(inputValue);
-      if (before && before.then) {
-        before.then(_this.getSuggestions);
-      } else if (before !== false) {
-        _this.getSuggestions();
-      } else {
-        _this.filtering = false;
-      }
-    });
-
-    Object(resize_event_["addResizeListener"])(this.$el, this.updateStyle);
-  },
-  beforeDestroy: function beforeDestroy() {
-    Object(resize_event_["removeResizeListener"])(this.$el, this.updateStyle);
-  },
-
-
-  methods: {
-    getMigratingConfig: function getMigratingConfig() {
-      return {
-        props: {
-          'expand-trigger': 'expand-trigger is removed, use `props.expandTrigger` instead.',
-          'change-on-select': 'change-on-select is removed, use `props.checkStrictly` instead.',
-          'hover-threshold': 'hover-threshold is removed, use `props.hoverThreshold` instead'
-        },
-        events: {
-          'active-item-change': 'active-item-change is renamed to expand-change'
-        }
-      };
-    },
-    toggleDropDownVisible: function toggleDropDownVisible(visible) {
-      var _this2 = this;
-
-      if (this.isDisabled) return;
-
-      var dropDownVisible = this.dropDownVisible;
-      var input = this.$refs.input;
-
-      visible = Object(shared_["isDef"])(visible) ? visible : !dropDownVisible;
-      if (visible !== dropDownVisible) {
-        this.dropDownVisible = visible;
-        if (visible) {
-          this.$nextTick(function () {
-            _this2.updatePopper();
-            _this2.panel.scrollIntoView();
-          });
-        }
-        input.$refs.input.setAttribute('aria-expanded', visible);
-        this.$emit('visible-change', visible);
-      }
-    },
-    handleDropdownLeave: function handleDropdownLeave() {
-      this.filtering = false;
-      this.inputValue = this.presentText;
-      this.doDestroy();
-    },
-    handleKeyDown: function handleKeyDown(event) {
-      switch (event.keyCode) {
-        case KeyCode.enter:
-          this.toggleDropDownVisible();
-          break;
-        case KeyCode.down:
-          this.toggleDropDownVisible(true);
-          this.focusFirstNode();
-          event.preventDefault();
-          break;
-        case KeyCode.esc:
-        case KeyCode.tab:
-          this.toggleDropDownVisible(false);
-          break;
-      }
-    },
-    handleFocus: function handleFocus(e) {
-      this.$emit('focus', e);
-    },
-    handleBlur: function handleBlur(e) {
-      this.$emit('blur', e);
-    },
-    handleInput: function handleInput(val, event) {
-      !this.dropDownVisible && this.toggleDropDownVisible(true);
-
-      if (event && event.isComposing) return;
-      if (val) {
-        this.filterHandler();
-      } else {
-        this.filtering = false;
-      }
-    },
-    handleClear: function handleClear() {
-      this.presentText = '';
-      this.panel.clearCheckedNodes();
-    },
-    handleExpandChange: function handleExpandChange(value) {
-      this.$nextTick(this.updatePopper.bind(this));
-      this.$emit('expand-change', value);
-      this.$emit('active-item-change', value); // Deprecated
-    },
-    focusFirstNode: function focusFirstNode() {
-      var _this3 = this;
-
-      this.$nextTick(function () {
-        var filtering = _this3.filtering;
-        var _$refs = _this3.$refs,
-            popper = _$refs.popper,
-            suggestionPanel = _$refs.suggestionPanel;
-
-        var firstNode = null;
-
-        if (filtering && suggestionPanel) {
-          firstNode = suggestionPanel.$el.querySelector('.el-cascader__suggestion-item');
-        } else {
-          var firstMenu = popper.querySelector('.el-cascader-menu');
-          firstNode = firstMenu.querySelector('.el-cascader-node[tabindex="-1"]');
-        }
-
-        if (firstNode) {
-          firstNode.focus();
-          !filtering && firstNode.click();
-        }
-      });
-    },
-    computePresentContent: function computePresentContent() {
-      var _this4 = this;
-
-      // nextTick is required, because checked nodes may not change right now
-      this.$nextTick(function () {
-        if (_this4.config.multiple) {
-          _this4.computePresentTags();
-          _this4.presentText = _this4.presentTags.length ? ' ' : null;
-        } else {
-          _this4.computePresentText();
-        }
-      });
-    },
-    isEmptyValue: function isEmptyValue(val) {
-      var multiple = this.multiple;
-      var emitPath = this.panel.config.emitPath;
-
-      if (multiple || emitPath) {
-        return Object(util_["isEmpty"])(val);
-      }
-      return false;
-    },
-    computePresentText: function computePresentText() {
-      var checkedValue = this.checkedValue,
-          config = this.config;
-
-      if (!this.isEmptyValue(checkedValue)) {
-        var node = this.panel.getNodeByValue(checkedValue);
-        if (node && (config.checkStrictly || node.isLeaf)) {
-          this.presentText = node.getText(this.showAllLevels, this.separator);
-          return;
-        }
-      }
-      this.presentText = null;
-    },
-    computePresentTags: function computePresentTags() {
-      var isDisabled = this.isDisabled,
-          leafOnly = this.leafOnly,
-          showAllLevels = this.showAllLevels,
-          separator = this.separator,
-          collapseTags = this.collapseTags;
-
-      var checkedNodes = this.getCheckedNodes(leafOnly);
-      var tags = [];
-
-      var genTag = function genTag(node) {
-        return {
-          node: node,
-          key: node.uid,
-          text: node.getText(showAllLevels, separator),
-          hitState: false,
-          closable: !isDisabled && !node.isDisabled
-        };
-      };
-
-      if (checkedNodes.length) {
-        var first = checkedNodes[0],
-            rest = checkedNodes.slice(1);
-
-        var restCount = rest.length;
-        tags.push(genTag(first));
-
-        if (restCount) {
-          if (collapseTags) {
-            tags.push({
-              key: -1,
-              text: '+ ' + restCount,
-              closable: false
-            });
-          } else {
-            rest.forEach(function (node) {
-              return tags.push(genTag(node));
-            });
-          }
-        }
-      }
-
-      this.checkedNodes = checkedNodes;
-      this.presentTags = tags;
-    },
-    getSuggestions: function getSuggestions() {
-      var _this5 = this;
-
-      var filterMethod = this.filterMethod;
-
-
-      if (!Object(types_["isFunction"])(filterMethod)) {
-        filterMethod = function filterMethod(node, keyword) {
-          return node.text.includes(keyword);
-        };
-      }
-
-      var suggestions = this.panel.getFlattedNodes(this.leafOnly).filter(function (node) {
-        if (node.isDisabled) return false;
-        node.text = node.getText(_this5.showAllLevels, _this5.separator) || '';
-        return filterMethod(node, _this5.inputValue);
-      });
-
-      if (this.multiple) {
-        this.presentTags.forEach(function (tag) {
-          tag.hitState = false;
-        });
-      } else {
-        suggestions.forEach(function (node) {
-          node.checked = Object(util_["isEqual"])(_this5.checkedValue, node.getValueByOption());
-        });
-      }
-
-      this.filtering = true;
-      this.suggestions = suggestions;
-      this.$nextTick(this.updatePopper);
-    },
-    handleSuggestionKeyDown: function handleSuggestionKeyDown(event) {
-      var keyCode = event.keyCode,
-          target = event.target;
-
-      switch (keyCode) {
-        case KeyCode.enter:
-          target.click();
-          break;
-        case KeyCode.up:
-          var prev = target.previousElementSibling;
-          prev && prev.focus();
-          break;
-        case KeyCode.down:
-          var next = target.nextElementSibling;
-          next && next.focus();
-          break;
-        case KeyCode.esc:
-        case KeyCode.tab:
-          this.toggleDropDownVisible(false);
-          break;
-      }
-    },
-    handleDelete: function handleDelete() {
-      var inputValue = this.inputValue,
-          pressDeleteCount = this.pressDeleteCount,
-          presentTags = this.presentTags;
-
-      var lastIndex = presentTags.length - 1;
-      var lastTag = presentTags[lastIndex];
-      this.pressDeleteCount = inputValue ? 0 : pressDeleteCount + 1;
-
-      if (!lastTag) return;
-
-      if (this.pressDeleteCount) {
-        if (lastTag.hitState) {
-          this.deleteTag(lastTag);
-        } else {
-          lastTag.hitState = true;
-        }
-      }
-    },
-    handleSuggestionClick: function handleSuggestionClick(index) {
-      var multiple = this.multiple;
-
-      var targetNode = this.suggestions[index];
-
-      if (multiple) {
-        var checked = targetNode.checked;
-
-        targetNode.doCheck(!checked);
-        this.panel.calculateMultiCheckedValue();
-      } else {
-        this.checkedValue = targetNode.getValueByOption();
-        this.toggleDropDownVisible(false);
-      }
-    },
-    deleteTag: function deleteTag(tag) {
-      var checkedValue = this.checkedValue;
-
-      var current = tag.node.getValueByOption();
-      var val = checkedValue.find(function (n) {
-        return Object(util_["isEqual"])(n, current);
-      });
-      this.checkedValue = checkedValue.filter(function (n) {
-        return !Object(util_["isEqual"])(n, current);
-      });
-      this.$emit('remove-tag', val);
-    },
-    updateStyle: function updateStyle() {
-      var $el = this.$el,
-          inputInitialHeight = this.inputInitialHeight;
-
-      if (this.$isServer || !$el) return;
-
-      var suggestionPanel = this.$refs.suggestionPanel;
-
-      var inputInner = $el.querySelector('.el-input__inner');
-
-      if (!inputInner) return;
-
-      var tags = $el.querySelector('.el-cascader__tags');
-      var suggestionPanelEl = null;
-
-      if (suggestionPanel && (suggestionPanelEl = suggestionPanel.$el)) {
-        var suggestionList = suggestionPanelEl.querySelector('.el-cascader__suggestion-list');
-        suggestionList.style.minWidth = inputInner.offsetWidth + 'px';
-      }
-
-      if (tags) {
-        var offsetHeight = Math.round(tags.getBoundingClientRect().height);
-        var height = Math.max(offsetHeight + 6, inputInitialHeight) + 'px';
-        inputInner.style.height = height;
-        if (this.dropDownVisible) {
-          this.updatePopper();
-        }
-      }
-    },
-
-
-    /**
+	name: 'ElCascader',
+
+	directives: { Clickoutside: clickoutside_default.a },
+
+	mixins: [PopperMixin, emitter_default.a, locale_default.a, migrating_default.a],
+
+	inject: {
+		elForm: {
+			default: ''
+		},
+		elFormItem: {
+			default: ''
+		}
+	},
+
+	components: {
+		ElInput: input_default.a,
+		ElTag: tag_default.a,
+		ElScrollbar: scrollbar_default.a,
+		ElCascaderPanel: cascader_panel_default.a
+	},
+
+	props: {
+		value: {},
+		options: Array,
+		props: Object,
+		size: String,
+		placeholder: {
+			type: String,
+			default: function _default() {
+				return Object(lib_locale_["t"])('el.cascader.placeholder');
+			}
+		},
+		disabled: Boolean,
+		clearable: Boolean,
+		filterable: Boolean,
+		filterMethod: Function,
+		separator: {
+			type: String,
+			default: ' / '
+		},
+		showAllLevels: {
+			type: Boolean,
+			default: true
+		},
+		collapseTags: Boolean,
+		debounce: {
+			type: Number,
+			default: 300
+		},
+		beforeFilter: {
+			type: Function,
+			default: function _default() {
+				return function () {};
+			}
+		},
+		popperClass: String
+	},
+
+	data: function data() {
+		return {
+			dropDownVisible: false,
+			checkedValue: this.value,
+			inputHover: false,
+			inputValue: null,
+			presentText: null,
+			presentTags: [],
+			checkedNodes: [],
+			filtering: false,
+			suggestions: [],
+			inputInitialHeight: 0,
+			pressDeleteCount: 0
+		};
+	},
+
+
+	computed: {
+		realSize: function realSize() {
+			var _elFormItemSize = (this.elFormItem || {}).elFormItemSize;
+			return this.size || _elFormItemSize || (this.$ELEMENT || {}).size;
+		},
+		tagSize: function tagSize() {
+			return ['small', 'mini'].indexOf(this.realSize) > -1 ? 'mini' : 'small';
+		},
+		isDisabled: function isDisabled() {
+			return this.disabled || (this.elForm || {}).disabled;
+		},
+		config: function config() {
+			var config = this.props || {};
+			var $attrs = this.$attrs;
+
+
+			Object.keys(MigratingProps).forEach(function (oldProp) {
+				var _MigratingProps$oldPr = MigratingProps[oldProp],
+				    newProp = _MigratingProps$oldPr.newProp,
+				    type = _MigratingProps$oldPr.type;
+
+				var oldValue = $attrs[oldProp] || $attrs[Object(util_["kebabCase"])(oldProp)];
+				if (Object(shared_["isDef"])(oldProp) && !Object(shared_["isDef"])(config[newProp])) {
+					if (type === Boolean && oldValue === '') {
+						oldValue = true;
+					}
+					config[newProp] = oldValue;
+				}
+			});
+
+			return config;
+		},
+		multiple: function multiple() {
+			return this.config.multiple;
+		},
+		leafOnly: function leafOnly() {
+			return !this.config.checkStrictly;
+		},
+		readonly: function readonly() {
+			return !this.filterable || this.multiple;
+		},
+		clearBtnVisible: function clearBtnVisible() {
+			if (!this.clearable || this.isDisabled || this.filtering || !this.inputHover) {
+				return false;
+			}
+
+			return this.multiple ? !!this.checkedNodes.filter(function (node) {
+				return !node.isDisabled;
+			}).length : !!this.presentText;
+		},
+		panel: function panel() {
+			return this.$refs.panel;
+		}
+	},
+
+	watch: {
+		disabled: function disabled() {
+			this.computePresentContent();
+		},
+		value: function value(val) {
+			if (!Object(util_["isEqual"])(val, this.checkedValue)) {
+				this.checkedValue = val;
+				this.computePresentContent();
+			}
+		},
+		checkedValue: function checkedValue(val) {
+			var value = this.value,
+			    dropDownVisible = this.dropDownVisible;
+			var _config = this.config,
+			    checkStrictly = _config.checkStrictly,
+			    multiple = _config.multiple;
+
+
+			if (!Object(util_["isEqual"])(val, value) || Object(types_["isUndefined"])(value)) {
+				this.computePresentContent();
+				// hide dropdown when single mode
+				if (!multiple && !checkStrictly && dropDownVisible) {
+					this.toggleDropDownVisible(false);
+				}
+
+				this.$emit('input', val);
+				this.$emit('change', val);
+				this.dispatch('ElFormItem', 'el.form.change', [val]);
+			}
+		},
+
+		options: {
+			handler: function handler() {
+				this.$nextTick(this.computePresentContent);
+			},
+			deep: true
+		},
+		presentText: function presentText(val) {
+			this.inputValue = val;
+		},
+		presentTags: function presentTags(val, oldVal) {
+			if (this.multiple && (val.length || oldVal.length)) {
+				this.$nextTick(this.updateStyle);
+			}
+		},
+		filtering: function filtering(val) {
+			this.$nextTick(this.updatePopper);
+		}
+	},
+
+	mounted: function mounted() {
+		var _this = this;
+
+		var input = this.$refs.input;
+
+		if (input && input.$el) {
+			this.inputInitialHeight = input.$el.offsetHeight || InputSizeMap[this.realSize] || 40;
+		}
+
+		if (!this.isEmptyValue(this.value)) {
+			this.computePresentContent();
+		}
+
+		this.filterHandler = debounce_default()(this.debounce, function () {
+			var inputValue = _this.inputValue;
+
+
+			if (!inputValue) {
+				_this.filtering = false;
+				return;
+			}
+
+			var before = _this.beforeFilter(inputValue);
+			if (before && before.then) {
+				before.then(_this.getSuggestions);
+			} else if (before !== false) {
+				_this.getSuggestions();
+			} else {
+				_this.filtering = false;
+			}
+		});
+
+		Object(resize_event_["addResizeListener"])(this.$el, this.updateStyle);
+	},
+	beforeDestroy: function beforeDestroy() {
+		Object(resize_event_["removeResizeListener"])(this.$el, this.updateStyle);
+	},
+
+
+	methods: {
+		getMigratingConfig: function getMigratingConfig() {
+			return {
+				props: {
+					'expand-trigger': 'expand-trigger is removed, use `props.expandTrigger` instead.',
+					'change-on-select': 'change-on-select is removed, use `props.checkStrictly` instead.',
+					'hover-threshold': 'hover-threshold is removed, use `props.hoverThreshold` instead'
+				},
+				events: {
+					'active-item-change': 'active-item-change is renamed to expand-change'
+				}
+			};
+		},
+		toggleDropDownVisible: function toggleDropDownVisible(visible) {
+			var _this2 = this;
+
+			if (this.isDisabled) return;
+
+			var dropDownVisible = this.dropDownVisible;
+			var input = this.$refs.input;
+
+			visible = Object(shared_["isDef"])(visible) ? visible : !dropDownVisible;
+			if (visible !== dropDownVisible) {
+				this.dropDownVisible = visible;
+				if (visible) {
+					this.$nextTick(function () {
+						_this2.updatePopper();
+						_this2.panel.scrollIntoView();
+					});
+				}
+				input.$refs.input.setAttribute('aria-expanded', visible);
+				this.$emit('visible-change', visible);
+			}
+		},
+		handleDropdownLeave: function handleDropdownLeave() {
+			this.filtering = false;
+			this.inputValue = this.presentText;
+			this.doDestroy();
+		},
+		handleKeyDown: function handleKeyDown(event) {
+			switch (event.keyCode) {
+				case KeyCode.enter:
+					this.toggleDropDownVisible();
+					break;
+				case KeyCode.down:
+					this.toggleDropDownVisible(true);
+					this.focusFirstNode();
+					event.preventDefault();
+					break;
+				case KeyCode.esc:
+				case KeyCode.tab:
+					this.toggleDropDownVisible(false);
+					break;
+			}
+		},
+		handleFocus: function handleFocus(e) {
+			this.$emit('focus', e);
+		},
+		handleBlur: function handleBlur(e) {
+			this.$emit('blur', e);
+		},
+		handleInput: function handleInput(val, event) {
+			!this.dropDownVisible && this.toggleDropDownVisible(true);
+
+			if (event && event.isComposing) return;
+			if (val) {
+				this.filterHandler();
+			} else {
+				this.filtering = false;
+			}
+		},
+		handleClear: function handleClear() {
+			this.presentText = '';
+			this.panel.clearCheckedNodes();
+		},
+		handleExpandChange: function handleExpandChange(value) {
+			this.$nextTick(this.updatePopper.bind(this));
+			this.$emit('expand-change', value);
+			this.$emit('active-item-change', value); // Deprecated
+		},
+		focusFirstNode: function focusFirstNode() {
+			var _this3 = this;
+
+			this.$nextTick(function () {
+				var filtering = _this3.filtering;
+				var _$refs = _this3.$refs,
+				    popper = _$refs.popper,
+				    suggestionPanel = _$refs.suggestionPanel;
+
+				var firstNode = null;
+
+				if (filtering && suggestionPanel) {
+					firstNode = suggestionPanel.$el.querySelector('.el-cascader__suggestion-item');
+				} else {
+					var firstMenu = popper.querySelector('.el-cascader-menu');
+					firstNode = firstMenu.querySelector('.el-cascader-node[tabindex="-1"]');
+				}
+
+				if (firstNode) {
+					firstNode.focus();
+					!filtering && firstNode.click();
+				}
+			});
+		},
+		computePresentContent: function computePresentContent() {
+			var _this4 = this;
+
+			// nextTick is required, because checked nodes may not change right now
+			this.$nextTick(function () {
+				if (_this4.config.multiple) {
+					_this4.computePresentTags();
+					_this4.presentText = _this4.presentTags.length ? ' ' : null;
+				} else {
+					_this4.computePresentText();
+				}
+			});
+		},
+		isEmptyValue: function isEmptyValue(val) {
+			var multiple = this.multiple;
+			var emitPath = this.panel.config.emitPath;
+
+			if (multiple || emitPath) {
+				return Object(util_["isEmpty"])(val);
+			}
+			return false;
+		},
+		computePresentText: function computePresentText() {
+			var checkedValue = this.checkedValue,
+			    config = this.config;
+
+			if (!this.isEmptyValue(checkedValue)) {
+				var node = this.panel.getNodeByValue(checkedValue);
+				if (node && (config.checkStrictly || node.isLeaf)) {
+					this.presentText = node.getText(this.showAllLevels, this.separator);
+					return;
+				}
+			}
+			this.presentText = null;
+		},
+		computePresentTags: function computePresentTags() {
+			var isDisabled = this.isDisabled,
+			    leafOnly = this.leafOnly,
+			    showAllLevels = this.showAllLevels,
+			    separator = this.separator,
+			    collapseTags = this.collapseTags;
+
+			var checkedNodes = this.getCheckedNodes(leafOnly);
+			var tags = [];
+
+			var genTag = function genTag(node) {
+				return {
+					node: node,
+					key: node.uid,
+					text: node.getText(showAllLevels, separator),
+					hitState: false,
+					closable: !isDisabled && !node.isDisabled
+				};
+			};
+
+			if (checkedNodes.length) {
+				var first = checkedNodes[0],
+				    rest = checkedNodes.slice(1);
+
+				var restCount = rest.length;
+				tags.push(genTag(first));
+
+				if (restCount) {
+					if (collapseTags) {
+						tags.push({
+							key: -1,
+							text: '+ ' + restCount,
+							closable: false
+						});
+					} else {
+						rest.forEach(function (node) {
+							return tags.push(genTag(node));
+						});
+					}
+				}
+			}
+
+			this.checkedNodes = checkedNodes;
+			this.presentTags = tags;
+		},
+		getSuggestions: function getSuggestions() {
+			var _this5 = this;
+
+			var filterMethod = this.filterMethod;
+
+
+			if (!Object(types_["isFunction"])(filterMethod)) {
+				filterMethod = function filterMethod(node, keyword) {
+					return node.text.includes(keyword);
+				};
+			}
+
+			var suggestions = this.panel.getFlattedNodes(this.leafOnly).filter(function (node) {
+				if (node.isDisabled) return false;
+				node.text = node.getText(_this5.showAllLevels, _this5.separator) || '';
+				return filterMethod(node, _this5.inputValue);
+			});
+
+			if (this.multiple) {
+				this.presentTags.forEach(function (tag) {
+					tag.hitState = false;
+				});
+			} else {
+				suggestions.forEach(function (node) {
+					node.checked = Object(util_["isEqual"])(_this5.checkedValue, node.getValueByOption());
+				});
+			}
+
+			this.filtering = true;
+			this.suggestions = suggestions;
+			this.$nextTick(this.updatePopper);
+		},
+		handleSuggestionKeyDown: function handleSuggestionKeyDown(event) {
+			var keyCode = event.keyCode,
+			    target = event.target;
+
+			switch (keyCode) {
+				case KeyCode.enter:
+					target.click();
+					break;
+				case KeyCode.up:
+					var prev = target.previousElementSibling;
+					prev && prev.focus();
+					break;
+				case KeyCode.down:
+					var next = target.nextElementSibling;
+					next && next.focus();
+					break;
+				case KeyCode.esc:
+				case KeyCode.tab:
+					this.toggleDropDownVisible(false);
+					break;
+			}
+		},
+		handleDelete: function handleDelete() {
+			var inputValue = this.inputValue,
+			    pressDeleteCount = this.pressDeleteCount,
+			    presentTags = this.presentTags;
+
+			var lastIndex = presentTags.length - 1;
+			var lastTag = presentTags[lastIndex];
+			this.pressDeleteCount = inputValue ? 0 : pressDeleteCount + 1;
+
+			if (!lastTag) return;
+
+			if (this.pressDeleteCount) {
+				if (lastTag.hitState) {
+					this.deleteTag(lastTag);
+				} else {
+					lastTag.hitState = true;
+				}
+			}
+		},
+		handleSuggestionClick: function handleSuggestionClick(index) {
+			var multiple = this.multiple;
+
+			var targetNode = this.suggestions[index];
+
+			if (multiple) {
+				var checked = targetNode.checked;
+
+				targetNode.doCheck(!checked);
+				this.panel.calculateMultiCheckedValue();
+			} else {
+				this.checkedValue = targetNode.getValueByOption();
+				this.toggleDropDownVisible(false);
+			}
+		},
+		deleteTag: function deleteTag(tag) {
+			var checkedValue = this.checkedValue;
+
+			var current = tag.node.getValueByOption();
+			var val = checkedValue.find(function (n) {
+				return Object(util_["isEqual"])(n, current);
+			});
+			this.checkedValue = checkedValue.filter(function (n) {
+				return !Object(util_["isEqual"])(n, current);
+			});
+			this.$emit('remove-tag', val);
+		},
+		updateStyle: function updateStyle() {
+			var $el = this.$el,
+			    inputInitialHeight = this.inputInitialHeight;
+
+			if (this.$isServer || !$el) return;
+
+			var suggestionPanel = this.$refs.suggestionPanel;
+
+			var inputInner = $el.querySelector('.el-input__inner');
+
+			if (!inputInner) return;
+
+			var tags = $el.querySelector('.el-cascader__tags');
+			var suggestionPanelEl = null;
+
+			if (suggestionPanel && (suggestionPanelEl = suggestionPanel.$el)) {
+				var suggestionList = suggestionPanelEl.querySelector('.el-cascader__suggestion-list');
+				suggestionList.style.minWidth = inputInner.offsetWidth + 'px';
+			}
+
+			if (tags) {
+				var offsetHeight = Math.round(tags.getBoundingClientRect().height);
+				var height = Math.max(offsetHeight + 6, inputInitialHeight) + 'px';
+				inputInner.style.height = height;
+				if (this.dropDownVisible) {
+					this.updatePopper();
+				}
+			}
+		},
+
+
+		/**
      * public methods
     */
-    getCheckedNodes: function getCheckedNodes(leafOnly) {
-      return this.panel.getCheckedNodes(leafOnly);
-    }
-  }
+		getCheckedNodes: function getCheckedNodes(leafOnly) {
+			return this.panel.getCheckedNodes(leafOnly);
+		}
+	}
 });
 // CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=script&lang=js
  /* harmony default export */ var src_cascadervue_type_script_lang_js = (cascadervue_type_script_lang_js); 
@@ -1331,7 +1331,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /* istanbul ignore next */
 cascader.install = function (Vue) {
-  Vue.component(cascader.name, cascader);
+	Vue.component(cascader.name, cascader);
 };
 
 /* harmony default export */ var packages_cascader = __webpack_exports__["default"] = (cascader);