123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997 |
- module.exports =
- /******/ (function(modules) { // webpackBootstrap
- /******/ // The module cache
- /******/ var installedModules = {};
- /******/
- /******/ // The require function
- /******/ function __webpack_require__(moduleId) {
- /******/
- /******/ // Check if module is in cache
- /******/ if(installedModules[moduleId]) {
- /******/ return installedModules[moduleId].exports;
- /******/ }
- /******/ // Create a new module (and put it into the cache)
- /******/ var module = installedModules[moduleId] = {
- /******/ i: moduleId,
- /******/ l: false,
- /******/ exports: {}
- /******/ };
- /******/
- /******/ // Execute the module function
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
- /******/
- /******/ // Flag the module as loaded
- /******/ module.l = true;
- /******/
- /******/ // Return the exports of the module
- /******/ return module.exports;
- /******/ }
- /******/
- /******/
- /******/ // expose the modules object (__webpack_modules__)
- /******/ __webpack_require__.m = modules;
- /******/
- /******/ // expose the module cache
- /******/ __webpack_require__.c = installedModules;
- /******/
- /******/ // define getter function for harmony exports
- /******/ __webpack_require__.d = function(exports, name, getter) {
- /******/ if(!__webpack_require__.o(exports, name)) {
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
- /******/ }
- /******/ };
- /******/
- /******/ // define __esModule on exports
- /******/ __webpack_require__.r = function(exports) {
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
- /******/ }
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
- /******/ };
- /******/
- /******/ // create a fake namespace object
- /******/ // mode & 1: value is a module id, require it
- /******/ // mode & 2: merge all properties of value into the ns
- /******/ // mode & 4: return value when already ns object
- /******/ // mode & 8|1: behave like require
- /******/ __webpack_require__.t = function(value, mode) {
- /******/ if(mode & 1) value = __webpack_require__(value);
- /******/ if(mode & 8) return value;
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
- /******/ var ns = Object.create(null);
- /******/ __webpack_require__.r(ns);
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
- /******/ return ns;
- /******/ };
- /******/
- /******/ // getDefaultExport function for compatibility with non-harmony modules
- /******/ __webpack_require__.n = function(module) {
- /******/ var getter = module && module.__esModule ?
- /******/ function getDefault() { return module['default']; } :
- /******/ function getModuleExports() { return module; };
- /******/ __webpack_require__.d(getter, 'a', getter);
- /******/ return getter;
- /******/ };
- /******/
- /******/ // Object.prototype.hasOwnProperty.call
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
- /******/
- /******/ // __webpack_public_path__
- /******/ __webpack_require__.p = "/dist/";
- /******/
- /******/
- /******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 74);
- /******/ })
- /************************************************************************/
- /******/ ({
- /***/ 0:
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
- /* globals __VUE_SSR_CONTEXT__ */
- // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
- // This module is a runtime utility for cleaner component module output and will
- // be included in the final webpack user bundle.
- function normalizeComponent (
- scriptExports,
- render,
- staticRenderFns,
- functionalTemplate,
- injectStyles,
- scopeId,
- moduleIdentifier, /* server only */
- shadowMode /* vue-cli only */
- ) {
- // Vue.extend constructor export interop
- var options = typeof scriptExports === 'function'
- ? scriptExports.options
- : scriptExports
- // render functions
- if (render) {
- options.render = render
- options.staticRenderFns = staticRenderFns
- options._compiled = true
- }
- // functional template
- if (functionalTemplate) {
- options.functional = true
- }
- // scopedId
- if (scopeId) {
- options._scopeId = 'data-v-' + scopeId
- }
- var hook
- if (moduleIdentifier) { // server build
- hook = function (context) {
- // 2.3 injection
- context =
- context || // cached call
- (this.$vnode && this.$vnode.ssrContext) || // stateful
- (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
- // 2.2 with runInNewContext: true
- if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
- context = __VUE_SSR_CONTEXT__
- }
- // inject component styles
- if (injectStyles) {
- injectStyles.call(this, context)
- }
- // register component module identifier for async chunk inferrence
- if (context && context._registeredComponents) {
- context._registeredComponents.add(moduleIdentifier)
- }
- }
- // used by ssr in case component is cached and beforeCreate
- // never gets called
- options._ssrRegister = hook
- } else if (injectStyles) {
- hook = shadowMode
- ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
- : injectStyles
- }
- if (hook) {
- if (options.functional) {
- // for template-only hot-reload because in that case the render fn doesn't
- // go through the normalizer
- options._injectStyles = hook
- // register for functioal component in vue file
- var originalRender = options.render
- options.render = function renderWithStyleInjection (h, context) {
- hook.call(context)
- return originalRender(h, context)
- }
- } else {
- // inject component registration as beforeCreate hook
- var existing = options.beforeCreate
- options.beforeCreate = existing
- ? [].concat(existing, hook)
- : [hook]
- }
- }
- return {
- exports: scriptExports,
- options: options
- }
- }
- /***/ }),
- /***/ 11:
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/mixins/migrating");
- /***/ }),
- /***/ 21:
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/shared");
- /***/ }),
- /***/ 4:
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/mixins/emitter");
- /***/ }),
- /***/ 74:
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __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/input/src/input.vue?vue&type=template&id=343dd774&
- var render = function() {
- var _vm = this
- var _h = _vm.$createElement
- var _c = _vm._self._c || _h
- return _c(
- "div",
- {
- class: [
- _vm.type === "textarea" ? "el-textarea" : "el-input",
- _vm.inputSize ? "el-input--" + _vm.inputSize : "",
- {
- "is-disabled": _vm.inputDisabled,
- "is-exceed": _vm.inputExceed,
- "el-input-group": _vm.$slots.prepend || _vm.$slots.append,
- "el-input-group--append": _vm.$slots.append,
- "el-input-group--prepend": _vm.$slots.prepend,
- "el-input--prefix": _vm.$slots.prefix || _vm.prefixIcon,
- "el-input--suffix":
- _vm.$slots.suffix ||
- _vm.suffixIcon ||
- _vm.clearable ||
- _vm.showPassword
- }
- ],
- on: {
- mouseenter: function($event) {
- _vm.hovering = true
- },
- mouseleave: function($event) {
- _vm.hovering = false
- }
- }
- },
- [
- _vm.type !== "textarea"
- ? [
- _vm.$slots.prepend
- ? _c(
- "div",
- { staticClass: "el-input-group__prepend" },
- [_vm._t("prepend")],
- 2
- )
- : _vm._e(),
- _vm.type !== "textarea"
- ? _c(
- "input",
- _vm._b(
- {
- ref: "input",
- staticClass: "el-input__inner",
- attrs: {
- tabindex: _vm.tabindex,
- type: _vm.showPassword
- ? _vm.passwordVisible
- ? "text"
- : "password"
- : _vm.type,
- disabled: _vm.inputDisabled,
- readonly: _vm.readonly,
- autocomplete: _vm.autoComplete || _vm.autocomplete,
- "aria-label": _vm.label
- },
- on: {
- compositionstart: _vm.handleCompositionStart,
- compositionupdate: _vm.handleCompositionUpdate,
- compositionend: _vm.handleCompositionEnd,
- input: _vm.handleInput,
- focus: _vm.handleFocus,
- blur: _vm.handleBlur,
- change: _vm.handleChange
- }
- },
- "input",
- _vm.$attrs,
- false
- )
- )
- : _vm._e(),
- _vm.$slots.prefix || _vm.prefixIcon
- ? _c(
- "span",
- { staticClass: "el-input__prefix" },
- [
- _vm._t("prefix"),
- _vm.prefixIcon
- ? _c("i", {
- staticClass: "el-input__icon",
- class: _vm.prefixIcon
- })
- : _vm._e()
- ],
- 2
- )
- : _vm._e(),
- _vm.getSuffixVisible()
- ? _c("span", { staticClass: "el-input__suffix" }, [
- _c(
- "span",
- { staticClass: "el-input__suffix-inner" },
- [
- !_vm.showClear ||
- !_vm.showPwdVisible ||
- !_vm.isWordLimitVisible
- ? [
- _vm._t("suffix"),
- _vm.suffixIcon
- ? _c("i", {
- staticClass: "el-input__icon",
- class: _vm.suffixIcon
- })
- : _vm._e()
- ]
- : _vm._e(),
- _vm.showClear
- ? _c("i", {
- staticClass:
- "el-input__icon el-icon-circle-close el-input__clear",
- on: {
- mousedown: function($event) {
- $event.preventDefault()
- },
- click: _vm.clear
- }
- })
- : _vm._e(),
- _vm.showPwdVisible
- ? _c("i", {
- staticClass:
- "el-input__icon el-icon-view el-input__clear",
- on: { click: _vm.handlePasswordVisible }
- })
- : _vm._e(),
- _vm.isWordLimitVisible
- ? _c("span", { staticClass: "el-input__count" }, [
- _c(
- "span",
- { staticClass: "el-input__count-inner" },
- [
- _vm._v(
- "\n " +
- _vm._s(_vm.textLength) +
- "/" +
- _vm._s(_vm.upperLimit) +
- "\n "
- )
- ]
- )
- ])
- : _vm._e()
- ],
- 2
- ),
- _vm.validateState
- ? _c("i", {
- staticClass: "el-input__icon",
- class: ["el-input__validateIcon", _vm.validateIcon]
- })
- : _vm._e()
- ])
- : _vm._e(),
- _vm.$slots.append
- ? _c(
- "div",
- { staticClass: "el-input-group__append" },
- [_vm._t("append")],
- 2
- )
- : _vm._e()
- ]
- : _c(
- "textarea",
- _vm._b(
- {
- ref: "textarea",
- staticClass: "el-textarea__inner",
- style: _vm.textareaStyle,
- attrs: {
- tabindex: _vm.tabindex,
- disabled: _vm.inputDisabled,
- readonly: _vm.readonly,
- autocomplete: _vm.autoComplete || _vm.autocomplete,
- "aria-label": _vm.label
- },
- on: {
- compositionstart: _vm.handleCompositionStart,
- compositionupdate: _vm.handleCompositionUpdate,
- compositionend: _vm.handleCompositionEnd,
- input: _vm.handleInput,
- focus: _vm.handleFocus,
- blur: _vm.handleBlur,
- change: _vm.handleChange
- }
- },
- "textarea",
- _vm.$attrs,
- false
- )
- ),
- _vm.isWordLimitVisible && _vm.type === "textarea"
- ? _c("span", { staticClass: "el-input__count" }, [
- _vm._v(_vm._s(_vm.textLength) + "/" + _vm._s(_vm.upperLimit))
- ])
- : _vm._e()
- ],
- 2
- )
- }
- var staticRenderFns = []
- render._withStripped = true
- // CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=template&id=343dd774&
- // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
- var emitter_ = __webpack_require__(4);
- var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
- // EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
- var migrating_ = __webpack_require__(11);
- var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
- // CONCATENATED MODULE: ./packages/input/src/calcTextareaHeight.js
- var hiddenTextarea = void 0;
- var HIDDEN_STYLE = '\n height:0 !important;\n visibility:hidden !important;\n overflow:hidden !important;\n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important\n';
- var 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) {
- var style = window.getComputedStyle(targetElement);
- var boxSizing = style.getPropertyValue('box-sizing');
- var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
- var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
- var contextStyle = CONTEXT_STYLE.map(function (name) {
- return name + ':' + style.getPropertyValue(name);
- }).join(';');
- return { contextStyle: contextStyle, paddingSize: paddingSize, borderSize: borderSize, boxSizing: boxSizing };
- }
- function calcTextareaHeight(targetElement) {
- var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
- var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
- if (!hiddenTextarea) {
- hiddenTextarea = document.createElement('textarea');
- document.body.appendChild(hiddenTextarea);
- }
- var _calculateNodeStyling = calculateNodeStyling(targetElement),
- paddingSize = _calculateNodeStyling.paddingSize,
- borderSize = _calculateNodeStyling.borderSize,
- boxSizing = _calculateNodeStyling.boxSizing,
- contextStyle = _calculateNodeStyling.contextStyle;
- hiddenTextarea.setAttribute('style', contextStyle + ';' + HIDDEN_STYLE);
- hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
- var height = hiddenTextarea.scrollHeight;
- var result = {};
- if (boxSizing === 'border-box') {
- height = height + borderSize;
- } else if (boxSizing === 'content-box') {
- height = height - paddingSize;
- }
- hiddenTextarea.value = '';
- var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
- if (minRows !== null) {
- var minHeight = singleRowHeight * minRows;
- if (boxSizing === 'border-box') {
- minHeight = minHeight + paddingSize + borderSize;
- }
- height = Math.max(minHeight, height);
- result.minHeight = minHeight + 'px';
- }
- if (maxRows !== null) {
- var 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;
- };
- // EXTERNAL MODULE: external "element-ui/lib/utils/merge"
- var merge_ = __webpack_require__(9);
- var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
- // EXTERNAL MODULE: external "element-ui/lib/utils/shared"
- var shared_ = __webpack_require__(21);
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/input/src/input.vue?vue&type=script&lang=js&
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- /* harmony default export */ var inputvue_type_script_lang_js_ = ({
- name: 'ElInput',
- componentName: 'ElInput',
- mixins: [emitter_default.a, migrating_default.a],
- inheritAttrs: false,
- inject: {
- elForm: {
- default: ''
- },
- elFormItem: {
- default: ''
- }
- },
- data: function data() {
- return {
- textareaCalcStyle: {},
- hovering: false,
- focused: false,
- isComposing: false,
- passwordVisible: false
- };
- },
- props: {
- value: [String, Number],
- size: String,
- resize: String,
- form: String,
- disabled: Boolean,
- readonly: Boolean,
- type: {
- type: String,
- default: 'text'
- },
- autosize: {
- type: [Boolean, Object],
- default: false
- },
- autocomplete: {
- type: String,
- default: 'off'
- },
- /** @Deprecated in next major version */
- autoComplete: {
- type: String,
- validator: function validator(val) {
- false && false;
- return true;
- }
- },
- validateEvent: {
- type: Boolean,
- default: true
- },
- suffixIcon: String,
- prefixIcon: String,
- label: String,
- clearable: {
- type: Boolean,
- default: false
- },
- showPassword: {
- type: Boolean,
- default: false
- },
- showWordLimit: {
- type: Boolean,
- default: false
- },
- tabindex: String
- },
- computed: {
- _elFormItemSize: function _elFormItemSize() {
- return (this.elFormItem || {}).elFormItemSize;
- },
- validateState: function validateState() {
- return this.elFormItem ? this.elFormItem.validateState : '';
- },
- needStatusIcon: function needStatusIcon() {
- return this.elForm ? this.elForm.statusIcon : false;
- },
- validateIcon: function validateIcon() {
- return {
- validating: 'el-icon-loading',
- success: 'el-icon-circle-check',
- error: 'el-icon-circle-close'
- }[this.validateState];
- },
- textareaStyle: function textareaStyle() {
- return merge_default()({}, this.textareaCalcStyle, { resize: this.resize });
- },
- inputSize: function inputSize() {
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
- },
- inputDisabled: function inputDisabled() {
- return this.disabled || (this.elForm || {}).disabled;
- },
- nativeInputValue: function nativeInputValue() {
- return this.value === null || this.value === undefined ? '' : String(this.value);
- },
- showClear: function showClear() {
- return this.clearable && !this.inputDisabled && !this.readonly && this.nativeInputValue && (this.focused || this.hovering);
- },
- showPwdVisible: function showPwdVisible() {
- return this.showPassword && !this.inputDisabled && !this.readonly && (!!this.nativeInputValue || this.focused);
- },
- isWordLimitVisible: function isWordLimitVisible() {
- return this.showWordLimit && this.$attrs.maxlength && (this.type === 'text' || this.type === 'textarea') && !this.inputDisabled && !this.readonly && !this.showPassword;
- },
- upperLimit: function upperLimit() {
- return this.$attrs.maxlength;
- },
- textLength: function textLength() {
- if (typeof this.value === 'number') {
- return String(this.value).length;
- }
- return (this.value || '').length;
- },
- inputExceed: function inputExceed() {
- // show exceed style if length of initial value greater then maxlength
- return this.isWordLimitVisible && this.textLength > this.upperLimit;
- }
- },
- watch: {
- value: function value(val) {
- this.$nextTick(this.resizeTextarea);
- if (this.validateEvent) {
- this.dispatch('ElFormItem', 'el.form.change', [val]);
- }
- },
- // native input value is set explicitly
- // do not use v-model / :value in template
- // see: https://github.com/ElemeFE/element/issues/14521
- nativeInputValue: function nativeInputValue() {
- this.setNativeInputValue();
- },
- // when change between <input> and <textarea>,
- // update DOM dependent value and styles
- // https://github.com/ElemeFE/element/issues/14857
- type: function type() {
- var _this = this;
- this.$nextTick(function () {
- _this.setNativeInputValue();
- _this.resizeTextarea();
- _this.updateIconOffset();
- });
- }
- },
- methods: {
- focus: function focus() {
- this.getInput().focus();
- },
- blur: function blur() {
- this.getInput().blur();
- },
- getMigratingConfig: function getMigratingConfig() {
- return {
- props: {
- 'icon': 'icon is removed, use suffix-icon / prefix-icon instead.',
- 'on-icon-click': 'on-icon-click is removed.'
- },
- events: {
- 'click': 'click is removed.'
- }
- };
- },
- handleBlur: function handleBlur(event) {
- this.focused = false;
- this.$emit('blur', event);
- if (this.validateEvent) {
- this.dispatch('ElFormItem', 'el.form.blur', [this.value]);
- }
- },
- select: function select() {
- this.getInput().select();
- },
- resizeTextarea: function resizeTextarea() {
- if (this.$isServer) return;
- var autosize = this.autosize,
- type = this.type;
- if (type !== 'textarea') return;
- if (!autosize) {
- this.textareaCalcStyle = {
- minHeight: calcTextareaHeight(this.$refs.textarea).minHeight
- };
- return;
- }
- var minRows = autosize.minRows;
- var maxRows = autosize.maxRows;
- this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows);
- },
- setNativeInputValue: function setNativeInputValue() {
- var input = this.getInput();
- if (!input) return;
- if (input.value === this.nativeInputValue) return;
- input.value = this.nativeInputValue;
- },
- handleFocus: function handleFocus(event) {
- this.focused = true;
- this.$emit('focus', event);
- },
- handleCompositionStart: function handleCompositionStart(event) {
- this.$emit('compositionstart', event);
- this.isComposing = true;
- },
- handleCompositionUpdate: function handleCompositionUpdate(event) {
- this.$emit('compositionupdate', event);
- var text = event.target.value;
- var lastCharacter = text[text.length - 1] || '';
- this.isComposing = !Object(shared_["isKorean"])(lastCharacter);
- },
- handleCompositionEnd: function handleCompositionEnd(event) {
- this.$emit('compositionend', event);
- if (this.isComposing) {
- this.isComposing = false;
- this.handleInput(event);
- }
- },
- handleInput: function handleInput(event) {
- // should not emit input during composition
- // see: https://github.com/ElemeFE/element/issues/10516
- if (this.isComposing) return;
- // hack for https://github.com/ElemeFE/element/issues/8548
- // should remove the following line when we don't support IE
- if (event.target.value === this.nativeInputValue) return;
- this.$emit('input', event.target.value);
- // ensure native input value is controlled
- // see: https://github.com/ElemeFE/element/issues/12850
- this.$nextTick(this.setNativeInputValue);
- },
- handleChange: function handleChange(event) {
- this.$emit('change', event.target.value);
- },
- calcIconOffset: function calcIconOffset(place) {
- var elList = [].slice.call(this.$el.querySelectorAll('.el-input__' + place) || []);
- if (!elList.length) return;
- var el = null;
- for (var i = 0; i < elList.length; i++) {
- if (elList[i].parentNode === this.$el) {
- el = elList[i];
- break;
- }
- }
- if (!el) return;
- var pendantMap = {
- suffix: 'append',
- prefix: 'prepend'
- };
- var pendant = pendantMap[place];
- if (this.$slots[pendant]) {
- el.style.transform = 'translateX(' + (place === 'suffix' ? '-' : '') + this.$el.querySelector('.el-input-group__' + pendant).offsetWidth + 'px)';
- } else {
- el.removeAttribute('style');
- }
- },
- updateIconOffset: function updateIconOffset() {
- this.calcIconOffset('prefix');
- this.calcIconOffset('suffix');
- },
- clear: function clear() {
- this.$emit('input', '');
- this.$emit('change', '');
- this.$emit('clear');
- },
- handlePasswordVisible: function handlePasswordVisible() {
- var _this2 = this;
- this.passwordVisible = !this.passwordVisible;
- this.$nextTick(function () {
- _this2.focus();
- });
- },
- getInput: function getInput() {
- return this.$refs.input || this.$refs.textarea;
- },
- getSuffixVisible: function getSuffixVisible() {
- return this.$slots.suffix || this.suffixIcon || this.showClear || this.showPassword || this.isWordLimitVisible || this.validateState && this.needStatusIcon;
- }
- },
- created: function created() {
- this.$on('inputSelect', this.select);
- },
- mounted: function mounted() {
- this.setNativeInputValue();
- this.resizeTextarea();
- this.updateIconOffset();
- },
- updated: function updated() {
- this.$nextTick(this.updateIconOffset);
- }
- });
- // CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_inputvue_type_script_lang_js_ = (inputvue_type_script_lang_js_);
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
- var componentNormalizer = __webpack_require__(0);
- // CONCATENATED MODULE: ./packages/input/src/input.vue
- /* normalize component */
- var component = Object(componentNormalizer["a" /* default */])(
- src_inputvue_type_script_lang_js_,
- render,
- staticRenderFns,
- false,
- null,
- null,
- null
-
- )
- /* hot reload */
- if (false) { var api; }
- component.options.__file = "packages/input/src/input.vue"
- /* harmony default export */ var input = (component.exports);
- // CONCATENATED MODULE: ./packages/input/index.js
- /* istanbul ignore next */
- input.install = function (Vue) {
- Vue.component(input.name, input);
- };
- /* harmony default export */ var packages_input = __webpack_exports__["default"] = (input);
- /***/ }),
- /***/ 9:
- /***/ (function(module, exports) {
- module.exports = require("element-ui/lib/utils/merge");
- /***/ })
- /******/ });
|