|
|
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 = 532); /******/ }) /************************************************************************/ /******/ ({
/***/ 104: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/utils/vdom");
/***/ }),
/***/ 13: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/mixins/emitter");
/***/ }),
/***/ 2: /***/ (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, (options.functional ? this.parent : 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 functional 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 } }
/***/ }),
/***/ 247: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/utils/aria-dialog");
/***/ }),
/***/ 33: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/utils/merge");
/***/ }),
/***/ 36: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/mixins/migrating");
/***/ }),
/***/ 38: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/mixins/locale");
/***/ }),
/***/ 4: /***/ (function(module, exports) {
module.exports = require("vue");
/***/ }),
/***/ 49: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/utils/shared");
/***/ }),
/***/ 52: /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; // 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/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 "tis-ui/lib/mixins/emitter"
var emitter_ = __webpack_require__(13); var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
// EXTERNAL MODULE: external "tis-ui/lib/mixins/migrating"
var migrating_ = __webpack_require__(36); 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 "tis-ui/lib/utils/merge"
var merge_ = __webpack_require__(33); var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
// EXTERNAL MODULE: external "tis-ui/lib/utils/shared"
var shared_ = __webpack_require__(49);
// 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: 'TisInput',
componentName: 'TisInput',
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() { this.isComposing = true; }, handleCompositionUpdate: function handleCompositionUpdate(event) { var text = event.target.value; var lastCharacter = text[text.length - 1] || ''; this.isComposing = !Object(shared_["isKorean"])(lastCharacter); }, handleCompositionEnd: function handleCompositionEnd(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() { this.passwordVisible = !this.passwordVisible; this.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__(2);
// 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);
/***/ }),
/***/ 532: /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; // ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXTERNAL MODULE: external "vue"
var external_vue_ = __webpack_require__(4); var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/message-box/src/main.vue?vue&type=template&id=6b29b012&
var render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h return _c("transition", { attrs: { name: "msgbox-fade" } }, [ _c( "div", { directives: [ { name: "show", rawName: "v-show", value: _vm.visible, expression: "visible" } ], staticClass: "el-message-box__wrapper", attrs: { tabindex: "-1", role: "dialog", "aria-modal": "true", "aria-label": _vm.title || "dialog" }, on: { click: function($event) { if ($event.target !== $event.currentTarget) { return null } return _vm.handleWrapperClick($event) } } }, [ _c( "div", { staticClass: "el-message-box", class: [_vm.customClass, _vm.center && "el-message-box--center"] }, [ _vm.title !== null ? _c("div", { staticClass: "el-message-box__header" }, [ _c("div", { staticClass: "el-message-box__title" }, [ _vm.icon && _vm.center ? _c("div", { class: ["el-message-box__status", _vm.icon] }) : _vm._e(), _c("span", [_vm._v(_vm._s(_vm.title))]) ]), _vm.showClose ? _c( "button", { staticClass: "el-message-box__headerbtn", attrs: { type: "button", "aria-label": "Close" }, on: { click: function($event) { _vm.handleAction( _vm.distinguishCancelAndClose ? "close" : "cancel" ) }, keydown: function($event) { if ( !("button" in $event) && _vm._k( $event.keyCode, "enter", 13, $event.key, "Enter" ) ) { return null } _vm.handleAction( _vm.distinguishCancelAndClose ? "close" : "cancel" ) } } }, [ _c("i", { staticClass: "el-message-box__close el-icon-close" }) ] ) : _vm._e() ]) : _vm._e(), _c("div", { staticClass: "el-message-box__content" }, [ _c("div", { staticClass: "el-message-box__container" }, [ _vm.icon && !_vm.center && _vm.message !== "" ? _c("div", { class: ["el-message-box__status", _vm.icon] }) : _vm._e(), _vm.message !== "" ? _c( "div", { staticClass: "el-message-box__message" }, [ _vm._t("default", [ !_vm.dangerouslyUseHTMLString ? _c("p", [_vm._v(_vm._s(_vm.message))]) : _c("p", { domProps: { innerHTML: _vm._s(_vm.message) } }) ]) ], 2 ) : _vm._e() ]), _c( "div", { directives: [ { name: "show", rawName: "v-show", value: _vm.showInput, expression: "showInput" } ], staticClass: "el-message-box__input" }, [ _c("tis-input", { ref: "input", attrs: { type: _vm.inputType, placeholder: _vm.inputPlaceholder }, nativeOn: { keydown: function($event) { if ( !("button" in $event) && _vm._k( $event.keyCode, "enter", 13, $event.key, "Enter" ) ) { return null } return _vm.handleInputEnter($event) } }, model: { value: _vm.inputValue, callback: function($$v) { _vm.inputValue = $$v }, expression: "inputValue" } }), _c( "div", { staticClass: "el-message-box__errormsg", style: { visibility: !!_vm.editorErrorMessage ? "visible" : "hidden" } }, [_vm._v(_vm._s(_vm.editorErrorMessage))] ) ], 1 ) ]), _c( "div", { staticClass: "el-message-box__btns" }, [ _vm.showCancelButton ? _c( "tis-button", { class: [_vm.cancelButtonClasses], attrs: { loading: _vm.cancelButtonLoading, round: _vm.roundButton, size: "small" }, on: { keydown: function($event) { if ( !("button" in $event) && _vm._k( $event.keyCode, "enter", 13, $event.key, "Enter" ) ) { return null } _vm.handleAction("cancel") } }, nativeOn: { click: function($event) { _vm.handleAction("cancel") } } }, [ _vm._v( "\n " + _vm._s( _vm.cancelButtonText || _vm.t("el.messagebox.cancel") ) + "\n " ) ] ) : _vm._e(), _c( "tis-button", { directives: [ { name: "show", rawName: "v-show", value: _vm.showConfirmButton, expression: "showConfirmButton" } ], ref: "confirm", class: [_vm.confirmButtonClasses], attrs: { loading: _vm.confirmButtonLoading, round: _vm.roundButton, size: "small" }, on: { keydown: function($event) { if ( !("button" in $event) && _vm._k( $event.keyCode, "enter", 13, $event.key, "Enter" ) ) { return null } _vm.handleAction("confirm") } }, nativeOn: { click: function($event) { _vm.handleAction("confirm") } } }, [ _vm._v( "\n " + _vm._s( _vm.confirmButtonText || _vm.t("el.messagebox.confirm") ) + "\n " ) ] ) ], 1 ) ] ) ] ) ]) } var staticRenderFns = [] render._withStripped = true
// CONCATENATED MODULE: ./packages/message-box/src/main.vue?vue&type=template&id=6b29b012&
// EXTERNAL MODULE: external "tis-ui/lib/utils/popup"
var popup_ = __webpack_require__(77); var popup_default = /*#__PURE__*/__webpack_require__.n(popup_);
// EXTERNAL MODULE: external "tis-ui/lib/mixins/locale"
var locale_ = __webpack_require__(38); var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
// EXTERNAL MODULE: ./packages/input/index.js + 6 modules
var input = __webpack_require__(52);
// EXTERNAL MODULE: ./packages/button/index.js + 5 modules
var packages_button = __webpack_require__(70);
// EXTERNAL MODULE: external "tis-ui/lib/utils/dom"
var dom_ = __webpack_require__(7);
// EXTERNAL MODULE: external "tis-ui/lib/locale"
var lib_locale_ = __webpack_require__(72);
// EXTERNAL MODULE: external "tis-ui/lib/utils/aria-dialog"
var aria_dialog_ = __webpack_require__(247); var aria_dialog_default = /*#__PURE__*/__webpack_require__.n(aria_dialog_);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message-box/src/main.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var messageBox = void 0; var typeMap = { success: 'success', info: 'info', warning: 'warning', error: 'error' };
/* harmony default export */ var mainvue_type_script_lang_js_ = ({ mixins: [popup_default.a, locale_default.a],
props: { modal: { default: true }, lockScroll: { default: true }, showClose: { type: Boolean, default: true }, closeOnClickModal: { default: true }, closeOnPressEscape: { default: true }, closeOnHashChange: { default: true }, center: { default: false, type: Boolean }, roundButton: { default: false, type: Boolean } },
components: { ElInput: input["default"], ElButton: packages_button["default"] },
computed: { icon: function icon() { var type = this.type, iconClass = this.iconClass;
return iconClass || (type && typeMap[type] ? 'el-icon-' + typeMap[type] : ''); }, confirmButtonClasses: function confirmButtonClasses() { return 'el-button--primary ' + this.confirmButtonClass; }, cancelButtonClasses: function cancelButtonClasses() { return '' + this.cancelButtonClass; } },
methods: { getSafeClose: function getSafeClose() { var _this = this;
var currentId = this.uid; return function () { _this.$nextTick(function () { if (currentId === _this.uid) _this.doClose(); }); }; }, doClose: function doClose() { var _this2 = this;
if (!this.visible) return; this.visible = false; this._closing = true;
this.onClose && this.onClose(); messageBox.closeDialog(); // 解绑
if (this.lockScroll) { setTimeout(this.restoreBodyStyle, 200); } this.opened = false; this.doAfterClose(); setTimeout(function () { if (_this2.action) _this2.callback(_this2.action, _this2); }); }, handleWrapperClick: function handleWrapperClick() { if (this.closeOnClickModal) { this.handleAction(this.distinguishCancelAndClose ? 'close' : 'cancel'); } }, handleInputEnter: function handleInputEnter() { if (this.inputType !== 'textarea') { return this.handleAction('confirm'); } }, handleAction: function handleAction(action) { if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) { return; } this.action = action; if (typeof this.beforeClose === 'function') { this.close = this.getSafeClose(); this.beforeClose(action, this, this.close); } else { this.doClose(); } }, validate: function validate() { if (this.$type === 'prompt') { var inputPattern = this.inputPattern; if (inputPattern && !inputPattern.test(this.inputValue || '')) { this.editorErrorMessage = this.inputErrorMessage || Object(lib_locale_["t"])('el.messagebox.error'); Object(dom_["addClass"])(this.getInputElement(), 'invalid'); return false; } var inputValidator = this.inputValidator; if (typeof inputValidator === 'function') { var validateResult = inputValidator(this.inputValue); if (validateResult === false) { this.editorErrorMessage = this.inputErrorMessage || Object(lib_locale_["t"])('el.messagebox.error'); Object(dom_["addClass"])(this.getInputElement(), 'invalid'); return false; } if (typeof validateResult === 'string') { this.editorErrorMessage = validateResult; Object(dom_["addClass"])(this.getInputElement(), 'invalid'); return false; } } } this.editorErrorMessage = ''; Object(dom_["removeClass"])(this.getInputElement(), 'invalid'); return true; }, getFirstFocus: function getFirstFocus() { var btn = this.$el.querySelector('.el-message-box__btns .el-button'); var title = this.$el.querySelector('.el-message-box__btns .el-message-box__title'); return btn || title; }, getInputElement: function getInputElement() { var inputRefs = this.$refs.input.$refs; return inputRefs.input || inputRefs.textarea; }, handleClose: function handleClose() { this.handleAction('close'); } },
watch: { inputValue: { immediate: true, handler: function handler(val) { var _this3 = this;
this.$nextTick(function (_) { if (_this3.$type === 'prompt' && val !== null) { _this3.validate(); } }); } },
visible: function visible(val) { var _this4 = this;
if (val) { this.uid++; if (this.$type === 'alert' || this.$type === 'confirm') { this.$nextTick(function () { _this4.$refs.confirm.$el.focus(); }); } this.focusAfterClosed = document.activeElement; messageBox = new aria_dialog_default.a(this.$el, this.focusAfterClosed, this.getFirstFocus()); }
// prompt
if (this.$type !== 'prompt') return; if (val) { setTimeout(function () { if (_this4.$refs.input && _this4.$refs.input.$el) { _this4.getInputElement().focus(); } }, 500); } else { this.editorErrorMessage = ''; Object(dom_["removeClass"])(this.getInputElement(), 'invalid'); } } },
mounted: function mounted() { var _this5 = this;
this.$nextTick(function () { if (_this5.closeOnHashChange) { window.addEventListener('hashchange', _this5.close); } }); }, beforeDestroy: function beforeDestroy() { if (this.closeOnHashChange) { window.removeEventListener('hashchange', this.close); } setTimeout(function () { messageBox.closeDialog(); }); }, data: function data() { return { uid: 1, title: undefined, message: '', type: '', iconClass: '', customClass: '', showInput: false, inputValue: null, inputPlaceholder: '', inputType: 'text', inputPattern: null, inputValidator: null, inputErrorMessage: '', showConfirmButton: true, showCancelButton: false, action: '', confirmButtonText: '', cancelButtonText: '', confirmButtonLoading: false, cancelButtonLoading: false, confirmButtonClass: '', confirmButtonDisabled: false, cancelButtonClass: '', editorErrorMessage: null, callback: null, dangerouslyUseHTMLString: false, focusAfterClosed: null, isOnComposition: false, distinguishCancelAndClose: false }; } }); // CONCATENATED MODULE: ./packages/message-box/src/main.vue?vue&type=script&lang=js&
/* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);
// CONCATENATED MODULE: ./packages/message-box/src/main.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])( src_mainvue_type_script_lang_js_, render, staticRenderFns, false, null, null, null )
/* hot reload */ if (false) { var api; } component.options.__file = "packages/message-box/src/main.vue" /* harmony default export */ var main = (component.exports); // EXTERNAL MODULE: external "tis-ui/lib/utils/merge"
var merge_ = __webpack_require__(33); var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
// EXTERNAL MODULE: external "tis-ui/lib/utils/vdom"
var vdom_ = __webpack_require__(104);
// CONCATENATED MODULE: ./packages/message-box/src/main.js
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
var defaults = { title: null, message: '', type: '', iconClass: '', showInput: false, showClose: true, modalFade: true, lockScroll: true, closeOnClickModal: true, closeOnPressEscape: true, closeOnHashChange: true, inputValue: null, inputPlaceholder: '', inputType: 'text', inputPattern: null, inputValidator: null, inputErrorMessage: '', showConfirmButton: true, showCancelButton: false, confirmButtonPosition: 'right', confirmButtonHighlight: false, cancelButtonHighlight: false, confirmButtonText: '', cancelButtonText: '', confirmButtonClass: '', cancelButtonClass: '', customClass: '', beforeClose: null, dangerouslyUseHTMLString: false, center: false, roundButton: false, distinguishCancelAndClose: false };
var MessageBoxConstructor = external_vue_default.a.extend(main);
var currentMsg = void 0, instance = void 0; var msgQueue = [];
var defaultCallback = function defaultCallback(action) { if (currentMsg) { var callback = currentMsg.callback; if (typeof callback === 'function') { if (instance.showInput) { callback(instance.inputValue, action); } else { callback(action); } } if (currentMsg.resolve) { if (action === 'confirm') { if (instance.showInput) { currentMsg.resolve({ value: instance.inputValue, action: action }); } else { currentMsg.resolve(action); } } else if (currentMsg.reject && (action === 'cancel' || action === 'close')) { currentMsg.reject(action); } } } };
var initInstance = function initInstance() { instance = new MessageBoxConstructor({ el: document.createElement('div') });
instance.callback = defaultCallback; };
var main_showNextMsg = function showNextMsg() { if (!instance) { initInstance(); } instance.action = '';
if (!instance.visible || instance.closeTimer) { if (msgQueue.length > 0) { currentMsg = msgQueue.shift();
var options = currentMsg.options; for (var prop in options) { if (options.hasOwnProperty(prop)) { instance[prop] = options[prop]; } } if (options.callback === undefined) { instance.callback = defaultCallback; }
var oldCb = instance.callback; instance.callback = function (action, instance) { oldCb(action, instance); showNextMsg(); }; if (Object(vdom_["isVNode"])(instance.message)) { instance.$slots.default = [instance.message]; instance.message = null; } else { delete instance.$slots.default; } ['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape', 'closeOnHashChange'].forEach(function (prop) { if (instance[prop] === undefined) { instance[prop] = true; } }); document.body.appendChild(instance.$el);
external_vue_default.a.nextTick(function () { instance.visible = true; }); } } };
var main_MessageBox = function MessageBox(options, callback) { if (external_vue_default.a.prototype.$isServer) return; if (typeof options === 'string' || Object(vdom_["isVNode"])(options)) { options = { message: options }; if (typeof arguments[1] === 'string') { options.title = arguments[1]; } } else if (options.callback && !callback) { callback = options.callback; }
if (typeof Promise !== 'undefined') { return new Promise(function (resolve, reject) { // eslint-disable-line
msgQueue.push({ options: merge_default()({}, defaults, MessageBox.defaults, options), callback: callback, resolve: resolve, reject: reject });
main_showNextMsg(); }); } else { msgQueue.push({ options: merge_default()({}, defaults, MessageBox.defaults, options), callback: callback });
main_showNextMsg(); } };
main_MessageBox.setDefaults = function (defaults) { main_MessageBox.defaults = defaults; };
main_MessageBox.alert = function (message, title, options) { if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') { options = title; title = ''; } else if (title === undefined) { title = ''; } return main_MessageBox(merge_default()({ title: title, message: message, $type: 'alert', closeOnPressEscape: false, closeOnClickModal: false }, options)); };
main_MessageBox.confirm = function (message, title, options) { if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') { options = title; title = ''; } else if (title === undefined) { title = ''; } return main_MessageBox(merge_default()({ title: title, message: message, $type: 'confirm', showCancelButton: true }, options)); };
main_MessageBox.prompt = function (message, title, options) { if ((typeof title === 'undefined' ? 'undefined' : _typeof(title)) === 'object') { options = title; title = ''; } else if (title === undefined) { title = ''; } return main_MessageBox(merge_default()({ title: title, message: message, showCancelButton: true, showInput: true, $type: 'prompt' }, options)); };
main_MessageBox.close = function () { instance.doClose(); instance.visible = false; msgQueue = []; currentMsg = null; };
/* harmony default export */ var src_main = (main_MessageBox);
// CONCATENATED MODULE: ./packages/message-box/index.js
/* harmony default export */ var message_box = __webpack_exports__["default"] = (src_main);
/***/ }),
/***/ 7: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/utils/dom");
/***/ }),
/***/ 70: /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; // 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/button/src/button.vue?vue&type=template&id=ca859fb4&
var render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h return _c( "button", { staticClass: "el-button", class: [ _vm.type ? "el-button--" + _vm.type : "", _vm.buttonSize ? "el-button--" + _vm.buttonSize : "", { "is-disabled": _vm.buttonDisabled, "is-loading": _vm.loading, "is-plain": _vm.plain, "is-round": _vm.round, "is-circle": _vm.circle } ], attrs: { disabled: _vm.buttonDisabled || _vm.loading, autofocus: _vm.autofocus, type: _vm.nativeType }, on: { click: _vm.handleClick } }, [ _vm.loading ? _c("i", { staticClass: "el-icon-loading" }) : _vm._e(), _vm.icon && !_vm.loading ? _c("i", { class: _vm.icon }) : _vm._e(), _vm.$slots.default ? _c("span", [_vm._t("default")], 2) : _vm._e() ] ) } var staticRenderFns = [] render._withStripped = true
// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=template&id=ca859fb4&
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var buttonvue_type_script_lang_js_ = ({ name: 'TisButton',
inject: { elForm: { default: '' }, elFormItem: { default: '' } },
props: { type: { type: String, default: 'default' }, size: String, icon: { type: String, default: '' }, nativeType: { type: String, default: 'button' }, loading: Boolean, disabled: Boolean, plain: Boolean, autofocus: Boolean, round: Boolean, circle: Boolean },
computed: { _elFormItemSize: function _elFormItemSize() { return (this.elFormItem || {}).elFormItemSize; }, buttonSize: function buttonSize() { return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; }, buttonDisabled: function buttonDisabled() { return this.disabled || (this.elForm || {}).disabled; } },
methods: { handleClick: function handleClick(evt) { this.$emit('click', evt); } } }); // CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=script&lang=js&
/* harmony default export */ var src_buttonvue_type_script_lang_js_ = (buttonvue_type_script_lang_js_); // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);
// CONCATENATED MODULE: ./packages/button/src/button.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])( src_buttonvue_type_script_lang_js_, render, staticRenderFns, false, null, null, null )
/* hot reload */ if (false) { var api; } component.options.__file = "packages/button/src/button.vue" /* harmony default export */ var src_button = (component.exports); // CONCATENATED MODULE: ./packages/button/index.js
/* istanbul ignore next */ src_button.install = function (Vue) { Vue.component(src_button.name, src_button); };
/* harmony default export */ var packages_button = __webpack_exports__["default"] = (src_button);
/***/ }),
/***/ 72: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/locale");
/***/ }),
/***/ 77: /***/ (function(module, exports) {
module.exports = require("tis-ui/lib/utils/popup");
/***/ })
/******/ });
|