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/Slider.js
DELETED
|
@@ -1,2854 +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 = 62);
|
|
86
|
-
/******/ })
|
|
87
|
-
/************************************************************************/
|
|
88
|
-
/******/ ({
|
|
89
|
-
|
|
90
|
-
/***/ 0:
|
|
91
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
92
|
-
|
|
93
|
-
"use strict";
|
|
94
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
|
|
95
|
-
/* globals __VUE_SSR_CONTEXT__ */
|
|
96
|
-
|
|
97
|
-
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
|
|
98
|
-
// This module is a runtime utility for cleaner component module output and will
|
|
99
|
-
// be included in the final webpack user bundle.
|
|
100
|
-
|
|
101
|
-
function normalizeComponent(
|
|
102
|
-
scriptExports,
|
|
103
|
-
render,
|
|
104
|
-
staticRenderFns,
|
|
105
|
-
functionalTemplate,
|
|
106
|
-
injectStyles,
|
|
107
|
-
scopeId,
|
|
108
|
-
moduleIdentifier /* server only */,
|
|
109
|
-
shadowMode /* vue-cli only */
|
|
110
|
-
) {
|
|
111
|
-
// Vue.extend constructor export interop
|
|
112
|
-
var options =
|
|
113
|
-
typeof scriptExports === 'function' ? scriptExports.options : scriptExports
|
|
114
|
-
|
|
115
|
-
// render functions
|
|
116
|
-
if (render) {
|
|
117
|
-
options.render = render
|
|
118
|
-
options.staticRenderFns = staticRenderFns
|
|
119
|
-
options._compiled = true
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
// functional template
|
|
123
|
-
if (functionalTemplate) {
|
|
124
|
-
options.functional = true
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
// scopedId
|
|
128
|
-
if (scopeId) {
|
|
129
|
-
options._scopeId = 'data-v-' + scopeId
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
var hook
|
|
133
|
-
if (moduleIdentifier) {
|
|
134
|
-
// server build
|
|
135
|
-
hook = function (context) {
|
|
136
|
-
// 2.3 injection
|
|
137
|
-
context =
|
|
138
|
-
context || // cached call
|
|
139
|
-
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
|
140
|
-
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
|
141
|
-
// 2.2 with runInNewContext: true
|
|
142
|
-
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
|
143
|
-
context = __VUE_SSR_CONTEXT__
|
|
144
|
-
}
|
|
145
|
-
// inject component styles
|
|
146
|
-
if (injectStyles) {
|
|
147
|
-
injectStyles.call(this, context)
|
|
148
|
-
}
|
|
149
|
-
// register component module identifier for async chunk inferrence
|
|
150
|
-
if (context && context._registeredComponents) {
|
|
151
|
-
context._registeredComponents.add(moduleIdentifier)
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
// used by ssr in case component is cached and beforeCreate
|
|
155
|
-
// never gets called
|
|
156
|
-
options._ssrRegister = hook
|
|
157
|
-
} else if (injectStyles) {
|
|
158
|
-
hook = shadowMode
|
|
159
|
-
? function () {
|
|
160
|
-
injectStyles.call(
|
|
161
|
-
this,
|
|
162
|
-
(options.functional ? this.parent : this).$root.$options.shadowRoot
|
|
163
|
-
)
|
|
164
|
-
}
|
|
165
|
-
: injectStyles
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
if (hook) {
|
|
169
|
-
if (options.functional) {
|
|
170
|
-
// for template-only hot-reload because in that case the render fn doesn't
|
|
171
|
-
// go through the normalizer
|
|
172
|
-
options._injectStyles = hook
|
|
173
|
-
// register for functional component in vue file
|
|
174
|
-
var originalRender = options.render
|
|
175
|
-
options.render = function renderWithStyleInjection(h, context) {
|
|
176
|
-
hook.call(context)
|
|
177
|
-
return originalRender(h, context)
|
|
178
|
-
}
|
|
179
|
-
} else {
|
|
180
|
-
// inject component registration as beforeCreate hook
|
|
181
|
-
var existing = options.beforeCreate
|
|
182
|
-
options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
return {
|
|
187
|
-
exports: scriptExports,
|
|
188
|
-
options: options
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
/***/ }),
|
|
194
|
-
|
|
195
|
-
/***/ 1:
|
|
196
|
-
/***/ (function(module, exports) {
|
|
197
|
-
|
|
198
|
-
module.exports = require("element-ui/lib/utils/dom");
|
|
199
|
-
|
|
200
|
-
/***/ }),
|
|
201
|
-
|
|
202
|
-
/***/ 11:
|
|
203
|
-
/***/ (function(module, exports) {
|
|
204
|
-
|
|
205
|
-
module.exports = require("element-ui/lib/utils/shared");
|
|
206
|
-
|
|
207
|
-
/***/ }),
|
|
208
|
-
|
|
209
|
-
/***/ 13:
|
|
210
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
211
|
-
|
|
212
|
-
"use strict";
|
|
213
|
-
// ESM COMPAT FLAG
|
|
214
|
-
__webpack_require__.r(__webpack_exports__);
|
|
215
|
-
|
|
216
|
-
// 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
|
|
217
|
-
var render = function () {
|
|
218
|
-
var _vm = this
|
|
219
|
-
var _h = _vm.$createElement
|
|
220
|
-
var _c = _vm._self._c || _h
|
|
221
|
-
return _c(
|
|
222
|
-
"div",
|
|
223
|
-
{
|
|
224
|
-
class: [
|
|
225
|
-
_vm.type === "textarea" ? "el-textarea" : "el-input",
|
|
226
|
-
_vm.inputSize ? "el-input--" + _vm.inputSize : "",
|
|
227
|
-
{
|
|
228
|
-
"is-disabled": _vm.inputDisabled,
|
|
229
|
-
"is-exceed": _vm.inputExceed,
|
|
230
|
-
"el-input-group": _vm.$slots.prepend || _vm.$slots.append,
|
|
231
|
-
"el-input-group--append": _vm.$slots.append,
|
|
232
|
-
"el-input-group--prepend": _vm.$slots.prepend,
|
|
233
|
-
"el-input--prefix": _vm.$slots.prefix || _vm.prefixIcon,
|
|
234
|
-
"el-input--suffix":
|
|
235
|
-
_vm.$slots.suffix ||
|
|
236
|
-
_vm.suffixIcon ||
|
|
237
|
-
_vm.clearable ||
|
|
238
|
-
_vm.showPassword,
|
|
239
|
-
},
|
|
240
|
-
],
|
|
241
|
-
on: {
|
|
242
|
-
mouseenter: function ($event) {
|
|
243
|
-
_vm.hovering = true
|
|
244
|
-
},
|
|
245
|
-
mouseleave: function ($event) {
|
|
246
|
-
_vm.hovering = false
|
|
247
|
-
},
|
|
248
|
-
},
|
|
249
|
-
},
|
|
250
|
-
[
|
|
251
|
-
_vm.type !== "textarea"
|
|
252
|
-
? [
|
|
253
|
-
_vm.$slots.prepend
|
|
254
|
-
? _c(
|
|
255
|
-
"div",
|
|
256
|
-
{ staticClass: "el-input-group__prepend" },
|
|
257
|
-
[_vm._t("prepend")],
|
|
258
|
-
2
|
|
259
|
-
)
|
|
260
|
-
: _vm._e(),
|
|
261
|
-
_vm.type !== "textarea"
|
|
262
|
-
? _c(
|
|
263
|
-
"input",
|
|
264
|
-
_vm._b(
|
|
265
|
-
{
|
|
266
|
-
ref: "input",
|
|
267
|
-
staticClass: "el-input__inner",
|
|
268
|
-
attrs: {
|
|
269
|
-
tabindex: _vm.tabindex,
|
|
270
|
-
type: _vm.showPassword
|
|
271
|
-
? _vm.passwordVisible
|
|
272
|
-
? "text"
|
|
273
|
-
: "password"
|
|
274
|
-
: _vm.type,
|
|
275
|
-
disabled: _vm.inputDisabled,
|
|
276
|
-
readonly: _vm.readonly,
|
|
277
|
-
autocomplete: _vm.autoComplete || _vm.autocomplete,
|
|
278
|
-
"aria-label": _vm.label,
|
|
279
|
-
},
|
|
280
|
-
on: {
|
|
281
|
-
compositionstart: _vm.handleCompositionStart,
|
|
282
|
-
compositionupdate: _vm.handleCompositionUpdate,
|
|
283
|
-
compositionend: _vm.handleCompositionEnd,
|
|
284
|
-
input: _vm.handleInput,
|
|
285
|
-
focus: _vm.handleFocus,
|
|
286
|
-
blur: _vm.handleBlur,
|
|
287
|
-
change: _vm.handleChange,
|
|
288
|
-
},
|
|
289
|
-
},
|
|
290
|
-
"input",
|
|
291
|
-
_vm.$attrs,
|
|
292
|
-
false
|
|
293
|
-
)
|
|
294
|
-
)
|
|
295
|
-
: _vm._e(),
|
|
296
|
-
_vm.$slots.prefix || _vm.prefixIcon
|
|
297
|
-
? _c(
|
|
298
|
-
"span",
|
|
299
|
-
{ staticClass: "el-input__prefix" },
|
|
300
|
-
[
|
|
301
|
-
_vm._t("prefix"),
|
|
302
|
-
_vm.prefixIcon
|
|
303
|
-
? _c("i", {
|
|
304
|
-
staticClass: "el-input__icon",
|
|
305
|
-
class: _vm.prefixIcon,
|
|
306
|
-
})
|
|
307
|
-
: _vm._e(),
|
|
308
|
-
],
|
|
309
|
-
2
|
|
310
|
-
)
|
|
311
|
-
: _vm._e(),
|
|
312
|
-
_vm.getSuffixVisible()
|
|
313
|
-
? _c("span", { staticClass: "el-input__suffix" }, [
|
|
314
|
-
_c(
|
|
315
|
-
"span",
|
|
316
|
-
{ staticClass: "el-input__suffix-inner" },
|
|
317
|
-
[
|
|
318
|
-
!_vm.showClear ||
|
|
319
|
-
!_vm.showPwdVisible ||
|
|
320
|
-
!_vm.isWordLimitVisible
|
|
321
|
-
? [
|
|
322
|
-
_vm._t("suffix"),
|
|
323
|
-
_vm.suffixIcon
|
|
324
|
-
? _c("i", {
|
|
325
|
-
staticClass: "el-input__icon",
|
|
326
|
-
class: _vm.suffixIcon,
|
|
327
|
-
})
|
|
328
|
-
: _vm._e(),
|
|
329
|
-
]
|
|
330
|
-
: _vm._e(),
|
|
331
|
-
_vm.showClear
|
|
332
|
-
? _c("i", {
|
|
333
|
-
staticClass:
|
|
334
|
-
"el-input__icon el-icon-circle-close el-input__clear",
|
|
335
|
-
on: {
|
|
336
|
-
mousedown: function ($event) {
|
|
337
|
-
$event.preventDefault()
|
|
338
|
-
},
|
|
339
|
-
click: _vm.clear,
|
|
340
|
-
},
|
|
341
|
-
})
|
|
342
|
-
: _vm._e(),
|
|
343
|
-
_vm.showPwdVisible
|
|
344
|
-
? _c("i", {
|
|
345
|
-
staticClass:
|
|
346
|
-
"el-input__icon el-icon-view el-input__clear",
|
|
347
|
-
on: { click: _vm.handlePasswordVisible },
|
|
348
|
-
})
|
|
349
|
-
: _vm._e(),
|
|
350
|
-
_vm.isWordLimitVisible
|
|
351
|
-
? _c("span", { staticClass: "el-input__count" }, [
|
|
352
|
-
_c(
|
|
353
|
-
"span",
|
|
354
|
-
{ staticClass: "el-input__count-inner" },
|
|
355
|
-
[
|
|
356
|
-
_vm._v(
|
|
357
|
-
"\n\t\t\t\t\t\t\t" +
|
|
358
|
-
_vm._s(_vm.textLength) +
|
|
359
|
-
"/" +
|
|
360
|
-
_vm._s(_vm.upperLimit) +
|
|
361
|
-
"\n\t\t\t\t\t\t"
|
|
362
|
-
),
|
|
363
|
-
]
|
|
364
|
-
),
|
|
365
|
-
])
|
|
366
|
-
: _vm._e(),
|
|
367
|
-
],
|
|
368
|
-
2
|
|
369
|
-
),
|
|
370
|
-
_vm.validateState
|
|
371
|
-
? _c("i", {
|
|
372
|
-
staticClass: "el-input__icon",
|
|
373
|
-
class: ["el-input__validateIcon", _vm.validateIcon],
|
|
374
|
-
})
|
|
375
|
-
: _vm._e(),
|
|
376
|
-
])
|
|
377
|
-
: _vm._e(),
|
|
378
|
-
_vm.$slots.append
|
|
379
|
-
? _c(
|
|
380
|
-
"div",
|
|
381
|
-
{ staticClass: "el-input-group__append" },
|
|
382
|
-
[_vm._t("append")],
|
|
383
|
-
2
|
|
384
|
-
)
|
|
385
|
-
: _vm._e(),
|
|
386
|
-
]
|
|
387
|
-
: _c(
|
|
388
|
-
"textarea",
|
|
389
|
-
_vm._b(
|
|
390
|
-
{
|
|
391
|
-
ref: "textarea",
|
|
392
|
-
staticClass: "el-textarea__inner",
|
|
393
|
-
style: _vm.textareaStyle,
|
|
394
|
-
attrs: {
|
|
395
|
-
tabindex: _vm.tabindex,
|
|
396
|
-
disabled: _vm.inputDisabled,
|
|
397
|
-
readonly: _vm.readonly,
|
|
398
|
-
autocomplete: _vm.autoComplete || _vm.autocomplete,
|
|
399
|
-
"aria-label": _vm.label,
|
|
400
|
-
},
|
|
401
|
-
on: {
|
|
402
|
-
compositionstart: _vm.handleCompositionStart,
|
|
403
|
-
compositionupdate: _vm.handleCompositionUpdate,
|
|
404
|
-
compositionend: _vm.handleCompositionEnd,
|
|
405
|
-
input: _vm.handleInput,
|
|
406
|
-
focus: _vm.handleFocus,
|
|
407
|
-
blur: _vm.handleBlur,
|
|
408
|
-
change: _vm.handleChange,
|
|
409
|
-
},
|
|
410
|
-
},
|
|
411
|
-
"textarea",
|
|
412
|
-
_vm.$attrs,
|
|
413
|
-
false
|
|
414
|
-
)
|
|
415
|
-
),
|
|
416
|
-
_vm.isWordLimitVisible && _vm.type === "textarea"
|
|
417
|
-
? _c("span", { staticClass: "el-input__count" }, [
|
|
418
|
-
_vm._v(_vm._s(_vm.textLength) + "/" + _vm._s(_vm.upperLimit)),
|
|
419
|
-
])
|
|
420
|
-
: _vm._e(),
|
|
421
|
-
],
|
|
422
|
-
2
|
|
423
|
-
)
|
|
424
|
-
}
|
|
425
|
-
var staticRenderFns = []
|
|
426
|
-
render._withStripped = true
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
// CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=template&id=048a9cde
|
|
430
|
-
|
|
431
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
|
|
432
|
-
var emitter_ = __webpack_require__(4);
|
|
433
|
-
var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
434
|
-
|
|
435
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
|
|
436
|
-
var migrating_ = __webpack_require__(7);
|
|
437
|
-
var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
|
|
438
|
-
|
|
439
|
-
// CONCATENATED MODULE: ./packages/input/src/calcTextareaHeight.js
|
|
440
|
-
var hiddenTextarea = void 0;
|
|
441
|
-
|
|
442
|
-
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';
|
|
443
|
-
|
|
444
|
-
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'];
|
|
445
|
-
|
|
446
|
-
function calculateNodeStyling(targetElement) {
|
|
447
|
-
var style = window.getComputedStyle(targetElement);
|
|
448
|
-
|
|
449
|
-
var boxSizing = style.getPropertyValue('box-sizing');
|
|
450
|
-
|
|
451
|
-
var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
|
|
452
|
-
|
|
453
|
-
var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
|
|
454
|
-
|
|
455
|
-
var contextStyle = CONTEXT_STYLE.map(function (name) {
|
|
456
|
-
return name + ':' + style.getPropertyValue(name);
|
|
457
|
-
}).join(';');
|
|
458
|
-
|
|
459
|
-
return { contextStyle: contextStyle, paddingSize: paddingSize, borderSize: borderSize, boxSizing: boxSizing };
|
|
460
|
-
}
|
|
461
|
-
|
|
462
|
-
function calcTextareaHeight(targetElement) {
|
|
463
|
-
var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
464
|
-
var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
465
|
-
|
|
466
|
-
if (!hiddenTextarea) {
|
|
467
|
-
hiddenTextarea = document.createElement('textarea');
|
|
468
|
-
document.body.appendChild(hiddenTextarea);
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
var _calculateNodeStyling = calculateNodeStyling(targetElement),
|
|
472
|
-
paddingSize = _calculateNodeStyling.paddingSize,
|
|
473
|
-
borderSize = _calculateNodeStyling.borderSize,
|
|
474
|
-
boxSizing = _calculateNodeStyling.boxSizing,
|
|
475
|
-
contextStyle = _calculateNodeStyling.contextStyle;
|
|
476
|
-
|
|
477
|
-
hiddenTextarea.setAttribute('style', contextStyle + ';' + HIDDEN_STYLE);
|
|
478
|
-
hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
|
|
479
|
-
|
|
480
|
-
var height = hiddenTextarea.scrollHeight;
|
|
481
|
-
var result = {};
|
|
482
|
-
|
|
483
|
-
if (boxSizing === 'border-box') {
|
|
484
|
-
height = height + borderSize;
|
|
485
|
-
} else if (boxSizing === 'content-box') {
|
|
486
|
-
height = height - paddingSize;
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
hiddenTextarea.value = '';
|
|
490
|
-
var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
|
|
491
|
-
|
|
492
|
-
if (minRows !== null) {
|
|
493
|
-
var minHeight = singleRowHeight * minRows;
|
|
494
|
-
if (boxSizing === 'border-box') {
|
|
495
|
-
minHeight = minHeight + paddingSize + borderSize;
|
|
496
|
-
}
|
|
497
|
-
height = Math.max(minHeight, height);
|
|
498
|
-
result.minHeight = minHeight + 'px';
|
|
499
|
-
}
|
|
500
|
-
if (maxRows !== null) {
|
|
501
|
-
var maxHeight = singleRowHeight * maxRows;
|
|
502
|
-
if (boxSizing === 'border-box') {
|
|
503
|
-
maxHeight = maxHeight + paddingSize + borderSize;
|
|
504
|
-
}
|
|
505
|
-
height = Math.min(maxHeight, height);
|
|
506
|
-
}
|
|
507
|
-
result.height = height + 'px';
|
|
508
|
-
hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
|
|
509
|
-
hiddenTextarea = null;
|
|
510
|
-
return result;
|
|
511
|
-
};
|
|
512
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/merge"
|
|
513
|
-
var merge_ = __webpack_require__(6);
|
|
514
|
-
var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
|
|
515
|
-
|
|
516
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/shared"
|
|
517
|
-
var shared_ = __webpack_require__(11);
|
|
518
|
-
|
|
519
|
-
// 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
|
|
520
|
-
//
|
|
521
|
-
//
|
|
522
|
-
//
|
|
523
|
-
//
|
|
524
|
-
//
|
|
525
|
-
//
|
|
526
|
-
//
|
|
527
|
-
//
|
|
528
|
-
//
|
|
529
|
-
//
|
|
530
|
-
//
|
|
531
|
-
//
|
|
532
|
-
//
|
|
533
|
-
//
|
|
534
|
-
//
|
|
535
|
-
//
|
|
536
|
-
//
|
|
537
|
-
//
|
|
538
|
-
//
|
|
539
|
-
//
|
|
540
|
-
//
|
|
541
|
-
//
|
|
542
|
-
//
|
|
543
|
-
//
|
|
544
|
-
//
|
|
545
|
-
//
|
|
546
|
-
//
|
|
547
|
-
//
|
|
548
|
-
//
|
|
549
|
-
//
|
|
550
|
-
//
|
|
551
|
-
//
|
|
552
|
-
//
|
|
553
|
-
//
|
|
554
|
-
//
|
|
555
|
-
//
|
|
556
|
-
//
|
|
557
|
-
//
|
|
558
|
-
//
|
|
559
|
-
//
|
|
560
|
-
//
|
|
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
|
-
/* harmony default export */ var inputvue_type_script_lang_js = ({
|
|
637
|
-
name: 'ElInput',
|
|
638
|
-
|
|
639
|
-
componentName: 'ElInput',
|
|
640
|
-
|
|
641
|
-
mixins: [emitter_default.a, migrating_default.a],
|
|
642
|
-
|
|
643
|
-
inheritAttrs: false,
|
|
644
|
-
|
|
645
|
-
inject: {
|
|
646
|
-
elForm: {
|
|
647
|
-
default: ''
|
|
648
|
-
},
|
|
649
|
-
elFormItem: {
|
|
650
|
-
default: ''
|
|
651
|
-
}
|
|
652
|
-
},
|
|
653
|
-
|
|
654
|
-
data: function data() {
|
|
655
|
-
return {
|
|
656
|
-
textareaCalcStyle: {},
|
|
657
|
-
hovering: false,
|
|
658
|
-
focused: false,
|
|
659
|
-
isComposing: false,
|
|
660
|
-
passwordVisible: false
|
|
661
|
-
};
|
|
662
|
-
},
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
props: {
|
|
666
|
-
value: [String, Number],
|
|
667
|
-
size: String,
|
|
668
|
-
resize: String,
|
|
669
|
-
form: String,
|
|
670
|
-
disabled: Boolean,
|
|
671
|
-
readonly: Boolean,
|
|
672
|
-
type: {
|
|
673
|
-
type: String,
|
|
674
|
-
default: 'text'
|
|
675
|
-
},
|
|
676
|
-
autosize: {
|
|
677
|
-
type: [Boolean, Object],
|
|
678
|
-
default: false
|
|
679
|
-
},
|
|
680
|
-
autocomplete: {
|
|
681
|
-
type: String,
|
|
682
|
-
default: 'off'
|
|
683
|
-
},
|
|
684
|
-
/** @Deprecated in next major version */
|
|
685
|
-
autoComplete: {
|
|
686
|
-
type: String,
|
|
687
|
-
validator: function validator(val) {
|
|
688
|
-
false && false;
|
|
689
|
-
return true;
|
|
690
|
-
}
|
|
691
|
-
},
|
|
692
|
-
validateEvent: {
|
|
693
|
-
type: Boolean,
|
|
694
|
-
default: true
|
|
695
|
-
},
|
|
696
|
-
suffixIcon: String,
|
|
697
|
-
prefixIcon: String,
|
|
698
|
-
label: String,
|
|
699
|
-
clearable: {
|
|
700
|
-
type: Boolean,
|
|
701
|
-
default: false
|
|
702
|
-
},
|
|
703
|
-
showPassword: {
|
|
704
|
-
type: Boolean,
|
|
705
|
-
default: false
|
|
706
|
-
},
|
|
707
|
-
showWordLimit: {
|
|
708
|
-
type: Boolean,
|
|
709
|
-
default: false
|
|
710
|
-
},
|
|
711
|
-
tabindex: String
|
|
712
|
-
},
|
|
713
|
-
|
|
714
|
-
computed: {
|
|
715
|
-
_elFormItemSize: function _elFormItemSize() {
|
|
716
|
-
return (this.elFormItem || {}).elFormItemSize;
|
|
717
|
-
},
|
|
718
|
-
validateState: function validateState() {
|
|
719
|
-
return this.elFormItem ? this.elFormItem.validateState : '';
|
|
720
|
-
},
|
|
721
|
-
needStatusIcon: function needStatusIcon() {
|
|
722
|
-
return this.elForm ? this.elForm.statusIcon : false;
|
|
723
|
-
},
|
|
724
|
-
validateIcon: function validateIcon() {
|
|
725
|
-
return {
|
|
726
|
-
validating: 'el-icon-loading',
|
|
727
|
-
success: 'el-icon-circle-check',
|
|
728
|
-
error: 'el-icon-circle-close'
|
|
729
|
-
}[this.validateState];
|
|
730
|
-
},
|
|
731
|
-
textareaStyle: function textareaStyle() {
|
|
732
|
-
return merge_default()({}, this.textareaCalcStyle, { resize: this.resize });
|
|
733
|
-
},
|
|
734
|
-
inputSize: function inputSize() {
|
|
735
|
-
return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
|
|
736
|
-
},
|
|
737
|
-
inputDisabled: function inputDisabled() {
|
|
738
|
-
return this.disabled || (this.elForm || {}).disabled;
|
|
739
|
-
},
|
|
740
|
-
nativeInputValue: function nativeInputValue() {
|
|
741
|
-
return this.value === null || this.value === undefined ? '' : String(this.value);
|
|
742
|
-
},
|
|
743
|
-
showClear: function showClear() {
|
|
744
|
-
return this.clearable && !this.inputDisabled && !this.readonly && this.nativeInputValue && (this.focused || this.hovering);
|
|
745
|
-
},
|
|
746
|
-
showPwdVisible: function showPwdVisible() {
|
|
747
|
-
return this.showPassword && !this.inputDisabled && !this.readonly && (!!this.nativeInputValue || this.focused);
|
|
748
|
-
},
|
|
749
|
-
isWordLimitVisible: function isWordLimitVisible() {
|
|
750
|
-
return this.showWordLimit && this.$attrs.maxlength && (this.type === 'text' || this.type === 'textarea') && !this.inputDisabled && !this.readonly && !this.showPassword;
|
|
751
|
-
},
|
|
752
|
-
upperLimit: function upperLimit() {
|
|
753
|
-
return this.$attrs.maxlength;
|
|
754
|
-
},
|
|
755
|
-
textLength: function textLength() {
|
|
756
|
-
if (typeof this.value === 'number') {
|
|
757
|
-
return String(this.value).length;
|
|
758
|
-
}
|
|
759
|
-
|
|
760
|
-
return (this.value || '').length;
|
|
761
|
-
},
|
|
762
|
-
inputExceed: function inputExceed() {
|
|
763
|
-
// show exceed style if length of initial value greater then maxlength
|
|
764
|
-
return this.isWordLimitVisible && this.textLength > this.upperLimit;
|
|
765
|
-
}
|
|
766
|
-
},
|
|
767
|
-
|
|
768
|
-
watch: {
|
|
769
|
-
value: function value(val) {
|
|
770
|
-
this.$nextTick(this.resizeTextarea);
|
|
771
|
-
if (this.validateEvent) {
|
|
772
|
-
this.dispatch('ElFormItem', 'el.form.change', [val]);
|
|
773
|
-
}
|
|
774
|
-
},
|
|
775
|
-
|
|
776
|
-
// native input value is set explicitly
|
|
777
|
-
// do not use v-model / :value in template
|
|
778
|
-
// see: https://github.com/ElemeFE/element/issues/14521
|
|
779
|
-
nativeInputValue: function nativeInputValue() {
|
|
780
|
-
this.setNativeInputValue();
|
|
781
|
-
},
|
|
782
|
-
|
|
783
|
-
// when change between <input> and <textarea>,
|
|
784
|
-
// update DOM dependent value and styles
|
|
785
|
-
// https://github.com/ElemeFE/element/issues/14857
|
|
786
|
-
type: function type() {
|
|
787
|
-
var _this = this;
|
|
788
|
-
|
|
789
|
-
this.$nextTick(function () {
|
|
790
|
-
_this.setNativeInputValue();
|
|
791
|
-
_this.resizeTextarea();
|
|
792
|
-
_this.updateIconOffset();
|
|
793
|
-
});
|
|
794
|
-
}
|
|
795
|
-
},
|
|
796
|
-
|
|
797
|
-
methods: {
|
|
798
|
-
focus: function focus() {
|
|
799
|
-
this.getInput().focus();
|
|
800
|
-
},
|
|
801
|
-
blur: function blur() {
|
|
802
|
-
this.getInput().blur();
|
|
803
|
-
},
|
|
804
|
-
getMigratingConfig: function getMigratingConfig() {
|
|
805
|
-
return {
|
|
806
|
-
props: {
|
|
807
|
-
'icon': 'icon is removed, use suffix-icon / prefix-icon instead.',
|
|
808
|
-
'on-icon-click': 'on-icon-click is removed.'
|
|
809
|
-
},
|
|
810
|
-
events: {
|
|
811
|
-
'click': 'click is removed.'
|
|
812
|
-
}
|
|
813
|
-
};
|
|
814
|
-
},
|
|
815
|
-
handleBlur: function handleBlur(event) {
|
|
816
|
-
this.focused = false;
|
|
817
|
-
this.$emit('blur', event);
|
|
818
|
-
if (this.validateEvent) {
|
|
819
|
-
this.dispatch('ElFormItem', 'el.form.blur', [this.value]);
|
|
820
|
-
}
|
|
821
|
-
},
|
|
822
|
-
select: function select() {
|
|
823
|
-
this.getInput().select();
|
|
824
|
-
},
|
|
825
|
-
resizeTextarea: function resizeTextarea() {
|
|
826
|
-
if (this.$isServer) return;
|
|
827
|
-
var autosize = this.autosize,
|
|
828
|
-
type = this.type;
|
|
829
|
-
|
|
830
|
-
if (type !== 'textarea') return;
|
|
831
|
-
if (!autosize) {
|
|
832
|
-
this.textareaCalcStyle = {
|
|
833
|
-
minHeight: calcTextareaHeight(this.$refs.textarea).minHeight
|
|
834
|
-
};
|
|
835
|
-
return;
|
|
836
|
-
}
|
|
837
|
-
var minRows = autosize.minRows;
|
|
838
|
-
var maxRows = autosize.maxRows;
|
|
839
|
-
|
|
840
|
-
this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows);
|
|
841
|
-
},
|
|
842
|
-
setNativeInputValue: function setNativeInputValue() {
|
|
843
|
-
var input = this.getInput();
|
|
844
|
-
if (!input) return;
|
|
845
|
-
if (input.value === this.nativeInputValue) return;
|
|
846
|
-
input.value = this.nativeInputValue;
|
|
847
|
-
},
|
|
848
|
-
handleFocus: function handleFocus(event) {
|
|
849
|
-
this.focused = true;
|
|
850
|
-
this.$emit('focus', event);
|
|
851
|
-
},
|
|
852
|
-
handleCompositionStart: function handleCompositionStart(event) {
|
|
853
|
-
this.$emit('compositionstart', event);
|
|
854
|
-
this.isComposing = true;
|
|
855
|
-
},
|
|
856
|
-
handleCompositionUpdate: function handleCompositionUpdate(event) {
|
|
857
|
-
this.$emit('compositionupdate', event);
|
|
858
|
-
var text = event.target.value;
|
|
859
|
-
var lastCharacter = text[text.length - 1] || '';
|
|
860
|
-
this.isComposing = !Object(shared_["isKorean"])(lastCharacter);
|
|
861
|
-
},
|
|
862
|
-
handleCompositionEnd: function handleCompositionEnd(event) {
|
|
863
|
-
this.$emit('compositionend', event);
|
|
864
|
-
if (this.isComposing) {
|
|
865
|
-
this.isComposing = false;
|
|
866
|
-
this.handleInput(event);
|
|
867
|
-
}
|
|
868
|
-
},
|
|
869
|
-
handleInput: function handleInput(event) {
|
|
870
|
-
// should not emit input during composition
|
|
871
|
-
// see: https://github.com/ElemeFE/element/issues/10516
|
|
872
|
-
if (this.isComposing) return;
|
|
873
|
-
|
|
874
|
-
// hack for https://github.com/ElemeFE/element/issues/8548
|
|
875
|
-
// should remove the following line when we don't support IE
|
|
876
|
-
if (event.target.value === this.nativeInputValue) return;
|
|
877
|
-
|
|
878
|
-
this.$emit('input', event.target.value);
|
|
879
|
-
|
|
880
|
-
// ensure native input value is controlled
|
|
881
|
-
// see: https://github.com/ElemeFE/element/issues/12850
|
|
882
|
-
this.$nextTick(this.setNativeInputValue);
|
|
883
|
-
},
|
|
884
|
-
handleChange: function handleChange(event) {
|
|
885
|
-
this.$emit('change', event.target.value);
|
|
886
|
-
},
|
|
887
|
-
calcIconOffset: function calcIconOffset(place) {
|
|
888
|
-
var elList = [].slice.call(this.$el.querySelectorAll('.el-input__' + place) || []);
|
|
889
|
-
if (!elList.length) return;
|
|
890
|
-
var el = null;
|
|
891
|
-
for (var i = 0; i < elList.length; i++) {
|
|
892
|
-
if (elList[i].parentNode === this.$el) {
|
|
893
|
-
el = elList[i];
|
|
894
|
-
break;
|
|
895
|
-
}
|
|
896
|
-
}
|
|
897
|
-
if (!el) return;
|
|
898
|
-
var pendantMap = {
|
|
899
|
-
suffix: 'append',
|
|
900
|
-
prefix: 'prepend'
|
|
901
|
-
};
|
|
902
|
-
|
|
903
|
-
var pendant = pendantMap[place];
|
|
904
|
-
if (this.$slots[pendant]) {
|
|
905
|
-
el.style.transform = 'translateX(' + (place === 'suffix' ? '-' : '') + this.$el.querySelector('.el-input-group__' + pendant).offsetWidth + 'px)';
|
|
906
|
-
} else {
|
|
907
|
-
el.removeAttribute('style');
|
|
908
|
-
}
|
|
909
|
-
},
|
|
910
|
-
updateIconOffset: function updateIconOffset() {
|
|
911
|
-
this.calcIconOffset('prefix');
|
|
912
|
-
this.calcIconOffset('suffix');
|
|
913
|
-
},
|
|
914
|
-
clear: function clear() {
|
|
915
|
-
this.$emit('input', '');
|
|
916
|
-
this.$emit('change', '');
|
|
917
|
-
this.$emit('clear');
|
|
918
|
-
},
|
|
919
|
-
handlePasswordVisible: function handlePasswordVisible() {
|
|
920
|
-
var _this2 = this;
|
|
921
|
-
|
|
922
|
-
this.passwordVisible = !this.passwordVisible;
|
|
923
|
-
this.$nextTick(function () {
|
|
924
|
-
_this2.focus();
|
|
925
|
-
});
|
|
926
|
-
},
|
|
927
|
-
getInput: function getInput() {
|
|
928
|
-
return this.$refs.input || this.$refs.textarea;
|
|
929
|
-
},
|
|
930
|
-
getSuffixVisible: function getSuffixVisible() {
|
|
931
|
-
return this.$slots.suffix || this.suffixIcon || this.showClear || this.showPassword || this.isWordLimitVisible || this.validateState && this.needStatusIcon;
|
|
932
|
-
}
|
|
933
|
-
},
|
|
934
|
-
|
|
935
|
-
created: function created() {
|
|
936
|
-
this.$on('inputSelect', this.select);
|
|
937
|
-
},
|
|
938
|
-
mounted: function mounted() {
|
|
939
|
-
this.setNativeInputValue();
|
|
940
|
-
this.resizeTextarea();
|
|
941
|
-
this.updateIconOffset();
|
|
942
|
-
},
|
|
943
|
-
updated: function updated() {
|
|
944
|
-
this.$nextTick(this.updateIconOffset);
|
|
945
|
-
}
|
|
946
|
-
});
|
|
947
|
-
// CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=script&lang=js
|
|
948
|
-
/* harmony default export */ var src_inputvue_type_script_lang_js = (inputvue_type_script_lang_js);
|
|
949
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
950
|
-
var componentNormalizer = __webpack_require__(0);
|
|
951
|
-
|
|
952
|
-
// CONCATENATED MODULE: ./packages/input/src/input.vue
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
/* normalize component */
|
|
959
|
-
|
|
960
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
961
|
-
src_inputvue_type_script_lang_js,
|
|
962
|
-
render,
|
|
963
|
-
staticRenderFns,
|
|
964
|
-
false,
|
|
965
|
-
null,
|
|
966
|
-
null,
|
|
967
|
-
null
|
|
968
|
-
|
|
969
|
-
)
|
|
970
|
-
|
|
971
|
-
/* harmony default export */ var input = (component.exports);
|
|
972
|
-
// CONCATENATED MODULE: ./packages/input/index.js
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
/* istanbul ignore next */
|
|
976
|
-
input.install = function (Vue) {
|
|
977
|
-
Vue.component(input.name, input);
|
|
978
|
-
};
|
|
979
|
-
|
|
980
|
-
/* harmony default export */ var packages_input = __webpack_exports__["default"] = (input);
|
|
981
|
-
|
|
982
|
-
/***/ }),
|
|
983
|
-
|
|
984
|
-
/***/ 15:
|
|
985
|
-
/***/ (function(module, exports) {
|
|
986
|
-
|
|
987
|
-
module.exports = require("throttle-debounce/debounce");
|
|
988
|
-
|
|
989
|
-
/***/ }),
|
|
990
|
-
|
|
991
|
-
/***/ 23:
|
|
992
|
-
/***/ (function(module, exports) {
|
|
993
|
-
|
|
994
|
-
module.exports = require("element-ui/lib/mixins/focus");
|
|
995
|
-
|
|
996
|
-
/***/ }),
|
|
997
|
-
|
|
998
|
-
/***/ 28:
|
|
999
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1000
|
-
|
|
1001
|
-
"use strict";
|
|
1002
|
-
/* harmony import */ var element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
1003
|
-
/* harmony import */ var element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__);
|
|
1004
|
-
/* harmony import */ var element_ui_src_utils_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
1005
|
-
/* harmony import */ var element_ui_src_utils_util__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(element_ui_src_utils_util__WEBPACK_IMPORTED_MODULE_1__);
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
/* harmony default export */ __webpack_exports__["a"] = ({
|
|
1010
|
-
bind: function bind(el, binding, vnode) {
|
|
1011
|
-
var interval = null;
|
|
1012
|
-
var startTime = void 0;
|
|
1013
|
-
var maxIntervals = Object(element_ui_src_utils_util__WEBPACK_IMPORTED_MODULE_1__["isMac"])() ? 100 : 200;
|
|
1014
|
-
var handler = function handler() {
|
|
1015
|
-
return vnode.context[binding.expression].apply();
|
|
1016
|
-
};
|
|
1017
|
-
var clear = function clear() {
|
|
1018
|
-
if (Date.now() - startTime < maxIntervals) {
|
|
1019
|
-
handler();
|
|
1020
|
-
}
|
|
1021
|
-
clearInterval(interval);
|
|
1022
|
-
interval = null;
|
|
1023
|
-
};
|
|
1024
|
-
|
|
1025
|
-
Object(element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__["on"])(el, 'mousedown', function (e) {
|
|
1026
|
-
if (e.button !== 0) return;
|
|
1027
|
-
startTime = Date.now();
|
|
1028
|
-
Object(element_ui_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__["once"])(document, 'mouseup', clear);
|
|
1029
|
-
clearInterval(interval);
|
|
1030
|
-
interval = setInterval(handler, maxIntervals);
|
|
1031
|
-
});
|
|
1032
|
-
}
|
|
1033
|
-
});
|
|
1034
|
-
|
|
1035
|
-
/***/ }),
|
|
1036
|
-
|
|
1037
|
-
/***/ 3:
|
|
1038
|
-
/***/ (function(module, exports) {
|
|
1039
|
-
|
|
1040
|
-
module.exports = require("element-ui/lib/utils/util");
|
|
1041
|
-
|
|
1042
|
-
/***/ }),
|
|
1043
|
-
|
|
1044
|
-
/***/ 31:
|
|
1045
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1046
|
-
|
|
1047
|
-
"use strict";
|
|
1048
|
-
// ESM COMPAT FLAG
|
|
1049
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1050
|
-
|
|
1051
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper"
|
|
1052
|
-
var vue_popper_ = __webpack_require__(5);
|
|
1053
|
-
var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
|
|
1054
|
-
|
|
1055
|
-
// EXTERNAL MODULE: external "throttle-debounce/debounce"
|
|
1056
|
-
var debounce_ = __webpack_require__(15);
|
|
1057
|
-
var debounce_default = /*#__PURE__*/__webpack_require__.n(debounce_);
|
|
1058
|
-
|
|
1059
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/dom"
|
|
1060
|
-
var dom_ = __webpack_require__(1);
|
|
1061
|
-
|
|
1062
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/util"
|
|
1063
|
-
var util_ = __webpack_require__(3);
|
|
1064
|
-
|
|
1065
|
-
// EXTERNAL MODULE: external "vue"
|
|
1066
|
-
var external_vue_ = __webpack_require__(8);
|
|
1067
|
-
var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
|
|
1068
|
-
|
|
1069
|
-
// CONCATENATED MODULE: ./packages/tooltip/src/main.js
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
/* harmony default export */ var main = ({
|
|
1077
|
-
name: 'ElTooltip',
|
|
1078
|
-
|
|
1079
|
-
mixins: [vue_popper_default.a],
|
|
1080
|
-
|
|
1081
|
-
props: {
|
|
1082
|
-
openDelay: {
|
|
1083
|
-
type: Number,
|
|
1084
|
-
default: 0
|
|
1085
|
-
},
|
|
1086
|
-
disabled: Boolean,
|
|
1087
|
-
manual: Boolean,
|
|
1088
|
-
effect: {
|
|
1089
|
-
type: String,
|
|
1090
|
-
default: 'dark'
|
|
1091
|
-
},
|
|
1092
|
-
arrowOffset: {
|
|
1093
|
-
type: Number,
|
|
1094
|
-
default: 0
|
|
1095
|
-
},
|
|
1096
|
-
popperClass: String,
|
|
1097
|
-
content: String,
|
|
1098
|
-
visibleArrow: {
|
|
1099
|
-
default: true
|
|
1100
|
-
},
|
|
1101
|
-
transition: {
|
|
1102
|
-
type: String,
|
|
1103
|
-
default: 'el-fade-in-linear'
|
|
1104
|
-
},
|
|
1105
|
-
popperOptions: {
|
|
1106
|
-
default: function _default() {
|
|
1107
|
-
return {
|
|
1108
|
-
boundariesPadding: 10,
|
|
1109
|
-
gpuAcceleration: false
|
|
1110
|
-
};
|
|
1111
|
-
}
|
|
1112
|
-
},
|
|
1113
|
-
enterable: {
|
|
1114
|
-
type: Boolean,
|
|
1115
|
-
default: true
|
|
1116
|
-
},
|
|
1117
|
-
hideAfter: {
|
|
1118
|
-
type: Number,
|
|
1119
|
-
default: 0
|
|
1120
|
-
},
|
|
1121
|
-
tabindex: {
|
|
1122
|
-
type: Number,
|
|
1123
|
-
default: 0
|
|
1124
|
-
}
|
|
1125
|
-
},
|
|
1126
|
-
|
|
1127
|
-
data: function data() {
|
|
1128
|
-
return {
|
|
1129
|
-
tooltipId: 'el-tooltip-' + Object(util_["generateId"])(),
|
|
1130
|
-
timeoutPending: null,
|
|
1131
|
-
focusing: false
|
|
1132
|
-
};
|
|
1133
|
-
},
|
|
1134
|
-
beforeCreate: function beforeCreate() {
|
|
1135
|
-
var _this = this;
|
|
1136
|
-
|
|
1137
|
-
if (this.$isServer) return;
|
|
1138
|
-
|
|
1139
|
-
this.popperVM = new external_vue_default.a({
|
|
1140
|
-
data: { node: '' },
|
|
1141
|
-
render: function render(h) {
|
|
1142
|
-
return this.node;
|
|
1143
|
-
}
|
|
1144
|
-
}).$mount();
|
|
1145
|
-
|
|
1146
|
-
this.debounceClose = debounce_default()(200, function () {
|
|
1147
|
-
return _this.handleClosePopper();
|
|
1148
|
-
});
|
|
1149
|
-
},
|
|
1150
|
-
render: function render(h) {
|
|
1151
|
-
var _this2 = this;
|
|
1152
|
-
|
|
1153
|
-
if (this.popperVM) {
|
|
1154
|
-
this.popperVM.node = h(
|
|
1155
|
-
'transition',
|
|
1156
|
-
{
|
|
1157
|
-
attrs: {
|
|
1158
|
-
name: this.transition
|
|
1159
|
-
},
|
|
1160
|
-
on: {
|
|
1161
|
-
'afterLeave': this.doDestroy
|
|
1162
|
-
}
|
|
1163
|
-
},
|
|
1164
|
-
[h(
|
|
1165
|
-
'div',
|
|
1166
|
-
{
|
|
1167
|
-
on: {
|
|
1168
|
-
'mouseleave': function mouseleave() {
|
|
1169
|
-
_this2.setExpectedState(false);_this2.debounceClose();
|
|
1170
|
-
},
|
|
1171
|
-
'mouseenter': function mouseenter() {
|
|
1172
|
-
_this2.setExpectedState(true);
|
|
1173
|
-
}
|
|
1174
|
-
},
|
|
1175
|
-
|
|
1176
|
-
ref: 'popper',
|
|
1177
|
-
attrs: { role: 'tooltip',
|
|
1178
|
-
id: this.tooltipId,
|
|
1179
|
-
'aria-hidden': this.disabled || !this.showPopper ? 'true' : 'false'
|
|
1180
|
-
},
|
|
1181
|
-
directives: [{
|
|
1182
|
-
name: 'show',
|
|
1183
|
-
value: !this.disabled && this.showPopper
|
|
1184
|
-
}],
|
|
1185
|
-
|
|
1186
|
-
'class': ['el-tooltip__popper', 'is-' + this.effect, this.popperClass] },
|
|
1187
|
-
[this.$slots.content || this.content]
|
|
1188
|
-
)]
|
|
1189
|
-
);
|
|
1190
|
-
}
|
|
1191
|
-
|
|
1192
|
-
var firstElement = this.getFirstElement();
|
|
1193
|
-
if (!firstElement) return null;
|
|
1194
|
-
|
|
1195
|
-
var data = firstElement.data = firstElement.data || {};
|
|
1196
|
-
data.staticClass = this.addTooltipClass(data.staticClass);
|
|
1197
|
-
|
|
1198
|
-
return firstElement;
|
|
1199
|
-
},
|
|
1200
|
-
mounted: function mounted() {
|
|
1201
|
-
var _this3 = this;
|
|
1202
|
-
|
|
1203
|
-
this.referenceElm = this.$el;
|
|
1204
|
-
if (this.$el.nodeType === 1) {
|
|
1205
|
-
this.$el.setAttribute('aria-describedby', this.tooltipId);
|
|
1206
|
-
this.$el.setAttribute('tabindex', this.tabindex);
|
|
1207
|
-
Object(dom_["on"])(this.referenceElm, 'mouseenter', this.show);
|
|
1208
|
-
Object(dom_["on"])(this.referenceElm, 'mouseleave', this.hide);
|
|
1209
|
-
Object(dom_["on"])(this.referenceElm, 'focus', function () {
|
|
1210
|
-
if (!_this3.$slots.default || !_this3.$slots.default.length) {
|
|
1211
|
-
_this3.handleFocus();
|
|
1212
|
-
return;
|
|
1213
|
-
}
|
|
1214
|
-
var instance = _this3.$slots.default[0].componentInstance;
|
|
1215
|
-
if (instance && instance.focus) {
|
|
1216
|
-
instance.focus();
|
|
1217
|
-
} else {
|
|
1218
|
-
_this3.handleFocus();
|
|
1219
|
-
}
|
|
1220
|
-
});
|
|
1221
|
-
Object(dom_["on"])(this.referenceElm, 'blur', this.handleBlur);
|
|
1222
|
-
Object(dom_["on"])(this.referenceElm, 'click', this.removeFocusing);
|
|
1223
|
-
}
|
|
1224
|
-
// fix issue https://github.com/ElemeFE/element/issues/14424
|
|
1225
|
-
if (this.value && this.popperVM) {
|
|
1226
|
-
this.popperVM.$nextTick(function () {
|
|
1227
|
-
if (_this3.value) {
|
|
1228
|
-
_this3.updatePopper();
|
|
1229
|
-
}
|
|
1230
|
-
});
|
|
1231
|
-
}
|
|
1232
|
-
},
|
|
1233
|
-
|
|
1234
|
-
watch: {
|
|
1235
|
-
focusing: function focusing(val) {
|
|
1236
|
-
if (val) {
|
|
1237
|
-
Object(dom_["addClass"])(this.referenceElm, 'focusing');
|
|
1238
|
-
} else {
|
|
1239
|
-
Object(dom_["removeClass"])(this.referenceElm, 'focusing');
|
|
1240
|
-
}
|
|
1241
|
-
}
|
|
1242
|
-
},
|
|
1243
|
-
methods: {
|
|
1244
|
-
show: function show() {
|
|
1245
|
-
this.setExpectedState(true);
|
|
1246
|
-
this.handleShowPopper();
|
|
1247
|
-
},
|
|
1248
|
-
hide: function hide() {
|
|
1249
|
-
this.setExpectedState(false);
|
|
1250
|
-
this.debounceClose();
|
|
1251
|
-
},
|
|
1252
|
-
handleFocus: function handleFocus() {
|
|
1253
|
-
this.focusing = true;
|
|
1254
|
-
this.show();
|
|
1255
|
-
},
|
|
1256
|
-
handleBlur: function handleBlur() {
|
|
1257
|
-
this.focusing = false;
|
|
1258
|
-
this.hide();
|
|
1259
|
-
},
|
|
1260
|
-
removeFocusing: function removeFocusing() {
|
|
1261
|
-
this.focusing = false;
|
|
1262
|
-
},
|
|
1263
|
-
addTooltipClass: function addTooltipClass(prev) {
|
|
1264
|
-
if (!prev) {
|
|
1265
|
-
return 'el-tooltip';
|
|
1266
|
-
} else {
|
|
1267
|
-
return 'el-tooltip ' + prev.replace('el-tooltip', '');
|
|
1268
|
-
}
|
|
1269
|
-
},
|
|
1270
|
-
handleShowPopper: function handleShowPopper() {
|
|
1271
|
-
var _this4 = this;
|
|
1272
|
-
|
|
1273
|
-
if (!this.expectedState || this.manual) return;
|
|
1274
|
-
clearTimeout(this.timeout);
|
|
1275
|
-
this.timeout = setTimeout(function () {
|
|
1276
|
-
_this4.showPopper = true;
|
|
1277
|
-
}, this.openDelay);
|
|
1278
|
-
|
|
1279
|
-
if (this.hideAfter > 0) {
|
|
1280
|
-
this.timeoutPending = setTimeout(function () {
|
|
1281
|
-
_this4.showPopper = false;
|
|
1282
|
-
}, this.hideAfter);
|
|
1283
|
-
}
|
|
1284
|
-
},
|
|
1285
|
-
handleClosePopper: function handleClosePopper() {
|
|
1286
|
-
if (this.enterable && this.expectedState || this.manual) return;
|
|
1287
|
-
clearTimeout(this.timeout);
|
|
1288
|
-
|
|
1289
|
-
if (this.timeoutPending) {
|
|
1290
|
-
clearTimeout(this.timeoutPending);
|
|
1291
|
-
}
|
|
1292
|
-
this.showPopper = false;
|
|
1293
|
-
|
|
1294
|
-
if (this.disabled) {
|
|
1295
|
-
this.doDestroy();
|
|
1296
|
-
}
|
|
1297
|
-
},
|
|
1298
|
-
setExpectedState: function setExpectedState(expectedState) {
|
|
1299
|
-
if (expectedState === false) {
|
|
1300
|
-
clearTimeout(this.timeoutPending);
|
|
1301
|
-
}
|
|
1302
|
-
this.expectedState = expectedState;
|
|
1303
|
-
},
|
|
1304
|
-
getFirstElement: function getFirstElement() {
|
|
1305
|
-
var slots = this.$slots.default;
|
|
1306
|
-
if (!Array.isArray(slots)) return null;
|
|
1307
|
-
var element = null;
|
|
1308
|
-
for (var index = 0; index < slots.length; index++) {
|
|
1309
|
-
if (slots[index] && slots[index].tag) {
|
|
1310
|
-
element = slots[index];
|
|
1311
|
-
break;
|
|
1312
|
-
};
|
|
1313
|
-
}
|
|
1314
|
-
return element;
|
|
1315
|
-
}
|
|
1316
|
-
},
|
|
1317
|
-
|
|
1318
|
-
beforeDestroy: function beforeDestroy() {
|
|
1319
|
-
this.popperVM && this.popperVM.$destroy();
|
|
1320
|
-
},
|
|
1321
|
-
destroyed: function destroyed() {
|
|
1322
|
-
var reference = this.referenceElm;
|
|
1323
|
-
if (reference.nodeType === 1) {
|
|
1324
|
-
Object(dom_["off"])(reference, 'mouseenter', this.show);
|
|
1325
|
-
Object(dom_["off"])(reference, 'mouseleave', this.hide);
|
|
1326
|
-
Object(dom_["off"])(reference, 'focus', this.handleFocus);
|
|
1327
|
-
Object(dom_["off"])(reference, 'blur', this.handleBlur);
|
|
1328
|
-
Object(dom_["off"])(reference, 'click', this.removeFocusing);
|
|
1329
|
-
}
|
|
1330
|
-
}
|
|
1331
|
-
});
|
|
1332
|
-
// CONCATENATED MODULE: ./packages/tooltip/index.js
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
/* istanbul ignore next */
|
|
1336
|
-
main.install = function (Vue) {
|
|
1337
|
-
Vue.component(main.name, main);
|
|
1338
|
-
};
|
|
1339
|
-
|
|
1340
|
-
/* harmony default export */ var tooltip = __webpack_exports__["default"] = (main);
|
|
1341
|
-
|
|
1342
|
-
/***/ }),
|
|
1343
|
-
|
|
1344
|
-
/***/ 4:
|
|
1345
|
-
/***/ (function(module, exports) {
|
|
1346
|
-
|
|
1347
|
-
module.exports = require("element-ui/lib/mixins/emitter");
|
|
1348
|
-
|
|
1349
|
-
/***/ }),
|
|
1350
|
-
|
|
1351
|
-
/***/ 5:
|
|
1352
|
-
/***/ (function(module, exports) {
|
|
1353
|
-
|
|
1354
|
-
module.exports = require("element-ui/lib/utils/vue-popper");
|
|
1355
|
-
|
|
1356
|
-
/***/ }),
|
|
1357
|
-
|
|
1358
|
-
/***/ 50:
|
|
1359
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1360
|
-
|
|
1361
|
-
"use strict";
|
|
1362
|
-
// ESM COMPAT FLAG
|
|
1363
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1364
|
-
|
|
1365
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/input-number/src/input-number.vue?vue&type=template&id=61588837
|
|
1366
|
-
var render = function () {
|
|
1367
|
-
var _vm = this
|
|
1368
|
-
var _h = _vm.$createElement
|
|
1369
|
-
var _c = _vm._self._c || _h
|
|
1370
|
-
return _c(
|
|
1371
|
-
"div",
|
|
1372
|
-
{
|
|
1373
|
-
class: [
|
|
1374
|
-
"el-input-number",
|
|
1375
|
-
_vm.inputNumberSize ? "el-input-number--" + _vm.inputNumberSize : "",
|
|
1376
|
-
{ "is-disabled": _vm.inputNumberDisabled },
|
|
1377
|
-
{ "is-without-controls": !_vm.controls || _vm.unit },
|
|
1378
|
-
{ "is-controls-right": _vm.controlsAtRight },
|
|
1379
|
-
{ "is-with-unit": _vm.unit },
|
|
1380
|
-
],
|
|
1381
|
-
attrs: { "data-unit": _vm.unit },
|
|
1382
|
-
on: {
|
|
1383
|
-
dragstart: function ($event) {
|
|
1384
|
-
$event.preventDefault()
|
|
1385
|
-
},
|
|
1386
|
-
},
|
|
1387
|
-
},
|
|
1388
|
-
[
|
|
1389
|
-
_vm.controls && !_vm.unit
|
|
1390
|
-
? _c(
|
|
1391
|
-
"span",
|
|
1392
|
-
{
|
|
1393
|
-
directives: [
|
|
1394
|
-
{
|
|
1395
|
-
name: "repeat-click",
|
|
1396
|
-
rawName: "v-repeat-click",
|
|
1397
|
-
value: _vm.decrease,
|
|
1398
|
-
expression: "decrease",
|
|
1399
|
-
},
|
|
1400
|
-
],
|
|
1401
|
-
staticClass: "el-input-number__decrease",
|
|
1402
|
-
class: { "is-disabled": _vm.minDisabled },
|
|
1403
|
-
attrs: { role: "button" },
|
|
1404
|
-
on: {
|
|
1405
|
-
keydown: function ($event) {
|
|
1406
|
-
if (
|
|
1407
|
-
!("button" in $event) &&
|
|
1408
|
-
_vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
|
|
1409
|
-
) {
|
|
1410
|
-
return null
|
|
1411
|
-
}
|
|
1412
|
-
return _vm.decrease($event)
|
|
1413
|
-
},
|
|
1414
|
-
},
|
|
1415
|
-
},
|
|
1416
|
-
[
|
|
1417
|
-
_c("i", {
|
|
1418
|
-
class:
|
|
1419
|
-
"el-icon-" + (_vm.controlsAtRight ? "arrow-down" : "minus"),
|
|
1420
|
-
}),
|
|
1421
|
-
]
|
|
1422
|
-
)
|
|
1423
|
-
: _vm._e(),
|
|
1424
|
-
_vm.controls && !_vm.unit
|
|
1425
|
-
? _c(
|
|
1426
|
-
"span",
|
|
1427
|
-
{
|
|
1428
|
-
directives: [
|
|
1429
|
-
{
|
|
1430
|
-
name: "repeat-click",
|
|
1431
|
-
rawName: "v-repeat-click",
|
|
1432
|
-
value: _vm.increase,
|
|
1433
|
-
expression: "increase",
|
|
1434
|
-
},
|
|
1435
|
-
],
|
|
1436
|
-
staticClass: "el-input-number__increase",
|
|
1437
|
-
class: { "is-disabled": _vm.maxDisabled },
|
|
1438
|
-
attrs: { role: "button" },
|
|
1439
|
-
on: {
|
|
1440
|
-
keydown: function ($event) {
|
|
1441
|
-
if (
|
|
1442
|
-
!("button" in $event) &&
|
|
1443
|
-
_vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
|
|
1444
|
-
) {
|
|
1445
|
-
return null
|
|
1446
|
-
}
|
|
1447
|
-
return _vm.increase($event)
|
|
1448
|
-
},
|
|
1449
|
-
},
|
|
1450
|
-
},
|
|
1451
|
-
[
|
|
1452
|
-
_c("i", {
|
|
1453
|
-
class: "el-icon-" + (_vm.controlsAtRight ? "arrow-up" : "plus"),
|
|
1454
|
-
}),
|
|
1455
|
-
]
|
|
1456
|
-
)
|
|
1457
|
-
: _vm._e(),
|
|
1458
|
-
_c("el-input", {
|
|
1459
|
-
ref: "input",
|
|
1460
|
-
attrs: {
|
|
1461
|
-
value: _vm.displayValue,
|
|
1462
|
-
placeholder: _vm.placeholder,
|
|
1463
|
-
disabled: _vm.inputNumberDisabled,
|
|
1464
|
-
size: _vm.inputNumberSize,
|
|
1465
|
-
max: _vm.max,
|
|
1466
|
-
min: _vm.min,
|
|
1467
|
-
name: _vm.name,
|
|
1468
|
-
label: _vm.label,
|
|
1469
|
-
},
|
|
1470
|
-
on: {
|
|
1471
|
-
blur: _vm.handleBlur,
|
|
1472
|
-
focus: _vm.handleFocus,
|
|
1473
|
-
input: _vm.handleInput,
|
|
1474
|
-
change: _vm.handleInputChange,
|
|
1475
|
-
},
|
|
1476
|
-
nativeOn: {
|
|
1477
|
-
keydown: [
|
|
1478
|
-
function ($event) {
|
|
1479
|
-
if (
|
|
1480
|
-
!("button" in $event) &&
|
|
1481
|
-
_vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])
|
|
1482
|
-
) {
|
|
1483
|
-
return null
|
|
1484
|
-
}
|
|
1485
|
-
$event.preventDefault()
|
|
1486
|
-
return _vm.increase($event)
|
|
1487
|
-
},
|
|
1488
|
-
function ($event) {
|
|
1489
|
-
if (
|
|
1490
|
-
!("button" in $event) &&
|
|
1491
|
-
_vm._k($event.keyCode, "down", 40, $event.key, [
|
|
1492
|
-
"Down",
|
|
1493
|
-
"ArrowDown",
|
|
1494
|
-
])
|
|
1495
|
-
) {
|
|
1496
|
-
return null
|
|
1497
|
-
}
|
|
1498
|
-
$event.preventDefault()
|
|
1499
|
-
return _vm.decrease($event)
|
|
1500
|
-
},
|
|
1501
|
-
],
|
|
1502
|
-
},
|
|
1503
|
-
}),
|
|
1504
|
-
],
|
|
1505
|
-
1
|
|
1506
|
-
)
|
|
1507
|
-
}
|
|
1508
|
-
var staticRenderFns = []
|
|
1509
|
-
render._withStripped = true
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
// CONCATENATED MODULE: ./packages/input-number/src/input-number.vue?vue&type=template&id=61588837
|
|
1513
|
-
|
|
1514
|
-
// EXTERNAL MODULE: ./packages/input/index.js + 6 modules
|
|
1515
|
-
var input = __webpack_require__(13);
|
|
1516
|
-
|
|
1517
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/focus"
|
|
1518
|
-
var focus_ = __webpack_require__(23);
|
|
1519
|
-
var focus_default = /*#__PURE__*/__webpack_require__.n(focus_);
|
|
1520
|
-
|
|
1521
|
-
// EXTERNAL MODULE: ./src/directives/repeat-click.js
|
|
1522
|
-
var repeat_click = __webpack_require__(28);
|
|
1523
|
-
|
|
1524
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/input-number/src/input-number.vue?vue&type=script&lang=js
|
|
1525
|
-
//
|
|
1526
|
-
//
|
|
1527
|
-
//
|
|
1528
|
-
//
|
|
1529
|
-
//
|
|
1530
|
-
//
|
|
1531
|
-
//
|
|
1532
|
-
//
|
|
1533
|
-
//
|
|
1534
|
-
//
|
|
1535
|
-
//
|
|
1536
|
-
//
|
|
1537
|
-
//
|
|
1538
|
-
//
|
|
1539
|
-
//
|
|
1540
|
-
//
|
|
1541
|
-
//
|
|
1542
|
-
//
|
|
1543
|
-
//
|
|
1544
|
-
//
|
|
1545
|
-
//
|
|
1546
|
-
//
|
|
1547
|
-
//
|
|
1548
|
-
//
|
|
1549
|
-
//
|
|
1550
|
-
//
|
|
1551
|
-
//
|
|
1552
|
-
//
|
|
1553
|
-
//
|
|
1554
|
-
//
|
|
1555
|
-
//
|
|
1556
|
-
//
|
|
1557
|
-
//
|
|
1558
|
-
//
|
|
1559
|
-
//
|
|
1560
|
-
//
|
|
1561
|
-
//
|
|
1562
|
-
//
|
|
1563
|
-
//
|
|
1564
|
-
//
|
|
1565
|
-
//
|
|
1566
|
-
//
|
|
1567
|
-
//
|
|
1568
|
-
//
|
|
1569
|
-
//
|
|
1570
|
-
//
|
|
1571
|
-
//
|
|
1572
|
-
//
|
|
1573
|
-
//
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
/* harmony default export */ var input_numbervue_type_script_lang_js = ({
|
|
1580
|
-
name: 'ElInputNumber',
|
|
1581
|
-
mixins: [focus_default()('input')],
|
|
1582
|
-
inject: {
|
|
1583
|
-
elForm: {
|
|
1584
|
-
default: ''
|
|
1585
|
-
},
|
|
1586
|
-
elFormItem: {
|
|
1587
|
-
default: ''
|
|
1588
|
-
}
|
|
1589
|
-
},
|
|
1590
|
-
directives: {
|
|
1591
|
-
repeatClick: repeat_click["a" /* default */]
|
|
1592
|
-
},
|
|
1593
|
-
components: {
|
|
1594
|
-
ElInput: input["default"]
|
|
1595
|
-
},
|
|
1596
|
-
props: {
|
|
1597
|
-
step: {
|
|
1598
|
-
type: Number,
|
|
1599
|
-
default: 1
|
|
1600
|
-
},
|
|
1601
|
-
stepStrictly: {
|
|
1602
|
-
type: Boolean,
|
|
1603
|
-
default: false
|
|
1604
|
-
},
|
|
1605
|
-
max: {
|
|
1606
|
-
type: Number,
|
|
1607
|
-
default: Infinity
|
|
1608
|
-
},
|
|
1609
|
-
min: {
|
|
1610
|
-
type: Number,
|
|
1611
|
-
default: -Infinity
|
|
1612
|
-
},
|
|
1613
|
-
value: {},
|
|
1614
|
-
disabled: Boolean,
|
|
1615
|
-
size: String,
|
|
1616
|
-
controls: {
|
|
1617
|
-
type: Boolean,
|
|
1618
|
-
default: true
|
|
1619
|
-
},
|
|
1620
|
-
controlsPosition: {
|
|
1621
|
-
type: String,
|
|
1622
|
-
default: ''
|
|
1623
|
-
},
|
|
1624
|
-
name: String,
|
|
1625
|
-
label: String,
|
|
1626
|
-
placeholder: String,
|
|
1627
|
-
precision: {
|
|
1628
|
-
type: Number,
|
|
1629
|
-
validator: function validator(val) {
|
|
1630
|
-
return val >= 0 && val === parseInt(val, 10);
|
|
1631
|
-
}
|
|
1632
|
-
},
|
|
1633
|
-
unit: String
|
|
1634
|
-
},
|
|
1635
|
-
data: function data() {
|
|
1636
|
-
return {
|
|
1637
|
-
currentValue: 0,
|
|
1638
|
-
userInput: null
|
|
1639
|
-
};
|
|
1640
|
-
},
|
|
1641
|
-
|
|
1642
|
-
watch: {
|
|
1643
|
-
value: {
|
|
1644
|
-
immediate: true,
|
|
1645
|
-
handler: function handler(value) {
|
|
1646
|
-
var newVal = value === undefined ? value : Number(value);
|
|
1647
|
-
if (newVal !== undefined) {
|
|
1648
|
-
if (isNaN(newVal)) {
|
|
1649
|
-
return;
|
|
1650
|
-
}
|
|
1651
|
-
|
|
1652
|
-
if (this.stepStrictly) {
|
|
1653
|
-
var stepPrecision = this.getPrecision(this.step);
|
|
1654
|
-
var precisionFactor = Math.pow(10, stepPrecision);
|
|
1655
|
-
newVal = Math.round(newVal / this.step) * precisionFactor * this.step / precisionFactor;
|
|
1656
|
-
}
|
|
1657
|
-
|
|
1658
|
-
if (this.precision !== undefined) {
|
|
1659
|
-
newVal = this.toPrecision(newVal, this.precision);
|
|
1660
|
-
}
|
|
1661
|
-
}
|
|
1662
|
-
if (newVal >= this.max) newVal = this.max;
|
|
1663
|
-
if (newVal <= this.min) newVal = this.min;
|
|
1664
|
-
this.currentValue = newVal;
|
|
1665
|
-
this.userInput = null;
|
|
1666
|
-
this.$emit('input', newVal);
|
|
1667
|
-
}
|
|
1668
|
-
}
|
|
1669
|
-
},
|
|
1670
|
-
computed: {
|
|
1671
|
-
minDisabled: function minDisabled() {
|
|
1672
|
-
return this._decrease(this.value, this.step) < this.min;
|
|
1673
|
-
},
|
|
1674
|
-
maxDisabled: function maxDisabled() {
|
|
1675
|
-
return this._increase(this.value, this.step) > this.max;
|
|
1676
|
-
},
|
|
1677
|
-
numPrecision: function numPrecision() {
|
|
1678
|
-
var value = this.value,
|
|
1679
|
-
step = this.step,
|
|
1680
|
-
getPrecision = this.getPrecision,
|
|
1681
|
-
precision = this.precision;
|
|
1682
|
-
|
|
1683
|
-
var stepPrecision = getPrecision(step);
|
|
1684
|
-
if (precision !== undefined) {
|
|
1685
|
-
if (stepPrecision > precision) {
|
|
1686
|
-
console.warn('[Element Warn][InputNumber]precision should not be less than the decimal places of step');
|
|
1687
|
-
}
|
|
1688
|
-
return precision;
|
|
1689
|
-
} else {
|
|
1690
|
-
return Math.max(getPrecision(value), stepPrecision);
|
|
1691
|
-
}
|
|
1692
|
-
},
|
|
1693
|
-
controlsAtRight: function controlsAtRight() {
|
|
1694
|
-
return this.controls && this.controlsPosition === 'right';
|
|
1695
|
-
},
|
|
1696
|
-
_elFormItemSize: function _elFormItemSize() {
|
|
1697
|
-
return (this.elFormItem || {}).elFormItemSize;
|
|
1698
|
-
},
|
|
1699
|
-
inputNumberSize: function inputNumberSize() {
|
|
1700
|
-
return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
|
|
1701
|
-
},
|
|
1702
|
-
inputNumberDisabled: function inputNumberDisabled() {
|
|
1703
|
-
return this.disabled || !!(this.elForm || {}).disabled;
|
|
1704
|
-
},
|
|
1705
|
-
displayValue: function displayValue() {
|
|
1706
|
-
if (this.userInput !== null) {
|
|
1707
|
-
return this.userInput;
|
|
1708
|
-
}
|
|
1709
|
-
|
|
1710
|
-
var currentValue = this.currentValue;
|
|
1711
|
-
|
|
1712
|
-
if (typeof currentValue === 'number') {
|
|
1713
|
-
if (this.stepStrictly) {
|
|
1714
|
-
var stepPrecision = this.getPrecision(this.step);
|
|
1715
|
-
var precisionFactor = Math.pow(10, stepPrecision);
|
|
1716
|
-
currentValue = Math.round(currentValue / this.step) * precisionFactor * this.step / precisionFactor;
|
|
1717
|
-
}
|
|
1718
|
-
|
|
1719
|
-
if (this.precision !== undefined) {
|
|
1720
|
-
currentValue = currentValue.toFixed(this.precision);
|
|
1721
|
-
}
|
|
1722
|
-
}
|
|
1723
|
-
|
|
1724
|
-
return currentValue;
|
|
1725
|
-
}
|
|
1726
|
-
},
|
|
1727
|
-
methods: {
|
|
1728
|
-
toPrecision: function toPrecision(num, precision) {
|
|
1729
|
-
if (precision === undefined) precision = this.numPrecision;
|
|
1730
|
-
return parseFloat(Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision));
|
|
1731
|
-
},
|
|
1732
|
-
getPrecision: function getPrecision(value) {
|
|
1733
|
-
if (value === undefined) return 0;
|
|
1734
|
-
var valueString = value.toString();
|
|
1735
|
-
var dotPosition = valueString.indexOf('.');
|
|
1736
|
-
var precision = 0;
|
|
1737
|
-
if (dotPosition !== -1) {
|
|
1738
|
-
precision = valueString.length - dotPosition - 1;
|
|
1739
|
-
}
|
|
1740
|
-
return precision;
|
|
1741
|
-
},
|
|
1742
|
-
_increase: function _increase(val, step) {
|
|
1743
|
-
if (typeof val !== 'number' && val !== undefined) return this.currentValue;
|
|
1744
|
-
|
|
1745
|
-
var precisionFactor = Math.pow(10, this.numPrecision);
|
|
1746
|
-
// Solve the accuracy problem of JS decimal calculation by converting the value to integer.
|
|
1747
|
-
return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
|
|
1748
|
-
},
|
|
1749
|
-
_decrease: function _decrease(val, step) {
|
|
1750
|
-
if (typeof val !== 'number' && val !== undefined) return this.currentValue;
|
|
1751
|
-
|
|
1752
|
-
var precisionFactor = Math.pow(10, this.numPrecision);
|
|
1753
|
-
|
|
1754
|
-
return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
|
|
1755
|
-
},
|
|
1756
|
-
increase: function increase() {
|
|
1757
|
-
if (this.inputNumberDisabled || this.maxDisabled) return;
|
|
1758
|
-
var value = this.value || 0;
|
|
1759
|
-
var newVal = this._increase(value, this.step);
|
|
1760
|
-
this.setCurrentValue(newVal);
|
|
1761
|
-
},
|
|
1762
|
-
decrease: function decrease() {
|
|
1763
|
-
if (this.inputNumberDisabled || this.minDisabled) return;
|
|
1764
|
-
var value = this.value || 0;
|
|
1765
|
-
var newVal = this._decrease(value, this.step);
|
|
1766
|
-
this.setCurrentValue(newVal);
|
|
1767
|
-
},
|
|
1768
|
-
handleBlur: function handleBlur(event) {
|
|
1769
|
-
this.$emit('blur', event);
|
|
1770
|
-
},
|
|
1771
|
-
handleFocus: function handleFocus(event) {
|
|
1772
|
-
this.$emit('focus', event);
|
|
1773
|
-
},
|
|
1774
|
-
setCurrentValue: function setCurrentValue(newVal) {
|
|
1775
|
-
var oldVal = this.currentValue;
|
|
1776
|
-
if (typeof newVal === 'number' && this.precision !== undefined) {
|
|
1777
|
-
newVal = this.toPrecision(newVal, this.precision);
|
|
1778
|
-
}
|
|
1779
|
-
if (newVal >= this.max) newVal = this.max;
|
|
1780
|
-
if (newVal <= this.min) newVal = this.min;
|
|
1781
|
-
if (oldVal === newVal) return;
|
|
1782
|
-
this.userInput = null;
|
|
1783
|
-
this.$emit('input', newVal);
|
|
1784
|
-
this.$emit('change', newVal, oldVal);
|
|
1785
|
-
this.currentValue = newVal;
|
|
1786
|
-
},
|
|
1787
|
-
handleInput: function handleInput(value) {
|
|
1788
|
-
this.userInput = value;
|
|
1789
|
-
},
|
|
1790
|
-
handleInputChange: function handleInputChange(value) {
|
|
1791
|
-
var newVal = value === '' ? undefined : Number(value);
|
|
1792
|
-
if (!isNaN(newVal) || value === '') {
|
|
1793
|
-
this.setCurrentValue(newVal);
|
|
1794
|
-
}
|
|
1795
|
-
this.userInput = null;
|
|
1796
|
-
},
|
|
1797
|
-
select: function select() {
|
|
1798
|
-
this.$refs.input.select();
|
|
1799
|
-
}
|
|
1800
|
-
},
|
|
1801
|
-
mounted: function mounted() {
|
|
1802
|
-
var innerInput = this.$refs.input.$refs.input;
|
|
1803
|
-
innerInput.setAttribute('role', 'spinbutton');
|
|
1804
|
-
innerInput.setAttribute('aria-valuemax', this.max);
|
|
1805
|
-
innerInput.setAttribute('aria-valuemin', this.min);
|
|
1806
|
-
innerInput.setAttribute('aria-valuenow', this.currentValue);
|
|
1807
|
-
innerInput.setAttribute('aria-disabled', this.inputNumberDisabled);
|
|
1808
|
-
},
|
|
1809
|
-
updated: function updated() {
|
|
1810
|
-
if (!this.$refs || !this.$refs.input) return;
|
|
1811
|
-
var innerInput = this.$refs.input.$refs.input;
|
|
1812
|
-
innerInput.setAttribute('aria-valuenow', this.currentValue);
|
|
1813
|
-
}
|
|
1814
|
-
});
|
|
1815
|
-
// CONCATENATED MODULE: ./packages/input-number/src/input-number.vue?vue&type=script&lang=js
|
|
1816
|
-
/* harmony default export */ var src_input_numbervue_type_script_lang_js = (input_numbervue_type_script_lang_js);
|
|
1817
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
1818
|
-
var componentNormalizer = __webpack_require__(0);
|
|
1819
|
-
|
|
1820
|
-
// CONCATENATED MODULE: ./packages/input-number/src/input-number.vue
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
/* normalize component */
|
|
1827
|
-
|
|
1828
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
1829
|
-
src_input_numbervue_type_script_lang_js,
|
|
1830
|
-
render,
|
|
1831
|
-
staticRenderFns,
|
|
1832
|
-
false,
|
|
1833
|
-
null,
|
|
1834
|
-
null,
|
|
1835
|
-
null
|
|
1836
|
-
|
|
1837
|
-
)
|
|
1838
|
-
|
|
1839
|
-
/* harmony default export */ var input_number = (component.exports);
|
|
1840
|
-
// CONCATENATED MODULE: ./packages/input-number/index.js
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
/* istanbul ignore next */
|
|
1844
|
-
input_number.install = function (Vue) {
|
|
1845
|
-
Vue.component(input_number.name, input_number);
|
|
1846
|
-
};
|
|
1847
|
-
|
|
1848
|
-
/* harmony default export */ var packages_input_number = __webpack_exports__["default"] = (input_number);
|
|
1849
|
-
|
|
1850
|
-
/***/ }),
|
|
1851
|
-
|
|
1852
|
-
/***/ 6:
|
|
1853
|
-
/***/ (function(module, exports) {
|
|
1854
|
-
|
|
1855
|
-
module.exports = require("element-ui/lib/utils/merge");
|
|
1856
|
-
|
|
1857
|
-
/***/ }),
|
|
1858
|
-
|
|
1859
|
-
/***/ 62:
|
|
1860
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1861
|
-
|
|
1862
|
-
"use strict";
|
|
1863
|
-
// ESM COMPAT FLAG
|
|
1864
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1865
|
-
|
|
1866
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/main.vue?vue&type=template&id=5ae793ac
|
|
1867
|
-
var render = function () {
|
|
1868
|
-
var _vm = this
|
|
1869
|
-
var _h = _vm.$createElement
|
|
1870
|
-
var _c = _vm._self._c || _h
|
|
1871
|
-
return _c(
|
|
1872
|
-
"div",
|
|
1873
|
-
{
|
|
1874
|
-
staticClass: "el-slider",
|
|
1875
|
-
class: {
|
|
1876
|
-
"is-vertical": _vm.vertical,
|
|
1877
|
-
"el-slider--with-input": _vm.showInput,
|
|
1878
|
-
},
|
|
1879
|
-
attrs: {
|
|
1880
|
-
role: "slider",
|
|
1881
|
-
"aria-valuemin": _vm.min,
|
|
1882
|
-
"aria-valuemax": _vm.max,
|
|
1883
|
-
"aria-orientation": _vm.vertical ? "vertical" : "horizontal",
|
|
1884
|
-
"aria-disabled": _vm.sliderDisabled,
|
|
1885
|
-
},
|
|
1886
|
-
},
|
|
1887
|
-
[
|
|
1888
|
-
_vm.showInput && !_vm.range
|
|
1889
|
-
? _c("el-input-number", {
|
|
1890
|
-
ref: "input",
|
|
1891
|
-
staticClass: "el-slider__input",
|
|
1892
|
-
attrs: {
|
|
1893
|
-
step: _vm.step,
|
|
1894
|
-
disabled: _vm.sliderDisabled,
|
|
1895
|
-
controls: _vm.showInputControls,
|
|
1896
|
-
min: _vm.min,
|
|
1897
|
-
max: _vm.max,
|
|
1898
|
-
debounce: _vm.debounce,
|
|
1899
|
-
size: _vm.inputSize,
|
|
1900
|
-
},
|
|
1901
|
-
on: { change: _vm.emitChange },
|
|
1902
|
-
model: {
|
|
1903
|
-
value: _vm.firstValue,
|
|
1904
|
-
callback: function ($$v) {
|
|
1905
|
-
_vm.firstValue = $$v
|
|
1906
|
-
},
|
|
1907
|
-
expression: "firstValue",
|
|
1908
|
-
},
|
|
1909
|
-
})
|
|
1910
|
-
: _vm._e(),
|
|
1911
|
-
_c(
|
|
1912
|
-
"div",
|
|
1913
|
-
{
|
|
1914
|
-
ref: "slider",
|
|
1915
|
-
staticClass: "el-slider__runway",
|
|
1916
|
-
class: { "show-input": _vm.showInput, disabled: _vm.sliderDisabled },
|
|
1917
|
-
style: _vm.runwayStyle,
|
|
1918
|
-
on: { click: _vm.onSliderClick },
|
|
1919
|
-
},
|
|
1920
|
-
[
|
|
1921
|
-
_c("div", { staticClass: "el-slider__bar", style: _vm.barStyle }),
|
|
1922
|
-
_c("slider-button", {
|
|
1923
|
-
ref: "button1",
|
|
1924
|
-
attrs: {
|
|
1925
|
-
vertical: _vm.vertical,
|
|
1926
|
-
"tooltip-class": _vm.tooltipClass,
|
|
1927
|
-
},
|
|
1928
|
-
model: {
|
|
1929
|
-
value: _vm.firstValue,
|
|
1930
|
-
callback: function ($$v) {
|
|
1931
|
-
_vm.firstValue = $$v
|
|
1932
|
-
},
|
|
1933
|
-
expression: "firstValue",
|
|
1934
|
-
},
|
|
1935
|
-
}),
|
|
1936
|
-
_vm.range
|
|
1937
|
-
? _c("slider-button", {
|
|
1938
|
-
ref: "button2",
|
|
1939
|
-
attrs: {
|
|
1940
|
-
vertical: _vm.vertical,
|
|
1941
|
-
"tooltip-class": _vm.tooltipClass,
|
|
1942
|
-
},
|
|
1943
|
-
model: {
|
|
1944
|
-
value: _vm.secondValue,
|
|
1945
|
-
callback: function ($$v) {
|
|
1946
|
-
_vm.secondValue = $$v
|
|
1947
|
-
},
|
|
1948
|
-
expression: "secondValue",
|
|
1949
|
-
},
|
|
1950
|
-
})
|
|
1951
|
-
: _vm._e(),
|
|
1952
|
-
_vm._l(_vm.stops, function (item, key) {
|
|
1953
|
-
return _vm.showStops
|
|
1954
|
-
? _c("div", {
|
|
1955
|
-
key: key,
|
|
1956
|
-
staticClass: "el-slider__stop",
|
|
1957
|
-
style: _vm.getStopStyle(item),
|
|
1958
|
-
})
|
|
1959
|
-
: _vm._e()
|
|
1960
|
-
}),
|
|
1961
|
-
_vm.markList.length > 0
|
|
1962
|
-
? [
|
|
1963
|
-
_c(
|
|
1964
|
-
"div",
|
|
1965
|
-
_vm._l(_vm.markList, function (item, key) {
|
|
1966
|
-
return _c("div", {
|
|
1967
|
-
key: key,
|
|
1968
|
-
staticClass: "el-slider__stop el-slider__marks-stop",
|
|
1969
|
-
style: _vm.getStopStyle(item.position),
|
|
1970
|
-
})
|
|
1971
|
-
}),
|
|
1972
|
-
0
|
|
1973
|
-
),
|
|
1974
|
-
_c(
|
|
1975
|
-
"div",
|
|
1976
|
-
{ staticClass: "el-slider__marks" },
|
|
1977
|
-
_vm._l(_vm.markList, function (item, key) {
|
|
1978
|
-
return _c("slider-marker", {
|
|
1979
|
-
key: key,
|
|
1980
|
-
style: _vm.getStopStyle(item.position),
|
|
1981
|
-
attrs: { mark: item.mark },
|
|
1982
|
-
})
|
|
1983
|
-
}),
|
|
1984
|
-
1
|
|
1985
|
-
),
|
|
1986
|
-
]
|
|
1987
|
-
: _vm._e(),
|
|
1988
|
-
],
|
|
1989
|
-
2
|
|
1990
|
-
),
|
|
1991
|
-
],
|
|
1992
|
-
1
|
|
1993
|
-
)
|
|
1994
|
-
}
|
|
1995
|
-
var staticRenderFns = []
|
|
1996
|
-
render._withStripped = true
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
// CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=template&id=5ae793ac
|
|
2000
|
-
|
|
2001
|
-
// EXTERNAL MODULE: ./packages/input-number/index.js + 5 modules
|
|
2002
|
-
var input_number = __webpack_require__(50);
|
|
2003
|
-
|
|
2004
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=template&id=6c945400
|
|
2005
|
-
var buttonvue_type_template_id_6c945400_render = function () {
|
|
2006
|
-
var _vm = this
|
|
2007
|
-
var _h = _vm.$createElement
|
|
2008
|
-
var _c = _vm._self._c || _h
|
|
2009
|
-
return _c(
|
|
2010
|
-
"div",
|
|
2011
|
-
{
|
|
2012
|
-
ref: "button",
|
|
2013
|
-
staticClass: "el-slider__button-wrapper",
|
|
2014
|
-
class: { hover: _vm.hovering, dragging: _vm.dragging },
|
|
2015
|
-
style: _vm.wrapperStyle,
|
|
2016
|
-
attrs: { tabindex: "0" },
|
|
2017
|
-
on: {
|
|
2018
|
-
mouseenter: _vm.handleMouseEnter,
|
|
2019
|
-
mouseleave: _vm.handleMouseLeave,
|
|
2020
|
-
mousedown: _vm.onButtonDown,
|
|
2021
|
-
touchstart: _vm.onButtonDown,
|
|
2022
|
-
focus: _vm.handleMouseEnter,
|
|
2023
|
-
blur: _vm.handleMouseLeave,
|
|
2024
|
-
keydown: [
|
|
2025
|
-
function ($event) {
|
|
2026
|
-
if (
|
|
2027
|
-
!("button" in $event) &&
|
|
2028
|
-
_vm._k($event.keyCode, "left", 37, $event.key, [
|
|
2029
|
-
"Left",
|
|
2030
|
-
"ArrowLeft",
|
|
2031
|
-
])
|
|
2032
|
-
) {
|
|
2033
|
-
return null
|
|
2034
|
-
}
|
|
2035
|
-
if ("button" in $event && $event.button !== 0) {
|
|
2036
|
-
return null
|
|
2037
|
-
}
|
|
2038
|
-
return _vm.onLeftKeyDown($event)
|
|
2039
|
-
},
|
|
2040
|
-
function ($event) {
|
|
2041
|
-
if (
|
|
2042
|
-
!("button" in $event) &&
|
|
2043
|
-
_vm._k($event.keyCode, "right", 39, $event.key, [
|
|
2044
|
-
"Right",
|
|
2045
|
-
"ArrowRight",
|
|
2046
|
-
])
|
|
2047
|
-
) {
|
|
2048
|
-
return null
|
|
2049
|
-
}
|
|
2050
|
-
if ("button" in $event && $event.button !== 2) {
|
|
2051
|
-
return null
|
|
2052
|
-
}
|
|
2053
|
-
return _vm.onRightKeyDown($event)
|
|
2054
|
-
},
|
|
2055
|
-
function ($event) {
|
|
2056
|
-
if (
|
|
2057
|
-
!("button" in $event) &&
|
|
2058
|
-
_vm._k($event.keyCode, "down", 40, $event.key, [
|
|
2059
|
-
"Down",
|
|
2060
|
-
"ArrowDown",
|
|
2061
|
-
])
|
|
2062
|
-
) {
|
|
2063
|
-
return null
|
|
2064
|
-
}
|
|
2065
|
-
$event.preventDefault()
|
|
2066
|
-
return _vm.onLeftKeyDown($event)
|
|
2067
|
-
},
|
|
2068
|
-
function ($event) {
|
|
2069
|
-
if (
|
|
2070
|
-
!("button" in $event) &&
|
|
2071
|
-
_vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])
|
|
2072
|
-
) {
|
|
2073
|
-
return null
|
|
2074
|
-
}
|
|
2075
|
-
$event.preventDefault()
|
|
2076
|
-
return _vm.onRightKeyDown($event)
|
|
2077
|
-
},
|
|
2078
|
-
],
|
|
2079
|
-
},
|
|
2080
|
-
},
|
|
2081
|
-
[
|
|
2082
|
-
_c(
|
|
2083
|
-
"el-tooltip",
|
|
2084
|
-
{
|
|
2085
|
-
ref: "tooltip",
|
|
2086
|
-
attrs: {
|
|
2087
|
-
placement: "top",
|
|
2088
|
-
"popper-class": _vm.tooltipClass,
|
|
2089
|
-
disabled: !_vm.showTooltip,
|
|
2090
|
-
},
|
|
2091
|
-
},
|
|
2092
|
-
[
|
|
2093
|
-
_c("span", { attrs: { slot: "content" }, slot: "content" }, [
|
|
2094
|
-
_vm._v(_vm._s(_vm.formatValue)),
|
|
2095
|
-
]),
|
|
2096
|
-
_c("div", {
|
|
2097
|
-
staticClass: "el-slider__button",
|
|
2098
|
-
class: { hover: _vm.hovering, dragging: _vm.dragging },
|
|
2099
|
-
}),
|
|
2100
|
-
]
|
|
2101
|
-
),
|
|
2102
|
-
],
|
|
2103
|
-
1
|
|
2104
|
-
)
|
|
2105
|
-
}
|
|
2106
|
-
var buttonvue_type_template_id_6c945400_staticRenderFns = []
|
|
2107
|
-
buttonvue_type_template_id_6c945400_render._withStripped = true
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
// CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=template&id=6c945400
|
|
2111
|
-
|
|
2112
|
-
// EXTERNAL MODULE: ./packages/tooltip/index.js + 1 modules
|
|
2113
|
-
var tooltip = __webpack_require__(31);
|
|
2114
|
-
|
|
2115
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=script&lang=js
|
|
2116
|
-
//
|
|
2117
|
-
//
|
|
2118
|
-
//
|
|
2119
|
-
//
|
|
2120
|
-
//
|
|
2121
|
-
//
|
|
2122
|
-
//
|
|
2123
|
-
//
|
|
2124
|
-
//
|
|
2125
|
-
//
|
|
2126
|
-
//
|
|
2127
|
-
//
|
|
2128
|
-
//
|
|
2129
|
-
//
|
|
2130
|
-
//
|
|
2131
|
-
//
|
|
2132
|
-
//
|
|
2133
|
-
//
|
|
2134
|
-
//
|
|
2135
|
-
//
|
|
2136
|
-
//
|
|
2137
|
-
//
|
|
2138
|
-
//
|
|
2139
|
-
//
|
|
2140
|
-
//
|
|
2141
|
-
//
|
|
2142
|
-
//
|
|
2143
|
-
//
|
|
2144
|
-
//
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
/* harmony default export */ var buttonvue_type_script_lang_js = ({
|
|
2149
|
-
name: 'ElSliderButton',
|
|
2150
|
-
|
|
2151
|
-
components: {
|
|
2152
|
-
ElTooltip: tooltip["default"]
|
|
2153
|
-
},
|
|
2154
|
-
|
|
2155
|
-
props: {
|
|
2156
|
-
value: {
|
|
2157
|
-
type: Number,
|
|
2158
|
-
default: 0
|
|
2159
|
-
},
|
|
2160
|
-
vertical: {
|
|
2161
|
-
type: Boolean,
|
|
2162
|
-
default: false
|
|
2163
|
-
},
|
|
2164
|
-
tooltipClass: String
|
|
2165
|
-
},
|
|
2166
|
-
|
|
2167
|
-
data: function data() {
|
|
2168
|
-
return {
|
|
2169
|
-
hovering: false,
|
|
2170
|
-
dragging: false,
|
|
2171
|
-
isClick: false,
|
|
2172
|
-
startX: 0,
|
|
2173
|
-
currentX: 0,
|
|
2174
|
-
startY: 0,
|
|
2175
|
-
currentY: 0,
|
|
2176
|
-
startPosition: 0,
|
|
2177
|
-
newPosition: null,
|
|
2178
|
-
oldValue: this.value
|
|
2179
|
-
};
|
|
2180
|
-
},
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
computed: {
|
|
2184
|
-
disabled: function disabled() {
|
|
2185
|
-
return this.$parent.sliderDisabled;
|
|
2186
|
-
},
|
|
2187
|
-
max: function max() {
|
|
2188
|
-
return this.$parent.max;
|
|
2189
|
-
},
|
|
2190
|
-
min: function min() {
|
|
2191
|
-
return this.$parent.min;
|
|
2192
|
-
},
|
|
2193
|
-
step: function step() {
|
|
2194
|
-
return this.$parent.step;
|
|
2195
|
-
},
|
|
2196
|
-
showTooltip: function showTooltip() {
|
|
2197
|
-
return this.$parent.showTooltip;
|
|
2198
|
-
},
|
|
2199
|
-
precision: function precision() {
|
|
2200
|
-
return this.$parent.precision;
|
|
2201
|
-
},
|
|
2202
|
-
currentPosition: function currentPosition() {
|
|
2203
|
-
return (this.value - this.min) / (this.max - this.min) * 100 + '%';
|
|
2204
|
-
},
|
|
2205
|
-
enableFormat: function enableFormat() {
|
|
2206
|
-
return this.$parent.formatTooltip instanceof Function;
|
|
2207
|
-
},
|
|
2208
|
-
formatValue: function formatValue() {
|
|
2209
|
-
return this.enableFormat && this.$parent.formatTooltip(this.value) || this.value;
|
|
2210
|
-
},
|
|
2211
|
-
wrapperStyle: function wrapperStyle() {
|
|
2212
|
-
return this.vertical ? { bottom: this.currentPosition } : { left: this.currentPosition };
|
|
2213
|
-
}
|
|
2214
|
-
},
|
|
2215
|
-
|
|
2216
|
-
watch: {
|
|
2217
|
-
dragging: function dragging(val) {
|
|
2218
|
-
this.$parent.dragging = val;
|
|
2219
|
-
}
|
|
2220
|
-
},
|
|
2221
|
-
|
|
2222
|
-
methods: {
|
|
2223
|
-
displayTooltip: function displayTooltip() {
|
|
2224
|
-
this.$refs.tooltip && (this.$refs.tooltip.showPopper = true);
|
|
2225
|
-
},
|
|
2226
|
-
hideTooltip: function hideTooltip() {
|
|
2227
|
-
this.$refs.tooltip && (this.$refs.tooltip.showPopper = false);
|
|
2228
|
-
},
|
|
2229
|
-
handleMouseEnter: function handleMouseEnter() {
|
|
2230
|
-
this.hovering = true;
|
|
2231
|
-
this.displayTooltip();
|
|
2232
|
-
},
|
|
2233
|
-
handleMouseLeave: function handleMouseLeave() {
|
|
2234
|
-
this.hovering = false;
|
|
2235
|
-
this.hideTooltip();
|
|
2236
|
-
},
|
|
2237
|
-
onButtonDown: function onButtonDown(event) {
|
|
2238
|
-
if (this.disabled) return;
|
|
2239
|
-
event.preventDefault();
|
|
2240
|
-
this.onDragStart(event);
|
|
2241
|
-
window.addEventListener('mousemove', this.onDragging);
|
|
2242
|
-
window.addEventListener('touchmove', this.onDragging);
|
|
2243
|
-
window.addEventListener('mouseup', this.onDragEnd);
|
|
2244
|
-
window.addEventListener('touchend', this.onDragEnd);
|
|
2245
|
-
window.addEventListener('contextmenu', this.onDragEnd);
|
|
2246
|
-
},
|
|
2247
|
-
onLeftKeyDown: function onLeftKeyDown() {
|
|
2248
|
-
if (this.disabled) return;
|
|
2249
|
-
this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100;
|
|
2250
|
-
this.setPosition(this.newPosition);
|
|
2251
|
-
this.$parent.emitChange();
|
|
2252
|
-
},
|
|
2253
|
-
onRightKeyDown: function onRightKeyDown() {
|
|
2254
|
-
if (this.disabled) return;
|
|
2255
|
-
this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100;
|
|
2256
|
-
this.setPosition(this.newPosition);
|
|
2257
|
-
this.$parent.emitChange();
|
|
2258
|
-
},
|
|
2259
|
-
onDragStart: function onDragStart(event) {
|
|
2260
|
-
this.dragging = true;
|
|
2261
|
-
this.isClick = true;
|
|
2262
|
-
if (event.type === 'touchstart') {
|
|
2263
|
-
event.clientY = event.touches[0].clientY;
|
|
2264
|
-
event.clientX = event.touches[0].clientX;
|
|
2265
|
-
}
|
|
2266
|
-
if (this.vertical) {
|
|
2267
|
-
this.startY = event.clientY;
|
|
2268
|
-
} else {
|
|
2269
|
-
this.startX = event.clientX;
|
|
2270
|
-
}
|
|
2271
|
-
this.startPosition = parseFloat(this.currentPosition);
|
|
2272
|
-
this.newPosition = this.startPosition;
|
|
2273
|
-
},
|
|
2274
|
-
onDragging: function onDragging(event) {
|
|
2275
|
-
if (this.dragging) {
|
|
2276
|
-
this.isClick = false;
|
|
2277
|
-
this.displayTooltip();
|
|
2278
|
-
this.$parent.resetSize();
|
|
2279
|
-
var diff = 0;
|
|
2280
|
-
if (event.type === 'touchmove') {
|
|
2281
|
-
event.clientY = event.touches[0].clientY;
|
|
2282
|
-
event.clientX = event.touches[0].clientX;
|
|
2283
|
-
}
|
|
2284
|
-
if (this.vertical) {
|
|
2285
|
-
this.currentY = event.clientY;
|
|
2286
|
-
diff = (this.startY - this.currentY) / this.$parent.sliderSize * 100;
|
|
2287
|
-
} else {
|
|
2288
|
-
this.currentX = event.clientX;
|
|
2289
|
-
diff = (this.currentX - this.startX) / this.$parent.sliderSize * 100;
|
|
2290
|
-
}
|
|
2291
|
-
this.newPosition = this.startPosition + diff;
|
|
2292
|
-
this.setPosition(this.newPosition);
|
|
2293
|
-
}
|
|
2294
|
-
},
|
|
2295
|
-
onDragEnd: function onDragEnd() {
|
|
2296
|
-
var _this = this;
|
|
2297
|
-
|
|
2298
|
-
if (this.dragging) {
|
|
2299
|
-
/*
|
|
2300
|
-
* 防止在 mouseup 后立即触发 click,导致滑块有几率产生一小段位移
|
|
2301
|
-
* 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
|
|
2302
|
-
*/
|
|
2303
|
-
setTimeout(function () {
|
|
2304
|
-
_this.dragging = false;
|
|
2305
|
-
_this.hideTooltip();
|
|
2306
|
-
if (!_this.isClick) {
|
|
2307
|
-
_this.setPosition(_this.newPosition);
|
|
2308
|
-
_this.$parent.emitChange();
|
|
2309
|
-
}
|
|
2310
|
-
}, 0);
|
|
2311
|
-
window.removeEventListener('mousemove', this.onDragging);
|
|
2312
|
-
window.removeEventListener('touchmove', this.onDragging);
|
|
2313
|
-
window.removeEventListener('mouseup', this.onDragEnd);
|
|
2314
|
-
window.removeEventListener('touchend', this.onDragEnd);
|
|
2315
|
-
window.removeEventListener('contextmenu', this.onDragEnd);
|
|
2316
|
-
}
|
|
2317
|
-
},
|
|
2318
|
-
setPosition: function setPosition(newPosition) {
|
|
2319
|
-
var _this2 = this;
|
|
2320
|
-
|
|
2321
|
-
if (newPosition === null || isNaN(newPosition)) return;
|
|
2322
|
-
if (newPosition < 0) {
|
|
2323
|
-
newPosition = 0;
|
|
2324
|
-
} else if (newPosition > 100) {
|
|
2325
|
-
newPosition = 100;
|
|
2326
|
-
}
|
|
2327
|
-
var lengthPerStep = 100 / ((this.max - this.min) / this.step);
|
|
2328
|
-
var steps = Math.round(newPosition / lengthPerStep);
|
|
2329
|
-
var value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min;
|
|
2330
|
-
value = parseFloat(value.toFixed(this.precision));
|
|
2331
|
-
this.$emit('input', value);
|
|
2332
|
-
this.$nextTick(function () {
|
|
2333
|
-
_this2.displayTooltip();
|
|
2334
|
-
_this2.$refs.tooltip && _this2.$refs.tooltip.updatePopper();
|
|
2335
|
-
});
|
|
2336
|
-
if (!this.dragging && this.value !== this.oldValue) {
|
|
2337
|
-
this.oldValue = this.value;
|
|
2338
|
-
}
|
|
2339
|
-
}
|
|
2340
|
-
}
|
|
2341
|
-
});
|
|
2342
|
-
// CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=script&lang=js
|
|
2343
|
-
/* harmony default export */ var src_buttonvue_type_script_lang_js = (buttonvue_type_script_lang_js);
|
|
2344
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
2345
|
-
var componentNormalizer = __webpack_require__(0);
|
|
2346
|
-
|
|
2347
|
-
// CONCATENATED MODULE: ./packages/slider/src/button.vue
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
/* normalize component */
|
|
2354
|
-
|
|
2355
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
2356
|
-
src_buttonvue_type_script_lang_js,
|
|
2357
|
-
buttonvue_type_template_id_6c945400_render,
|
|
2358
|
-
buttonvue_type_template_id_6c945400_staticRenderFns,
|
|
2359
|
-
false,
|
|
2360
|
-
null,
|
|
2361
|
-
null,
|
|
2362
|
-
null
|
|
2363
|
-
|
|
2364
|
-
)
|
|
2365
|
-
|
|
2366
|
-
/* harmony default export */ var src_button = (component.exports);
|
|
2367
|
-
// CONCATENATED MODULE: ./packages/slider/src/marker.js
|
|
2368
|
-
/* harmony default export */ var marker = ({
|
|
2369
|
-
name: 'ElMarker',
|
|
2370
|
-
|
|
2371
|
-
props: {
|
|
2372
|
-
mark: {
|
|
2373
|
-
type: [String, Object]
|
|
2374
|
-
}
|
|
2375
|
-
},
|
|
2376
|
-
render: function render() {
|
|
2377
|
-
var h = arguments[0];
|
|
2378
|
-
|
|
2379
|
-
var label = typeof this.mark === 'string' ? this.mark : this.mark.label;
|
|
2380
|
-
|
|
2381
|
-
return h(
|
|
2382
|
-
'div',
|
|
2383
|
-
{ 'class': 'el-slider__marks-text', style: this.mark.style || {} },
|
|
2384
|
-
[label]
|
|
2385
|
-
);
|
|
2386
|
-
}
|
|
2387
|
-
});
|
|
2388
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
|
|
2389
|
-
var emitter_ = __webpack_require__(4);
|
|
2390
|
-
var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
2391
|
-
|
|
2392
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/main.vue?vue&type=script&lang=js
|
|
2393
|
-
//
|
|
2394
|
-
//
|
|
2395
|
-
//
|
|
2396
|
-
//
|
|
2397
|
-
//
|
|
2398
|
-
//
|
|
2399
|
-
//
|
|
2400
|
-
//
|
|
2401
|
-
//
|
|
2402
|
-
//
|
|
2403
|
-
//
|
|
2404
|
-
//
|
|
2405
|
-
//
|
|
2406
|
-
//
|
|
2407
|
-
//
|
|
2408
|
-
//
|
|
2409
|
-
//
|
|
2410
|
-
//
|
|
2411
|
-
//
|
|
2412
|
-
//
|
|
2413
|
-
//
|
|
2414
|
-
//
|
|
2415
|
-
//
|
|
2416
|
-
//
|
|
2417
|
-
//
|
|
2418
|
-
//
|
|
2419
|
-
//
|
|
2420
|
-
//
|
|
2421
|
-
//
|
|
2422
|
-
//
|
|
2423
|
-
//
|
|
2424
|
-
//
|
|
2425
|
-
//
|
|
2426
|
-
//
|
|
2427
|
-
//
|
|
2428
|
-
//
|
|
2429
|
-
//
|
|
2430
|
-
//
|
|
2431
|
-
//
|
|
2432
|
-
//
|
|
2433
|
-
//
|
|
2434
|
-
//
|
|
2435
|
-
//
|
|
2436
|
-
//
|
|
2437
|
-
//
|
|
2438
|
-
//
|
|
2439
|
-
//
|
|
2440
|
-
//
|
|
2441
|
-
//
|
|
2442
|
-
//
|
|
2443
|
-
//
|
|
2444
|
-
//
|
|
2445
|
-
//
|
|
2446
|
-
//
|
|
2447
|
-
//
|
|
2448
|
-
//
|
|
2449
|
-
//
|
|
2450
|
-
//
|
|
2451
|
-
//
|
|
2452
|
-
//
|
|
2453
|
-
//
|
|
2454
|
-
//
|
|
2455
|
-
//
|
|
2456
|
-
//
|
|
2457
|
-
//
|
|
2458
|
-
//
|
|
2459
|
-
//
|
|
2460
|
-
//
|
|
2461
|
-
//
|
|
2462
|
-
//
|
|
2463
|
-
//
|
|
2464
|
-
//
|
|
2465
|
-
//
|
|
2466
|
-
//
|
|
2467
|
-
//
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
/* harmony default export */ var mainvue_type_script_lang_js = ({
|
|
2475
|
-
name: 'ElSlider',
|
|
2476
|
-
|
|
2477
|
-
mixins: [emitter_default.a],
|
|
2478
|
-
|
|
2479
|
-
inject: {
|
|
2480
|
-
elForm: {
|
|
2481
|
-
default: ''
|
|
2482
|
-
}
|
|
2483
|
-
},
|
|
2484
|
-
|
|
2485
|
-
props: {
|
|
2486
|
-
min: {
|
|
2487
|
-
type: Number,
|
|
2488
|
-
default: 0
|
|
2489
|
-
},
|
|
2490
|
-
max: {
|
|
2491
|
-
type: Number,
|
|
2492
|
-
default: 100
|
|
2493
|
-
},
|
|
2494
|
-
step: {
|
|
2495
|
-
type: Number,
|
|
2496
|
-
default: 1
|
|
2497
|
-
},
|
|
2498
|
-
value: {
|
|
2499
|
-
type: [Number, Array],
|
|
2500
|
-
default: 0
|
|
2501
|
-
},
|
|
2502
|
-
showInput: {
|
|
2503
|
-
type: Boolean,
|
|
2504
|
-
default: false
|
|
2505
|
-
},
|
|
2506
|
-
showInputControls: {
|
|
2507
|
-
type: Boolean,
|
|
2508
|
-
default: true
|
|
2509
|
-
},
|
|
2510
|
-
inputSize: {
|
|
2511
|
-
type: String,
|
|
2512
|
-
default: 'small'
|
|
2513
|
-
},
|
|
2514
|
-
showStops: {
|
|
2515
|
-
type: Boolean,
|
|
2516
|
-
default: false
|
|
2517
|
-
},
|
|
2518
|
-
showTooltip: {
|
|
2519
|
-
type: Boolean,
|
|
2520
|
-
default: true
|
|
2521
|
-
},
|
|
2522
|
-
formatTooltip: Function,
|
|
2523
|
-
disabled: {
|
|
2524
|
-
type: Boolean,
|
|
2525
|
-
default: false
|
|
2526
|
-
},
|
|
2527
|
-
range: {
|
|
2528
|
-
type: Boolean,
|
|
2529
|
-
default: false
|
|
2530
|
-
},
|
|
2531
|
-
vertical: {
|
|
2532
|
-
type: Boolean,
|
|
2533
|
-
default: false
|
|
2534
|
-
},
|
|
2535
|
-
height: {
|
|
2536
|
-
type: String
|
|
2537
|
-
},
|
|
2538
|
-
debounce: {
|
|
2539
|
-
type: Number,
|
|
2540
|
-
default: 300
|
|
2541
|
-
},
|
|
2542
|
-
label: {
|
|
2543
|
-
type: String
|
|
2544
|
-
},
|
|
2545
|
-
tooltipClass: String,
|
|
2546
|
-
marks: Object
|
|
2547
|
-
},
|
|
2548
|
-
|
|
2549
|
-
components: {
|
|
2550
|
-
ElInputNumber: input_number["default"],
|
|
2551
|
-
SliderButton: src_button,
|
|
2552
|
-
SliderMarker: marker
|
|
2553
|
-
},
|
|
2554
|
-
|
|
2555
|
-
data: function data() {
|
|
2556
|
-
return {
|
|
2557
|
-
firstValue: null,
|
|
2558
|
-
secondValue: null,
|
|
2559
|
-
oldValue: null,
|
|
2560
|
-
dragging: false,
|
|
2561
|
-
sliderSize: 1
|
|
2562
|
-
};
|
|
2563
|
-
},
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
watch: {
|
|
2567
|
-
value: function value(val, oldVal) {
|
|
2568
|
-
if (this.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every(function (item, index) {
|
|
2569
|
-
return item === oldVal[index];
|
|
2570
|
-
})) {
|
|
2571
|
-
return;
|
|
2572
|
-
}
|
|
2573
|
-
this.setValues();
|
|
2574
|
-
},
|
|
2575
|
-
dragging: function dragging(val) {
|
|
2576
|
-
if (!val) {
|
|
2577
|
-
this.setValues();
|
|
2578
|
-
}
|
|
2579
|
-
},
|
|
2580
|
-
firstValue: function firstValue(val) {
|
|
2581
|
-
if (this.range) {
|
|
2582
|
-
this.$emit('input', [this.minValue, this.maxValue]);
|
|
2583
|
-
} else {
|
|
2584
|
-
this.$emit('input', val);
|
|
2585
|
-
}
|
|
2586
|
-
},
|
|
2587
|
-
secondValue: function secondValue() {
|
|
2588
|
-
if (this.range) {
|
|
2589
|
-
this.$emit('input', [this.minValue, this.maxValue]);
|
|
2590
|
-
}
|
|
2591
|
-
},
|
|
2592
|
-
min: function min() {
|
|
2593
|
-
this.setValues();
|
|
2594
|
-
},
|
|
2595
|
-
max: function max() {
|
|
2596
|
-
this.setValues();
|
|
2597
|
-
}
|
|
2598
|
-
},
|
|
2599
|
-
|
|
2600
|
-
methods: {
|
|
2601
|
-
valueChanged: function valueChanged() {
|
|
2602
|
-
var _this = this;
|
|
2603
|
-
|
|
2604
|
-
if (this.range) {
|
|
2605
|
-
return ![this.minValue, this.maxValue].every(function (item, index) {
|
|
2606
|
-
return item === _this.oldValue[index];
|
|
2607
|
-
});
|
|
2608
|
-
} else {
|
|
2609
|
-
return this.value !== this.oldValue;
|
|
2610
|
-
}
|
|
2611
|
-
},
|
|
2612
|
-
setValues: function setValues() {
|
|
2613
|
-
if (this.min > this.max) {
|
|
2614
|
-
console.error('[Element Error][Slider]min should not be greater than max.');
|
|
2615
|
-
return;
|
|
2616
|
-
}
|
|
2617
|
-
var val = this.value;
|
|
2618
|
-
if (this.range && Array.isArray(val)) {
|
|
2619
|
-
if (val[1] < this.min) {
|
|
2620
|
-
this.$emit('input', [this.min, this.min]);
|
|
2621
|
-
} else if (val[0] > this.max) {
|
|
2622
|
-
this.$emit('input', [this.max, this.max]);
|
|
2623
|
-
} else if (val[0] < this.min) {
|
|
2624
|
-
this.$emit('input', [this.min, val[1]]);
|
|
2625
|
-
} else if (val[1] > this.max) {
|
|
2626
|
-
this.$emit('input', [val[0], this.max]);
|
|
2627
|
-
} else {
|
|
2628
|
-
this.firstValue = val[0];
|
|
2629
|
-
this.secondValue = val[1];
|
|
2630
|
-
if (this.valueChanged()) {
|
|
2631
|
-
this.dispatch('ElFormItem', 'el.form.change', [this.minValue, this.maxValue]);
|
|
2632
|
-
this.oldValue = val.slice();
|
|
2633
|
-
}
|
|
2634
|
-
}
|
|
2635
|
-
} else if (!this.range && typeof val === 'number' && !isNaN(val)) {
|
|
2636
|
-
if (val < this.min) {
|
|
2637
|
-
this.$emit('input', this.min);
|
|
2638
|
-
} else if (val > this.max) {
|
|
2639
|
-
this.$emit('input', this.max);
|
|
2640
|
-
} else {
|
|
2641
|
-
this.firstValue = val;
|
|
2642
|
-
if (this.valueChanged()) {
|
|
2643
|
-
this.dispatch('ElFormItem', 'el.form.change', val);
|
|
2644
|
-
this.oldValue = val;
|
|
2645
|
-
}
|
|
2646
|
-
}
|
|
2647
|
-
}
|
|
2648
|
-
},
|
|
2649
|
-
setPosition: function setPosition(percent) {
|
|
2650
|
-
var targetValue = this.min + percent * (this.max - this.min) / 100;
|
|
2651
|
-
if (!this.range) {
|
|
2652
|
-
this.$refs.button1.setPosition(percent);
|
|
2653
|
-
return;
|
|
2654
|
-
}
|
|
2655
|
-
var button = void 0;
|
|
2656
|
-
if (Math.abs(this.minValue - targetValue) < Math.abs(this.maxValue - targetValue)) {
|
|
2657
|
-
button = this.firstValue < this.secondValue ? 'button1' : 'button2';
|
|
2658
|
-
} else {
|
|
2659
|
-
button = this.firstValue > this.secondValue ? 'button1' : 'button2';
|
|
2660
|
-
}
|
|
2661
|
-
this.$refs[button].setPosition(percent);
|
|
2662
|
-
},
|
|
2663
|
-
onSliderClick: function onSliderClick(event) {
|
|
2664
|
-
if (this.sliderDisabled || this.dragging) return;
|
|
2665
|
-
this.resetSize();
|
|
2666
|
-
if (this.vertical) {
|
|
2667
|
-
var sliderOffsetBottom = this.$refs.slider.getBoundingClientRect().bottom;
|
|
2668
|
-
this.setPosition((sliderOffsetBottom - event.clientY) / this.sliderSize * 100);
|
|
2669
|
-
} else {
|
|
2670
|
-
var sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
|
|
2671
|
-
this.setPosition((event.clientX - sliderOffsetLeft) / this.sliderSize * 100);
|
|
2672
|
-
}
|
|
2673
|
-
this.emitChange();
|
|
2674
|
-
},
|
|
2675
|
-
resetSize: function resetSize() {
|
|
2676
|
-
if (this.$refs.slider) {
|
|
2677
|
-
this.sliderSize = this.$refs.slider['client' + (this.vertical ? 'Height' : 'Width')];
|
|
2678
|
-
}
|
|
2679
|
-
},
|
|
2680
|
-
emitChange: function emitChange() {
|
|
2681
|
-
var _this2 = this;
|
|
2682
|
-
|
|
2683
|
-
this.$nextTick(function () {
|
|
2684
|
-
_this2.$emit('change', _this2.range ? [_this2.minValue, _this2.maxValue] : _this2.value);
|
|
2685
|
-
});
|
|
2686
|
-
},
|
|
2687
|
-
getStopStyle: function getStopStyle(position) {
|
|
2688
|
-
return this.vertical ? { 'bottom': position + '%' } : { 'left': position + '%' };
|
|
2689
|
-
}
|
|
2690
|
-
},
|
|
2691
|
-
|
|
2692
|
-
computed: {
|
|
2693
|
-
stops: function stops() {
|
|
2694
|
-
var _this3 = this;
|
|
2695
|
-
|
|
2696
|
-
if (!this.showStops || this.min > this.max) return [];
|
|
2697
|
-
if (this.step === 0) {
|
|
2698
|
-
false && false;
|
|
2699
|
-
return [];
|
|
2700
|
-
}
|
|
2701
|
-
var stopCount = (this.max - this.min) / this.step;
|
|
2702
|
-
var stepWidth = 100 * this.step / (this.max - this.min);
|
|
2703
|
-
var result = [];
|
|
2704
|
-
for (var i = 1; i < stopCount; i++) {
|
|
2705
|
-
result.push(i * stepWidth);
|
|
2706
|
-
}
|
|
2707
|
-
if (this.range) {
|
|
2708
|
-
return result.filter(function (step) {
|
|
2709
|
-
return step < 100 * (_this3.minValue - _this3.min) / (_this3.max - _this3.min) || step > 100 * (_this3.maxValue - _this3.min) / (_this3.max - _this3.min);
|
|
2710
|
-
});
|
|
2711
|
-
} else {
|
|
2712
|
-
return result.filter(function (step) {
|
|
2713
|
-
return step > 100 * (_this3.firstValue - _this3.min) / (_this3.max - _this3.min);
|
|
2714
|
-
});
|
|
2715
|
-
}
|
|
2716
|
-
},
|
|
2717
|
-
markList: function markList() {
|
|
2718
|
-
var _this4 = this;
|
|
2719
|
-
|
|
2720
|
-
if (!this.marks) {
|
|
2721
|
-
return [];
|
|
2722
|
-
}
|
|
2723
|
-
|
|
2724
|
-
var marksKeys = Object.keys(this.marks);
|
|
2725
|
-
return marksKeys.map(parseFloat).sort(function (a, b) {
|
|
2726
|
-
return a - b;
|
|
2727
|
-
}).filter(function (point) {
|
|
2728
|
-
return point <= _this4.max && point >= _this4.min;
|
|
2729
|
-
}).map(function (point) {
|
|
2730
|
-
return {
|
|
2731
|
-
point: point,
|
|
2732
|
-
position: (point - _this4.min) * 100 / (_this4.max - _this4.min),
|
|
2733
|
-
mark: _this4.marks[point]
|
|
2734
|
-
};
|
|
2735
|
-
});
|
|
2736
|
-
},
|
|
2737
|
-
minValue: function minValue() {
|
|
2738
|
-
return Math.min(this.firstValue, this.secondValue);
|
|
2739
|
-
},
|
|
2740
|
-
maxValue: function maxValue() {
|
|
2741
|
-
return Math.max(this.firstValue, this.secondValue);
|
|
2742
|
-
},
|
|
2743
|
-
barSize: function barSize() {
|
|
2744
|
-
return this.range ? 100 * (this.maxValue - this.minValue) / (this.max - this.min) + '%' : 100 * (this.firstValue - this.min) / (this.max - this.min) + '%';
|
|
2745
|
-
},
|
|
2746
|
-
barStart: function barStart() {
|
|
2747
|
-
return this.range ? 100 * (this.minValue - this.min) / (this.max - this.min) + '%' : '0%';
|
|
2748
|
-
},
|
|
2749
|
-
precision: function precision() {
|
|
2750
|
-
var precisions = [this.min, this.max, this.step].map(function (item) {
|
|
2751
|
-
var decimal = ('' + item).split('.')[1];
|
|
2752
|
-
return decimal ? decimal.length : 0;
|
|
2753
|
-
});
|
|
2754
|
-
return Math.max.apply(null, precisions);
|
|
2755
|
-
},
|
|
2756
|
-
runwayStyle: function runwayStyle() {
|
|
2757
|
-
return this.vertical ? { height: this.height } : {};
|
|
2758
|
-
},
|
|
2759
|
-
barStyle: function barStyle() {
|
|
2760
|
-
return this.vertical ? {
|
|
2761
|
-
height: this.barSize,
|
|
2762
|
-
bottom: this.barStart
|
|
2763
|
-
} : {
|
|
2764
|
-
width: this.barSize,
|
|
2765
|
-
left: this.barStart
|
|
2766
|
-
};
|
|
2767
|
-
},
|
|
2768
|
-
sliderDisabled: function sliderDisabled() {
|
|
2769
|
-
return this.disabled || (this.elForm || {}).disabled;
|
|
2770
|
-
}
|
|
2771
|
-
},
|
|
2772
|
-
|
|
2773
|
-
mounted: function mounted() {
|
|
2774
|
-
var valuetext = void 0;
|
|
2775
|
-
if (this.range) {
|
|
2776
|
-
if (Array.isArray(this.value)) {
|
|
2777
|
-
this.firstValue = Math.max(this.min, this.value[0]);
|
|
2778
|
-
this.secondValue = Math.min(this.max, this.value[1]);
|
|
2779
|
-
} else {
|
|
2780
|
-
this.firstValue = this.min;
|
|
2781
|
-
this.secondValue = this.max;
|
|
2782
|
-
}
|
|
2783
|
-
this.oldValue = [this.firstValue, this.secondValue];
|
|
2784
|
-
valuetext = this.firstValue + '-' + this.secondValue;
|
|
2785
|
-
} else {
|
|
2786
|
-
if (typeof this.value !== 'number' || isNaN(this.value)) {
|
|
2787
|
-
this.firstValue = this.min;
|
|
2788
|
-
} else {
|
|
2789
|
-
this.firstValue = Math.min(this.max, Math.max(this.min, this.value));
|
|
2790
|
-
}
|
|
2791
|
-
this.oldValue = this.firstValue;
|
|
2792
|
-
valuetext = this.firstValue;
|
|
2793
|
-
}
|
|
2794
|
-
this.$el.setAttribute('aria-valuetext', valuetext);
|
|
2795
|
-
|
|
2796
|
-
// label screen reader
|
|
2797
|
-
this.$el.setAttribute('aria-label', this.label ? this.label : 'slider between ' + this.min + ' and ' + this.max);
|
|
2798
|
-
|
|
2799
|
-
this.resetSize();
|
|
2800
|
-
window.addEventListener('resize', this.resetSize);
|
|
2801
|
-
},
|
|
2802
|
-
beforeDestroy: function beforeDestroy() {
|
|
2803
|
-
window.removeEventListener('resize', this.resetSize);
|
|
2804
|
-
}
|
|
2805
|
-
});
|
|
2806
|
-
// CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=script&lang=js
|
|
2807
|
-
/* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js);
|
|
2808
|
-
// CONCATENATED MODULE: ./packages/slider/src/main.vue
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
/* normalize component */
|
|
2815
|
-
|
|
2816
|
-
var main_component = Object(componentNormalizer["a" /* default */])(
|
|
2817
|
-
src_mainvue_type_script_lang_js,
|
|
2818
|
-
render,
|
|
2819
|
-
staticRenderFns,
|
|
2820
|
-
false,
|
|
2821
|
-
null,
|
|
2822
|
-
null,
|
|
2823
|
-
null
|
|
2824
|
-
|
|
2825
|
-
)
|
|
2826
|
-
|
|
2827
|
-
/* harmony default export */ var main = (main_component.exports);
|
|
2828
|
-
// CONCATENATED MODULE: ./packages/slider/index.js
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
/* istanbul ignore next */
|
|
2832
|
-
main.install = function (Vue) {
|
|
2833
|
-
Vue.component(main.name, main);
|
|
2834
|
-
};
|
|
2835
|
-
|
|
2836
|
-
/* harmony default export */ var slider = __webpack_exports__["default"] = (main);
|
|
2837
|
-
|
|
2838
|
-
/***/ }),
|
|
2839
|
-
|
|
2840
|
-
/***/ 7:
|
|
2841
|
-
/***/ (function(module, exports) {
|
|
2842
|
-
|
|
2843
|
-
module.exports = require("element-ui/lib/mixins/migrating");
|
|
2844
|
-
|
|
2845
|
-
/***/ }),
|
|
2846
|
-
|
|
2847
|
-
/***/ 8:
|
|
2848
|
-
/***/ (function(module, exports) {
|
|
2849
|
-
|
|
2850
|
-
module.exports = require("vue");
|
|
2851
|
-
|
|
2852
|
-
/***/ })
|
|
2853
|
-
|
|
2854
|
-
/******/ });
|