cy-element-ui 1.1.19 → 1.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/index.js +1 -1
- package/lib/Alert.js +0 -420
- package/lib/Aside.js +0 -277
- package/lib/Autocomplete.js +0 -2051
- package/lib/Avatar.js +0 -363
- package/lib/Backtop.js +0 -404
- package/lib/Badge.js +0 -334
- package/lib/Breadcrumb.js +0 -293
- package/lib/BreadcrumbItem.js +0 -322
- package/lib/Button.js +0 -357
- package/lib/ButtonGroup.js +0 -262
- package/lib/Calendar.js +0 -1146
- package/lib/Card.js +0 -297
- package/lib/Carousel.js +0 -707
- package/lib/CarouselItem.js +0 -434
- package/lib/Cascader.js +0 -4641
- package/lib/CascaderPanel.js +0 -2602
- package/lib/Checkbox.js +0 -627
- package/lib/CheckboxButton.js +0 -583
- package/lib/CheckboxGroup.js +0 -313
- package/lib/Col.js +0 -177
- package/lib/Collapse.js +0 -329
- package/lib/CollapseItem.js +0 -497
- package/lib/ColorPicker.js +0 -2885
- package/lib/Container.js +0 -288
- package/lib/CySelectDisplayInput.js +0 -367
- package/lib/CySubTitle.js +0 -295
- package/lib/CyTabDialog.js +0 -1184
- package/lib/CyTreeSelect.js +0 -4422
- package/lib/DatePicker.js +0 -7574
- package/lib/Descriptions.js +0 -457
- package/lib/DescriptionsItem.js +0 -140
- package/lib/Dialog.js +0 -598
- package/lib/Divider.js +0 -313
- package/lib/Drawer.js +0 -592
- package/lib/Dropdown.js +0 -856
- package/lib/DropdownItem.js +0 -316
- package/lib/DropdownMenu.js +0 -351
- package/lib/Empty.js +0 -730
- package/lib/Footer.js +0 -277
- package/lib/Form.js +0 -466
- package/lib/FormItem.js +0 -826
- package/lib/Header.js +0 -277
- package/lib/Icon.js +0 -265
- package/lib/Image.js +0 -1138
- package/lib/InfiniteScroll.js +0 -301
- package/lib/Input.js +0 -999
- package/lib/InputNumber.js +0 -1552
- package/lib/Link.js +0 -332
- package/lib/Loading.js +0 -631
- package/lib/Main.js +0 -264
- package/lib/Menu.js +0 -865
- package/lib/MenuItem.js +0 -818
- package/lib/MenuItemGroup.js +0 -308
- package/lib/Message.js +0 -548
- package/lib/MessageBox.js +0 -2134
- package/lib/Notification.js +0 -615
- package/lib/Option.js +0 -474
- package/lib/OptionGroup.js +0 -344
- package/lib/PageHeader.js +0 -319
- package/lib/Pagination.js +0 -4123
- package/lib/Popconfirm.js +0 -1025
- package/lib/Popover.js +0 -617
- package/lib/Progress.js +0 -595
- package/lib/Radio.js +0 -497
- package/lib/RadioButton.js +0 -463
- package/lib/RadioGroup.js +0 -391
- package/lib/Rate.js +0 -670
- package/lib/Result.js +0 -578
- package/lib/Row.js +0 -149
- package/lib/Scrollbar.js +0 -423
- package/lib/Select.js +0 -3368
- package/lib/Skeleton.js +0 -372
- package/lib/SkeletonItem.js +0 -342
- package/lib/Slider.js +0 -2854
- package/lib/Spinner.js +0 -301
- package/lib/Statistic.js +0 -533
- package/lib/Step.js +0 -522
- package/lib/Steps.js +0 -342
- package/lib/Submenu.js +0 -700
- package/lib/Switch.js +0 -554
- package/lib/TabPane.js +0 -332
- package/lib/Table.js +0 -6125
- package/lib/TableColumn.js +0 -1481
- package/lib/Tabs.js +0 -920
- package/lib/Tag.js +0 -304
- package/lib/TimePicker.js +0 -4059
- package/lib/TimeSelect.js +0 -2871
- package/lib/Timeline.js +0 -275
- package/lib/TimelineItem.js +0 -371
- package/lib/Tooltip.js +0 -425
- package/lib/Transfer.js +0 -2557
- package/lib/Tree.js +0 -2680
- package/lib/Upload.js +0 -1782
package/lib/Select.js
DELETED
|
@@ -1,3368 +0,0 @@
|
|
|
1
|
-
module.exports =
|
|
2
|
-
/******/ (function(modules) { // webpackBootstrap
|
|
3
|
-
/******/ // The module cache
|
|
4
|
-
/******/ var installedModules = {};
|
|
5
|
-
/******/
|
|
6
|
-
/******/ // The require function
|
|
7
|
-
/******/ function __webpack_require__(moduleId) {
|
|
8
|
-
/******/
|
|
9
|
-
/******/ // Check if module is in cache
|
|
10
|
-
/******/ if(installedModules[moduleId]) {
|
|
11
|
-
/******/ return installedModules[moduleId].exports;
|
|
12
|
-
/******/ }
|
|
13
|
-
/******/ // Create a new module (and put it into the cache)
|
|
14
|
-
/******/ var module = installedModules[moduleId] = {
|
|
15
|
-
/******/ i: moduleId,
|
|
16
|
-
/******/ l: false,
|
|
17
|
-
/******/ exports: {}
|
|
18
|
-
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/ // Execute the module function
|
|
21
|
-
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
22
|
-
/******/
|
|
23
|
-
/******/ // Flag the module as loaded
|
|
24
|
-
/******/ module.l = true;
|
|
25
|
-
/******/
|
|
26
|
-
/******/ // Return the exports of the module
|
|
27
|
-
/******/ return module.exports;
|
|
28
|
-
/******/ }
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/ // expose the modules object (__webpack_modules__)
|
|
32
|
-
/******/ __webpack_require__.m = modules;
|
|
33
|
-
/******/
|
|
34
|
-
/******/ // expose the module cache
|
|
35
|
-
/******/ __webpack_require__.c = installedModules;
|
|
36
|
-
/******/
|
|
37
|
-
/******/ // define getter function for harmony exports
|
|
38
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
41
|
-
/******/ }
|
|
42
|
-
/******/ };
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // define __esModule on exports
|
|
45
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
-
/******/ }
|
|
49
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
-
/******/ };
|
|
51
|
-
/******/
|
|
52
|
-
/******/ // create a fake namespace object
|
|
53
|
-
/******/ // mode & 1: value is a module id, require it
|
|
54
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
-
/******/ // mode & 4: return value when already ns object
|
|
56
|
-
/******/ // mode & 8|1: behave like require
|
|
57
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
-
/******/ if(mode & 8) return value;
|
|
60
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
-
/******/ var ns = Object.create(null);
|
|
62
|
-
/******/ __webpack_require__.r(ns);
|
|
63
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
-
/******/ return ns;
|
|
66
|
-
/******/ };
|
|
67
|
-
/******/
|
|
68
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
-
/******/ __webpack_require__.n = function(module) {
|
|
70
|
-
/******/ var getter = module && module.__esModule ?
|
|
71
|
-
/******/ function getDefault() { return module['default']; } :
|
|
72
|
-
/******/ function getModuleExports() { return module; };
|
|
73
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
-
/******/ return getter;
|
|
75
|
-
/******/ };
|
|
76
|
-
/******/
|
|
77
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
-
/******/
|
|
80
|
-
/******/ // __webpack_public_path__
|
|
81
|
-
/******/ __webpack_require__.p = "/dist/";
|
|
82
|
-
/******/
|
|
83
|
-
/******/
|
|
84
|
-
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s = 48);
|
|
86
|
-
/******/ })
|
|
87
|
-
/************************************************************************/
|
|
88
|
-
/******/ ([
|
|
89
|
-
/* 0 */
|
|
90
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
91
|
-
|
|
92
|
-
"use strict";
|
|
93
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
|
|
94
|
-
/* globals __VUE_SSR_CONTEXT__ */
|
|
95
|
-
|
|
96
|
-
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
|
|
97
|
-
// This module is a runtime utility for cleaner component module output and will
|
|
98
|
-
// be included in the final webpack user bundle.
|
|
99
|
-
|
|
100
|
-
function normalizeComponent(
|
|
101
|
-
scriptExports,
|
|
102
|
-
render,
|
|
103
|
-
staticRenderFns,
|
|
104
|
-
functionalTemplate,
|
|
105
|
-
injectStyles,
|
|
106
|
-
scopeId,
|
|
107
|
-
moduleIdentifier /* server only */,
|
|
108
|
-
shadowMode /* vue-cli only */
|
|
109
|
-
) {
|
|
110
|
-
// Vue.extend constructor export interop
|
|
111
|
-
var options =
|
|
112
|
-
typeof scriptExports === 'function' ? scriptExports.options : scriptExports
|
|
113
|
-
|
|
114
|
-
// render functions
|
|
115
|
-
if (render) {
|
|
116
|
-
options.render = render
|
|
117
|
-
options.staticRenderFns = staticRenderFns
|
|
118
|
-
options._compiled = true
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
// functional template
|
|
122
|
-
if (functionalTemplate) {
|
|
123
|
-
options.functional = true
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
// scopedId
|
|
127
|
-
if (scopeId) {
|
|
128
|
-
options._scopeId = 'data-v-' + scopeId
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
var hook
|
|
132
|
-
if (moduleIdentifier) {
|
|
133
|
-
// server build
|
|
134
|
-
hook = function (context) {
|
|
135
|
-
// 2.3 injection
|
|
136
|
-
context =
|
|
137
|
-
context || // cached call
|
|
138
|
-
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
|
139
|
-
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
|
140
|
-
// 2.2 with runInNewContext: true
|
|
141
|
-
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
|
142
|
-
context = __VUE_SSR_CONTEXT__
|
|
143
|
-
}
|
|
144
|
-
// inject component styles
|
|
145
|
-
if (injectStyles) {
|
|
146
|
-
injectStyles.call(this, context)
|
|
147
|
-
}
|
|
148
|
-
// register component module identifier for async chunk inferrence
|
|
149
|
-
if (context && context._registeredComponents) {
|
|
150
|
-
context._registeredComponents.add(moduleIdentifier)
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
// used by ssr in case component is cached and beforeCreate
|
|
154
|
-
// never gets called
|
|
155
|
-
options._ssrRegister = hook
|
|
156
|
-
} else if (injectStyles) {
|
|
157
|
-
hook = shadowMode
|
|
158
|
-
? function () {
|
|
159
|
-
injectStyles.call(
|
|
160
|
-
this,
|
|
161
|
-
(options.functional ? this.parent : this).$root.$options.shadowRoot
|
|
162
|
-
)
|
|
163
|
-
}
|
|
164
|
-
: injectStyles
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
if (hook) {
|
|
168
|
-
if (options.functional) {
|
|
169
|
-
// for template-only hot-reload because in that case the render fn doesn't
|
|
170
|
-
// go through the normalizer
|
|
171
|
-
options._injectStyles = hook
|
|
172
|
-
// register for functional component in vue file
|
|
173
|
-
var originalRender = options.render
|
|
174
|
-
options.render = function renderWithStyleInjection(h, context) {
|
|
175
|
-
hook.call(context)
|
|
176
|
-
return originalRender(h, context)
|
|
177
|
-
}
|
|
178
|
-
} else {
|
|
179
|
-
// inject component registration as beforeCreate hook
|
|
180
|
-
var existing = options.beforeCreate
|
|
181
|
-
options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
return {
|
|
186
|
-
exports: scriptExports,
|
|
187
|
-
options: options
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
/***/ }),
|
|
193
|
-
/* 1 */
|
|
194
|
-
/***/ (function(module, exports) {
|
|
195
|
-
|
|
196
|
-
module.exports = require("element-ui/lib/utils/dom");
|
|
197
|
-
|
|
198
|
-
/***/ }),
|
|
199
|
-
/* 2 */,
|
|
200
|
-
/* 3 */
|
|
201
|
-
/***/ (function(module, exports) {
|
|
202
|
-
|
|
203
|
-
module.exports = require("element-ui/lib/utils/util");
|
|
204
|
-
|
|
205
|
-
/***/ }),
|
|
206
|
-
/* 4 */
|
|
207
|
-
/***/ (function(module, exports) {
|
|
208
|
-
|
|
209
|
-
module.exports = require("element-ui/lib/mixins/emitter");
|
|
210
|
-
|
|
211
|
-
/***/ }),
|
|
212
|
-
/* 5 */
|
|
213
|
-
/***/ (function(module, exports) {
|
|
214
|
-
|
|
215
|
-
module.exports = require("element-ui/lib/utils/vue-popper");
|
|
216
|
-
|
|
217
|
-
/***/ }),
|
|
218
|
-
/* 6 */
|
|
219
|
-
/***/ (function(module, exports) {
|
|
220
|
-
|
|
221
|
-
module.exports = require("element-ui/lib/utils/merge");
|
|
222
|
-
|
|
223
|
-
/***/ }),
|
|
224
|
-
/* 7 */
|
|
225
|
-
/***/ (function(module, exports) {
|
|
226
|
-
|
|
227
|
-
module.exports = require("element-ui/lib/mixins/migrating");
|
|
228
|
-
|
|
229
|
-
/***/ }),
|
|
230
|
-
/* 8 */,
|
|
231
|
-
/* 9 */
|
|
232
|
-
/***/ (function(module, exports) {
|
|
233
|
-
|
|
234
|
-
module.exports = require("element-ui/lib/mixins/locale");
|
|
235
|
-
|
|
236
|
-
/***/ }),
|
|
237
|
-
/* 10 */
|
|
238
|
-
/***/ (function(module, exports) {
|
|
239
|
-
|
|
240
|
-
module.exports = require("element-ui/lib/utils/resize-event");
|
|
241
|
-
|
|
242
|
-
/***/ }),
|
|
243
|
-
/* 11 */
|
|
244
|
-
/***/ (function(module, exports) {
|
|
245
|
-
|
|
246
|
-
module.exports = require("element-ui/lib/utils/shared");
|
|
247
|
-
|
|
248
|
-
/***/ }),
|
|
249
|
-
/* 12 */,
|
|
250
|
-
/* 13 */
|
|
251
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
252
|
-
|
|
253
|
-
"use strict";
|
|
254
|
-
// ESM COMPAT FLAG
|
|
255
|
-
__webpack_require__.r(__webpack_exports__);
|
|
256
|
-
|
|
257
|
-
// 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=048a9cde
|
|
258
|
-
var render = function () {
|
|
259
|
-
var _vm = this
|
|
260
|
-
var _h = _vm.$createElement
|
|
261
|
-
var _c = _vm._self._c || _h
|
|
262
|
-
return _c(
|
|
263
|
-
"div",
|
|
264
|
-
{
|
|
265
|
-
class: [
|
|
266
|
-
_vm.type === "textarea" ? "el-textarea" : "el-input",
|
|
267
|
-
_vm.inputSize ? "el-input--" + _vm.inputSize : "",
|
|
268
|
-
{
|
|
269
|
-
"is-disabled": _vm.inputDisabled,
|
|
270
|
-
"is-exceed": _vm.inputExceed,
|
|
271
|
-
"el-input-group": _vm.$slots.prepend || _vm.$slots.append,
|
|
272
|
-
"el-input-group--append": _vm.$slots.append,
|
|
273
|
-
"el-input-group--prepend": _vm.$slots.prepend,
|
|
274
|
-
"el-input--prefix": _vm.$slots.prefix || _vm.prefixIcon,
|
|
275
|
-
"el-input--suffix":
|
|
276
|
-
_vm.$slots.suffix ||
|
|
277
|
-
_vm.suffixIcon ||
|
|
278
|
-
_vm.clearable ||
|
|
279
|
-
_vm.showPassword,
|
|
280
|
-
},
|
|
281
|
-
],
|
|
282
|
-
on: {
|
|
283
|
-
mouseenter: function ($event) {
|
|
284
|
-
_vm.hovering = true
|
|
285
|
-
},
|
|
286
|
-
mouseleave: function ($event) {
|
|
287
|
-
_vm.hovering = false
|
|
288
|
-
},
|
|
289
|
-
},
|
|
290
|
-
},
|
|
291
|
-
[
|
|
292
|
-
_vm.type !== "textarea"
|
|
293
|
-
? [
|
|
294
|
-
_vm.$slots.prepend
|
|
295
|
-
? _c(
|
|
296
|
-
"div",
|
|
297
|
-
{ staticClass: "el-input-group__prepend" },
|
|
298
|
-
[_vm._t("prepend")],
|
|
299
|
-
2
|
|
300
|
-
)
|
|
301
|
-
: _vm._e(),
|
|
302
|
-
_vm.type !== "textarea"
|
|
303
|
-
? _c(
|
|
304
|
-
"input",
|
|
305
|
-
_vm._b(
|
|
306
|
-
{
|
|
307
|
-
ref: "input",
|
|
308
|
-
staticClass: "el-input__inner",
|
|
309
|
-
attrs: {
|
|
310
|
-
tabindex: _vm.tabindex,
|
|
311
|
-
type: _vm.showPassword
|
|
312
|
-
? _vm.passwordVisible
|
|
313
|
-
? "text"
|
|
314
|
-
: "password"
|
|
315
|
-
: _vm.type,
|
|
316
|
-
disabled: _vm.inputDisabled,
|
|
317
|
-
readonly: _vm.readonly,
|
|
318
|
-
autocomplete: _vm.autoComplete || _vm.autocomplete,
|
|
319
|
-
"aria-label": _vm.label,
|
|
320
|
-
},
|
|
321
|
-
on: {
|
|
322
|
-
compositionstart: _vm.handleCompositionStart,
|
|
323
|
-
compositionupdate: _vm.handleCompositionUpdate,
|
|
324
|
-
compositionend: _vm.handleCompositionEnd,
|
|
325
|
-
input: _vm.handleInput,
|
|
326
|
-
focus: _vm.handleFocus,
|
|
327
|
-
blur: _vm.handleBlur,
|
|
328
|
-
change: _vm.handleChange,
|
|
329
|
-
},
|
|
330
|
-
},
|
|
331
|
-
"input",
|
|
332
|
-
_vm.$attrs,
|
|
333
|
-
false
|
|
334
|
-
)
|
|
335
|
-
)
|
|
336
|
-
: _vm._e(),
|
|
337
|
-
_vm.$slots.prefix || _vm.prefixIcon
|
|
338
|
-
? _c(
|
|
339
|
-
"span",
|
|
340
|
-
{ staticClass: "el-input__prefix" },
|
|
341
|
-
[
|
|
342
|
-
_vm._t("prefix"),
|
|
343
|
-
_vm.prefixIcon
|
|
344
|
-
? _c("i", {
|
|
345
|
-
staticClass: "el-input__icon",
|
|
346
|
-
class: _vm.prefixIcon,
|
|
347
|
-
})
|
|
348
|
-
: _vm._e(),
|
|
349
|
-
],
|
|
350
|
-
2
|
|
351
|
-
)
|
|
352
|
-
: _vm._e(),
|
|
353
|
-
_vm.getSuffixVisible()
|
|
354
|
-
? _c("span", { staticClass: "el-input__suffix" }, [
|
|
355
|
-
_c(
|
|
356
|
-
"span",
|
|
357
|
-
{ staticClass: "el-input__suffix-inner" },
|
|
358
|
-
[
|
|
359
|
-
!_vm.showClear ||
|
|
360
|
-
!_vm.showPwdVisible ||
|
|
361
|
-
!_vm.isWordLimitVisible
|
|
362
|
-
? [
|
|
363
|
-
_vm._t("suffix"),
|
|
364
|
-
_vm.suffixIcon
|
|
365
|
-
? _c("i", {
|
|
366
|
-
staticClass: "el-input__icon",
|
|
367
|
-
class: _vm.suffixIcon,
|
|
368
|
-
})
|
|
369
|
-
: _vm._e(),
|
|
370
|
-
]
|
|
371
|
-
: _vm._e(),
|
|
372
|
-
_vm.showClear
|
|
373
|
-
? _c("i", {
|
|
374
|
-
staticClass:
|
|
375
|
-
"el-input__icon el-icon-circle-close el-input__clear",
|
|
376
|
-
on: {
|
|
377
|
-
mousedown: function ($event) {
|
|
378
|
-
$event.preventDefault()
|
|
379
|
-
},
|
|
380
|
-
click: _vm.clear,
|
|
381
|
-
},
|
|
382
|
-
})
|
|
383
|
-
: _vm._e(),
|
|
384
|
-
_vm.showPwdVisible
|
|
385
|
-
? _c("i", {
|
|
386
|
-
staticClass:
|
|
387
|
-
"el-input__icon el-icon-view el-input__clear",
|
|
388
|
-
on: { click: _vm.handlePasswordVisible },
|
|
389
|
-
})
|
|
390
|
-
: _vm._e(),
|
|
391
|
-
_vm.isWordLimitVisible
|
|
392
|
-
? _c("span", { staticClass: "el-input__count" }, [
|
|
393
|
-
_c(
|
|
394
|
-
"span",
|
|
395
|
-
{ staticClass: "el-input__count-inner" },
|
|
396
|
-
[
|
|
397
|
-
_vm._v(
|
|
398
|
-
"\n\t\t\t\t\t\t\t" +
|
|
399
|
-
_vm._s(_vm.textLength) +
|
|
400
|
-
"/" +
|
|
401
|
-
_vm._s(_vm.upperLimit) +
|
|
402
|
-
"\n\t\t\t\t\t\t"
|
|
403
|
-
),
|
|
404
|
-
]
|
|
405
|
-
),
|
|
406
|
-
])
|
|
407
|
-
: _vm._e(),
|
|
408
|
-
],
|
|
409
|
-
2
|
|
410
|
-
),
|
|
411
|
-
_vm.validateState
|
|
412
|
-
? _c("i", {
|
|
413
|
-
staticClass: "el-input__icon",
|
|
414
|
-
class: ["el-input__validateIcon", _vm.validateIcon],
|
|
415
|
-
})
|
|
416
|
-
: _vm._e(),
|
|
417
|
-
])
|
|
418
|
-
: _vm._e(),
|
|
419
|
-
_vm.$slots.append
|
|
420
|
-
? _c(
|
|
421
|
-
"div",
|
|
422
|
-
{ staticClass: "el-input-group__append" },
|
|
423
|
-
[_vm._t("append")],
|
|
424
|
-
2
|
|
425
|
-
)
|
|
426
|
-
: _vm._e(),
|
|
427
|
-
]
|
|
428
|
-
: _c(
|
|
429
|
-
"textarea",
|
|
430
|
-
_vm._b(
|
|
431
|
-
{
|
|
432
|
-
ref: "textarea",
|
|
433
|
-
staticClass: "el-textarea__inner",
|
|
434
|
-
style: _vm.textareaStyle,
|
|
435
|
-
attrs: {
|
|
436
|
-
tabindex: _vm.tabindex,
|
|
437
|
-
disabled: _vm.inputDisabled,
|
|
438
|
-
readonly: _vm.readonly,
|
|
439
|
-
autocomplete: _vm.autoComplete || _vm.autocomplete,
|
|
440
|
-
"aria-label": _vm.label,
|
|
441
|
-
},
|
|
442
|
-
on: {
|
|
443
|
-
compositionstart: _vm.handleCompositionStart,
|
|
444
|
-
compositionupdate: _vm.handleCompositionUpdate,
|
|
445
|
-
compositionend: _vm.handleCompositionEnd,
|
|
446
|
-
input: _vm.handleInput,
|
|
447
|
-
focus: _vm.handleFocus,
|
|
448
|
-
blur: _vm.handleBlur,
|
|
449
|
-
change: _vm.handleChange,
|
|
450
|
-
},
|
|
451
|
-
},
|
|
452
|
-
"textarea",
|
|
453
|
-
_vm.$attrs,
|
|
454
|
-
false
|
|
455
|
-
)
|
|
456
|
-
),
|
|
457
|
-
_vm.isWordLimitVisible && _vm.type === "textarea"
|
|
458
|
-
? _c("span", { staticClass: "el-input__count" }, [
|
|
459
|
-
_vm._v(_vm._s(_vm.textLength) + "/" + _vm._s(_vm.upperLimit)),
|
|
460
|
-
])
|
|
461
|
-
: _vm._e(),
|
|
462
|
-
],
|
|
463
|
-
2
|
|
464
|
-
)
|
|
465
|
-
}
|
|
466
|
-
var staticRenderFns = []
|
|
467
|
-
render._withStripped = true
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
// CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=template&id=048a9cde
|
|
471
|
-
|
|
472
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
|
|
473
|
-
var emitter_ = __webpack_require__(4);
|
|
474
|
-
var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
475
|
-
|
|
476
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
|
|
477
|
-
var migrating_ = __webpack_require__(7);
|
|
478
|
-
var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
|
|
479
|
-
|
|
480
|
-
// CONCATENATED MODULE: ./packages/input/src/calcTextareaHeight.js
|
|
481
|
-
var hiddenTextarea = void 0;
|
|
482
|
-
|
|
483
|
-
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';
|
|
484
|
-
|
|
485
|
-
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'];
|
|
486
|
-
|
|
487
|
-
function calculateNodeStyling(targetElement) {
|
|
488
|
-
var style = window.getComputedStyle(targetElement);
|
|
489
|
-
|
|
490
|
-
var boxSizing = style.getPropertyValue('box-sizing');
|
|
491
|
-
|
|
492
|
-
var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
|
|
493
|
-
|
|
494
|
-
var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
|
|
495
|
-
|
|
496
|
-
var contextStyle = CONTEXT_STYLE.map(function (name) {
|
|
497
|
-
return name + ':' + style.getPropertyValue(name);
|
|
498
|
-
}).join(';');
|
|
499
|
-
|
|
500
|
-
return { contextStyle: contextStyle, paddingSize: paddingSize, borderSize: borderSize, boxSizing: boxSizing };
|
|
501
|
-
}
|
|
502
|
-
|
|
503
|
-
function calcTextareaHeight(targetElement) {
|
|
504
|
-
var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
505
|
-
var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
506
|
-
|
|
507
|
-
if (!hiddenTextarea) {
|
|
508
|
-
hiddenTextarea = document.createElement('textarea');
|
|
509
|
-
document.body.appendChild(hiddenTextarea);
|
|
510
|
-
}
|
|
511
|
-
|
|
512
|
-
var _calculateNodeStyling = calculateNodeStyling(targetElement),
|
|
513
|
-
paddingSize = _calculateNodeStyling.paddingSize,
|
|
514
|
-
borderSize = _calculateNodeStyling.borderSize,
|
|
515
|
-
boxSizing = _calculateNodeStyling.boxSizing,
|
|
516
|
-
contextStyle = _calculateNodeStyling.contextStyle;
|
|
517
|
-
|
|
518
|
-
hiddenTextarea.setAttribute('style', contextStyle + ';' + HIDDEN_STYLE);
|
|
519
|
-
hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
|
|
520
|
-
|
|
521
|
-
var height = hiddenTextarea.scrollHeight;
|
|
522
|
-
var result = {};
|
|
523
|
-
|
|
524
|
-
if (boxSizing === 'border-box') {
|
|
525
|
-
height = height + borderSize;
|
|
526
|
-
} else if (boxSizing === 'content-box') {
|
|
527
|
-
height = height - paddingSize;
|
|
528
|
-
}
|
|
529
|
-
|
|
530
|
-
hiddenTextarea.value = '';
|
|
531
|
-
var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
|
|
532
|
-
|
|
533
|
-
if (minRows !== null) {
|
|
534
|
-
var minHeight = singleRowHeight * minRows;
|
|
535
|
-
if (boxSizing === 'border-box') {
|
|
536
|
-
minHeight = minHeight + paddingSize + borderSize;
|
|
537
|
-
}
|
|
538
|
-
height = Math.max(minHeight, height);
|
|
539
|
-
result.minHeight = minHeight + 'px';
|
|
540
|
-
}
|
|
541
|
-
if (maxRows !== null) {
|
|
542
|
-
var maxHeight = singleRowHeight * maxRows;
|
|
543
|
-
if (boxSizing === 'border-box') {
|
|
544
|
-
maxHeight = maxHeight + paddingSize + borderSize;
|
|
545
|
-
}
|
|
546
|
-
height = Math.min(maxHeight, height);
|
|
547
|
-
}
|
|
548
|
-
result.height = height + 'px';
|
|
549
|
-
hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
|
|
550
|
-
hiddenTextarea = null;
|
|
551
|
-
return result;
|
|
552
|
-
};
|
|
553
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/merge"
|
|
554
|
-
var merge_ = __webpack_require__(6);
|
|
555
|
-
var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
|
|
556
|
-
|
|
557
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/shared"
|
|
558
|
-
var shared_ = __webpack_require__(11);
|
|
559
|
-
|
|
560
|
-
// 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
|
|
561
|
-
//
|
|
562
|
-
//
|
|
563
|
-
//
|
|
564
|
-
//
|
|
565
|
-
//
|
|
566
|
-
//
|
|
567
|
-
//
|
|
568
|
-
//
|
|
569
|
-
//
|
|
570
|
-
//
|
|
571
|
-
//
|
|
572
|
-
//
|
|
573
|
-
//
|
|
574
|
-
//
|
|
575
|
-
//
|
|
576
|
-
//
|
|
577
|
-
//
|
|
578
|
-
//
|
|
579
|
-
//
|
|
580
|
-
//
|
|
581
|
-
//
|
|
582
|
-
//
|
|
583
|
-
//
|
|
584
|
-
//
|
|
585
|
-
//
|
|
586
|
-
//
|
|
587
|
-
//
|
|
588
|
-
//
|
|
589
|
-
//
|
|
590
|
-
//
|
|
591
|
-
//
|
|
592
|
-
//
|
|
593
|
-
//
|
|
594
|
-
//
|
|
595
|
-
//
|
|
596
|
-
//
|
|
597
|
-
//
|
|
598
|
-
//
|
|
599
|
-
//
|
|
600
|
-
//
|
|
601
|
-
//
|
|
602
|
-
//
|
|
603
|
-
//
|
|
604
|
-
//
|
|
605
|
-
//
|
|
606
|
-
//
|
|
607
|
-
//
|
|
608
|
-
//
|
|
609
|
-
//
|
|
610
|
-
//
|
|
611
|
-
//
|
|
612
|
-
//
|
|
613
|
-
//
|
|
614
|
-
//
|
|
615
|
-
//
|
|
616
|
-
//
|
|
617
|
-
//
|
|
618
|
-
//
|
|
619
|
-
//
|
|
620
|
-
//
|
|
621
|
-
//
|
|
622
|
-
//
|
|
623
|
-
//
|
|
624
|
-
//
|
|
625
|
-
//
|
|
626
|
-
//
|
|
627
|
-
//
|
|
628
|
-
//
|
|
629
|
-
//
|
|
630
|
-
//
|
|
631
|
-
//
|
|
632
|
-
//
|
|
633
|
-
//
|
|
634
|
-
//
|
|
635
|
-
//
|
|
636
|
-
//
|
|
637
|
-
//
|
|
638
|
-
//
|
|
639
|
-
//
|
|
640
|
-
//
|
|
641
|
-
//
|
|
642
|
-
//
|
|
643
|
-
//
|
|
644
|
-
//
|
|
645
|
-
//
|
|
646
|
-
//
|
|
647
|
-
//
|
|
648
|
-
//
|
|
649
|
-
//
|
|
650
|
-
//
|
|
651
|
-
//
|
|
652
|
-
//
|
|
653
|
-
//
|
|
654
|
-
//
|
|
655
|
-
//
|
|
656
|
-
//
|
|
657
|
-
//
|
|
658
|
-
//
|
|
659
|
-
//
|
|
660
|
-
//
|
|
661
|
-
//
|
|
662
|
-
//
|
|
663
|
-
//
|
|
664
|
-
//
|
|
665
|
-
//
|
|
666
|
-
//
|
|
667
|
-
//
|
|
668
|
-
//
|
|
669
|
-
//
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
/* harmony default export */ var inputvue_type_script_lang_js = ({
|
|
678
|
-
name: 'ElInput',
|
|
679
|
-
|
|
680
|
-
componentName: 'ElInput',
|
|
681
|
-
|
|
682
|
-
mixins: [emitter_default.a, migrating_default.a],
|
|
683
|
-
|
|
684
|
-
inheritAttrs: false,
|
|
685
|
-
|
|
686
|
-
inject: {
|
|
687
|
-
elForm: {
|
|
688
|
-
default: ''
|
|
689
|
-
},
|
|
690
|
-
elFormItem: {
|
|
691
|
-
default: ''
|
|
692
|
-
}
|
|
693
|
-
},
|
|
694
|
-
|
|
695
|
-
data: function data() {
|
|
696
|
-
return {
|
|
697
|
-
textareaCalcStyle: {},
|
|
698
|
-
hovering: false,
|
|
699
|
-
focused: false,
|
|
700
|
-
isComposing: false,
|
|
701
|
-
passwordVisible: false
|
|
702
|
-
};
|
|
703
|
-
},
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
props: {
|
|
707
|
-
value: [String, Number],
|
|
708
|
-
size: String,
|
|
709
|
-
resize: String,
|
|
710
|
-
form: String,
|
|
711
|
-
disabled: Boolean,
|
|
712
|
-
readonly: Boolean,
|
|
713
|
-
type: {
|
|
714
|
-
type: String,
|
|
715
|
-
default: 'text'
|
|
716
|
-
},
|
|
717
|
-
autosize: {
|
|
718
|
-
type: [Boolean, Object],
|
|
719
|
-
default: false
|
|
720
|
-
},
|
|
721
|
-
autocomplete: {
|
|
722
|
-
type: String,
|
|
723
|
-
default: 'off'
|
|
724
|
-
},
|
|
725
|
-
/** @Deprecated in next major version */
|
|
726
|
-
autoComplete: {
|
|
727
|
-
type: String,
|
|
728
|
-
validator: function validator(val) {
|
|
729
|
-
false && false;
|
|
730
|
-
return true;
|
|
731
|
-
}
|
|
732
|
-
},
|
|
733
|
-
validateEvent: {
|
|
734
|
-
type: Boolean,
|
|
735
|
-
default: true
|
|
736
|
-
},
|
|
737
|
-
suffixIcon: String,
|
|
738
|
-
prefixIcon: String,
|
|
739
|
-
label: String,
|
|
740
|
-
clearable: {
|
|
741
|
-
type: Boolean,
|
|
742
|
-
default: false
|
|
743
|
-
},
|
|
744
|
-
showPassword: {
|
|
745
|
-
type: Boolean,
|
|
746
|
-
default: false
|
|
747
|
-
},
|
|
748
|
-
showWordLimit: {
|
|
749
|
-
type: Boolean,
|
|
750
|
-
default: false
|
|
751
|
-
},
|
|
752
|
-
tabindex: String
|
|
753
|
-
},
|
|
754
|
-
|
|
755
|
-
computed: {
|
|
756
|
-
_elFormItemSize: function _elFormItemSize() {
|
|
757
|
-
return (this.elFormItem || {}).elFormItemSize;
|
|
758
|
-
},
|
|
759
|
-
validateState: function validateState() {
|
|
760
|
-
return this.elFormItem ? this.elFormItem.validateState : '';
|
|
761
|
-
},
|
|
762
|
-
needStatusIcon: function needStatusIcon() {
|
|
763
|
-
return this.elForm ? this.elForm.statusIcon : false;
|
|
764
|
-
},
|
|
765
|
-
validateIcon: function validateIcon() {
|
|
766
|
-
return {
|
|
767
|
-
validating: 'el-icon-loading',
|
|
768
|
-
success: 'el-icon-circle-check',
|
|
769
|
-
error: 'el-icon-circle-close'
|
|
770
|
-
}[this.validateState];
|
|
771
|
-
},
|
|
772
|
-
textareaStyle: function textareaStyle() {
|
|
773
|
-
return merge_default()({}, this.textareaCalcStyle, { resize: this.resize });
|
|
774
|
-
},
|
|
775
|
-
inputSize: function inputSize() {
|
|
776
|
-
return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
|
|
777
|
-
},
|
|
778
|
-
inputDisabled: function inputDisabled() {
|
|
779
|
-
return this.disabled || (this.elForm || {}).disabled;
|
|
780
|
-
},
|
|
781
|
-
nativeInputValue: function nativeInputValue() {
|
|
782
|
-
return this.value === null || this.value === undefined ? '' : String(this.value);
|
|
783
|
-
},
|
|
784
|
-
showClear: function showClear() {
|
|
785
|
-
return this.clearable && !this.inputDisabled && !this.readonly && this.nativeInputValue && (this.focused || this.hovering);
|
|
786
|
-
},
|
|
787
|
-
showPwdVisible: function showPwdVisible() {
|
|
788
|
-
return this.showPassword && !this.inputDisabled && !this.readonly && (!!this.nativeInputValue || this.focused);
|
|
789
|
-
},
|
|
790
|
-
isWordLimitVisible: function isWordLimitVisible() {
|
|
791
|
-
return this.showWordLimit && this.$attrs.maxlength && (this.type === 'text' || this.type === 'textarea') && !this.inputDisabled && !this.readonly && !this.showPassword;
|
|
792
|
-
},
|
|
793
|
-
upperLimit: function upperLimit() {
|
|
794
|
-
return this.$attrs.maxlength;
|
|
795
|
-
},
|
|
796
|
-
textLength: function textLength() {
|
|
797
|
-
if (typeof this.value === 'number') {
|
|
798
|
-
return String(this.value).length;
|
|
799
|
-
}
|
|
800
|
-
|
|
801
|
-
return (this.value || '').length;
|
|
802
|
-
},
|
|
803
|
-
inputExceed: function inputExceed() {
|
|
804
|
-
// show exceed style if length of initial value greater then maxlength
|
|
805
|
-
return this.isWordLimitVisible && this.textLength > this.upperLimit;
|
|
806
|
-
}
|
|
807
|
-
},
|
|
808
|
-
|
|
809
|
-
watch: {
|
|
810
|
-
value: function value(val) {
|
|
811
|
-
this.$nextTick(this.resizeTextarea);
|
|
812
|
-
if (this.validateEvent) {
|
|
813
|
-
this.dispatch('ElFormItem', 'el.form.change', [val]);
|
|
814
|
-
}
|
|
815
|
-
},
|
|
816
|
-
|
|
817
|
-
// native input value is set explicitly
|
|
818
|
-
// do not use v-model / :value in template
|
|
819
|
-
// see: https://github.com/ElemeFE/element/issues/14521
|
|
820
|
-
nativeInputValue: function nativeInputValue() {
|
|
821
|
-
this.setNativeInputValue();
|
|
822
|
-
},
|
|
823
|
-
|
|
824
|
-
// when change between <input> and <textarea>,
|
|
825
|
-
// update DOM dependent value and styles
|
|
826
|
-
// https://github.com/ElemeFE/element/issues/14857
|
|
827
|
-
type: function type() {
|
|
828
|
-
var _this = this;
|
|
829
|
-
|
|
830
|
-
this.$nextTick(function () {
|
|
831
|
-
_this.setNativeInputValue();
|
|
832
|
-
_this.resizeTextarea();
|
|
833
|
-
_this.updateIconOffset();
|
|
834
|
-
});
|
|
835
|
-
}
|
|
836
|
-
},
|
|
837
|
-
|
|
838
|
-
methods: {
|
|
839
|
-
focus: function focus() {
|
|
840
|
-
this.getInput().focus();
|
|
841
|
-
},
|
|
842
|
-
blur: function blur() {
|
|
843
|
-
this.getInput().blur();
|
|
844
|
-
},
|
|
845
|
-
getMigratingConfig: function getMigratingConfig() {
|
|
846
|
-
return {
|
|
847
|
-
props: {
|
|
848
|
-
'icon': 'icon is removed, use suffix-icon / prefix-icon instead.',
|
|
849
|
-
'on-icon-click': 'on-icon-click is removed.'
|
|
850
|
-
},
|
|
851
|
-
events: {
|
|
852
|
-
'click': 'click is removed.'
|
|
853
|
-
}
|
|
854
|
-
};
|
|
855
|
-
},
|
|
856
|
-
handleBlur: function handleBlur(event) {
|
|
857
|
-
this.focused = false;
|
|
858
|
-
this.$emit('blur', event);
|
|
859
|
-
if (this.validateEvent) {
|
|
860
|
-
this.dispatch('ElFormItem', 'el.form.blur', [this.value]);
|
|
861
|
-
}
|
|
862
|
-
},
|
|
863
|
-
select: function select() {
|
|
864
|
-
this.getInput().select();
|
|
865
|
-
},
|
|
866
|
-
resizeTextarea: function resizeTextarea() {
|
|
867
|
-
if (this.$isServer) return;
|
|
868
|
-
var autosize = this.autosize,
|
|
869
|
-
type = this.type;
|
|
870
|
-
|
|
871
|
-
if (type !== 'textarea') return;
|
|
872
|
-
if (!autosize) {
|
|
873
|
-
this.textareaCalcStyle = {
|
|
874
|
-
minHeight: calcTextareaHeight(this.$refs.textarea).minHeight
|
|
875
|
-
};
|
|
876
|
-
return;
|
|
877
|
-
}
|
|
878
|
-
var minRows = autosize.minRows;
|
|
879
|
-
var maxRows = autosize.maxRows;
|
|
880
|
-
|
|
881
|
-
this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows);
|
|
882
|
-
},
|
|
883
|
-
setNativeInputValue: function setNativeInputValue() {
|
|
884
|
-
var input = this.getInput();
|
|
885
|
-
if (!input) return;
|
|
886
|
-
if (input.value === this.nativeInputValue) return;
|
|
887
|
-
input.value = this.nativeInputValue;
|
|
888
|
-
},
|
|
889
|
-
handleFocus: function handleFocus(event) {
|
|
890
|
-
this.focused = true;
|
|
891
|
-
this.$emit('focus', event);
|
|
892
|
-
},
|
|
893
|
-
handleCompositionStart: function handleCompositionStart(event) {
|
|
894
|
-
this.$emit('compositionstart', event);
|
|
895
|
-
this.isComposing = true;
|
|
896
|
-
},
|
|
897
|
-
handleCompositionUpdate: function handleCompositionUpdate(event) {
|
|
898
|
-
this.$emit('compositionupdate', event);
|
|
899
|
-
var text = event.target.value;
|
|
900
|
-
var lastCharacter = text[text.length - 1] || '';
|
|
901
|
-
this.isComposing = !Object(shared_["isKorean"])(lastCharacter);
|
|
902
|
-
},
|
|
903
|
-
handleCompositionEnd: function handleCompositionEnd(event) {
|
|
904
|
-
this.$emit('compositionend', event);
|
|
905
|
-
if (this.isComposing) {
|
|
906
|
-
this.isComposing = false;
|
|
907
|
-
this.handleInput(event);
|
|
908
|
-
}
|
|
909
|
-
},
|
|
910
|
-
handleInput: function handleInput(event) {
|
|
911
|
-
// should not emit input during composition
|
|
912
|
-
// see: https://github.com/ElemeFE/element/issues/10516
|
|
913
|
-
if (this.isComposing) return;
|
|
914
|
-
|
|
915
|
-
// hack for https://github.com/ElemeFE/element/issues/8548
|
|
916
|
-
// should remove the following line when we don't support IE
|
|
917
|
-
if (event.target.value === this.nativeInputValue) return;
|
|
918
|
-
|
|
919
|
-
this.$emit('input', event.target.value);
|
|
920
|
-
|
|
921
|
-
// ensure native input value is controlled
|
|
922
|
-
// see: https://github.com/ElemeFE/element/issues/12850
|
|
923
|
-
this.$nextTick(this.setNativeInputValue);
|
|
924
|
-
},
|
|
925
|
-
handleChange: function handleChange(event) {
|
|
926
|
-
this.$emit('change', event.target.value);
|
|
927
|
-
},
|
|
928
|
-
calcIconOffset: function calcIconOffset(place) {
|
|
929
|
-
var elList = [].slice.call(this.$el.querySelectorAll('.el-input__' + place) || []);
|
|
930
|
-
if (!elList.length) return;
|
|
931
|
-
var el = null;
|
|
932
|
-
for (var i = 0; i < elList.length; i++) {
|
|
933
|
-
if (elList[i].parentNode === this.$el) {
|
|
934
|
-
el = elList[i];
|
|
935
|
-
break;
|
|
936
|
-
}
|
|
937
|
-
}
|
|
938
|
-
if (!el) return;
|
|
939
|
-
var pendantMap = {
|
|
940
|
-
suffix: 'append',
|
|
941
|
-
prefix: 'prepend'
|
|
942
|
-
};
|
|
943
|
-
|
|
944
|
-
var pendant = pendantMap[place];
|
|
945
|
-
if (this.$slots[pendant]) {
|
|
946
|
-
el.style.transform = 'translateX(' + (place === 'suffix' ? '-' : '') + this.$el.querySelector('.el-input-group__' + pendant).offsetWidth + 'px)';
|
|
947
|
-
} else {
|
|
948
|
-
el.removeAttribute('style');
|
|
949
|
-
}
|
|
950
|
-
},
|
|
951
|
-
updateIconOffset: function updateIconOffset() {
|
|
952
|
-
this.calcIconOffset('prefix');
|
|
953
|
-
this.calcIconOffset('suffix');
|
|
954
|
-
},
|
|
955
|
-
clear: function clear() {
|
|
956
|
-
this.$emit('input', '');
|
|
957
|
-
this.$emit('change', '');
|
|
958
|
-
this.$emit('clear');
|
|
959
|
-
},
|
|
960
|
-
handlePasswordVisible: function handlePasswordVisible() {
|
|
961
|
-
var _this2 = this;
|
|
962
|
-
|
|
963
|
-
this.passwordVisible = !this.passwordVisible;
|
|
964
|
-
this.$nextTick(function () {
|
|
965
|
-
_this2.focus();
|
|
966
|
-
});
|
|
967
|
-
},
|
|
968
|
-
getInput: function getInput() {
|
|
969
|
-
return this.$refs.input || this.$refs.textarea;
|
|
970
|
-
},
|
|
971
|
-
getSuffixVisible: function getSuffixVisible() {
|
|
972
|
-
return this.$slots.suffix || this.suffixIcon || this.showClear || this.showPassword || this.isWordLimitVisible || this.validateState && this.needStatusIcon;
|
|
973
|
-
}
|
|
974
|
-
},
|
|
975
|
-
|
|
976
|
-
created: function created() {
|
|
977
|
-
this.$on('inputSelect', this.select);
|
|
978
|
-
},
|
|
979
|
-
mounted: function mounted() {
|
|
980
|
-
this.setNativeInputValue();
|
|
981
|
-
this.resizeTextarea();
|
|
982
|
-
this.updateIconOffset();
|
|
983
|
-
},
|
|
984
|
-
updated: function updated() {
|
|
985
|
-
this.$nextTick(this.updateIconOffset);
|
|
986
|
-
}
|
|
987
|
-
});
|
|
988
|
-
// CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=script&lang=js
|
|
989
|
-
/* harmony default export */ var src_inputvue_type_script_lang_js = (inputvue_type_script_lang_js);
|
|
990
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
991
|
-
var componentNormalizer = __webpack_require__(0);
|
|
992
|
-
|
|
993
|
-
// CONCATENATED MODULE: ./packages/input/src/input.vue
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
/* normalize component */
|
|
1000
|
-
|
|
1001
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
1002
|
-
src_inputvue_type_script_lang_js,
|
|
1003
|
-
render,
|
|
1004
|
-
staticRenderFns,
|
|
1005
|
-
false,
|
|
1006
|
-
null,
|
|
1007
|
-
null,
|
|
1008
|
-
null
|
|
1009
|
-
|
|
1010
|
-
)
|
|
1011
|
-
|
|
1012
|
-
/* harmony default export */ var input = (component.exports);
|
|
1013
|
-
// CONCATENATED MODULE: ./packages/input/index.js
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
/* istanbul ignore next */
|
|
1017
|
-
input.install = function (Vue) {
|
|
1018
|
-
Vue.component(input.name, input);
|
|
1019
|
-
};
|
|
1020
|
-
|
|
1021
|
-
/* harmony default export */ var packages_input = __webpack_exports__["default"] = (input);
|
|
1022
|
-
|
|
1023
|
-
/***/ }),
|
|
1024
|
-
/* 14 */
|
|
1025
|
-
/***/ (function(module, exports) {
|
|
1026
|
-
|
|
1027
|
-
module.exports = require("element-ui/lib/utils/clickoutside");
|
|
1028
|
-
|
|
1029
|
-
/***/ }),
|
|
1030
|
-
/* 15 */
|
|
1031
|
-
/***/ (function(module, exports) {
|
|
1032
|
-
|
|
1033
|
-
module.exports = require("throttle-debounce/debounce");
|
|
1034
|
-
|
|
1035
|
-
/***/ }),
|
|
1036
|
-
/* 16 */,
|
|
1037
|
-
/* 17 */
|
|
1038
|
-
/***/ (function(module, exports) {
|
|
1039
|
-
|
|
1040
|
-
module.exports = require("element-ui/lib/utils/scrollbar-width");
|
|
1041
|
-
|
|
1042
|
-
/***/ }),
|
|
1043
|
-
/* 18 */
|
|
1044
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1045
|
-
|
|
1046
|
-
"use strict";
|
|
1047
|
-
// ESM COMPAT FLAG
|
|
1048
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1049
|
-
|
|
1050
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/resize-event"
|
|
1051
|
-
var resize_event_ = __webpack_require__(10);
|
|
1052
|
-
|
|
1053
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/scrollbar-width"
|
|
1054
|
-
var scrollbar_width_ = __webpack_require__(17);
|
|
1055
|
-
var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_);
|
|
1056
|
-
|
|
1057
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/util"
|
|
1058
|
-
var util_ = __webpack_require__(3);
|
|
1059
|
-
|
|
1060
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/dom"
|
|
1061
|
-
var dom_ = __webpack_require__(1);
|
|
1062
|
-
|
|
1063
|
-
// CONCATENATED MODULE: ./packages/scrollbar/src/util.js
|
|
1064
|
-
var BAR_MAP = {
|
|
1065
|
-
vertical: {
|
|
1066
|
-
offset: 'offsetHeight',
|
|
1067
|
-
scroll: 'scrollTop',
|
|
1068
|
-
scrollSize: 'scrollHeight',
|
|
1069
|
-
size: 'height',
|
|
1070
|
-
key: 'vertical',
|
|
1071
|
-
axis: 'Y',
|
|
1072
|
-
client: 'clientY',
|
|
1073
|
-
direction: 'top'
|
|
1074
|
-
},
|
|
1075
|
-
horizontal: {
|
|
1076
|
-
offset: 'offsetWidth',
|
|
1077
|
-
scroll: 'scrollLeft',
|
|
1078
|
-
scrollSize: 'scrollWidth',
|
|
1079
|
-
size: 'width',
|
|
1080
|
-
key: 'horizontal',
|
|
1081
|
-
axis: 'X',
|
|
1082
|
-
client: 'clientX',
|
|
1083
|
-
direction: 'left'
|
|
1084
|
-
}
|
|
1085
|
-
};
|
|
1086
|
-
|
|
1087
|
-
function renderThumbStyle(_ref) {
|
|
1088
|
-
var move = _ref.move,
|
|
1089
|
-
size = _ref.size,
|
|
1090
|
-
bar = _ref.bar;
|
|
1091
|
-
|
|
1092
|
-
var style = {};
|
|
1093
|
-
var translate = 'translate' + bar.axis + '(' + move + '%)';
|
|
1094
|
-
|
|
1095
|
-
style[bar.size] = size;
|
|
1096
|
-
style.transform = translate;
|
|
1097
|
-
style.msTransform = translate;
|
|
1098
|
-
style.webkitTransform = translate;
|
|
1099
|
-
|
|
1100
|
-
return style;
|
|
1101
|
-
};
|
|
1102
|
-
// CONCATENATED MODULE: ./packages/scrollbar/src/bar.js
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
/* istanbul ignore next */
|
|
1107
|
-
/* harmony default export */ var src_bar = ({
|
|
1108
|
-
name: 'Bar',
|
|
1109
|
-
|
|
1110
|
-
props: {
|
|
1111
|
-
vertical: Boolean,
|
|
1112
|
-
size: String,
|
|
1113
|
-
move: Number
|
|
1114
|
-
},
|
|
1115
|
-
|
|
1116
|
-
computed: {
|
|
1117
|
-
bar: function bar() {
|
|
1118
|
-
return BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
|
|
1119
|
-
},
|
|
1120
|
-
wrap: function wrap() {
|
|
1121
|
-
return this.$parent.wrap;
|
|
1122
|
-
}
|
|
1123
|
-
},
|
|
1124
|
-
|
|
1125
|
-
render: function render(h) {
|
|
1126
|
-
var size = this.size,
|
|
1127
|
-
move = this.move,
|
|
1128
|
-
bar = this.bar;
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
return h(
|
|
1132
|
-
'div',
|
|
1133
|
-
{
|
|
1134
|
-
'class': ['el-scrollbar__bar', 'is-' + bar.key],
|
|
1135
|
-
on: {
|
|
1136
|
-
'mousedown': this.clickTrackHandler
|
|
1137
|
-
}
|
|
1138
|
-
},
|
|
1139
|
-
[h('div', {
|
|
1140
|
-
ref: 'thumb',
|
|
1141
|
-
'class': 'el-scrollbar__thumb',
|
|
1142
|
-
on: {
|
|
1143
|
-
'mousedown': this.clickThumbHandler
|
|
1144
|
-
},
|
|
1145
|
-
|
|
1146
|
-
style: renderThumbStyle({ size: size, move: move, bar: bar }) })]
|
|
1147
|
-
);
|
|
1148
|
-
},
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
methods: {
|
|
1152
|
-
clickThumbHandler: function clickThumbHandler(e) {
|
|
1153
|
-
// prevent click event of right button
|
|
1154
|
-
if (e.ctrlKey || e.button === 2) {
|
|
1155
|
-
return;
|
|
1156
|
-
}
|
|
1157
|
-
this.startDrag(e);
|
|
1158
|
-
this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]);
|
|
1159
|
-
},
|
|
1160
|
-
clickTrackHandler: function clickTrackHandler(e) {
|
|
1161
|
-
var offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
|
|
1162
|
-
var thumbHalf = this.$refs.thumb[this.bar.offset] / 2;
|
|
1163
|
-
var thumbPositionPercentage = (offset - thumbHalf) * 100 / this.$el[this.bar.offset];
|
|
1164
|
-
|
|
1165
|
-
this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
|
|
1166
|
-
},
|
|
1167
|
-
startDrag: function startDrag(e) {
|
|
1168
|
-
e.stopImmediatePropagation();
|
|
1169
|
-
this.cursorDown = true;
|
|
1170
|
-
|
|
1171
|
-
Object(dom_["on"])(document, 'mousemove', this.mouseMoveDocumentHandler);
|
|
1172
|
-
Object(dom_["on"])(document, 'mouseup', this.mouseUpDocumentHandler);
|
|
1173
|
-
document.onselectstart = function () {
|
|
1174
|
-
return false;
|
|
1175
|
-
};
|
|
1176
|
-
},
|
|
1177
|
-
mouseMoveDocumentHandler: function mouseMoveDocumentHandler(e) {
|
|
1178
|
-
if (this.cursorDown === false) return;
|
|
1179
|
-
var prevPage = this[this.bar.axis];
|
|
1180
|
-
|
|
1181
|
-
if (!prevPage) return;
|
|
1182
|
-
|
|
1183
|
-
var offset = (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1;
|
|
1184
|
-
var thumbClickPosition = this.$refs.thumb[this.bar.offset] - prevPage;
|
|
1185
|
-
var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / this.$el[this.bar.offset];
|
|
1186
|
-
|
|
1187
|
-
this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
|
|
1188
|
-
},
|
|
1189
|
-
mouseUpDocumentHandler: function mouseUpDocumentHandler(e) {
|
|
1190
|
-
this.cursorDown = false;
|
|
1191
|
-
this[this.bar.axis] = 0;
|
|
1192
|
-
Object(dom_["off"])(document, 'mousemove', this.mouseMoveDocumentHandler);
|
|
1193
|
-
document.onselectstart = null;
|
|
1194
|
-
}
|
|
1195
|
-
},
|
|
1196
|
-
|
|
1197
|
-
destroyed: function destroyed() {
|
|
1198
|
-
Object(dom_["off"])(document, 'mouseup', this.mouseUpDocumentHandler);
|
|
1199
|
-
}
|
|
1200
|
-
});
|
|
1201
|
-
// CONCATENATED MODULE: ./packages/scrollbar/src/main.js
|
|
1202
|
-
// reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
/* istanbul ignore next */
|
|
1210
|
-
/* harmony default export */ var main = ({
|
|
1211
|
-
name: 'ElScrollbar',
|
|
1212
|
-
|
|
1213
|
-
components: { Bar: src_bar },
|
|
1214
|
-
|
|
1215
|
-
props: {
|
|
1216
|
-
native: Boolean,
|
|
1217
|
-
wrapStyle: {},
|
|
1218
|
-
wrapClass: {},
|
|
1219
|
-
viewClass: {},
|
|
1220
|
-
viewStyle: {},
|
|
1221
|
-
noresize: Boolean, // 如果 container 尺寸不会发生变化,最好设置它可以优化性能
|
|
1222
|
-
tag: {
|
|
1223
|
-
type: String,
|
|
1224
|
-
default: 'div'
|
|
1225
|
-
}
|
|
1226
|
-
},
|
|
1227
|
-
|
|
1228
|
-
data: function data() {
|
|
1229
|
-
return {
|
|
1230
|
-
sizeWidth: '0',
|
|
1231
|
-
sizeHeight: '0',
|
|
1232
|
-
moveX: 0,
|
|
1233
|
-
moveY: 0
|
|
1234
|
-
};
|
|
1235
|
-
},
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
computed: {
|
|
1239
|
-
wrap: function wrap() {
|
|
1240
|
-
return this.$refs.wrap;
|
|
1241
|
-
}
|
|
1242
|
-
},
|
|
1243
|
-
|
|
1244
|
-
render: function render(h) {
|
|
1245
|
-
var gutter = scrollbar_width_default()();
|
|
1246
|
-
var style = this.wrapStyle;
|
|
1247
|
-
|
|
1248
|
-
if (gutter) {
|
|
1249
|
-
var gutterWith = '-' + gutter + 'px';
|
|
1250
|
-
var gutterStyle = 'margin-bottom: ' + gutterWith + '; margin-right: ' + gutterWith + ';';
|
|
1251
|
-
|
|
1252
|
-
if (Array.isArray(this.wrapStyle)) {
|
|
1253
|
-
style = Object(util_["toObject"])(this.wrapStyle);
|
|
1254
|
-
style.marginRight = style.marginBottom = gutterWith;
|
|
1255
|
-
} else if (typeof this.wrapStyle === 'string') {
|
|
1256
|
-
style += gutterStyle;
|
|
1257
|
-
} else {
|
|
1258
|
-
style = gutterStyle;
|
|
1259
|
-
}
|
|
1260
|
-
}
|
|
1261
|
-
var view = h(this.tag, {
|
|
1262
|
-
class: ['el-scrollbar__view', this.viewClass],
|
|
1263
|
-
style: this.viewStyle,
|
|
1264
|
-
ref: 'resize'
|
|
1265
|
-
}, this.$slots.default);
|
|
1266
|
-
var wrap = h(
|
|
1267
|
-
'div',
|
|
1268
|
-
{
|
|
1269
|
-
ref: 'wrap',
|
|
1270
|
-
style: style,
|
|
1271
|
-
on: {
|
|
1272
|
-
'scroll': this.handleScroll
|
|
1273
|
-
},
|
|
1274
|
-
|
|
1275
|
-
'class': [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] },
|
|
1276
|
-
[[view]]
|
|
1277
|
-
);
|
|
1278
|
-
var nodes = void 0;
|
|
1279
|
-
|
|
1280
|
-
if (!this.native) {
|
|
1281
|
-
nodes = [wrap, h(src_bar, {
|
|
1282
|
-
attrs: {
|
|
1283
|
-
move: this.moveX,
|
|
1284
|
-
size: this.sizeWidth }
|
|
1285
|
-
}), h(src_bar, {
|
|
1286
|
-
attrs: {
|
|
1287
|
-
vertical: true,
|
|
1288
|
-
move: this.moveY,
|
|
1289
|
-
size: this.sizeHeight }
|
|
1290
|
-
})];
|
|
1291
|
-
} else {
|
|
1292
|
-
nodes = [h(
|
|
1293
|
-
'div',
|
|
1294
|
-
{
|
|
1295
|
-
ref: 'wrap',
|
|
1296
|
-
'class': [this.wrapClass, 'el-scrollbar__wrap'],
|
|
1297
|
-
style: style },
|
|
1298
|
-
[[view]]
|
|
1299
|
-
)];
|
|
1300
|
-
}
|
|
1301
|
-
return h('div', { class: 'el-scrollbar' }, nodes);
|
|
1302
|
-
},
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
methods: {
|
|
1306
|
-
handleScroll: function handleScroll() {
|
|
1307
|
-
var wrap = this.wrap;
|
|
1308
|
-
|
|
1309
|
-
this.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
|
|
1310
|
-
this.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
|
|
1311
|
-
},
|
|
1312
|
-
update: function update() {
|
|
1313
|
-
var heightPercentage = void 0,
|
|
1314
|
-
widthPercentage = void 0;
|
|
1315
|
-
var wrap = this.wrap;
|
|
1316
|
-
if (!wrap) return;
|
|
1317
|
-
|
|
1318
|
-
heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
|
|
1319
|
-
widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
|
|
1320
|
-
|
|
1321
|
-
this.sizeHeight = heightPercentage < 100 ? heightPercentage + '%' : '';
|
|
1322
|
-
this.sizeWidth = widthPercentage < 100 ? widthPercentage + '%' : '';
|
|
1323
|
-
}
|
|
1324
|
-
},
|
|
1325
|
-
|
|
1326
|
-
mounted: function mounted() {
|
|
1327
|
-
if (this.native) return;
|
|
1328
|
-
this.$nextTick(this.update);
|
|
1329
|
-
!this.noresize && Object(resize_event_["addResizeListener"])(this.$refs.resize, this.update);
|
|
1330
|
-
},
|
|
1331
|
-
beforeDestroy: function beforeDestroy() {
|
|
1332
|
-
if (this.native) return;
|
|
1333
|
-
!this.noresize && Object(resize_event_["removeResizeListener"])(this.$refs.resize, this.update);
|
|
1334
|
-
}
|
|
1335
|
-
});
|
|
1336
|
-
// CONCATENATED MODULE: ./packages/scrollbar/index.js
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
/* istanbul ignore next */
|
|
1340
|
-
main.install = function (Vue) {
|
|
1341
|
-
Vue.component(main.name, main);
|
|
1342
|
-
};
|
|
1343
|
-
|
|
1344
|
-
/* harmony default export */ var scrollbar = __webpack_exports__["default"] = (main);
|
|
1345
|
-
|
|
1346
|
-
/***/ }),
|
|
1347
|
-
/* 19 */,
|
|
1348
|
-
/* 20 */,
|
|
1349
|
-
/* 21 */,
|
|
1350
|
-
/* 22 */,
|
|
1351
|
-
/* 23 */
|
|
1352
|
-
/***/ (function(module, exports) {
|
|
1353
|
-
|
|
1354
|
-
module.exports = require("element-ui/lib/mixins/focus");
|
|
1355
|
-
|
|
1356
|
-
/***/ }),
|
|
1357
|
-
/* 24 */,
|
|
1358
|
-
/* 25 */
|
|
1359
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1360
|
-
|
|
1361
|
-
"use strict";
|
|
1362
|
-
|
|
1363
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option.vue?vue&type=template&id=2340096e
|
|
1364
|
-
var render = function () {
|
|
1365
|
-
var _vm = this
|
|
1366
|
-
var _h = _vm.$createElement
|
|
1367
|
-
var _c = _vm._self._c || _h
|
|
1368
|
-
return _c(
|
|
1369
|
-
"li",
|
|
1370
|
-
{
|
|
1371
|
-
directives: [
|
|
1372
|
-
{
|
|
1373
|
-
name: "show",
|
|
1374
|
-
rawName: "v-show",
|
|
1375
|
-
value: _vm.visible,
|
|
1376
|
-
expression: "visible",
|
|
1377
|
-
},
|
|
1378
|
-
],
|
|
1379
|
-
staticClass: "el-select-dropdown__item",
|
|
1380
|
-
class: {
|
|
1381
|
-
selected: _vm.itemSelected,
|
|
1382
|
-
"is-disabled": _vm.disabled || _vm.groupDisabled || _vm.limitReached,
|
|
1383
|
-
hover: _vm.hover,
|
|
1384
|
-
},
|
|
1385
|
-
on: {
|
|
1386
|
-
mouseenter: _vm.hoverItem,
|
|
1387
|
-
click: function ($event) {
|
|
1388
|
-
$event.stopPropagation()
|
|
1389
|
-
return _vm.selectOptionClick($event)
|
|
1390
|
-
},
|
|
1391
|
-
},
|
|
1392
|
-
},
|
|
1393
|
-
[_vm._t("default", [_c("span", [_vm._v(_vm._s(_vm.currentLabel))])])],
|
|
1394
|
-
2
|
|
1395
|
-
)
|
|
1396
|
-
}
|
|
1397
|
-
var staticRenderFns = []
|
|
1398
|
-
render._withStripped = true
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
// CONCATENATED MODULE: ./packages/select/src/option.vue?vue&type=template&id=2340096e
|
|
1402
|
-
|
|
1403
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
|
|
1404
|
-
var emitter_ = __webpack_require__(4);
|
|
1405
|
-
var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
1406
|
-
|
|
1407
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/util"
|
|
1408
|
-
var util_ = __webpack_require__(3);
|
|
1409
|
-
|
|
1410
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/option.vue?vue&type=script&lang=js
|
|
1411
|
-
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; };
|
|
1412
|
-
|
|
1413
|
-
//
|
|
1414
|
-
//
|
|
1415
|
-
//
|
|
1416
|
-
//
|
|
1417
|
-
//
|
|
1418
|
-
//
|
|
1419
|
-
//
|
|
1420
|
-
//
|
|
1421
|
-
//
|
|
1422
|
-
//
|
|
1423
|
-
//
|
|
1424
|
-
//
|
|
1425
|
-
//
|
|
1426
|
-
//
|
|
1427
|
-
//
|
|
1428
|
-
//
|
|
1429
|
-
//
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
/* harmony default export */ var optionvue_type_script_lang_js = ({
|
|
1435
|
-
mixins: [emitter_default.a],
|
|
1436
|
-
|
|
1437
|
-
name: 'ElOption',
|
|
1438
|
-
|
|
1439
|
-
componentName: 'ElOption',
|
|
1440
|
-
|
|
1441
|
-
inject: ['select'],
|
|
1442
|
-
|
|
1443
|
-
props: {
|
|
1444
|
-
value: {
|
|
1445
|
-
required: true
|
|
1446
|
-
},
|
|
1447
|
-
label: [String, Number],
|
|
1448
|
-
created: Boolean,
|
|
1449
|
-
disabled: {
|
|
1450
|
-
type: Boolean,
|
|
1451
|
-
default: false
|
|
1452
|
-
}
|
|
1453
|
-
},
|
|
1454
|
-
|
|
1455
|
-
data: function data() {
|
|
1456
|
-
return {
|
|
1457
|
-
index: -1,
|
|
1458
|
-
groupDisabled: false,
|
|
1459
|
-
visible: true,
|
|
1460
|
-
hitState: false,
|
|
1461
|
-
hover: false
|
|
1462
|
-
};
|
|
1463
|
-
},
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
computed: {
|
|
1467
|
-
isObject: function isObject() {
|
|
1468
|
-
return Object.prototype.toString.call(this.value).toLowerCase() === '[object object]';
|
|
1469
|
-
},
|
|
1470
|
-
currentLabel: function currentLabel() {
|
|
1471
|
-
return this.label || (this.isObject ? '' : this.value);
|
|
1472
|
-
},
|
|
1473
|
-
currentValue: function currentValue() {
|
|
1474
|
-
return this.value || this.label || '';
|
|
1475
|
-
},
|
|
1476
|
-
itemSelected: function itemSelected() {
|
|
1477
|
-
if (!this.select.multiple) {
|
|
1478
|
-
return this.isEqual(this.value, this.select.value);
|
|
1479
|
-
} else {
|
|
1480
|
-
return this.contains(this.select.value, this.value);
|
|
1481
|
-
}
|
|
1482
|
-
},
|
|
1483
|
-
limitReached: function limitReached() {
|
|
1484
|
-
if (this.select.multiple) {
|
|
1485
|
-
return !this.itemSelected && (this.select.value || []).length >= this.select.multipleLimit && this.select.multipleLimit > 0;
|
|
1486
|
-
} else {
|
|
1487
|
-
return false;
|
|
1488
|
-
}
|
|
1489
|
-
}
|
|
1490
|
-
},
|
|
1491
|
-
|
|
1492
|
-
watch: {
|
|
1493
|
-
currentLabel: function currentLabel() {
|
|
1494
|
-
if (!this.created && !this.select.remote) this.dispatch('ElSelect', 'setSelected');
|
|
1495
|
-
},
|
|
1496
|
-
value: function value(val, oldVal) {
|
|
1497
|
-
var _select = this.select,
|
|
1498
|
-
remote = _select.remote,
|
|
1499
|
-
valueKey = _select.valueKey;
|
|
1500
|
-
|
|
1501
|
-
if (!this.created && !remote) {
|
|
1502
|
-
if (valueKey && (typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object' && (typeof oldVal === 'undefined' ? 'undefined' : _typeof(oldVal)) === 'object' && val[valueKey] === oldVal[valueKey]) {
|
|
1503
|
-
return;
|
|
1504
|
-
}
|
|
1505
|
-
this.dispatch('ElSelect', 'setSelected');
|
|
1506
|
-
}
|
|
1507
|
-
}
|
|
1508
|
-
},
|
|
1509
|
-
|
|
1510
|
-
methods: {
|
|
1511
|
-
isEqual: function isEqual(a, b) {
|
|
1512
|
-
if (!this.isObject) {
|
|
1513
|
-
return a === b;
|
|
1514
|
-
} else {
|
|
1515
|
-
var valueKey = this.select.valueKey;
|
|
1516
|
-
return Object(util_["getValueByPath"])(a, valueKey) === Object(util_["getValueByPath"])(b, valueKey);
|
|
1517
|
-
}
|
|
1518
|
-
},
|
|
1519
|
-
contains: function contains() {
|
|
1520
|
-
var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1521
|
-
var target = arguments[1];
|
|
1522
|
-
|
|
1523
|
-
if (!this.isObject) {
|
|
1524
|
-
return arr && arr.indexOf(target) > -1;
|
|
1525
|
-
} else {
|
|
1526
|
-
var valueKey = this.select.valueKey;
|
|
1527
|
-
return arr && arr.some(function (item) {
|
|
1528
|
-
return Object(util_["getValueByPath"])(item, valueKey) === Object(util_["getValueByPath"])(target, valueKey);
|
|
1529
|
-
});
|
|
1530
|
-
}
|
|
1531
|
-
},
|
|
1532
|
-
handleGroupDisabled: function handleGroupDisabled(val) {
|
|
1533
|
-
this.groupDisabled = val;
|
|
1534
|
-
},
|
|
1535
|
-
hoverItem: function hoverItem() {
|
|
1536
|
-
if (!this.disabled && !this.groupDisabled) {
|
|
1537
|
-
this.select.hoverIndex = this.select.options.indexOf(this);
|
|
1538
|
-
}
|
|
1539
|
-
},
|
|
1540
|
-
selectOptionClick: function selectOptionClick() {
|
|
1541
|
-
if (this.disabled !== true && this.groupDisabled !== true) {
|
|
1542
|
-
this.dispatch('ElSelect', 'handleOptionClick', [this, true]);
|
|
1543
|
-
}
|
|
1544
|
-
},
|
|
1545
|
-
queryChange: function queryChange(query) {
|
|
1546
|
-
this.visible = new RegExp(Object(util_["escapeRegexpString"])(query), 'i').test(this.currentLabel) || this.created;
|
|
1547
|
-
if (!this.visible) {
|
|
1548
|
-
this.select.filteredOptionsCount--;
|
|
1549
|
-
}
|
|
1550
|
-
}
|
|
1551
|
-
},
|
|
1552
|
-
|
|
1553
|
-
created: function created() {
|
|
1554
|
-
this.select.options.push(this);
|
|
1555
|
-
this.select.cachedOptions.push(this);
|
|
1556
|
-
this.select.optionsCount++;
|
|
1557
|
-
this.select.filteredOptionsCount++;
|
|
1558
|
-
|
|
1559
|
-
this.$on('queryChange', this.queryChange);
|
|
1560
|
-
this.$on('handleGroupDisabled', this.handleGroupDisabled);
|
|
1561
|
-
},
|
|
1562
|
-
beforeDestroy: function beforeDestroy() {
|
|
1563
|
-
var _select2 = this.select,
|
|
1564
|
-
selected = _select2.selected,
|
|
1565
|
-
multiple = _select2.multiple;
|
|
1566
|
-
|
|
1567
|
-
var selectedOptions = multiple ? selected : [selected];
|
|
1568
|
-
var index = this.select.cachedOptions.indexOf(this);
|
|
1569
|
-
var selectedIndex = selectedOptions.indexOf(this);
|
|
1570
|
-
|
|
1571
|
-
// if option is not selected, remove it from cache
|
|
1572
|
-
if (index > -1 && selectedIndex < 0) {
|
|
1573
|
-
this.select.cachedOptions.splice(index, 1);
|
|
1574
|
-
}
|
|
1575
|
-
this.select.onOptionDestroy(this.select.options.indexOf(this));
|
|
1576
|
-
}
|
|
1577
|
-
});
|
|
1578
|
-
// CONCATENATED MODULE: ./packages/select/src/option.vue?vue&type=script&lang=js
|
|
1579
|
-
/* harmony default export */ var src_optionvue_type_script_lang_js = (optionvue_type_script_lang_js);
|
|
1580
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
1581
|
-
var componentNormalizer = __webpack_require__(0);
|
|
1582
|
-
|
|
1583
|
-
// CONCATENATED MODULE: ./packages/select/src/option.vue
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
/* normalize component */
|
|
1590
|
-
|
|
1591
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
1592
|
-
src_optionvue_type_script_lang_js,
|
|
1593
|
-
render,
|
|
1594
|
-
staticRenderFns,
|
|
1595
|
-
false,
|
|
1596
|
-
null,
|
|
1597
|
-
null,
|
|
1598
|
-
null
|
|
1599
|
-
|
|
1600
|
-
)
|
|
1601
|
-
|
|
1602
|
-
/* harmony default export */ var src_option = __webpack_exports__["a"] = (component.exports);
|
|
1603
|
-
|
|
1604
|
-
/***/ }),
|
|
1605
|
-
/* 26 */
|
|
1606
|
-
/***/ (function(module, exports) {
|
|
1607
|
-
|
|
1608
|
-
module.exports = require("element-ui/lib/utils/scroll-into-view");
|
|
1609
|
-
|
|
1610
|
-
/***/ }),
|
|
1611
|
-
/* 27 */,
|
|
1612
|
-
/* 28 */,
|
|
1613
|
-
/* 29 */,
|
|
1614
|
-
/* 30 */
|
|
1615
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1616
|
-
|
|
1617
|
-
"use strict";
|
|
1618
|
-
// ESM COMPAT FLAG
|
|
1619
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1620
|
-
|
|
1621
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tag/src/tag.vue?vue&type=script&lang=js
|
|
1622
|
-
|
|
1623
|
-
/* harmony default export */ var tagvue_type_script_lang_js = ({
|
|
1624
|
-
name: 'ElTag',
|
|
1625
|
-
props: {
|
|
1626
|
-
text: String,
|
|
1627
|
-
closable: Boolean,
|
|
1628
|
-
type: String,
|
|
1629
|
-
hit: Boolean,
|
|
1630
|
-
disableTransitions: Boolean,
|
|
1631
|
-
color: String,
|
|
1632
|
-
size: String,
|
|
1633
|
-
effect: {
|
|
1634
|
-
type: String,
|
|
1635
|
-
default: 'light',
|
|
1636
|
-
validator: function validator(val) {
|
|
1637
|
-
return ['dark', 'light', 'plain'].indexOf(val) !== -1;
|
|
1638
|
-
}
|
|
1639
|
-
}
|
|
1640
|
-
},
|
|
1641
|
-
methods: {
|
|
1642
|
-
handleClose: function handleClose(event) {
|
|
1643
|
-
event.stopPropagation();
|
|
1644
|
-
this.$emit('close', event);
|
|
1645
|
-
},
|
|
1646
|
-
handleClick: function handleClick(event) {
|
|
1647
|
-
this.$emit('click', event);
|
|
1648
|
-
}
|
|
1649
|
-
},
|
|
1650
|
-
computed: {
|
|
1651
|
-
tagSize: function tagSize() {
|
|
1652
|
-
return this.size || (this.$ELEMENT || {}).size;
|
|
1653
|
-
}
|
|
1654
|
-
},
|
|
1655
|
-
render: function render(h) {
|
|
1656
|
-
var type = this.type,
|
|
1657
|
-
tagSize = this.tagSize,
|
|
1658
|
-
hit = this.hit,
|
|
1659
|
-
effect = this.effect;
|
|
1660
|
-
|
|
1661
|
-
var classes = ['el-tag', type ? 'el-tag--' + type : '', tagSize ? 'el-tag--' + tagSize : '', effect ? 'el-tag--' + effect : '', hit && 'is-hit'];
|
|
1662
|
-
var tagEl = h(
|
|
1663
|
-
'span',
|
|
1664
|
-
{
|
|
1665
|
-
'class': classes,
|
|
1666
|
-
style: { backgroundColor: this.color },
|
|
1667
|
-
on: {
|
|
1668
|
-
'click': this.handleClick
|
|
1669
|
-
}
|
|
1670
|
-
},
|
|
1671
|
-
[this.$slots.default, this.closable && h('i', { 'class': 'el-tag__close el-icon-close', on: {
|
|
1672
|
-
'click': this.handleClose
|
|
1673
|
-
}
|
|
1674
|
-
})]
|
|
1675
|
-
);
|
|
1676
|
-
|
|
1677
|
-
return this.disableTransitions ? tagEl : h(
|
|
1678
|
-
'transition',
|
|
1679
|
-
{
|
|
1680
|
-
attrs: { name: 'el-zoom-in-center' }
|
|
1681
|
-
},
|
|
1682
|
-
[tagEl]
|
|
1683
|
-
);
|
|
1684
|
-
}
|
|
1685
|
-
});
|
|
1686
|
-
// CONCATENATED MODULE: ./packages/tag/src/tag.vue?vue&type=script&lang=js
|
|
1687
|
-
/* harmony default export */ var src_tagvue_type_script_lang_js = (tagvue_type_script_lang_js);
|
|
1688
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
1689
|
-
var componentNormalizer = __webpack_require__(0);
|
|
1690
|
-
|
|
1691
|
-
// CONCATENATED MODULE: ./packages/tag/src/tag.vue
|
|
1692
|
-
var render, staticRenderFns
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
/* normalize component */
|
|
1698
|
-
|
|
1699
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
1700
|
-
src_tagvue_type_script_lang_js,
|
|
1701
|
-
render,
|
|
1702
|
-
staticRenderFns,
|
|
1703
|
-
false,
|
|
1704
|
-
null,
|
|
1705
|
-
null,
|
|
1706
|
-
null
|
|
1707
|
-
|
|
1708
|
-
)
|
|
1709
|
-
|
|
1710
|
-
/* harmony default export */ var tag = (component.exports);
|
|
1711
|
-
// CONCATENATED MODULE: ./packages/tag/index.js
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
/* istanbul ignore next */
|
|
1715
|
-
tag.install = function (Vue) {
|
|
1716
|
-
Vue.component(tag.name, tag);
|
|
1717
|
-
};
|
|
1718
|
-
|
|
1719
|
-
/* harmony default export */ var packages_tag = __webpack_exports__["default"] = (tag);
|
|
1720
|
-
|
|
1721
|
-
/***/ }),
|
|
1722
|
-
/* 31 */,
|
|
1723
|
-
/* 32 */,
|
|
1724
|
-
/* 33 */,
|
|
1725
|
-
/* 34 */,
|
|
1726
|
-
/* 35 */,
|
|
1727
|
-
/* 36 */,
|
|
1728
|
-
/* 37 */,
|
|
1729
|
-
/* 38 */,
|
|
1730
|
-
/* 39 */,
|
|
1731
|
-
/* 40 */,
|
|
1732
|
-
/* 41 */,
|
|
1733
|
-
/* 42 */,
|
|
1734
|
-
/* 43 */,
|
|
1735
|
-
/* 44 */,
|
|
1736
|
-
/* 45 */,
|
|
1737
|
-
/* 46 */,
|
|
1738
|
-
/* 47 */,
|
|
1739
|
-
/* 48 */
|
|
1740
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1741
|
-
|
|
1742
|
-
"use strict";
|
|
1743
|
-
// ESM COMPAT FLAG
|
|
1744
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1745
|
-
|
|
1746
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select.vue?vue&type=template&id=0f48f6e9
|
|
1747
|
-
var render = function () {
|
|
1748
|
-
var _vm = this
|
|
1749
|
-
var _h = _vm.$createElement
|
|
1750
|
-
var _c = _vm._self._c || _h
|
|
1751
|
-
return _c(
|
|
1752
|
-
"div",
|
|
1753
|
-
{
|
|
1754
|
-
directives: [
|
|
1755
|
-
{
|
|
1756
|
-
name: "clickoutside",
|
|
1757
|
-
rawName: "v-clickoutside",
|
|
1758
|
-
value: _vm.handleClose,
|
|
1759
|
-
expression: "handleClose",
|
|
1760
|
-
},
|
|
1761
|
-
],
|
|
1762
|
-
staticClass: "el-select",
|
|
1763
|
-
class: [_vm.selectSize ? "el-select--" + _vm.selectSize : ""],
|
|
1764
|
-
on: {
|
|
1765
|
-
click: function ($event) {
|
|
1766
|
-
$event.stopPropagation()
|
|
1767
|
-
return _vm.toggleMenu($event)
|
|
1768
|
-
},
|
|
1769
|
-
},
|
|
1770
|
-
},
|
|
1771
|
-
[
|
|
1772
|
-
_vm.multiple
|
|
1773
|
-
? _c(
|
|
1774
|
-
"div",
|
|
1775
|
-
{
|
|
1776
|
-
ref: "tags",
|
|
1777
|
-
staticClass: "el-select__tags",
|
|
1778
|
-
style: { "max-width": _vm.inputWidth - 32 + "px", width: "100%" },
|
|
1779
|
-
},
|
|
1780
|
-
[
|
|
1781
|
-
_vm.collapseTags && _vm.selected.length
|
|
1782
|
-
? _c(
|
|
1783
|
-
"span",
|
|
1784
|
-
[
|
|
1785
|
-
_c(
|
|
1786
|
-
"el-tag",
|
|
1787
|
-
{
|
|
1788
|
-
attrs: {
|
|
1789
|
-
closable: !_vm.selectDisabled,
|
|
1790
|
-
size: _vm.collapseTagSize,
|
|
1791
|
-
hit: _vm.selected[0].hitState,
|
|
1792
|
-
type: "info",
|
|
1793
|
-
"disable-transitions": "",
|
|
1794
|
-
},
|
|
1795
|
-
on: {
|
|
1796
|
-
close: function ($event) {
|
|
1797
|
-
_vm.deleteTag($event, _vm.selected[0])
|
|
1798
|
-
},
|
|
1799
|
-
},
|
|
1800
|
-
},
|
|
1801
|
-
[
|
|
1802
|
-
_c("span", { staticClass: "el-select__tags-text" }, [
|
|
1803
|
-
_vm._v(_vm._s(_vm.selected[0].currentLabel)),
|
|
1804
|
-
]),
|
|
1805
|
-
]
|
|
1806
|
-
),
|
|
1807
|
-
_vm.selected.length > 1
|
|
1808
|
-
? _c(
|
|
1809
|
-
"el-tag",
|
|
1810
|
-
{
|
|
1811
|
-
attrs: {
|
|
1812
|
-
closable: false,
|
|
1813
|
-
size: _vm.collapseTagSize,
|
|
1814
|
-
type: "info",
|
|
1815
|
-
"disable-transitions": "",
|
|
1816
|
-
},
|
|
1817
|
-
},
|
|
1818
|
-
[
|
|
1819
|
-
_c(
|
|
1820
|
-
"span",
|
|
1821
|
-
{ staticClass: "el-select__tags-text" },
|
|
1822
|
-
[_vm._v("+ " + _vm._s(_vm.selected.length - 1))]
|
|
1823
|
-
),
|
|
1824
|
-
]
|
|
1825
|
-
)
|
|
1826
|
-
: _vm._e(),
|
|
1827
|
-
],
|
|
1828
|
-
1
|
|
1829
|
-
)
|
|
1830
|
-
: _vm._e(),
|
|
1831
|
-
!_vm.collapseTags
|
|
1832
|
-
? _c(
|
|
1833
|
-
"transition-group",
|
|
1834
|
-
{ on: { "after-leave": _vm.resetInputHeight } },
|
|
1835
|
-
_vm._l(_vm.selected, function (item) {
|
|
1836
|
-
return _c(
|
|
1837
|
-
"el-tag",
|
|
1838
|
-
{
|
|
1839
|
-
key: _vm.getValueKey(item),
|
|
1840
|
-
attrs: {
|
|
1841
|
-
closable: !_vm.selectDisabled,
|
|
1842
|
-
size: _vm.collapseTagSize,
|
|
1843
|
-
hit: item.hitState,
|
|
1844
|
-
type: "info",
|
|
1845
|
-
"disable-transitions": "",
|
|
1846
|
-
},
|
|
1847
|
-
on: {
|
|
1848
|
-
close: function ($event) {
|
|
1849
|
-
_vm.deleteTag($event, item)
|
|
1850
|
-
},
|
|
1851
|
-
},
|
|
1852
|
-
},
|
|
1853
|
-
[
|
|
1854
|
-
_c("span", { staticClass: "el-select__tags-text" }, [
|
|
1855
|
-
_vm._v(_vm._s(item.currentLabel)),
|
|
1856
|
-
]),
|
|
1857
|
-
]
|
|
1858
|
-
)
|
|
1859
|
-
}),
|
|
1860
|
-
1
|
|
1861
|
-
)
|
|
1862
|
-
: _vm._e(),
|
|
1863
|
-
_vm.filterable
|
|
1864
|
-
? _c("input", {
|
|
1865
|
-
directives: [
|
|
1866
|
-
{
|
|
1867
|
-
name: "model",
|
|
1868
|
-
rawName: "v-model",
|
|
1869
|
-
value: _vm.query,
|
|
1870
|
-
expression: "query",
|
|
1871
|
-
},
|
|
1872
|
-
],
|
|
1873
|
-
ref: "input",
|
|
1874
|
-
staticClass: "el-select__input",
|
|
1875
|
-
class: [_vm.selectSize ? "is-" + _vm.selectSize : ""],
|
|
1876
|
-
style: {
|
|
1877
|
-
"flex-grow": "1",
|
|
1878
|
-
width: _vm.inputLength / (_vm.inputWidth - 32) + "%",
|
|
1879
|
-
"max-width": _vm.inputWidth - 42 + "px",
|
|
1880
|
-
},
|
|
1881
|
-
attrs: {
|
|
1882
|
-
type: "text",
|
|
1883
|
-
disabled: _vm.selectDisabled,
|
|
1884
|
-
autocomplete: _vm.autoComplete || _vm.autocomplete,
|
|
1885
|
-
},
|
|
1886
|
-
domProps: { value: _vm.query },
|
|
1887
|
-
on: {
|
|
1888
|
-
focus: _vm.handleFocus,
|
|
1889
|
-
blur: function ($event) {
|
|
1890
|
-
_vm.softFocus = false
|
|
1891
|
-
},
|
|
1892
|
-
keyup: _vm.managePlaceholder,
|
|
1893
|
-
keydown: [
|
|
1894
|
-
_vm.resetInputState,
|
|
1895
|
-
function ($event) {
|
|
1896
|
-
if (
|
|
1897
|
-
!("button" in $event) &&
|
|
1898
|
-
_vm._k($event.keyCode, "down", 40, $event.key, [
|
|
1899
|
-
"Down",
|
|
1900
|
-
"ArrowDown",
|
|
1901
|
-
])
|
|
1902
|
-
) {
|
|
1903
|
-
return null
|
|
1904
|
-
}
|
|
1905
|
-
$event.preventDefault()
|
|
1906
|
-
_vm.handleNavigate("next")
|
|
1907
|
-
},
|
|
1908
|
-
function ($event) {
|
|
1909
|
-
if (
|
|
1910
|
-
!("button" in $event) &&
|
|
1911
|
-
_vm._k($event.keyCode, "up", 38, $event.key, [
|
|
1912
|
-
"Up",
|
|
1913
|
-
"ArrowUp",
|
|
1914
|
-
])
|
|
1915
|
-
) {
|
|
1916
|
-
return null
|
|
1917
|
-
}
|
|
1918
|
-
$event.preventDefault()
|
|
1919
|
-
_vm.handleNavigate("prev")
|
|
1920
|
-
},
|
|
1921
|
-
function ($event) {
|
|
1922
|
-
if (
|
|
1923
|
-
!("button" in $event) &&
|
|
1924
|
-
_vm._k(
|
|
1925
|
-
$event.keyCode,
|
|
1926
|
-
"enter",
|
|
1927
|
-
13,
|
|
1928
|
-
$event.key,
|
|
1929
|
-
"Enter"
|
|
1930
|
-
)
|
|
1931
|
-
) {
|
|
1932
|
-
return null
|
|
1933
|
-
}
|
|
1934
|
-
$event.preventDefault()
|
|
1935
|
-
return _vm.selectOption($event)
|
|
1936
|
-
},
|
|
1937
|
-
function ($event) {
|
|
1938
|
-
if (
|
|
1939
|
-
!("button" in $event) &&
|
|
1940
|
-
_vm._k($event.keyCode, "esc", 27, $event.key, [
|
|
1941
|
-
"Esc",
|
|
1942
|
-
"Escape",
|
|
1943
|
-
])
|
|
1944
|
-
) {
|
|
1945
|
-
return null
|
|
1946
|
-
}
|
|
1947
|
-
$event.stopPropagation()
|
|
1948
|
-
$event.preventDefault()
|
|
1949
|
-
_vm.visible = false
|
|
1950
|
-
},
|
|
1951
|
-
function ($event) {
|
|
1952
|
-
if (
|
|
1953
|
-
!("button" in $event) &&
|
|
1954
|
-
_vm._k(
|
|
1955
|
-
$event.keyCode,
|
|
1956
|
-
"delete",
|
|
1957
|
-
[8, 46],
|
|
1958
|
-
$event.key,
|
|
1959
|
-
["Backspace", "Delete", "Del"]
|
|
1960
|
-
)
|
|
1961
|
-
) {
|
|
1962
|
-
return null
|
|
1963
|
-
}
|
|
1964
|
-
return _vm.deletePrevTag($event)
|
|
1965
|
-
},
|
|
1966
|
-
function ($event) {
|
|
1967
|
-
if (
|
|
1968
|
-
!("button" in $event) &&
|
|
1969
|
-
_vm._k($event.keyCode, "tab", 9, $event.key, "Tab")
|
|
1970
|
-
) {
|
|
1971
|
-
return null
|
|
1972
|
-
}
|
|
1973
|
-
_vm.visible = false
|
|
1974
|
-
},
|
|
1975
|
-
],
|
|
1976
|
-
compositionstart: _vm.handleComposition,
|
|
1977
|
-
compositionupdate: _vm.handleComposition,
|
|
1978
|
-
compositionend: _vm.handleComposition,
|
|
1979
|
-
input: [
|
|
1980
|
-
function ($event) {
|
|
1981
|
-
if ($event.target.composing) {
|
|
1982
|
-
return
|
|
1983
|
-
}
|
|
1984
|
-
_vm.query = $event.target.value
|
|
1985
|
-
},
|
|
1986
|
-
_vm.debouncedQueryChange,
|
|
1987
|
-
],
|
|
1988
|
-
},
|
|
1989
|
-
})
|
|
1990
|
-
: _vm._e(),
|
|
1991
|
-
],
|
|
1992
|
-
1
|
|
1993
|
-
)
|
|
1994
|
-
: _vm._e(),
|
|
1995
|
-
_c(
|
|
1996
|
-
"el-input",
|
|
1997
|
-
{
|
|
1998
|
-
ref: "reference",
|
|
1999
|
-
class: { "is-focus": _vm.visible },
|
|
2000
|
-
attrs: {
|
|
2001
|
-
type: "text",
|
|
2002
|
-
placeholder: _vm.currentPlaceholder,
|
|
2003
|
-
name: _vm.name,
|
|
2004
|
-
id: _vm.id,
|
|
2005
|
-
autocomplete: _vm.autoComplete || _vm.autocomplete,
|
|
2006
|
-
size: _vm.selectSize,
|
|
2007
|
-
disabled: _vm.selectDisabled,
|
|
2008
|
-
readonly: _vm.readonly,
|
|
2009
|
-
"validate-event": false,
|
|
2010
|
-
tabindex: _vm.multiple && _vm.filterable ? "-1" : null,
|
|
2011
|
-
},
|
|
2012
|
-
on: {
|
|
2013
|
-
focus: _vm.handleFocus,
|
|
2014
|
-
blur: _vm.handleBlur,
|
|
2015
|
-
input: _vm.debouncedOnInputChange,
|
|
2016
|
-
compositionstart: _vm.handleComposition,
|
|
2017
|
-
compositionupdate: _vm.handleComposition,
|
|
2018
|
-
compositionend: _vm.handleComposition,
|
|
2019
|
-
},
|
|
2020
|
-
nativeOn: {
|
|
2021
|
-
keydown: [
|
|
2022
|
-
function ($event) {
|
|
2023
|
-
if (
|
|
2024
|
-
!("button" in $event) &&
|
|
2025
|
-
_vm._k($event.keyCode, "down", 40, $event.key, [
|
|
2026
|
-
"Down",
|
|
2027
|
-
"ArrowDown",
|
|
2028
|
-
])
|
|
2029
|
-
) {
|
|
2030
|
-
return null
|
|
2031
|
-
}
|
|
2032
|
-
$event.stopPropagation()
|
|
2033
|
-
$event.preventDefault()
|
|
2034
|
-
_vm.handleNavigate("next")
|
|
2035
|
-
},
|
|
2036
|
-
function ($event) {
|
|
2037
|
-
if (
|
|
2038
|
-
!("button" in $event) &&
|
|
2039
|
-
_vm._k($event.keyCode, "up", 38, $event.key, [
|
|
2040
|
-
"Up",
|
|
2041
|
-
"ArrowUp",
|
|
2042
|
-
])
|
|
2043
|
-
) {
|
|
2044
|
-
return null
|
|
2045
|
-
}
|
|
2046
|
-
$event.stopPropagation()
|
|
2047
|
-
$event.preventDefault()
|
|
2048
|
-
_vm.handleNavigate("prev")
|
|
2049
|
-
},
|
|
2050
|
-
function ($event) {
|
|
2051
|
-
if (
|
|
2052
|
-
!("button" in $event) &&
|
|
2053
|
-
_vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
|
|
2054
|
-
) {
|
|
2055
|
-
return null
|
|
2056
|
-
}
|
|
2057
|
-
$event.preventDefault()
|
|
2058
|
-
return _vm.selectOption($event)
|
|
2059
|
-
},
|
|
2060
|
-
function ($event) {
|
|
2061
|
-
if (
|
|
2062
|
-
!("button" in $event) &&
|
|
2063
|
-
_vm._k($event.keyCode, "esc", 27, $event.key, [
|
|
2064
|
-
"Esc",
|
|
2065
|
-
"Escape",
|
|
2066
|
-
])
|
|
2067
|
-
) {
|
|
2068
|
-
return null
|
|
2069
|
-
}
|
|
2070
|
-
$event.stopPropagation()
|
|
2071
|
-
$event.preventDefault()
|
|
2072
|
-
_vm.visible = false
|
|
2073
|
-
},
|
|
2074
|
-
function ($event) {
|
|
2075
|
-
if (
|
|
2076
|
-
!("button" in $event) &&
|
|
2077
|
-
_vm._k($event.keyCode, "tab", 9, $event.key, "Tab")
|
|
2078
|
-
) {
|
|
2079
|
-
return null
|
|
2080
|
-
}
|
|
2081
|
-
_vm.visible = false
|
|
2082
|
-
},
|
|
2083
|
-
],
|
|
2084
|
-
mouseenter: function ($event) {
|
|
2085
|
-
_vm.inputHovering = true
|
|
2086
|
-
},
|
|
2087
|
-
mouseleave: function ($event) {
|
|
2088
|
-
_vm.inputHovering = false
|
|
2089
|
-
},
|
|
2090
|
-
},
|
|
2091
|
-
model: {
|
|
2092
|
-
value: _vm.selectedLabel,
|
|
2093
|
-
callback: function ($$v) {
|
|
2094
|
-
_vm.selectedLabel = $$v
|
|
2095
|
-
},
|
|
2096
|
-
expression: "selectedLabel",
|
|
2097
|
-
},
|
|
2098
|
-
},
|
|
2099
|
-
[
|
|
2100
|
-
_vm.$slots.prefix
|
|
2101
|
-
? _c("template", { slot: "prefix" }, [_vm._t("prefix")], 2)
|
|
2102
|
-
: _vm._e(),
|
|
2103
|
-
_c("template", { slot: "suffix" }, [
|
|
2104
|
-
_c("i", {
|
|
2105
|
-
directives: [
|
|
2106
|
-
{
|
|
2107
|
-
name: "show",
|
|
2108
|
-
rawName: "v-show",
|
|
2109
|
-
value: !_vm.showClose,
|
|
2110
|
-
expression: "!showClose",
|
|
2111
|
-
},
|
|
2112
|
-
],
|
|
2113
|
-
class: [
|
|
2114
|
-
"el-select__caret",
|
|
2115
|
-
"el-input__icon",
|
|
2116
|
-
"el-icon-" + _vm.iconClass,
|
|
2117
|
-
],
|
|
2118
|
-
}),
|
|
2119
|
-
_vm.showClose
|
|
2120
|
-
? _c("i", {
|
|
2121
|
-
staticClass:
|
|
2122
|
-
"el-select__caret el-input__icon el-icon-circle-close",
|
|
2123
|
-
on: { click: _vm.handleClearClick },
|
|
2124
|
-
})
|
|
2125
|
-
: _vm._e(),
|
|
2126
|
-
]),
|
|
2127
|
-
],
|
|
2128
|
-
2
|
|
2129
|
-
),
|
|
2130
|
-
_c(
|
|
2131
|
-
"transition",
|
|
2132
|
-
{
|
|
2133
|
-
attrs: { name: "el-zoom-in-top" },
|
|
2134
|
-
on: {
|
|
2135
|
-
"before-enter": _vm.handleMenuEnter,
|
|
2136
|
-
"after-leave": _vm.doDestroy,
|
|
2137
|
-
},
|
|
2138
|
-
},
|
|
2139
|
-
[
|
|
2140
|
-
_c(
|
|
2141
|
-
"el-select-menu",
|
|
2142
|
-
{
|
|
2143
|
-
directives: [
|
|
2144
|
-
{
|
|
2145
|
-
name: "show",
|
|
2146
|
-
rawName: "v-show",
|
|
2147
|
-
value: _vm.visible && _vm.emptyText !== false,
|
|
2148
|
-
expression: "visible && emptyText !== false",
|
|
2149
|
-
},
|
|
2150
|
-
],
|
|
2151
|
-
ref: "popper",
|
|
2152
|
-
attrs: { "append-to-body": _vm.popperAppendToBody },
|
|
2153
|
-
},
|
|
2154
|
-
[
|
|
2155
|
-
_c(
|
|
2156
|
-
"el-scrollbar",
|
|
2157
|
-
{
|
|
2158
|
-
directives: [
|
|
2159
|
-
{
|
|
2160
|
-
name: "show",
|
|
2161
|
-
rawName: "v-show",
|
|
2162
|
-
value: _vm.options.length > 0 && !_vm.loading,
|
|
2163
|
-
expression: "options.length > 0 && !loading",
|
|
2164
|
-
},
|
|
2165
|
-
],
|
|
2166
|
-
ref: "scrollbar",
|
|
2167
|
-
class: {
|
|
2168
|
-
"is-empty":
|
|
2169
|
-
!_vm.allowCreate &&
|
|
2170
|
-
_vm.query &&
|
|
2171
|
-
_vm.filteredOptionsCount === 0,
|
|
2172
|
-
},
|
|
2173
|
-
attrs: {
|
|
2174
|
-
tag: "ul",
|
|
2175
|
-
"wrap-class": "el-select-dropdown__wrap",
|
|
2176
|
-
"view-class": "el-select-dropdown__list",
|
|
2177
|
-
},
|
|
2178
|
-
},
|
|
2179
|
-
[
|
|
2180
|
-
_vm.showNewOption
|
|
2181
|
-
? _c("el-option", {
|
|
2182
|
-
attrs: { value: _vm.query, created: "" },
|
|
2183
|
-
})
|
|
2184
|
-
: _vm._e(),
|
|
2185
|
-
_vm._t("default"),
|
|
2186
|
-
],
|
|
2187
|
-
2
|
|
2188
|
-
),
|
|
2189
|
-
_vm.emptyText &&
|
|
2190
|
-
(!_vm.allowCreate ||
|
|
2191
|
-
_vm.loading ||
|
|
2192
|
-
(_vm.allowCreate && _vm.options.length === 0))
|
|
2193
|
-
? [
|
|
2194
|
-
_vm.$slots.empty
|
|
2195
|
-
? _vm._t("empty")
|
|
2196
|
-
: _c("p", { staticClass: "el-select-dropdown__empty" }, [
|
|
2197
|
-
_vm._v(
|
|
2198
|
-
"\n\t\t\t\t\t" +
|
|
2199
|
-
_vm._s(_vm.emptyText) +
|
|
2200
|
-
"\n\t\t\t\t"
|
|
2201
|
-
),
|
|
2202
|
-
]),
|
|
2203
|
-
]
|
|
2204
|
-
: _vm._e(),
|
|
2205
|
-
],
|
|
2206
|
-
2
|
|
2207
|
-
),
|
|
2208
|
-
],
|
|
2209
|
-
1
|
|
2210
|
-
),
|
|
2211
|
-
],
|
|
2212
|
-
1
|
|
2213
|
-
)
|
|
2214
|
-
}
|
|
2215
|
-
var staticRenderFns = []
|
|
2216
|
-
render._withStripped = true
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
// CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=template&id=0f48f6e9
|
|
2220
|
-
|
|
2221
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
|
|
2222
|
-
var emitter_ = __webpack_require__(4);
|
|
2223
|
-
var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
2224
|
-
|
|
2225
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/focus"
|
|
2226
|
-
var focus_ = __webpack_require__(23);
|
|
2227
|
-
var focus_default = /*#__PURE__*/__webpack_require__.n(focus_);
|
|
2228
|
-
|
|
2229
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/locale"
|
|
2230
|
-
var locale_ = __webpack_require__(9);
|
|
2231
|
-
var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
|
|
2232
|
-
|
|
2233
|
-
// EXTERNAL MODULE: ./packages/input/index.js + 6 modules
|
|
2234
|
-
var packages_input = __webpack_require__(13);
|
|
2235
|
-
|
|
2236
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=template&id=278c4356
|
|
2237
|
-
var select_dropdownvue_type_template_id_278c4356_render = function () {
|
|
2238
|
-
var _vm = this
|
|
2239
|
-
var _h = _vm.$createElement
|
|
2240
|
-
var _c = _vm._self._c || _h
|
|
2241
|
-
return _c(
|
|
2242
|
-
"div",
|
|
2243
|
-
{
|
|
2244
|
-
staticClass: "el-select-dropdown el-popper",
|
|
2245
|
-
class: [{ "is-multiple": _vm.$parent.multiple }, _vm.popperClass],
|
|
2246
|
-
style: { minWidth: _vm.minWidth },
|
|
2247
|
-
},
|
|
2248
|
-
[_vm._t("default")],
|
|
2249
|
-
2
|
|
2250
|
-
)
|
|
2251
|
-
}
|
|
2252
|
-
var select_dropdownvue_type_template_id_278c4356_staticRenderFns = []
|
|
2253
|
-
select_dropdownvue_type_template_id_278c4356_render._withStripped = true
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
// CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue?vue&type=template&id=278c4356
|
|
2257
|
-
|
|
2258
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper"
|
|
2259
|
-
var vue_popper_ = __webpack_require__(5);
|
|
2260
|
-
var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
|
|
2261
|
-
|
|
2262
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select-dropdown.vue?vue&type=script&lang=js
|
|
2263
|
-
//
|
|
2264
|
-
//
|
|
2265
|
-
//
|
|
2266
|
-
//
|
|
2267
|
-
//
|
|
2268
|
-
//
|
|
2269
|
-
//
|
|
2270
|
-
//
|
|
2271
|
-
//
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
/* harmony default export */ var select_dropdownvue_type_script_lang_js = ({
|
|
2276
|
-
name: 'ElSelectDropdown',
|
|
2277
|
-
|
|
2278
|
-
componentName: 'ElSelectDropdown',
|
|
2279
|
-
|
|
2280
|
-
mixins: [vue_popper_default.a],
|
|
2281
|
-
|
|
2282
|
-
props: {
|
|
2283
|
-
placement: {
|
|
2284
|
-
default: 'bottom-start'
|
|
2285
|
-
},
|
|
2286
|
-
|
|
2287
|
-
boundariesPadding: {
|
|
2288
|
-
default: 0
|
|
2289
|
-
},
|
|
2290
|
-
|
|
2291
|
-
popperOptions: {
|
|
2292
|
-
default: function _default() {
|
|
2293
|
-
return {
|
|
2294
|
-
gpuAcceleration: false
|
|
2295
|
-
};
|
|
2296
|
-
}
|
|
2297
|
-
},
|
|
2298
|
-
|
|
2299
|
-
visibleArrow: {
|
|
2300
|
-
default: true
|
|
2301
|
-
},
|
|
2302
|
-
|
|
2303
|
-
appendToBody: {
|
|
2304
|
-
type: Boolean,
|
|
2305
|
-
default: true
|
|
2306
|
-
}
|
|
2307
|
-
},
|
|
2308
|
-
|
|
2309
|
-
data: function data() {
|
|
2310
|
-
return {
|
|
2311
|
-
minWidth: ''
|
|
2312
|
-
};
|
|
2313
|
-
},
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
computed: {
|
|
2317
|
-
popperClass: function popperClass() {
|
|
2318
|
-
return this.$parent.popperClass;
|
|
2319
|
-
}
|
|
2320
|
-
},
|
|
2321
|
-
|
|
2322
|
-
watch: {
|
|
2323
|
-
'$parent.inputWidth': function $parentInputWidth() {
|
|
2324
|
-
this.minWidth = this.$parent.$el.getBoundingClientRect().width + 'px';
|
|
2325
|
-
}
|
|
2326
|
-
},
|
|
2327
|
-
|
|
2328
|
-
mounted: function mounted() {
|
|
2329
|
-
var _this = this;
|
|
2330
|
-
|
|
2331
|
-
this.referenceElm = this.$parent.$refs.reference.$el;
|
|
2332
|
-
this.$parent.popperElm = this.popperElm = this.$el;
|
|
2333
|
-
this.$on('updatePopper', function () {
|
|
2334
|
-
if (_this.$parent.visible) _this.updatePopper();
|
|
2335
|
-
});
|
|
2336
|
-
this.$on('destroyPopper', this.destroyPopper);
|
|
2337
|
-
}
|
|
2338
|
-
});
|
|
2339
|
-
// CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue?vue&type=script&lang=js
|
|
2340
|
-
/* harmony default export */ var src_select_dropdownvue_type_script_lang_js = (select_dropdownvue_type_script_lang_js);
|
|
2341
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
2342
|
-
var componentNormalizer = __webpack_require__(0);
|
|
2343
|
-
|
|
2344
|
-
// CONCATENATED MODULE: ./packages/select/src/select-dropdown.vue
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
/* normalize component */
|
|
2351
|
-
|
|
2352
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
2353
|
-
src_select_dropdownvue_type_script_lang_js,
|
|
2354
|
-
select_dropdownvue_type_template_id_278c4356_render,
|
|
2355
|
-
select_dropdownvue_type_template_id_278c4356_staticRenderFns,
|
|
2356
|
-
false,
|
|
2357
|
-
null,
|
|
2358
|
-
null,
|
|
2359
|
-
null
|
|
2360
|
-
|
|
2361
|
-
)
|
|
2362
|
-
|
|
2363
|
-
/* harmony default export */ var select_dropdown = (component.exports);
|
|
2364
|
-
// EXTERNAL MODULE: ./packages/select/src/option.vue + 4 modules
|
|
2365
|
-
var src_option = __webpack_require__(25);
|
|
2366
|
-
|
|
2367
|
-
// EXTERNAL MODULE: ./packages/tag/index.js + 3 modules
|
|
2368
|
-
var tag = __webpack_require__(30);
|
|
2369
|
-
|
|
2370
|
-
// EXTERNAL MODULE: ./packages/scrollbar/index.js + 3 modules
|
|
2371
|
-
var scrollbar = __webpack_require__(18);
|
|
2372
|
-
|
|
2373
|
-
// EXTERNAL MODULE: external "throttle-debounce/debounce"
|
|
2374
|
-
var debounce_ = __webpack_require__(15);
|
|
2375
|
-
var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
|
|
2376
|
-
|
|
2377
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside"
|
|
2378
|
-
var clickoutside_ = __webpack_require__(14);
|
|
2379
|
-
var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
|
|
2380
|
-
|
|
2381
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/resize-event"
|
|
2382
|
-
var resize_event_ = __webpack_require__(10);
|
|
2383
|
-
|
|
2384
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/scroll-into-view"
|
|
2385
|
-
var scroll_into_view_ = __webpack_require__(26);
|
|
2386
|
-
var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_view_);
|
|
2387
|
-
|
|
2388
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/util"
|
|
2389
|
-
var util_ = __webpack_require__(3);
|
|
2390
|
-
|
|
2391
|
-
// CONCATENATED MODULE: ./packages/select/src/navigation-mixin.js
|
|
2392
|
-
/* harmony default export */ var navigation_mixin = ({
|
|
2393
|
-
data: function data() {
|
|
2394
|
-
return {
|
|
2395
|
-
hoverOption: -1
|
|
2396
|
-
};
|
|
2397
|
-
},
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
computed: {
|
|
2401
|
-
optionsAllDisabled: function optionsAllDisabled() {
|
|
2402
|
-
return this.options.filter(function (option) {
|
|
2403
|
-
return option.visible;
|
|
2404
|
-
}).every(function (option) {
|
|
2405
|
-
return option.disabled;
|
|
2406
|
-
});
|
|
2407
|
-
}
|
|
2408
|
-
},
|
|
2409
|
-
|
|
2410
|
-
watch: {
|
|
2411
|
-
hoverIndex: function hoverIndex(val) {
|
|
2412
|
-
var _this = this;
|
|
2413
|
-
|
|
2414
|
-
if (typeof val === 'number' && val > -1) {
|
|
2415
|
-
this.hoverOption = this.options[val] || {};
|
|
2416
|
-
}
|
|
2417
|
-
this.options.forEach(function (option) {
|
|
2418
|
-
option.hover = _this.hoverOption === option;
|
|
2419
|
-
});
|
|
2420
|
-
}
|
|
2421
|
-
},
|
|
2422
|
-
|
|
2423
|
-
methods: {
|
|
2424
|
-
navigateOptions: function navigateOptions(direction) {
|
|
2425
|
-
var _this2 = this;
|
|
2426
|
-
|
|
2427
|
-
if (!this.visible) {
|
|
2428
|
-
this.visible = true;
|
|
2429
|
-
return;
|
|
2430
|
-
}
|
|
2431
|
-
if (this.options.length === 0 || this.filteredOptionsCount === 0) return;
|
|
2432
|
-
if (!this.optionsAllDisabled) {
|
|
2433
|
-
if (direction === 'next') {
|
|
2434
|
-
this.hoverIndex++;
|
|
2435
|
-
if (this.hoverIndex === this.options.length) {
|
|
2436
|
-
this.hoverIndex = 0;
|
|
2437
|
-
}
|
|
2438
|
-
} else if (direction === 'prev') {
|
|
2439
|
-
this.hoverIndex--;
|
|
2440
|
-
if (this.hoverIndex < 0) {
|
|
2441
|
-
this.hoverIndex = this.options.length - 1;
|
|
2442
|
-
}
|
|
2443
|
-
}
|
|
2444
|
-
var option = this.options[this.hoverIndex];
|
|
2445
|
-
if (option.disabled === true || option.groupDisabled === true || !option.visible) {
|
|
2446
|
-
this.navigateOptions(direction);
|
|
2447
|
-
}
|
|
2448
|
-
this.$nextTick(function () {
|
|
2449
|
-
return _this2.scrollToOption(_this2.hoverOption);
|
|
2450
|
-
});
|
|
2451
|
-
}
|
|
2452
|
-
}
|
|
2453
|
-
}
|
|
2454
|
-
});
|
|
2455
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/shared"
|
|
2456
|
-
var shared_ = __webpack_require__(11);
|
|
2457
|
-
|
|
2458
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select.vue?vue&type=script&lang=js
|
|
2459
|
-
//
|
|
2460
|
-
//
|
|
2461
|
-
//
|
|
2462
|
-
//
|
|
2463
|
-
//
|
|
2464
|
-
//
|
|
2465
|
-
//
|
|
2466
|
-
//
|
|
2467
|
-
//
|
|
2468
|
-
//
|
|
2469
|
-
//
|
|
2470
|
-
//
|
|
2471
|
-
//
|
|
2472
|
-
//
|
|
2473
|
-
//
|
|
2474
|
-
//
|
|
2475
|
-
//
|
|
2476
|
-
//
|
|
2477
|
-
//
|
|
2478
|
-
//
|
|
2479
|
-
//
|
|
2480
|
-
//
|
|
2481
|
-
//
|
|
2482
|
-
//
|
|
2483
|
-
//
|
|
2484
|
-
//
|
|
2485
|
-
//
|
|
2486
|
-
//
|
|
2487
|
-
//
|
|
2488
|
-
//
|
|
2489
|
-
//
|
|
2490
|
-
//
|
|
2491
|
-
//
|
|
2492
|
-
//
|
|
2493
|
-
//
|
|
2494
|
-
//
|
|
2495
|
-
//
|
|
2496
|
-
//
|
|
2497
|
-
//
|
|
2498
|
-
//
|
|
2499
|
-
//
|
|
2500
|
-
//
|
|
2501
|
-
//
|
|
2502
|
-
//
|
|
2503
|
-
//
|
|
2504
|
-
//
|
|
2505
|
-
//
|
|
2506
|
-
//
|
|
2507
|
-
//
|
|
2508
|
-
//
|
|
2509
|
-
//
|
|
2510
|
-
//
|
|
2511
|
-
//
|
|
2512
|
-
//
|
|
2513
|
-
//
|
|
2514
|
-
//
|
|
2515
|
-
//
|
|
2516
|
-
//
|
|
2517
|
-
//
|
|
2518
|
-
//
|
|
2519
|
-
//
|
|
2520
|
-
//
|
|
2521
|
-
//
|
|
2522
|
-
//
|
|
2523
|
-
//
|
|
2524
|
-
//
|
|
2525
|
-
//
|
|
2526
|
-
//
|
|
2527
|
-
//
|
|
2528
|
-
//
|
|
2529
|
-
//
|
|
2530
|
-
//
|
|
2531
|
-
//
|
|
2532
|
-
//
|
|
2533
|
-
//
|
|
2534
|
-
//
|
|
2535
|
-
//
|
|
2536
|
-
//
|
|
2537
|
-
//
|
|
2538
|
-
//
|
|
2539
|
-
//
|
|
2540
|
-
//
|
|
2541
|
-
//
|
|
2542
|
-
//
|
|
2543
|
-
//
|
|
2544
|
-
//
|
|
2545
|
-
//
|
|
2546
|
-
//
|
|
2547
|
-
//
|
|
2548
|
-
//
|
|
2549
|
-
//
|
|
2550
|
-
//
|
|
2551
|
-
//
|
|
2552
|
-
//
|
|
2553
|
-
//
|
|
2554
|
-
//
|
|
2555
|
-
//
|
|
2556
|
-
//
|
|
2557
|
-
//
|
|
2558
|
-
//
|
|
2559
|
-
//
|
|
2560
|
-
//
|
|
2561
|
-
//
|
|
2562
|
-
//
|
|
2563
|
-
//
|
|
2564
|
-
//
|
|
2565
|
-
//
|
|
2566
|
-
//
|
|
2567
|
-
//
|
|
2568
|
-
//
|
|
2569
|
-
//
|
|
2570
|
-
//
|
|
2571
|
-
//
|
|
2572
|
-
//
|
|
2573
|
-
//
|
|
2574
|
-
//
|
|
2575
|
-
//
|
|
2576
|
-
//
|
|
2577
|
-
//
|
|
2578
|
-
//
|
|
2579
|
-
//
|
|
2580
|
-
//
|
|
2581
|
-
//
|
|
2582
|
-
//
|
|
2583
|
-
//
|
|
2584
|
-
//
|
|
2585
|
-
//
|
|
2586
|
-
//
|
|
2587
|
-
//
|
|
2588
|
-
//
|
|
2589
|
-
//
|
|
2590
|
-
//
|
|
2591
|
-
//
|
|
2592
|
-
//
|
|
2593
|
-
//
|
|
2594
|
-
//
|
|
2595
|
-
//
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
/* harmony default export */ var selectvue_type_script_lang_js = ({
|
|
2614
|
-
mixins: [emitter_default.a, locale_default.a, focus_default()('reference'), navigation_mixin],
|
|
2615
|
-
|
|
2616
|
-
name: 'ElSelect',
|
|
2617
|
-
|
|
2618
|
-
componentName: 'ElSelect',
|
|
2619
|
-
|
|
2620
|
-
inject: {
|
|
2621
|
-
elForm: {
|
|
2622
|
-
default: ''
|
|
2623
|
-
},
|
|
2624
|
-
|
|
2625
|
-
elFormItem: {
|
|
2626
|
-
default: ''
|
|
2627
|
-
}
|
|
2628
|
-
},
|
|
2629
|
-
|
|
2630
|
-
provide: function provide() {
|
|
2631
|
-
return {
|
|
2632
|
-
'select': this
|
|
2633
|
-
};
|
|
2634
|
-
},
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
computed: {
|
|
2638
|
-
_elFormItemSize: function _elFormItemSize() {
|
|
2639
|
-
return (this.elFormItem || {}).elFormItemSize;
|
|
2640
|
-
},
|
|
2641
|
-
readonly: function readonly() {
|
|
2642
|
-
return !this.filterable || this.multiple || !Object(util_["isIE"])() && !Object(util_["isEdge"])() && !this.visible;
|
|
2643
|
-
},
|
|
2644
|
-
showClose: function showClose() {
|
|
2645
|
-
var hasValue = this.multiple ? Array.isArray(this.value) && this.value.length > 0 : this.value !== undefined && this.value !== null && this.value !== '';
|
|
2646
|
-
var criteria = this.clearable && !this.selectDisabled && this.inputHovering && hasValue;
|
|
2647
|
-
return criteria;
|
|
2648
|
-
},
|
|
2649
|
-
iconClass: function iconClass() {
|
|
2650
|
-
return this.remote && this.filterable ? '' : this.visible ? 'arrow-up is-reverse' : 'arrow-up';
|
|
2651
|
-
},
|
|
2652
|
-
debounce: function debounce() {
|
|
2653
|
-
return this.remote ? 300 : 0;
|
|
2654
|
-
},
|
|
2655
|
-
emptyText: function emptyText() {
|
|
2656
|
-
if (this.loading) {
|
|
2657
|
-
return this.loadingText || this.t('el.select.loading');
|
|
2658
|
-
} else {
|
|
2659
|
-
if (this.remote && this.query === '' && this.options.length === 0) return false;
|
|
2660
|
-
if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
|
|
2661
|
-
return this.noMatchText || this.t('el.select.noMatch');
|
|
2662
|
-
}
|
|
2663
|
-
if (this.options.length === 0) {
|
|
2664
|
-
return this.noDataText || this.t('el.select.noData');
|
|
2665
|
-
}
|
|
2666
|
-
}
|
|
2667
|
-
return null;
|
|
2668
|
-
},
|
|
2669
|
-
showNewOption: function showNewOption() {
|
|
2670
|
-
var _this = this;
|
|
2671
|
-
|
|
2672
|
-
var hasExistingOption = this.options.filter(function (option) {
|
|
2673
|
-
return !option.created;
|
|
2674
|
-
}).some(function (option) {
|
|
2675
|
-
return option.currentLabel === _this.query;
|
|
2676
|
-
});
|
|
2677
|
-
return this.filterable && this.allowCreate && this.query !== '' && !hasExistingOption;
|
|
2678
|
-
},
|
|
2679
|
-
selectSize: function selectSize() {
|
|
2680
|
-
return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
|
|
2681
|
-
},
|
|
2682
|
-
selectDisabled: function selectDisabled() {
|
|
2683
|
-
return this.disabled || (this.elForm || {}).disabled;
|
|
2684
|
-
},
|
|
2685
|
-
collapseTagSize: function collapseTagSize() {
|
|
2686
|
-
return ['small', 'mini'].indexOf(this.selectSize) > -1 ? 'mini' : 'small';
|
|
2687
|
-
},
|
|
2688
|
-
propPlaceholder: function propPlaceholder() {
|
|
2689
|
-
return typeof this.placeholder !== 'undefined' ? this.placeholder : this.t('el.select.placeholder');
|
|
2690
|
-
}
|
|
2691
|
-
},
|
|
2692
|
-
|
|
2693
|
-
components: {
|
|
2694
|
-
ElInput: packages_input["default"],
|
|
2695
|
-
ElSelectMenu: select_dropdown,
|
|
2696
|
-
ElOption: src_option["a" /* default */],
|
|
2697
|
-
ElTag: tag["default"],
|
|
2698
|
-
ElScrollbar: scrollbar["default"]
|
|
2699
|
-
},
|
|
2700
|
-
|
|
2701
|
-
directives: { Clickoutside: clickoutside_default.a },
|
|
2702
|
-
|
|
2703
|
-
props: {
|
|
2704
|
-
name: String,
|
|
2705
|
-
id: String,
|
|
2706
|
-
value: {
|
|
2707
|
-
required: true
|
|
2708
|
-
},
|
|
2709
|
-
autocomplete: {
|
|
2710
|
-
type: String,
|
|
2711
|
-
default: 'off'
|
|
2712
|
-
},
|
|
2713
|
-
/** @Deprecated in next major version */
|
|
2714
|
-
autoComplete: {
|
|
2715
|
-
type: String,
|
|
2716
|
-
validator: function validator(val) {
|
|
2717
|
-
false && false;
|
|
2718
|
-
return true;
|
|
2719
|
-
}
|
|
2720
|
-
},
|
|
2721
|
-
automaticDropdown: Boolean,
|
|
2722
|
-
size: String,
|
|
2723
|
-
disabled: Boolean,
|
|
2724
|
-
clearable: Boolean,
|
|
2725
|
-
filterable: Boolean,
|
|
2726
|
-
allowCreate: Boolean,
|
|
2727
|
-
loading: Boolean,
|
|
2728
|
-
popperClass: String,
|
|
2729
|
-
remote: Boolean,
|
|
2730
|
-
loadingText: String,
|
|
2731
|
-
noMatchText: String,
|
|
2732
|
-
noDataText: String,
|
|
2733
|
-
remoteMethod: Function,
|
|
2734
|
-
filterMethod: Function,
|
|
2735
|
-
multiple: Boolean,
|
|
2736
|
-
multipleLimit: {
|
|
2737
|
-
type: Number,
|
|
2738
|
-
default: 0
|
|
2739
|
-
},
|
|
2740
|
-
placeholder: {
|
|
2741
|
-
type: String,
|
|
2742
|
-
required: false
|
|
2743
|
-
},
|
|
2744
|
-
defaultFirstOption: Boolean,
|
|
2745
|
-
reserveKeyword: Boolean,
|
|
2746
|
-
valueKey: {
|
|
2747
|
-
type: String,
|
|
2748
|
-
default: 'value'
|
|
2749
|
-
},
|
|
2750
|
-
collapseTags: Boolean,
|
|
2751
|
-
popperAppendToBody: {
|
|
2752
|
-
type: Boolean,
|
|
2753
|
-
default: true
|
|
2754
|
-
}
|
|
2755
|
-
},
|
|
2756
|
-
|
|
2757
|
-
data: function data() {
|
|
2758
|
-
return {
|
|
2759
|
-
options: [],
|
|
2760
|
-
cachedOptions: [],
|
|
2761
|
-
createdLabel: null,
|
|
2762
|
-
createdSelected: false,
|
|
2763
|
-
selected: this.multiple ? [] : {},
|
|
2764
|
-
inputLength: 20,
|
|
2765
|
-
inputWidth: 0,
|
|
2766
|
-
initialInputHeight: 0,
|
|
2767
|
-
cachedPlaceHolder: '',
|
|
2768
|
-
optionsCount: 0,
|
|
2769
|
-
filteredOptionsCount: 0,
|
|
2770
|
-
visible: false,
|
|
2771
|
-
softFocus: false,
|
|
2772
|
-
selectedLabel: '',
|
|
2773
|
-
hoverIndex: -1,
|
|
2774
|
-
query: '',
|
|
2775
|
-
previousQuery: null,
|
|
2776
|
-
inputHovering: false,
|
|
2777
|
-
currentPlaceholder: '',
|
|
2778
|
-
menuVisibleOnFocus: false,
|
|
2779
|
-
isOnComposition: false,
|
|
2780
|
-
isSilentBlur: false
|
|
2781
|
-
};
|
|
2782
|
-
},
|
|
2783
|
-
|
|
2784
|
-
|
|
2785
|
-
watch: {
|
|
2786
|
-
selectDisabled: function selectDisabled() {
|
|
2787
|
-
var _this2 = this;
|
|
2788
|
-
|
|
2789
|
-
this.$nextTick(function () {
|
|
2790
|
-
_this2.resetInputHeight();
|
|
2791
|
-
});
|
|
2792
|
-
},
|
|
2793
|
-
propPlaceholder: function propPlaceholder(val) {
|
|
2794
|
-
this.cachedPlaceHolder = this.currentPlaceholder = val;
|
|
2795
|
-
},
|
|
2796
|
-
value: function value(val, oldVal) {
|
|
2797
|
-
if (this.multiple) {
|
|
2798
|
-
this.resetInputHeight();
|
|
2799
|
-
if (val && val.length > 0 || this.$refs.input && this.query !== '') {
|
|
2800
|
-
this.currentPlaceholder = '';
|
|
2801
|
-
} else {
|
|
2802
|
-
this.currentPlaceholder = this.cachedPlaceHolder;
|
|
2803
|
-
}
|
|
2804
|
-
if (this.filterable && !this.reserveKeyword) {
|
|
2805
|
-
this.query = '';
|
|
2806
|
-
this.handleQueryChange(this.query);
|
|
2807
|
-
}
|
|
2808
|
-
}
|
|
2809
|
-
this.setSelected();
|
|
2810
|
-
if (this.filterable && !this.multiple) {
|
|
2811
|
-
this.inputLength = 20;
|
|
2812
|
-
}
|
|
2813
|
-
if (!Object(util_["valueEquals"])(val, oldVal)) {
|
|
2814
|
-
this.dispatch('ElFormItem', 'el.form.change', val);
|
|
2815
|
-
}
|
|
2816
|
-
},
|
|
2817
|
-
visible: function visible(val) {
|
|
2818
|
-
var _this3 = this;
|
|
2819
|
-
|
|
2820
|
-
if (!val) {
|
|
2821
|
-
this.broadcast('ElSelectDropdown', 'destroyPopper');
|
|
2822
|
-
if (this.$refs.input) {
|
|
2823
|
-
this.$refs.input.blur();
|
|
2824
|
-
}
|
|
2825
|
-
this.query = '';
|
|
2826
|
-
this.previousQuery = null;
|
|
2827
|
-
this.selectedLabel = '';
|
|
2828
|
-
this.inputLength = 20;
|
|
2829
|
-
this.menuVisibleOnFocus = false;
|
|
2830
|
-
this.resetHoverIndex();
|
|
2831
|
-
this.$nextTick(function () {
|
|
2832
|
-
if (_this3.$refs.input && _this3.$refs.input.value === '' && _this3.selected.length === 0) {
|
|
2833
|
-
_this3.currentPlaceholder = _this3.cachedPlaceHolder;
|
|
2834
|
-
}
|
|
2835
|
-
});
|
|
2836
|
-
if (!this.multiple) {
|
|
2837
|
-
if (this.selected) {
|
|
2838
|
-
if (this.filterable && this.allowCreate && this.createdSelected && this.createdLabel) {
|
|
2839
|
-
this.selectedLabel = this.createdLabel;
|
|
2840
|
-
} else {
|
|
2841
|
-
this.selectedLabel = this.selected.currentLabel;
|
|
2842
|
-
}
|
|
2843
|
-
if (this.filterable) this.query = this.selectedLabel;
|
|
2844
|
-
}
|
|
2845
|
-
|
|
2846
|
-
if (this.filterable) {
|
|
2847
|
-
this.currentPlaceholder = this.cachedPlaceHolder;
|
|
2848
|
-
}
|
|
2849
|
-
}
|
|
2850
|
-
} else {
|
|
2851
|
-
this.broadcast('ElSelectDropdown', 'updatePopper');
|
|
2852
|
-
if (this.filterable) {
|
|
2853
|
-
this.query = this.remote ? '' : this.selectedLabel;
|
|
2854
|
-
this.handleQueryChange(this.query);
|
|
2855
|
-
if (this.multiple) {
|
|
2856
|
-
this.$refs.input.focus();
|
|
2857
|
-
} else {
|
|
2858
|
-
if (!this.remote) {
|
|
2859
|
-
this.broadcast('ElOption', 'queryChange', '');
|
|
2860
|
-
this.broadcast('ElOptionGroup', 'queryChange');
|
|
2861
|
-
}
|
|
2862
|
-
|
|
2863
|
-
if (this.selectedLabel) {
|
|
2864
|
-
this.currentPlaceholder = this.selectedLabel;
|
|
2865
|
-
this.selectedLabel = '';
|
|
2866
|
-
}
|
|
2867
|
-
}
|
|
2868
|
-
}
|
|
2869
|
-
}
|
|
2870
|
-
this.$emit('visible-change', val);
|
|
2871
|
-
},
|
|
2872
|
-
options: function options() {
|
|
2873
|
-
var _this4 = this;
|
|
2874
|
-
|
|
2875
|
-
if (this.$isServer) return;
|
|
2876
|
-
this.$nextTick(function () {
|
|
2877
|
-
_this4.broadcast('ElSelectDropdown', 'updatePopper');
|
|
2878
|
-
});
|
|
2879
|
-
if (this.multiple) {
|
|
2880
|
-
this.resetInputHeight();
|
|
2881
|
-
}
|
|
2882
|
-
var inputs = this.$el.querySelectorAll('input');
|
|
2883
|
-
if ([].indexOf.call(inputs, document.activeElement) === -1) {
|
|
2884
|
-
this.setSelected();
|
|
2885
|
-
}
|
|
2886
|
-
if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
|
|
2887
|
-
this.checkDefaultFirstOption();
|
|
2888
|
-
}
|
|
2889
|
-
}
|
|
2890
|
-
},
|
|
2891
|
-
|
|
2892
|
-
methods: {
|
|
2893
|
-
handleNavigate: function handleNavigate(direction) {
|
|
2894
|
-
if (this.isOnComposition) return;
|
|
2895
|
-
|
|
2896
|
-
this.navigateOptions(direction);
|
|
2897
|
-
},
|
|
2898
|
-
handleComposition: function handleComposition(event) {
|
|
2899
|
-
var _this5 = this;
|
|
2900
|
-
|
|
2901
|
-
var text = event.target.value;
|
|
2902
|
-
if (event.type === 'compositionend') {
|
|
2903
|
-
this.isOnComposition = false;
|
|
2904
|
-
this.$nextTick(function (_) {
|
|
2905
|
-
return _this5.handleQueryChange(text);
|
|
2906
|
-
});
|
|
2907
|
-
} else {
|
|
2908
|
-
var lastCharacter = text[text.length - 1] || '';
|
|
2909
|
-
this.isOnComposition = !Object(shared_["isKorean"])(lastCharacter);
|
|
2910
|
-
}
|
|
2911
|
-
},
|
|
2912
|
-
handleQueryChange: function handleQueryChange(val) {
|
|
2913
|
-
var _this6 = this;
|
|
2914
|
-
|
|
2915
|
-
if (this.previousQuery === val || this.isOnComposition) return;
|
|
2916
|
-
if (this.previousQuery === null && (typeof this.filterMethod === 'function' || typeof this.remoteMethod === 'function')) {
|
|
2917
|
-
this.previousQuery = val;
|
|
2918
|
-
return;
|
|
2919
|
-
}
|
|
2920
|
-
this.previousQuery = val;
|
|
2921
|
-
this.$nextTick(function () {
|
|
2922
|
-
if (_this6.visible) _this6.broadcast('ElSelectDropdown', 'updatePopper');
|
|
2923
|
-
});
|
|
2924
|
-
this.hoverIndex = -1;
|
|
2925
|
-
if (this.multiple && this.filterable) {
|
|
2926
|
-
this.$nextTick(function () {
|
|
2927
|
-
var length = _this6.$refs.input.value.length * 15 + 20;
|
|
2928
|
-
_this6.inputLength = _this6.collapseTags ? Math.min(50, length) : length;
|
|
2929
|
-
_this6.managePlaceholder();
|
|
2930
|
-
_this6.resetInputHeight();
|
|
2931
|
-
});
|
|
2932
|
-
}
|
|
2933
|
-
if (this.remote && typeof this.remoteMethod === 'function') {
|
|
2934
|
-
this.hoverIndex = -1;
|
|
2935
|
-
this.remoteMethod(val);
|
|
2936
|
-
} else if (typeof this.filterMethod === 'function') {
|
|
2937
|
-
this.filterMethod(val);
|
|
2938
|
-
this.broadcast('ElOptionGroup', 'queryChange');
|
|
2939
|
-
} else {
|
|
2940
|
-
this.filteredOptionsCount = this.optionsCount;
|
|
2941
|
-
this.broadcast('ElOption', 'queryChange', val);
|
|
2942
|
-
this.broadcast('ElOptionGroup', 'queryChange');
|
|
2943
|
-
}
|
|
2944
|
-
if (this.defaultFirstOption && (this.filterable || this.remote) && this.filteredOptionsCount) {
|
|
2945
|
-
this.checkDefaultFirstOption();
|
|
2946
|
-
}
|
|
2947
|
-
},
|
|
2948
|
-
scrollToOption: function scrollToOption(option) {
|
|
2949
|
-
var target = Array.isArray(option) && option[0] ? option[0].$el : option.$el;
|
|
2950
|
-
if (this.$refs.popper && target) {
|
|
2951
|
-
var menu = this.$refs.popper.$el.querySelector('.el-select-dropdown__wrap');
|
|
2952
|
-
scroll_into_view_default()(menu, target);
|
|
2953
|
-
}
|
|
2954
|
-
this.$refs.scrollbar && this.$refs.scrollbar.handleScroll();
|
|
2955
|
-
},
|
|
2956
|
-
handleMenuEnter: function handleMenuEnter() {
|
|
2957
|
-
var _this7 = this;
|
|
2958
|
-
|
|
2959
|
-
this.$nextTick(function () {
|
|
2960
|
-
return _this7.scrollToOption(_this7.selected);
|
|
2961
|
-
});
|
|
2962
|
-
},
|
|
2963
|
-
emitChange: function emitChange(val) {
|
|
2964
|
-
if (!Object(util_["valueEquals"])(this.value, val)) {
|
|
2965
|
-
this.$emit('change', val);
|
|
2966
|
-
}
|
|
2967
|
-
},
|
|
2968
|
-
getOption: function getOption(value) {
|
|
2969
|
-
var option = void 0;
|
|
2970
|
-
var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
|
|
2971
|
-
var isNull = Object.prototype.toString.call(value).toLowerCase() === '[object null]';
|
|
2972
|
-
var isUndefined = Object.prototype.toString.call(value).toLowerCase() === '[object undefined]';
|
|
2973
|
-
|
|
2974
|
-
for (var i = this.cachedOptions.length - 1; i >= 0; i--) {
|
|
2975
|
-
var cachedOption = this.cachedOptions[i];
|
|
2976
|
-
var isEqual = isObject ? Object(util_["getValueByPath"])(cachedOption.value, this.valueKey) === Object(util_["getValueByPath"])(value, this.valueKey) : cachedOption.value === value;
|
|
2977
|
-
if (isEqual) {
|
|
2978
|
-
option = cachedOption;
|
|
2979
|
-
break;
|
|
2980
|
-
}
|
|
2981
|
-
}
|
|
2982
|
-
if (option) return option;
|
|
2983
|
-
var label = !isObject && !isNull && !isUndefined ? String(value) : '';
|
|
2984
|
-
var newOption = {
|
|
2985
|
-
value: value,
|
|
2986
|
-
currentLabel: label
|
|
2987
|
-
};
|
|
2988
|
-
if (this.multiple) {
|
|
2989
|
-
newOption.hitState = false;
|
|
2990
|
-
}
|
|
2991
|
-
return newOption;
|
|
2992
|
-
},
|
|
2993
|
-
setSelected: function setSelected() {
|
|
2994
|
-
var _this8 = this;
|
|
2995
|
-
|
|
2996
|
-
if (!this.multiple) {
|
|
2997
|
-
var option = this.getOption(this.value);
|
|
2998
|
-
if (option.created) {
|
|
2999
|
-
this.createdLabel = option.currentLabel;
|
|
3000
|
-
this.createdSelected = true;
|
|
3001
|
-
} else {
|
|
3002
|
-
this.createdSelected = false;
|
|
3003
|
-
}
|
|
3004
|
-
this.selectedLabel = option.currentLabel;
|
|
3005
|
-
this.selected = option;
|
|
3006
|
-
if (this.filterable) this.query = this.selectedLabel;
|
|
3007
|
-
return;
|
|
3008
|
-
}
|
|
3009
|
-
var result = [];
|
|
3010
|
-
if (Array.isArray(this.value)) {
|
|
3011
|
-
this.value.forEach(function (value) {
|
|
3012
|
-
result.push(_this8.getOption(value));
|
|
3013
|
-
});
|
|
3014
|
-
}
|
|
3015
|
-
this.selected = result;
|
|
3016
|
-
this.$nextTick(function () {
|
|
3017
|
-
_this8.resetInputHeight();
|
|
3018
|
-
});
|
|
3019
|
-
},
|
|
3020
|
-
handleFocus: function handleFocus(event) {
|
|
3021
|
-
if (!this.softFocus) {
|
|
3022
|
-
if (this.automaticDropdown || this.filterable) {
|
|
3023
|
-
if (this.filterable && !this.visible) {
|
|
3024
|
-
this.menuVisibleOnFocus = true;
|
|
3025
|
-
}
|
|
3026
|
-
this.visible = true;
|
|
3027
|
-
}
|
|
3028
|
-
this.$emit('focus', event);
|
|
3029
|
-
} else {
|
|
3030
|
-
this.softFocus = false;
|
|
3031
|
-
}
|
|
3032
|
-
},
|
|
3033
|
-
blur: function blur() {
|
|
3034
|
-
this.visible = false;
|
|
3035
|
-
this.$refs.reference.blur();
|
|
3036
|
-
},
|
|
3037
|
-
handleBlur: function handleBlur(event) {
|
|
3038
|
-
var _this9 = this;
|
|
3039
|
-
|
|
3040
|
-
setTimeout(function () {
|
|
3041
|
-
if (_this9.isSilentBlur) {
|
|
3042
|
-
_this9.isSilentBlur = false;
|
|
3043
|
-
} else {
|
|
3044
|
-
_this9.$emit('blur', event);
|
|
3045
|
-
}
|
|
3046
|
-
}, 50);
|
|
3047
|
-
this.softFocus = false;
|
|
3048
|
-
},
|
|
3049
|
-
handleClearClick: function handleClearClick(event) {
|
|
3050
|
-
this.deleteSelected(event);
|
|
3051
|
-
},
|
|
3052
|
-
doDestroy: function doDestroy() {
|
|
3053
|
-
this.$refs.popper && this.$refs.popper.doDestroy();
|
|
3054
|
-
},
|
|
3055
|
-
handleClose: function handleClose() {
|
|
3056
|
-
this.visible = false;
|
|
3057
|
-
},
|
|
3058
|
-
toggleLastOptionHitState: function toggleLastOptionHitState(hit) {
|
|
3059
|
-
if (!Array.isArray(this.selected)) return;
|
|
3060
|
-
var option = this.selected[this.selected.length - 1];
|
|
3061
|
-
if (!option) return;
|
|
3062
|
-
|
|
3063
|
-
if (hit === true || hit === false) {
|
|
3064
|
-
option.hitState = hit;
|
|
3065
|
-
return hit;
|
|
3066
|
-
}
|
|
3067
|
-
|
|
3068
|
-
option.hitState = !option.hitState;
|
|
3069
|
-
return option.hitState;
|
|
3070
|
-
},
|
|
3071
|
-
deletePrevTag: function deletePrevTag(e) {
|
|
3072
|
-
if (e.target.value.length <= 0 && !this.toggleLastOptionHitState()) {
|
|
3073
|
-
var value = this.value.slice();
|
|
3074
|
-
value.pop();
|
|
3075
|
-
this.$emit('input', value);
|
|
3076
|
-
this.emitChange(value);
|
|
3077
|
-
}
|
|
3078
|
-
},
|
|
3079
|
-
managePlaceholder: function managePlaceholder() {
|
|
3080
|
-
if (this.currentPlaceholder !== '') {
|
|
3081
|
-
this.currentPlaceholder = this.$refs.input.value ? '' : this.cachedPlaceHolder;
|
|
3082
|
-
}
|
|
3083
|
-
},
|
|
3084
|
-
resetInputState: function resetInputState(e) {
|
|
3085
|
-
if (e.keyCode !== 8) this.toggleLastOptionHitState(false);
|
|
3086
|
-
this.inputLength = this.$refs.input.value.length * 15 + 20;
|
|
3087
|
-
this.resetInputHeight();
|
|
3088
|
-
},
|
|
3089
|
-
resetInputHeight: function resetInputHeight() {
|
|
3090
|
-
var _this10 = this;
|
|
3091
|
-
|
|
3092
|
-
if (this.collapseTags && !this.filterable) return;
|
|
3093
|
-
this.$nextTick(function () {
|
|
3094
|
-
if (!_this10.$refs.reference) return;
|
|
3095
|
-
var inputChildNodes = _this10.$refs.reference.$el.childNodes;
|
|
3096
|
-
var input = [].filter.call(inputChildNodes, function (item) {
|
|
3097
|
-
return item.tagName === 'INPUT';
|
|
3098
|
-
})[0];
|
|
3099
|
-
var tags = _this10.$refs.tags;
|
|
3100
|
-
var tagsHeight = tags ? Math.round(tags.getBoundingClientRect().height) : 0;
|
|
3101
|
-
var sizeInMap = _this10.initialInputHeight || 40;
|
|
3102
|
-
input.style.height = _this10.selected.length === 0 ? sizeInMap + 'px' : Math.max(tags ? tagsHeight + (tagsHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) + 'px';
|
|
3103
|
-
if (_this10.visible && _this10.emptyText !== false) {
|
|
3104
|
-
_this10.broadcast('ElSelectDropdown', 'updatePopper');
|
|
3105
|
-
}
|
|
3106
|
-
});
|
|
3107
|
-
},
|
|
3108
|
-
resetHoverIndex: function resetHoverIndex() {
|
|
3109
|
-
var _this11 = this;
|
|
3110
|
-
|
|
3111
|
-
setTimeout(function () {
|
|
3112
|
-
if (!_this11.multiple) {
|
|
3113
|
-
_this11.hoverIndex = _this11.options.indexOf(_this11.selected);
|
|
3114
|
-
} else {
|
|
3115
|
-
if (_this11.selected.length > 0) {
|
|
3116
|
-
_this11.hoverIndex = Math.min.apply(null, _this11.selected.map(function (item) {
|
|
3117
|
-
return _this11.options.indexOf(item);
|
|
3118
|
-
}));
|
|
3119
|
-
} else {
|
|
3120
|
-
_this11.hoverIndex = -1;
|
|
3121
|
-
}
|
|
3122
|
-
}
|
|
3123
|
-
}, 300);
|
|
3124
|
-
},
|
|
3125
|
-
handleOptionSelect: function handleOptionSelect(option, byClick) {
|
|
3126
|
-
var _this12 = this;
|
|
3127
|
-
|
|
3128
|
-
if (this.multiple) {
|
|
3129
|
-
var value = (this.value || []).slice();
|
|
3130
|
-
var optionIndex = this.getValueIndex(value, option.value);
|
|
3131
|
-
if (optionIndex > -1) {
|
|
3132
|
-
value.splice(optionIndex, 1);
|
|
3133
|
-
} else if (this.multipleLimit <= 0 || value.length < this.multipleLimit) {
|
|
3134
|
-
value.push(option.value);
|
|
3135
|
-
}
|
|
3136
|
-
this.$emit('input', value);
|
|
3137
|
-
this.emitChange(value);
|
|
3138
|
-
if (option.created) {
|
|
3139
|
-
this.query = '';
|
|
3140
|
-
this.handleQueryChange('');
|
|
3141
|
-
this.inputLength = 20;
|
|
3142
|
-
}
|
|
3143
|
-
if (this.filterable) this.$refs.input.focus();
|
|
3144
|
-
} else {
|
|
3145
|
-
this.$emit('input', option.value);
|
|
3146
|
-
this.emitChange(option.value);
|
|
3147
|
-
this.visible = false;
|
|
3148
|
-
}
|
|
3149
|
-
this.isSilentBlur = byClick;
|
|
3150
|
-
this.setSoftFocus();
|
|
3151
|
-
if (this.visible) return;
|
|
3152
|
-
this.$nextTick(function () {
|
|
3153
|
-
_this12.scrollToOption(option);
|
|
3154
|
-
});
|
|
3155
|
-
},
|
|
3156
|
-
setSoftFocus: function setSoftFocus() {
|
|
3157
|
-
this.softFocus = true;
|
|
3158
|
-
var input = this.$refs.input || this.$refs.reference;
|
|
3159
|
-
if (input) {
|
|
3160
|
-
input.focus();
|
|
3161
|
-
}
|
|
3162
|
-
},
|
|
3163
|
-
getValueIndex: function getValueIndex() {
|
|
3164
|
-
var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
3165
|
-
var value = arguments[1];
|
|
3166
|
-
|
|
3167
|
-
var isObject = Object.prototype.toString.call(value).toLowerCase() === '[object object]';
|
|
3168
|
-
if (!isObject) {
|
|
3169
|
-
return arr.indexOf(value);
|
|
3170
|
-
} else {
|
|
3171
|
-
var valueKey = this.valueKey;
|
|
3172
|
-
var index = -1;
|
|
3173
|
-
arr.some(function (item, i) {
|
|
3174
|
-
if (Object(util_["getValueByPath"])(item, valueKey) === Object(util_["getValueByPath"])(value, valueKey)) {
|
|
3175
|
-
index = i;
|
|
3176
|
-
return true;
|
|
3177
|
-
}
|
|
3178
|
-
return false;
|
|
3179
|
-
});
|
|
3180
|
-
return index;
|
|
3181
|
-
}
|
|
3182
|
-
},
|
|
3183
|
-
toggleMenu: function toggleMenu() {
|
|
3184
|
-
if (!this.selectDisabled) {
|
|
3185
|
-
if (this.menuVisibleOnFocus) {
|
|
3186
|
-
this.menuVisibleOnFocus = false;
|
|
3187
|
-
} else {
|
|
3188
|
-
this.visible = !this.visible;
|
|
3189
|
-
}
|
|
3190
|
-
if (this.visible) {
|
|
3191
|
-
(this.$refs.input || this.$refs.reference).focus();
|
|
3192
|
-
}
|
|
3193
|
-
}
|
|
3194
|
-
},
|
|
3195
|
-
selectOption: function selectOption() {
|
|
3196
|
-
if (!this.visible) {
|
|
3197
|
-
this.toggleMenu();
|
|
3198
|
-
} else {
|
|
3199
|
-
if (this.options[this.hoverIndex]) {
|
|
3200
|
-
this.handleOptionSelect(this.options[this.hoverIndex]);
|
|
3201
|
-
}
|
|
3202
|
-
}
|
|
3203
|
-
},
|
|
3204
|
-
deleteSelected: function deleteSelected(event) {
|
|
3205
|
-
event.stopPropagation();
|
|
3206
|
-
var value = this.multiple ? [] : '';
|
|
3207
|
-
this.$emit('input', value);
|
|
3208
|
-
this.emitChange(value);
|
|
3209
|
-
this.visible = false;
|
|
3210
|
-
this.$emit('clear');
|
|
3211
|
-
},
|
|
3212
|
-
deleteTag: function deleteTag(event, tag) {
|
|
3213
|
-
var index = this.selected.indexOf(tag);
|
|
3214
|
-
if (index > -1 && !this.selectDisabled) {
|
|
3215
|
-
var value = this.value.slice();
|
|
3216
|
-
value.splice(index, 1);
|
|
3217
|
-
this.$emit('input', value);
|
|
3218
|
-
this.emitChange(value);
|
|
3219
|
-
this.$emit('remove-tag', tag.value);
|
|
3220
|
-
}
|
|
3221
|
-
event.stopPropagation();
|
|
3222
|
-
},
|
|
3223
|
-
onInputChange: function onInputChange() {
|
|
3224
|
-
if (this.filterable && this.query !== this.selectedLabel) {
|
|
3225
|
-
this.query = this.selectedLabel;
|
|
3226
|
-
this.handleQueryChange(this.query);
|
|
3227
|
-
}
|
|
3228
|
-
},
|
|
3229
|
-
onOptionDestroy: function onOptionDestroy(index) {
|
|
3230
|
-
if (index > -1) {
|
|
3231
|
-
this.optionsCount--;
|
|
3232
|
-
this.filteredOptionsCount--;
|
|
3233
|
-
this.options.splice(index, 1);
|
|
3234
|
-
}
|
|
3235
|
-
},
|
|
3236
|
-
resetInputWidth: function resetInputWidth() {
|
|
3237
|
-
this.inputWidth = this.$refs.reference.$el.getBoundingClientRect().width;
|
|
3238
|
-
},
|
|
3239
|
-
handleResize: function handleResize() {
|
|
3240
|
-
this.resetInputWidth();
|
|
3241
|
-
if (this.multiple) this.resetInputHeight();
|
|
3242
|
-
},
|
|
3243
|
-
checkDefaultFirstOption: function checkDefaultFirstOption() {
|
|
3244
|
-
this.hoverIndex = -1;
|
|
3245
|
-
// highlight the created option
|
|
3246
|
-
var hasCreated = false;
|
|
3247
|
-
for (var i = this.options.length - 1; i >= 0; i--) {
|
|
3248
|
-
if (this.options[i].created) {
|
|
3249
|
-
hasCreated = true;
|
|
3250
|
-
this.hoverIndex = i;
|
|
3251
|
-
break;
|
|
3252
|
-
}
|
|
3253
|
-
}
|
|
3254
|
-
if (hasCreated) return;
|
|
3255
|
-
for (var _i = 0; _i !== this.options.length; ++_i) {
|
|
3256
|
-
var option = this.options[_i];
|
|
3257
|
-
if (this.query) {
|
|
3258
|
-
// highlight first options that passes the filter
|
|
3259
|
-
if (!option.disabled && !option.groupDisabled && option.visible) {
|
|
3260
|
-
this.hoverIndex = _i;
|
|
3261
|
-
break;
|
|
3262
|
-
}
|
|
3263
|
-
} else {
|
|
3264
|
-
// highlight currently selected option
|
|
3265
|
-
if (option.itemSelected) {
|
|
3266
|
-
this.hoverIndex = _i;
|
|
3267
|
-
break;
|
|
3268
|
-
}
|
|
3269
|
-
}
|
|
3270
|
-
}
|
|
3271
|
-
},
|
|
3272
|
-
getValueKey: function getValueKey(item) {
|
|
3273
|
-
if (Object.prototype.toString.call(item.value).toLowerCase() !== '[object object]') {
|
|
3274
|
-
return item.value;
|
|
3275
|
-
} else {
|
|
3276
|
-
return Object(util_["getValueByPath"])(item.value, this.valueKey);
|
|
3277
|
-
}
|
|
3278
|
-
}
|
|
3279
|
-
},
|
|
3280
|
-
|
|
3281
|
-
created: function created() {
|
|
3282
|
-
var _this13 = this;
|
|
3283
|
-
|
|
3284
|
-
this.cachedPlaceHolder = this.currentPlaceholder = this.propPlaceholder;
|
|
3285
|
-
if (this.multiple && !Array.isArray(this.value)) {
|
|
3286
|
-
this.$emit('input', []);
|
|
3287
|
-
}
|
|
3288
|
-
if (!this.multiple && Array.isArray(this.value)) {
|
|
3289
|
-
this.$emit('input', '');
|
|
3290
|
-
}
|
|
3291
|
-
|
|
3292
|
-
this.debouncedOnInputChange = debounce_default()(this.debounce, function () {
|
|
3293
|
-
_this13.onInputChange();
|
|
3294
|
-
});
|
|
3295
|
-
|
|
3296
|
-
this.debouncedQueryChange = debounce_default()(this.debounce, function (e) {
|
|
3297
|
-
_this13.handleQueryChange(e.target.value);
|
|
3298
|
-
});
|
|
3299
|
-
|
|
3300
|
-
this.$on('handleOptionClick', this.handleOptionSelect);
|
|
3301
|
-
this.$on('setSelected', this.setSelected);
|
|
3302
|
-
},
|
|
3303
|
-
mounted: function mounted() {
|
|
3304
|
-
var _this14 = this;
|
|
3305
|
-
|
|
3306
|
-
if (this.multiple && Array.isArray(this.value) && this.value.length > 0) {
|
|
3307
|
-
this.currentPlaceholder = '';
|
|
3308
|
-
}
|
|
3309
|
-
Object(resize_event_["addResizeListener"])(this.$el, this.handleResize);
|
|
3310
|
-
|
|
3311
|
-
var reference = this.$refs.reference;
|
|
3312
|
-
if (reference && reference.$el) {
|
|
3313
|
-
var sizeMap = {
|
|
3314
|
-
medium: 36,
|
|
3315
|
-
small: 32,
|
|
3316
|
-
mini: 28
|
|
3317
|
-
};
|
|
3318
|
-
var input = reference.$el.querySelector('input');
|
|
3319
|
-
this.initialInputHeight = input.getBoundingClientRect().height || sizeMap[this.selectSize];
|
|
3320
|
-
}
|
|
3321
|
-
if (this.remote && this.multiple) {
|
|
3322
|
-
this.resetInputHeight();
|
|
3323
|
-
}
|
|
3324
|
-
this.$nextTick(function () {
|
|
3325
|
-
if (reference && reference.$el) {
|
|
3326
|
-
_this14.inputWidth = reference.$el.getBoundingClientRect().width;
|
|
3327
|
-
}
|
|
3328
|
-
});
|
|
3329
|
-
this.setSelected();
|
|
3330
|
-
},
|
|
3331
|
-
beforeDestroy: function beforeDestroy() {
|
|
3332
|
-
if (this.$el && this.handleResize) Object(resize_event_["removeResizeListener"])(this.$el, this.handleResize);
|
|
3333
|
-
}
|
|
3334
|
-
});
|
|
3335
|
-
// CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=script&lang=js
|
|
3336
|
-
/* harmony default export */ var src_selectvue_type_script_lang_js = (selectvue_type_script_lang_js);
|
|
3337
|
-
// CONCATENATED MODULE: ./packages/select/src/select.vue
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
/* normalize component */
|
|
3344
|
-
|
|
3345
|
-
var select_component = Object(componentNormalizer["a" /* default */])(
|
|
3346
|
-
src_selectvue_type_script_lang_js,
|
|
3347
|
-
render,
|
|
3348
|
-
staticRenderFns,
|
|
3349
|
-
false,
|
|
3350
|
-
null,
|
|
3351
|
-
null,
|
|
3352
|
-
null
|
|
3353
|
-
|
|
3354
|
-
)
|
|
3355
|
-
|
|
3356
|
-
/* harmony default export */ var src_select = (select_component.exports);
|
|
3357
|
-
// CONCATENATED MODULE: ./packages/select/index.js
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
/* istanbul ignore next */
|
|
3361
|
-
src_select.install = function (Vue) {
|
|
3362
|
-
Vue.component(src_select.name, src_select);
|
|
3363
|
-
};
|
|
3364
|
-
|
|
3365
|
-
/* harmony default export */ var packages_select = __webpack_exports__["default"] = (src_select);
|
|
3366
|
-
|
|
3367
|
-
/***/ })
|
|
3368
|
-
/******/ ]);
|