| | |
| | | this.focused = true; |
| | | this.$emit('focus', event); |
| | | }, |
| | | handleCompositionStart: function handleCompositionStart() { |
| | | handleCompositionStart: function handleCompositionStart(event) { |
| | | this.$emit('compositionstart', event); |
| | | this.isComposing = true; |
| | | }, |
| | | handleCompositionUpdate: function handleCompositionUpdate(event) { |
| | | this.$emit('compositionupdate', event); |
| | | var text = event.target.value; |
| | | var lastCharacter = text[text.length - 1] || ''; |
| | | this.isComposing = !Object(shared_["isKorean"])(lastCharacter); |
| | | }, |
| | | handleCompositionEnd: function handleCompositionEnd(event) { |
| | | this.$emit('compositionend', event); |
| | | if (this.isComposing) { |
| | | this.isComposing = false; |
| | | this.handleInput(event); |
| | |
| | | this.$nextTick(function () { |
| | | // set input's checked property |
| | | // in case parent refuses to change component's value |
| | | _this.$refs.input.checked = _this.checked; |
| | | if (_this.$refs.input) { |
| | | _this.$refs.input.checked = _this.checked; |
| | | } |
| | | }); |
| | | }, |
| | | setBackgroundColor: function setBackgroundColor() { |
| | |
| | | return null |
| | | } |
| | | $event.preventDefault() |
| | | _vm.navigateOptions("next") |
| | | _vm.handleNavigate("next") |
| | | }, |
| | | function($event) { |
| | | if ( |
| | |
| | | return null |
| | | } |
| | | $event.preventDefault() |
| | | _vm.navigateOptions("prev") |
| | | _vm.handleNavigate("prev") |
| | | }, |
| | | function($event) { |
| | | if ( |
| | |
| | | on: { |
| | | focus: _vm.handleFocus, |
| | | blur: _vm.handleBlur, |
| | | input: _vm.debouncedOnInputChange |
| | | input: _vm.debouncedOnInputChange, |
| | | compositionstart: _vm.handleComposition, |
| | | compositionupdate: _vm.handleComposition, |
| | | compositionend: _vm.handleComposition |
| | | }, |
| | | nativeOn: { |
| | | keydown: [ |
| | |
| | | } |
| | | $event.stopPropagation() |
| | | $event.preventDefault() |
| | | _vm.navigateOptions("next") |
| | | _vm.handleNavigate("next") |
| | | }, |
| | | function($event) { |
| | | if ( |
| | |
| | | } |
| | | $event.stopPropagation() |
| | | $event.preventDefault() |
| | | _vm.navigateOptions("prev") |
| | | _vm.handleNavigate("prev") |
| | | }, |
| | | function($event) { |
| | | if ( |
| | |
| | | // |
| | | // |
| | | // |
| | | // |
| | | // |
| | | // |
| | | |
| | | |
| | | |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | handleNavigate: function handleNavigate(direction) { |
| | | if (this.isOnComposition) return; |
| | | |
| | | this.navigateOptions(direction); |
| | | }, |
| | | handleComposition: function handleComposition(event) { |
| | | var _this5 = this; |
| | | |
| | |
| | | handleFocus: function handleFocus(event) { |
| | | if (!this.softFocus) { |
| | | if (this.automaticDropdown || this.filterable) { |
| | | this.visible = true; |
| | | if (this.filterable) { |
| | | if (this.filterable && !this.visible) { |
| | | this.menuVisibleOnFocus = true; |
| | | } |
| | | this.visible = true; |
| | | } |
| | | this.$emit('focus', event); |
| | | } else { |
| | |
| | | return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; |
| | | }, |
| | | buttonDisabled: function buttonDisabled() { |
| | | return this.disabled || (this.elForm || {}).disabled; |
| | | return this.$options.propsData.hasOwnProperty('disabled') ? this.disabled : (this.elForm || {}).disabled; |
| | | } |
| | | }, |
| | | |
| | |
| | | |
| | | var noData = !(this.store.states.data && this.store.states.data.length); |
| | | this.viewportHeight = this.scrollX ? tableHeight - (noData ? 0 : this.gutterWidth) : tableHeight; |
| | | |
| | | this.updateScrollY(); |
| | | this.notifyObservers('scrollable'); |
| | | }; |
| | |
| | | } |
| | | } |
| | | }); |
| | | // CONCATENATED MODULE: ./packages/table/src/table-row.js |
| | | var table_row_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; |
| | | |
| | | /* harmony default export */ var table_row = ({ |
| | | name: 'ElTableRow', |
| | | props: ['columns', 'row', 'index', 'isSelected', 'isExpanded', 'store', 'context', 'firstDefaultColumnIndex', 'treeRowData', 'treeIndent', 'columnsHidden', 'getSpan', 'getColspanRealWidth', 'getCellStyle', 'getCellClass', 'handleCellMouseLeave', 'handleCellMouseEnter', 'fixed'], |
| | | render: function render() { |
| | | var _this = this; |
| | | |
| | | var h = arguments[0]; |
| | | var columns = this.columns, |
| | | row = this.row, |
| | | $index = this.index, |
| | | store = this.store, |
| | | context = this.context, |
| | | firstDefaultColumnIndex = this.firstDefaultColumnIndex, |
| | | treeRowData = this.treeRowData, |
| | | treeIndent = this.treeIndent, |
| | | _columnsHidden = this.columnsHidden, |
| | | columnsHidden = _columnsHidden === undefined ? [] : _columnsHidden, |
| | | isSelected = this.isSelected, |
| | | isExpanded = this.isExpanded; |
| | | |
| | | |
| | | return h('tr', [columns.map(function (column, cellIndex) { |
| | | var _getSpan = _this.getSpan(row, column, $index, cellIndex), |
| | | rowspan = _getSpan.rowspan, |
| | | colspan = _getSpan.colspan; |
| | | |
| | | if (!rowspan || !colspan) { |
| | | return null; |
| | | } |
| | | var columnData = table_row_extends({}, column); |
| | | columnData.realWidth = _this.getColspanRealWidth(columns, colspan, cellIndex); |
| | | var data = { |
| | | store: store, |
| | | isSelected: isSelected, |
| | | isExpanded: isExpanded, |
| | | _self: context, |
| | | column: columnData, |
| | | row: row, |
| | | $index: $index |
| | | }; |
| | | if (cellIndex === firstDefaultColumnIndex && treeRowData) { |
| | | data.treeNode = { |
| | | indent: treeRowData.level * treeIndent, |
| | | level: treeRowData.level |
| | | }; |
| | | if (typeof treeRowData.expanded === 'boolean') { |
| | | data.treeNode.expanded = treeRowData.expanded; |
| | | // 表明是懒加载 |
| | | if ('loading' in treeRowData) { |
| | | data.treeNode.loading = treeRowData.loading; |
| | | } |
| | | if ('noLazyChildren' in treeRowData) { |
| | | data.treeNode.noLazyChildren = treeRowData.noLazyChildren; |
| | | } |
| | | } |
| | | } |
| | | return h( |
| | | 'td', |
| | | { |
| | | style: _this.getCellStyle($index, cellIndex, row, column), |
| | | 'class': _this.getCellClass($index, cellIndex, row, column), |
| | | attrs: { rowspan: rowspan, |
| | | colspan: colspan |
| | | }, |
| | | on: { |
| | | 'mouseenter': function mouseenter($event) { |
| | | return _this.handleCellMouseEnter($event, row); |
| | | }, |
| | | 'mouseleave': _this.handleCellMouseLeave |
| | | } |
| | | }, |
| | | [column.renderCell.call(_this._renderProxy, _this.$createElement, data, columnsHidden[cellIndex])] |
| | | ); |
| | | })]); |
| | | } |
| | | }); |
| | | // CONCATENATED MODULE: ./packages/table/src/table-body.js |
| | | var table_body_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 table_body_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; |
| | | |
| | | |
| | | |
| | | |
| | |
| | | |
| | | components: { |
| | | ElCheckbox: checkbox_default.a, |
| | | ElTooltip: tooltip_default.a |
| | | ElTooltip: tooltip_default.a, |
| | | TableRow: table_row |
| | | }, |
| | | |
| | | props: { |
| | |
| | | }); |
| | | } |
| | | }), { |
| | | columnsHidden: function columnsHidden() { |
| | | var _this2 = this; |
| | | |
| | | return this.columns.map(function (column, index) { |
| | | return _this2.isColumnHidden(index); |
| | | }); |
| | | }, |
| | | firstDefaultColumnIndex: function firstDefaultColumnIndex() { |
| | | return Object(util_["arrayFindIndex"])(this.columns, function (_ref2) { |
| | | var type = _ref2.type; |
| | |
| | | // don't trigger getter of currentRow in getCellClass. see https://jsfiddle.net/oe2b4hqt/ |
| | | // update DOM manually. see https://github.com/ElemeFE/element/pull/13954/files#diff-9b450c00d0a9dec0ffad5a3176972e40 |
| | | 'store.states.hoverRow': function storeStatesHoverRow(newVal, oldVal) { |
| | | var _this2 = this; |
| | | var _this3 = this; |
| | | |
| | | if (!this.store.states.isComplex || this.$isServer) return; |
| | | var raf = window.requestAnimationFrame; |
| | |
| | | }; |
| | | } |
| | | raf(function () { |
| | | var rows = _this2.$el.querySelectorAll('.el-table__row'); |
| | | var rows = _this3.$el.querySelectorAll('.el-table__row'); |
| | | var oldRow = rows[oldVal]; |
| | | var newRow = rows[newVal]; |
| | | if (oldRow) { |
| | |
| | | table.$emit('row-' + name, row, column, event); |
| | | }, |
| | | rowRender: function rowRender(row, $index, treeRowData) { |
| | | var _this3 = this; |
| | | var _this4 = this; |
| | | |
| | | var h = this.$createElement; |
| | | var treeIndent = this.treeIndent, |
| | | columns = this.columns, |
| | | firstDefaultColumnIndex = this.firstDefaultColumnIndex; |
| | | |
| | | var columnsHidden = columns.map(function (column, index) { |
| | | return _this3.isColumnHidden(index); |
| | | }); |
| | | var rowClasses = this.getRowClass(row, $index); |
| | | var display = true; |
| | | if (treeRowData) { |
| | |
| | | var displayStyle = display ? null : { |
| | | display: 'none' |
| | | }; |
| | | return h( |
| | | 'tr', |
| | | { |
| | | style: [displayStyle, this.getRowStyle(row, $index)], |
| | | 'class': rowClasses, |
| | | key: this.getKeyOfRow(row, $index), |
| | | on: { |
| | | 'dblclick': function dblclick($event) { |
| | | return _this3.handleDoubleClick($event, row); |
| | | }, |
| | | 'click': function click($event) { |
| | | return _this3.handleClick($event, row); |
| | | }, |
| | | 'contextmenu': function contextmenu($event) { |
| | | return _this3.handleContextMenu($event, row); |
| | | }, |
| | | 'mouseenter': function mouseenter(_) { |
| | | return _this3.handleMouseEnter($index); |
| | | }, |
| | | 'mouseleave': this.handleMouseLeave |
| | | } |
| | | return h(table_row, { |
| | | style: [displayStyle, this.getRowStyle(row, $index)], |
| | | 'class': rowClasses, |
| | | key: this.getKeyOfRow(row, $index), |
| | | nativeOn: { |
| | | 'dblclick': function dblclick($event) { |
| | | return _this4.handleDoubleClick($event, row); |
| | | }, |
| | | 'click': function click($event) { |
| | | return _this4.handleClick($event, row); |
| | | }, |
| | | 'contextmenu': function contextmenu($event) { |
| | | return _this4.handleContextMenu($event, row); |
| | | }, |
| | | 'mouseenter': function mouseenter(_) { |
| | | return _this4.handleMouseEnter($index); |
| | | }, |
| | | 'mouseleave': this.handleMouseLeave |
| | | }, |
| | | [columns.map(function (column, cellIndex) { |
| | | var _getSpan = _this3.getSpan(row, column, $index, cellIndex), |
| | | rowspan = _getSpan.rowspan, |
| | | colspan = _getSpan.colspan; |
| | | |
| | | if (!rowspan || !colspan) { |
| | | return null; |
| | | } |
| | | var columnData = table_body_extends({}, column); |
| | | columnData.realWidth = _this3.getColspanRealWidth(columns, colspan, cellIndex); |
| | | var data = { |
| | | store: _this3.store, |
| | | _self: _this3.context || _this3.table.$vnode.context, |
| | | column: columnData, |
| | | row: row, |
| | | $index: $index |
| | | }; |
| | | if (cellIndex === firstDefaultColumnIndex && treeRowData) { |
| | | data.treeNode = { |
| | | indent: treeRowData.level * treeIndent, |
| | | level: treeRowData.level |
| | | }; |
| | | if (typeof treeRowData.expanded === 'boolean') { |
| | | data.treeNode.expanded = treeRowData.expanded; |
| | | // 表明是懒加载 |
| | | if ('loading' in treeRowData) { |
| | | data.treeNode.loading = treeRowData.loading; |
| | | } |
| | | if ('noLazyChildren' in treeRowData) { |
| | | data.treeNode.noLazyChildren = treeRowData.noLazyChildren; |
| | | } |
| | | } |
| | | } |
| | | return h( |
| | | 'td', |
| | | { |
| | | style: _this3.getCellStyle($index, cellIndex, row, column), |
| | | 'class': _this3.getCellClass($index, cellIndex, row, column), |
| | | attrs: { rowspan: rowspan, |
| | | colspan: colspan |
| | | }, |
| | | on: { |
| | | 'mouseenter': function mouseenter($event) { |
| | | return _this3.handleCellMouseEnter($event, row); |
| | | }, |
| | | 'mouseleave': _this3.handleCellMouseLeave |
| | | } |
| | | }, |
| | | [column.renderCell.call(_this3._renderProxy, _this3.$createElement, data, columnsHidden[cellIndex])] |
| | | ); |
| | | })] |
| | | ); |
| | | attrs: { |
| | | columns: columns, |
| | | row: row, |
| | | index: $index, |
| | | store: this.store, |
| | | context: this.context || this.table.$vnode.context, |
| | | firstDefaultColumnIndex: firstDefaultColumnIndex, |
| | | treeRowData: treeRowData, |
| | | treeIndent: treeIndent, |
| | | columnsHidden: this.columnsHidden, |
| | | getSpan: this.getSpan, |
| | | getColspanRealWidth: this.getColspanRealWidth, |
| | | getCellStyle: this.getCellStyle, |
| | | getCellClass: this.getCellClass, |
| | | handleCellMouseEnter: this.handleCellMouseEnter, |
| | | handleCellMouseLeave: this.handleCellMouseLeave, |
| | | isSelected: this.store.isSelected(row), |
| | | isExpanded: this.store.states.expandRows.indexOf(row) > -1, |
| | | fixed: this.fixed |
| | | } |
| | | }); |
| | | }, |
| | | wrappedRowRender: function wrappedRowRender(row, $index) { |
| | | var _this4 = this; |
| | | var _this5 = this; |
| | | |
| | | var h = this.$createElement; |
| | | |
| | |
| | | } |
| | | } |
| | | i++; |
| | | tmp.push(_this4.rowRender(node, $index + i, innerTreeRowData)); |
| | | tmp.push(_this5.rowRender(node, $index + i, innerTreeRowData)); |
| | | if (cur) { |
| | | var _nodes = lazyTreeNodeMap[childKey] || node[childrenColumnName]; |
| | | traverse(_nodes, cur); |
| | |
| | | |
| | | return classes.join(' '); |
| | | }, |
| | | toggleAllSelection: function toggleAllSelection(event) { |
| | | event.stopPropagation(); |
| | | toggleAllSelection: function toggleAllSelection() { |
| | | this.store.commit('toggleAllSelection'); |
| | | }, |
| | | handleFilterClick: function handleFilterClick(event, column) { |
| | |
| | | indeterminate: store.states.selection.length > 0 && !this.isAllSelected, |
| | | |
| | | value: this.isAllSelected }, |
| | | nativeOn: { |
| | | 'click': this.toggleAllSelection |
| | | on: { |
| | | 'input': this.toggleAllSelection |
| | | } |
| | | }); |
| | | }, |
| | | renderCell: function renderCell(h, _ref2) { |
| | | var row = _ref2.row, |
| | | column = _ref2.column, |
| | | isSelected = _ref2.isSelected, |
| | | store = _ref2.store, |
| | | $index = _ref2.$index; |
| | | |
| | |
| | | } |
| | | }, |
| | | attrs: { |
| | | value: store.isSelected(row), |
| | | value: isSelected, |
| | | disabled: column.selectable ? !column.selectable.call(null, row, $index) : false |
| | | }, |
| | | on: { |
| | |
| | | }, |
| | | renderCell: function renderCell(h, _ref6) { |
| | | var row = _ref6.row, |
| | | store = _ref6.store; |
| | | store = _ref6.store, |
| | | isExpanded = _ref6.isExpanded; |
| | | |
| | | var classes = ['el-table__expand-icon']; |
| | | if (store.states.expandRows.indexOf(row) > -1) { |
| | | if (isExpanded) { |
| | | classes.push('el-table__expand-icon--expanded'); |
| | | } |
| | | var callback = function callback(e) { |
| | |
| | | bindScrollEvent: function bindScrollEvent() { |
| | | var _this2 = this; |
| | | |
| | | var bindFuntion = function bindFuntion(type) { |
| | | var bindFunction = function bindFunction(type) { |
| | | _this2.$refs[type].wrap.onscroll = function (e) { |
| | | // TODO: scroll is emitted when set scrollTop programatically |
| | | // should find better solutions in the future! |
| | | _this2.handleScroll(type, e); |
| | | }; |
| | | }; |
| | | bindFuntion('hours'); |
| | | bindFuntion('minutes'); |
| | | bindFuntion('seconds'); |
| | | bindFunction('hours'); |
| | | bindFunction('minutes'); |
| | | bindFunction('seconds'); |
| | | }, |
| | | handleScroll: function handleScroll(type) { |
| | | var value = Math.min(Math.round((this.$refs[type].wrap.scrollTop - (this.scrollBarHeight(type) * 0.5 - 10) / this.typeItemHeight(type) + 3) / this.typeItemHeight(type)), type === 'hours' ? 23 : 59); |
| | |
| | | // if no callback, return promise |
| | | if (typeof callback !== 'function' && window.Promise) { |
| | | promise = new window.Promise(function (resolve, reject) { |
| | | callback = function callback(valid) { |
| | | valid ? resolve(valid) : reject(valid); |
| | | callback = function callback(valid, invalidFields) { |
| | | valid ? resolve(valid) : reject(invalidFields); |
| | | }; |
| | | }); |
| | | } |
| | |
| | | ], |
| | | staticClass: "el-badge__content", |
| | | class: [ |
| | | "el-badge__content--" + _vm.type, |
| | | _vm.type ? "el-badge__content--" + _vm.type : null, |
| | | { |
| | | "is-fixed": _vm.$slots.default, |
| | | "is-dot": _vm.isDot |
| | |
| | | }, _ref3[item.labelClassName] = true, _ref3), |
| | | style: item.labelStyle |
| | | }, |
| | | [item.props.label] |
| | | [item.label] |
| | | ), h( |
| | | 'span', |
| | | { |
| | |
| | | } |
| | | |
| | | /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({ |
| | | version: '2.15.6', |
| | | version: '2.15.8', |
| | | locale: lib_locale_default.a.use, |
| | | i18n: lib_locale_default.a.i18n, |
| | | install: src_install, |