|
|
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 = 523); /******/ }) /************************************************************************/ /******/ ({
/***/ 122: /***/ (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/checkbox/src/checkbox-group.vue?vue&type=template&id=7289a290&
var render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h return _c( "div", { staticClass: "el-checkbox-group", attrs: { role: "group", "aria-label": "checkbox-group" } }, [_vm._t("default")], 2 ) } var staticRenderFns = [] render._withStripped = true
// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=7289a290&
// EXTERNAL MODULE: external "tis-ui/lib/mixins/emitter"
var emitter_ = __webpack_require__(13); var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-group.vue?vue&type=script&lang=js&
/* harmony default export */ var checkbox_groupvue_type_script_lang_js_ = ({ name: 'TisCheckboxGroup',
componentName: 'TisCheckboxGroup',
mixins: [emitter_default.a],
inject: { elFormItem: { default: '' } },
props: { value: {}, disabled: Boolean, min: Number, max: Number, size: String, fill: String, textColor: String },
computed: { _elFormItemSize: function _elFormItemSize() { return (this.elFormItem || {}).elFormItemSize; }, checkboxGroupSize: function checkboxGroupSize() { return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; } },
watch: { value: function value(_value) { this.dispatch('TisFormItem', 'el.form.change', [_value]); } } }); // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=script&lang=js&
/* harmony default export */ var src_checkbox_groupvue_type_script_lang_js_ = (checkbox_groupvue_type_script_lang_js_); // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);
// CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])( src_checkbox_groupvue_type_script_lang_js_, render, staticRenderFns, false, null, null, null )
/* hot reload */ if (false) { var api; } component.options.__file = "packages/checkbox/src/checkbox-group.vue" /* harmony default export */ var checkbox_group = (component.exports); // CONCATENATED MODULE: ./packages/checkbox-group/index.js
/* istanbul ignore next */ checkbox_group.install = function (Vue) { Vue.component(checkbox_group.name, checkbox_group); };
/* harmony default export */ var packages_checkbox_group = __webpack_exports__["default"] = (checkbox_group);
/***/ }),
/***/ 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 } }
/***/ }),
/***/ 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");
/***/ }),
/***/ 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);
/***/ }),
/***/ 523: /***/ (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/transfer/src/main.vue?vue&type=template&id=5c654dd8&
var render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h return _c( "div", { staticClass: "el-transfer" }, [ _c( "transfer-panel", _vm._b( { ref: "leftPanel", attrs: { data: _vm.sourceData, title: _vm.titles[0] || _vm.t("el.transfer.titles.0"), "default-checked": _vm.leftDefaultChecked, placeholder: _vm.filterPlaceholder || _vm.t("el.transfer.filterPlaceholder") }, on: { "checked-change": _vm.onSourceCheckedChange } }, "transfer-panel", _vm.$props, false ), [_vm._t("left-footer")], 2 ), _c( "div", { staticClass: "el-transfer__buttons" }, [ _c( "tis-button", { class: [ "el-transfer__button", _vm.hasButtonTexts ? "is-with-texts" : "" ], attrs: { type: "primary", disabled: _vm.rightChecked.length === 0 }, nativeOn: { click: function($event) { return _vm.addToLeft($event) } } }, [ _c("i", { staticClass: "el-icon-arrow-left" }), _vm.buttonTexts[0] !== undefined ? _c("span", [_vm._v(_vm._s(_vm.buttonTexts[0]))]) : _vm._e() ] ), _c( "tis-button", { class: [ "el-transfer__button", _vm.hasButtonTexts ? "is-with-texts" : "" ], attrs: { type: "primary", disabled: _vm.leftChecked.length === 0 }, nativeOn: { click: function($event) { return _vm.addToRight($event) } } }, [ _vm.buttonTexts[1] !== undefined ? _c("span", [_vm._v(_vm._s(_vm.buttonTexts[1]))]) : _vm._e(), _c("i", { staticClass: "el-icon-arrow-right" }) ] ) ], 1 ), _c( "transfer-panel", _vm._b( { ref: "rightPanel", attrs: { data: _vm.targetData, title: _vm.titles[1] || _vm.t("el.transfer.titles.1"), "default-checked": _vm.rightDefaultChecked, placeholder: _vm.filterPlaceholder || _vm.t("el.transfer.filterPlaceholder") }, on: { "checked-change": _vm.onTargetCheckedChange } }, "transfer-panel", _vm.$props, false ), [_vm._t("right-footer")], 2 ) ], 1 ) } var staticRenderFns = [] render._withStripped = true
// CONCATENATED MODULE: ./packages/transfer/src/main.vue?vue&type=template&id=5c654dd8&
// EXTERNAL MODULE: ./packages/button/index.js + 5 modules
var packages_button = __webpack_require__(70);
// 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/locale"
var locale_ = __webpack_require__(38); var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/transfer-panel.vue?vue&type=template&id=2ddab8bd&
var transfer_panelvue_type_template_id_2ddab8bd_render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h return _c("div", { staticClass: "el-transfer-panel" }, [ _c( "p", { staticClass: "el-transfer-panel__header" }, [ _c( "tis-checkbox", { attrs: { indeterminate: _vm.isIndeterminate }, on: { change: _vm.handleAllCheckedChange }, model: { value: _vm.allChecked, callback: function($$v) { _vm.allChecked = $$v }, expression: "allChecked" } }, [ _vm._v("\n " + _vm._s(_vm.title) + "\n "), _c("span", [_vm._v(_vm._s(_vm.checkedSummary))]) ] ) ], 1 ), _c( "div", { class: [ "el-transfer-panel__body", _vm.hasFooter ? "is-with-footer" : "" ] }, [ _vm.filterable ? _c( "tis-input", { staticClass: "el-transfer-panel__filter", attrs: { size: "small", placeholder: _vm.placeholder }, nativeOn: { mouseenter: function($event) { _vm.inputHover = true }, mouseleave: function($event) { _vm.inputHover = false } }, model: { value: _vm.query, callback: function($$v) { _vm.query = $$v }, expression: "query" } }, [ _c("i", { class: ["el-input__icon", "el-icon-" + _vm.inputIcon], attrs: { slot: "prefix" }, on: { click: _vm.clearQuery }, slot: "prefix" }) ] ) : _vm._e(), _c( "tis-checkbox-group", { directives: [ { name: "show", rawName: "v-show", value: !_vm.hasNoMatch && _vm.data.length > 0, expression: "!hasNoMatch && data.length > 0" } ], staticClass: "el-transfer-panel__list", class: { "is-filterable": _vm.filterable }, model: { value: _vm.checked, callback: function($$v) { _vm.checked = $$v }, expression: "checked" } }, _vm._l(_vm.filteredData, function(item) { return _c( "tis-checkbox", { key: item[_vm.keyProp], staticClass: "el-transfer-panel__item", attrs: { label: item[_vm.keyProp], disabled: item[_vm.disabledProp] } }, [_c("option-content", { attrs: { option: item } })], 1 ) }), 1 ), _c( "p", { directives: [ { name: "show", rawName: "v-show", value: _vm.hasNoMatch, expression: "hasNoMatch" } ], staticClass: "el-transfer-panel__empty" }, [_vm._v(_vm._s(_vm.t("el.transfer.noMatch")))] ), _c( "p", { directives: [ { name: "show", rawName: "v-show", value: _vm.data.length === 0 && !_vm.hasNoMatch, expression: "data.length === 0 && !hasNoMatch" } ], staticClass: "el-transfer-panel__empty" }, [_vm._v(_vm._s(_vm.t("el.transfer.noData")))] ) ], 1 ), _vm.hasFooter ? _c( "p", { staticClass: "el-transfer-panel__footer" }, [_vm._t("default")], 2 ) : _vm._e() ]) } var transfer_panelvue_type_template_id_2ddab8bd_staticRenderFns = [] transfer_panelvue_type_template_id_2ddab8bd_render._withStripped = true
// CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue?vue&type=template&id=2ddab8bd&
// EXTERNAL MODULE: ./packages/checkbox-group/index.js + 5 modules
var checkbox_group = __webpack_require__(122);
// EXTERNAL MODULE: ./packages/checkbox/index.js + 5 modules
var packages_checkbox = __webpack_require__(68);
// EXTERNAL MODULE: ./packages/input/index.js + 6 modules
var input = __webpack_require__(52);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/transfer-panel.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var transfer_panelvue_type_script_lang_js_ = ({ mixins: [locale_default.a],
name: 'TisTransferPanel',
componentName: 'TisTransferPanel',
components: { TisCheckboxGroup: checkbox_group["default"], TisCheckbox: packages_checkbox["default"], TisInput: input["default"], OptionContent: { props: { option: Object }, render: function render(h) { var getParent = function getParent(vm) { if (vm.$options.componentName === 'TisTransferPanel') { return vm; } else if (vm.$parent) { return getParent(vm.$parent); } else { return vm; } }; var panel = getParent(this); var transfer = panel.$parent || panel; return panel.renderContent ? panel.renderContent(h, this.option) : transfer.$scopedSlots.default ? transfer.$scopedSlots.default({ option: this.option }) : h('span', [this.option[panel.labelProp] || this.option[panel.keyProp]]); } } },
props: { data: { type: Array, default: function _default() { return []; } }, renderContent: Function, placeholder: String, title: String, filterable: Boolean, format: Object, filterMethod: Function, defaultChecked: Array, props: Object },
data: function data() { return { checked: [], allChecked: false, query: '', inputHover: false, checkChangeByUser: true }; },
watch: { checked: function checked(val, oldVal) { this.updateAllChecked(); if (this.checkChangeByUser) { var movedKeys = val.concat(oldVal).filter(function (v) { return val.indexOf(v) === -1 || oldVal.indexOf(v) === -1; }); this.$emit('checked-change', val, movedKeys); } else { this.$emit('checked-change', val); this.checkChangeByUser = true; } }, data: function data() { var _this = this;
var checked = []; var filteredDataKeys = this.filteredData.map(function (item) { return item[_this.keyProp]; }); this.checked.forEach(function (item) { if (filteredDataKeys.indexOf(item) > -1) { checked.push(item); } }); this.checkChangeByUser = false; this.checked = checked; }, checkableData: function checkableData() { this.updateAllChecked(); },
defaultChecked: { immediate: true, handler: function handler(val, oldVal) { var _this2 = this;
if (oldVal && val.length === oldVal.length && val.every(function (item) { return oldVal.indexOf(item) > -1; })) return; var checked = []; var checkableDataKeys = this.checkableData.map(function (item) { return item[_this2.keyProp]; }); val.forEach(function (item) { if (checkableDataKeys.indexOf(item) > -1) { checked.push(item); } }); this.checkChangeByUser = false; this.checked = checked; } } },
computed: { filteredData: function filteredData() { var _this3 = this;
return this.data.filter(function (item) { if (typeof _this3.filterMethod === 'function') { return _this3.filterMethod(_this3.query, item); } else { var label = item[_this3.labelProp] || item[_this3.keyProp].toString(); return label.toLowerCase().indexOf(_this3.query.toLowerCase()) > -1; } }); }, checkableData: function checkableData() { var _this4 = this;
return this.filteredData.filter(function (item) { return !item[_this4.disabledProp]; }); }, checkedSummary: function checkedSummary() { var checkedLength = this.checked.length; var dataLength = this.data.length; var _format = this.format, noChecked = _format.noChecked, hasChecked = _format.hasChecked;
if (noChecked && hasChecked) { return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength) : noChecked.replace(/\${total}/g, dataLength); } else { return checkedLength + '/' + dataLength; } }, isIndeterminate: function isIndeterminate() { var checkedLength = this.checked.length; return checkedLength > 0 && checkedLength < this.checkableData.length; }, hasNoMatch: function hasNoMatch() { return this.query.length > 0 && this.filteredData.length === 0; }, inputIcon: function inputIcon() { return this.query.length > 0 && this.inputHover ? 'circle-close' : 'search'; }, labelProp: function labelProp() { return this.props.label || 'label'; }, keyProp: function keyProp() { return this.props.key || 'key'; }, disabledProp: function disabledProp() { return this.props.disabled || 'disabled'; }, hasFooter: function hasFooter() { return !!this.$slots.default; } },
methods: { updateAllChecked: function updateAllChecked() { var _this5 = this;
var checkableDataKeys = this.checkableData.map(function (item) { return item[_this5.keyProp]; }); this.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every(function (item) { return _this5.checked.indexOf(item) > -1; }); }, handleAllCheckedChange: function handleAllCheckedChange(value) { var _this6 = this;
this.checked = value ? this.checkableData.map(function (item) { return item[_this6.keyProp]; }) : []; }, clearQuery: function clearQuery() { if (this.inputIcon === 'circle-close') { this.query = ''; } } } }); // CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue?vue&type=script&lang=js&
/* harmony default export */ var src_transfer_panelvue_type_script_lang_js_ = (transfer_panelvue_type_script_lang_js_); // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);
// CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])( src_transfer_panelvue_type_script_lang_js_, transfer_panelvue_type_template_id_2ddab8bd_render, transfer_panelvue_type_template_id_2ddab8bd_staticRenderFns, false, null, null, null )
/* hot reload */ if (false) { var api; } component.options.__file = "packages/transfer/src/transfer-panel.vue" /* harmony default export */ var transfer_panel = (component.exports); // EXTERNAL MODULE: external "tis-ui/lib/mixins/migrating"
var migrating_ = __webpack_require__(36); var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/main.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var mainvue_type_script_lang_js_ = ({ name: 'TisTransfer',
mixins: [emitter_default.a, locale_default.a, migrating_default.a],
components: { TransferPanel: transfer_panel, ElButton: packages_button["default"] },
props: { data: { type: Array, default: function _default() { return []; } }, titles: { type: Array, default: function _default() { return []; } }, buttonTexts: { type: Array, default: function _default() { return []; } }, filterPlaceholder: { type: String, default: '' }, filterMethod: Function, leftDefaultChecked: { type: Array, default: function _default() { return []; } }, rightDefaultChecked: { type: Array, default: function _default() { return []; } }, renderContent: Function, value: { type: Array, default: function _default() { return []; } }, format: { type: Object, default: function _default() { return {}; } }, filterable: Boolean, props: { type: Object, default: function _default() { return { label: 'label', key: 'key', disabled: 'disabled' }; } }, targetOrder: { type: String, default: 'original' } },
data: function data() { return { leftChecked: [], rightChecked: [] }; },
computed: { dataObj: function dataObj() { var key = this.props.key; return this.data.reduce(function (o, cur) { return (o[cur[key]] = cur) && o; }, {}); }, sourceData: function sourceData() { var _this = this;
return this.data.filter(function (item) { return _this.value.indexOf(item[_this.props.key]) === -1; }); }, targetData: function targetData() { var _this2 = this;
if (this.targetOrder === 'original') { return this.data.filter(function (item) { return _this2.value.indexOf(item[_this2.props.key]) > -1; }); } else { return this.value.reduce(function (arr, cur) { var val = _this2.dataObj[cur]; if (val) { arr.push(val); } return arr; }, []); } }, hasButtonTexts: function hasButtonTexts() { return this.buttonTexts.length === 2; } },
watch: { value: function value(val) { this.dispatch('ElFormItem', 'el.form.change', val); } },
methods: { getMigratingConfig: function getMigratingConfig() { return { props: { 'footer-format': 'footer-format is renamed to format.' } }; }, onSourceCheckedChange: function onSourceCheckedChange(val, movedKeys) { this.leftChecked = val; if (movedKeys === undefined) return; this.$emit('left-check-change', val, movedKeys); }, onTargetCheckedChange: function onTargetCheckedChange(val, movedKeys) { this.rightChecked = val; if (movedKeys === undefined) return; this.$emit('right-check-change', val, movedKeys); }, addToLeft: function addToLeft() { var currentValue = this.value.slice(); this.rightChecked.forEach(function (item) { var index = currentValue.indexOf(item); if (index > -1) { currentValue.splice(index, 1); } }); this.$emit('input', currentValue); this.$emit('change', currentValue, 'left', this.rightChecked); }, addToRight: function addToRight() { var _this3 = this;
var currentValue = this.value.slice(); var itemsToBeMoved = []; var key = this.props.key; this.data.forEach(function (item) { var itemKey = item[key]; if (_this3.leftChecked.indexOf(itemKey) > -1 && _this3.value.indexOf(itemKey) === -1) { itemsToBeMoved.push(itemKey); } }); currentValue = this.targetOrder === 'unshift' ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved); this.$emit('input', currentValue); this.$emit('change', currentValue, 'right', this.leftChecked); }, clearQuery: function clearQuery(which) { if (which === 'left') { this.$refs.leftPanel.query = ''; } else if (which === 'right') { this.$refs.rightPanel.query = ''; } } } }); // CONCATENATED MODULE: ./packages/transfer/src/main.vue?vue&type=script&lang=js&
/* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); // CONCATENATED MODULE: ./packages/transfer/src/main.vue
/* normalize component */
var main_component = Object(componentNormalizer["a" /* default */])( src_mainvue_type_script_lang_js_, render, staticRenderFns, false, null, null, null )
/* hot reload */ if (false) { var main_api; } main_component.options.__file = "packages/transfer/src/main.vue" /* harmony default export */ var main = (main_component.exports); // CONCATENATED MODULE: ./packages/transfer/index.js
/* istanbul ignore next */ main.install = function (Vue) { Vue.component(main.name, main); };
/* harmony default export */ var transfer = __webpack_exports__["default"] = (main);
/***/ }),
/***/ 68: /***/ (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/checkbox/src/checkbox.vue?vue&type=template&id=d0387074&
var render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h return _c( "label", { staticClass: "el-checkbox", class: [ _vm.border && _vm.checkboxSize ? "el-checkbox--" + _vm.checkboxSize : "", { "is-disabled": _vm.isDisabled }, { "is-bordered": _vm.border }, { "is-checked": _vm.isChecked } ], attrs: { id: _vm.id } }, [ _c( "span", { staticClass: "el-checkbox__input", class: { "is-disabled": _vm.isDisabled, "is-checked": _vm.isChecked, "is-indeterminate": _vm.indeterminate, "is-focus": _vm.focus }, attrs: { tabindex: _vm.indeterminate ? 0 : false, role: _vm.indeterminate ? "checkbox" : false, "aria-checked": _vm.indeterminate ? "mixed" : false } }, [ _c("span", { staticClass: "el-checkbox__inner" }), _vm.trueLabel || _vm.falseLabel ? _c("input", { directives: [ { name: "model", rawName: "v-model", value: _vm.model, expression: "model" } ], staticClass: "el-checkbox__original", attrs: { type: "checkbox", "aria-hidden": _vm.indeterminate ? "true" : "false", name: _vm.name, disabled: _vm.isDisabled, "true-value": _vm.trueLabel, "false-value": _vm.falseLabel }, domProps: { checked: Array.isArray(_vm.model) ? _vm._i(_vm.model, null) > -1 : _vm._q(_vm.model, _vm.trueLabel) }, on: { change: [ function($event) { var $$a = _vm.model, $$el = $event.target, $$c = $$el.checked ? _vm.trueLabel : _vm.falseLabel if (Array.isArray($$a)) { var $$v = null, $$i = _vm._i($$a, $$v) if ($$el.checked) { $$i < 0 && (_vm.model = $$a.concat([$$v])) } else { $$i > -1 && (_vm.model = $$a .slice(0, $$i) .concat($$a.slice($$i + 1))) } } else { _vm.model = $$c } }, _vm.handleChange ], focus: function($event) { _vm.focus = true }, blur: function($event) { _vm.focus = false } } }) : _c("input", { directives: [ { name: "model", rawName: "v-model", value: _vm.model, expression: "model" } ], staticClass: "el-checkbox__original", attrs: { type: "checkbox", "aria-hidden": _vm.indeterminate ? "true" : "false", disabled: _vm.isDisabled, name: _vm.name }, domProps: { value: _vm.label, checked: Array.isArray(_vm.model) ? _vm._i(_vm.model, _vm.label) > -1 : _vm.model }, on: { change: [ function($event) { var $$a = _vm.model, $$el = $event.target, $$c = $$el.checked ? true : false if (Array.isArray($$a)) { var $$v = _vm.label, $$i = _vm._i($$a, $$v) if ($$el.checked) { $$i < 0 && (_vm.model = $$a.concat([$$v])) } else { $$i > -1 && (_vm.model = $$a .slice(0, $$i) .concat($$a.slice($$i + 1))) } } else { _vm.model = $$c } }, _vm.handleChange ], focus: function($event) { _vm.focus = true }, blur: function($event) { _vm.focus = false } } }) ] ), _vm.$slots.default || _vm.label ? _c( "span", { staticClass: "el-checkbox__label" }, [ _vm._t("default"), !_vm.$slots.default ? [_vm._v(_vm._s(_vm.label))] : _vm._e() ], 2 ) : _vm._e() ] ) } var staticRenderFns = [] render._withStripped = true
// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=template&id=d0387074&
// EXTERNAL MODULE: external "tis-ui/lib/mixins/emitter"
var emitter_ = __webpack_require__(13); var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var checkboxvue_type_script_lang_js_ = ({ name: 'TisCheckbox',
mixins: [emitter_default.a],
inject: { elForm: { default: '' }, elFormItem: { default: '' } },
componentName: 'TisCheckbox',
data: function data() { return { selfModel: false, focus: false, isLimitExceeded: false }; },
computed: { model: { get: function get() { return this.isGroup ? this.store : this.value !== undefined ? this.value : this.selfModel; }, set: function set(val) { if (this.isGroup) { this.isLimitExceeded = false; this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (this.isLimitExceeded = true);
this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (this.isLimitExceeded = true);
this.isLimitExceeded === false && this.dispatch('TisCheckboxGroup', 'input', [val]); } else { this.$emit('input', val); this.selfModel = val; } } },
isChecked: function isChecked() { if ({}.toString.call(this.model) === '[object Boolean]') { return this.model; } else if (Array.isArray(this.model)) { return this.model.indexOf(this.label) > -1; } else if (this.model !== null && this.model !== undefined) { return this.model === this.trueLabel; } }, isGroup: function isGroup() { var parent = this.$parent; while (parent) { if (parent.$options.componentName !== 'TisCheckboxGroup') { parent = parent.$parent; } else { this._checkboxGroup = parent; return true; } } return false; }, store: function store() { return this._checkboxGroup ? this._checkboxGroup.value : this.value; },
/* used to make the isDisabled judgment under max/min props */ isLimitDisabled: function isLimitDisabled() { var _checkboxGroup = this._checkboxGroup, max = _checkboxGroup.max, min = _checkboxGroup.min;
return !!(max || min) && this.model.length >= max && !this.isChecked || this.model.length <= min && this.isChecked; }, isDisabled: function isDisabled() { return this.isGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled : this.disabled || (this.elForm || {}).disabled; }, _elFormItemSize: function _elFormItemSize() { return (this.elFormItem || {}).elFormItemSize; }, checkboxSize: function checkboxSize() { var temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; return this.isGroup ? this._checkboxGroup.checkboxGroupSize || temCheckboxSize : temCheckboxSize; } },
props: { value: {}, label: {}, indeterminate: Boolean, disabled: Boolean, checked: Boolean, name: String, trueLabel: [String, Number], falseLabel: [String, Number], id: String, /* 当indeterminate为真时,为controls提供相关连的checkbox的id,表明元素间的控制关系*/ controls: String, /* 当indeterminate为真时,为controls提供相关连的checkbox的id,表明元素间的控制关系*/ border: Boolean, size: String },
methods: { addToStore: function addToStore() { if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) { this.model.push(this.label); } else { this.model = this.trueLabel || true; } }, handleChange: function handleChange(ev) { var _this = this;
if (this.isLimitExceeded) return; var value = void 0; if (ev.target.checked) { value = this.trueLabel === undefined ? true : this.trueLabel; } else { value = this.falseLabel === undefined ? false : this.falseLabel; } this.$emit('change', value, ev); this.$nextTick(function () { if (_this.isGroup) { _this.dispatch('TisCheckboxGroup', 'change', [_this._checkboxGroup.value]); } }); } },
created: function created() { this.checked && this.addToStore(); }, mounted: function mounted() { // 为indeterminate元素 添加aria-controls 属性
if (this.indeterminate) { this.$el.setAttribute('aria-controls', this.controls); } },
watch: { value: function value(_value) { this.dispatch('ElFormItem', 'el.form.change', _value); } } }); // CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=script&lang=js&
/* harmony default export */ var src_checkboxvue_type_script_lang_js_ = (checkboxvue_type_script_lang_js_); // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);
// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])( src_checkboxvue_type_script_lang_js_, render, staticRenderFns, false, null, null, null )
/* hot reload */ if (false) { var api; } component.options.__file = "packages/checkbox/src/checkbox.vue" /* harmony default export */ var src_checkbox = (component.exports); // CONCATENATED MODULE: ./packages/checkbox/index.js
/* istanbul ignore next */ src_checkbox.install = function (Vue) { Vue.component(src_checkbox.name, src_checkbox); };
/* harmony default export */ var packages_checkbox = __webpack_exports__["default"] = (src_checkbox);
/***/ }),
/***/ 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);
/***/ })
/******/ });
|