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.
Files changed (96) hide show
  1. package/lib/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/index.js +1 -1
  4. package/lib/Alert.js +0 -420
  5. package/lib/Aside.js +0 -277
  6. package/lib/Autocomplete.js +0 -2051
  7. package/lib/Avatar.js +0 -363
  8. package/lib/Backtop.js +0 -404
  9. package/lib/Badge.js +0 -334
  10. package/lib/Breadcrumb.js +0 -293
  11. package/lib/BreadcrumbItem.js +0 -322
  12. package/lib/Button.js +0 -357
  13. package/lib/ButtonGroup.js +0 -262
  14. package/lib/Calendar.js +0 -1146
  15. package/lib/Card.js +0 -297
  16. package/lib/Carousel.js +0 -707
  17. package/lib/CarouselItem.js +0 -434
  18. package/lib/Cascader.js +0 -4641
  19. package/lib/CascaderPanel.js +0 -2602
  20. package/lib/Checkbox.js +0 -627
  21. package/lib/CheckboxButton.js +0 -583
  22. package/lib/CheckboxGroup.js +0 -313
  23. package/lib/Col.js +0 -177
  24. package/lib/Collapse.js +0 -329
  25. package/lib/CollapseItem.js +0 -497
  26. package/lib/ColorPicker.js +0 -2885
  27. package/lib/Container.js +0 -288
  28. package/lib/CySelectDisplayInput.js +0 -367
  29. package/lib/CySubTitle.js +0 -295
  30. package/lib/CyTabDialog.js +0 -1184
  31. package/lib/CyTreeSelect.js +0 -4422
  32. package/lib/DatePicker.js +0 -7574
  33. package/lib/Descriptions.js +0 -457
  34. package/lib/DescriptionsItem.js +0 -140
  35. package/lib/Dialog.js +0 -598
  36. package/lib/Divider.js +0 -313
  37. package/lib/Drawer.js +0 -592
  38. package/lib/Dropdown.js +0 -856
  39. package/lib/DropdownItem.js +0 -316
  40. package/lib/DropdownMenu.js +0 -351
  41. package/lib/Empty.js +0 -730
  42. package/lib/Footer.js +0 -277
  43. package/lib/Form.js +0 -466
  44. package/lib/FormItem.js +0 -826
  45. package/lib/Header.js +0 -277
  46. package/lib/Icon.js +0 -265
  47. package/lib/Image.js +0 -1138
  48. package/lib/InfiniteScroll.js +0 -301
  49. package/lib/Input.js +0 -999
  50. package/lib/InputNumber.js +0 -1552
  51. package/lib/Link.js +0 -332
  52. package/lib/Loading.js +0 -631
  53. package/lib/Main.js +0 -264
  54. package/lib/Menu.js +0 -865
  55. package/lib/MenuItem.js +0 -818
  56. package/lib/MenuItemGroup.js +0 -308
  57. package/lib/Message.js +0 -548
  58. package/lib/MessageBox.js +0 -2134
  59. package/lib/Notification.js +0 -615
  60. package/lib/Option.js +0 -474
  61. package/lib/OptionGroup.js +0 -344
  62. package/lib/PageHeader.js +0 -319
  63. package/lib/Pagination.js +0 -4123
  64. package/lib/Popconfirm.js +0 -1025
  65. package/lib/Popover.js +0 -617
  66. package/lib/Progress.js +0 -595
  67. package/lib/Radio.js +0 -497
  68. package/lib/RadioButton.js +0 -463
  69. package/lib/RadioGroup.js +0 -391
  70. package/lib/Rate.js +0 -670
  71. package/lib/Result.js +0 -578
  72. package/lib/Row.js +0 -149
  73. package/lib/Scrollbar.js +0 -423
  74. package/lib/Select.js +0 -3368
  75. package/lib/Skeleton.js +0 -372
  76. package/lib/SkeletonItem.js +0 -342
  77. package/lib/Slider.js +0 -2854
  78. package/lib/Spinner.js +0 -301
  79. package/lib/Statistic.js +0 -533
  80. package/lib/Step.js +0 -522
  81. package/lib/Steps.js +0 -342
  82. package/lib/Submenu.js +0 -700
  83. package/lib/Switch.js +0 -554
  84. package/lib/TabPane.js +0 -332
  85. package/lib/Table.js +0 -6125
  86. package/lib/TableColumn.js +0 -1481
  87. package/lib/Tabs.js +0 -920
  88. package/lib/Tag.js +0 -304
  89. package/lib/TimePicker.js +0 -4059
  90. package/lib/TimeSelect.js +0 -2871
  91. package/lib/Timeline.js +0 -275
  92. package/lib/TimelineItem.js +0 -371
  93. package/lib/Tooltip.js +0 -425
  94. package/lib/Transfer.js +0 -2557
  95. package/lib/Tree.js +0 -2680
  96. package/lib/Upload.js +0 -1782
package/lib/Transfer.js DELETED
@@ -1,2557 +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 = 64);
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
- /***/ 11:
196
- /***/ (function(module, exports) {
197
-
198
- module.exports = require("element-ui/lib/utils/shared");
199
-
200
- /***/ }),
201
-
202
- /***/ 13:
203
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
204
-
205
- "use strict";
206
- // ESM COMPAT FLAG
207
- __webpack_require__.r(__webpack_exports__);
208
-
209
- // 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
210
- var render = function () {
211
- var _vm = this
212
- var _h = _vm.$createElement
213
- var _c = _vm._self._c || _h
214
- return _c(
215
- "div",
216
- {
217
- class: [
218
- _vm.type === "textarea" ? "el-textarea" : "el-input",
219
- _vm.inputSize ? "el-input--" + _vm.inputSize : "",
220
- {
221
- "is-disabled": _vm.inputDisabled,
222
- "is-exceed": _vm.inputExceed,
223
- "el-input-group": _vm.$slots.prepend || _vm.$slots.append,
224
- "el-input-group--append": _vm.$slots.append,
225
- "el-input-group--prepend": _vm.$slots.prepend,
226
- "el-input--prefix": _vm.$slots.prefix || _vm.prefixIcon,
227
- "el-input--suffix":
228
- _vm.$slots.suffix ||
229
- _vm.suffixIcon ||
230
- _vm.clearable ||
231
- _vm.showPassword,
232
- },
233
- ],
234
- on: {
235
- mouseenter: function ($event) {
236
- _vm.hovering = true
237
- },
238
- mouseleave: function ($event) {
239
- _vm.hovering = false
240
- },
241
- },
242
- },
243
- [
244
- _vm.type !== "textarea"
245
- ? [
246
- _vm.$slots.prepend
247
- ? _c(
248
- "div",
249
- { staticClass: "el-input-group__prepend" },
250
- [_vm._t("prepend")],
251
- 2
252
- )
253
- : _vm._e(),
254
- _vm.type !== "textarea"
255
- ? _c(
256
- "input",
257
- _vm._b(
258
- {
259
- ref: "input",
260
- staticClass: "el-input__inner",
261
- attrs: {
262
- tabindex: _vm.tabindex,
263
- type: _vm.showPassword
264
- ? _vm.passwordVisible
265
- ? "text"
266
- : "password"
267
- : _vm.type,
268
- disabled: _vm.inputDisabled,
269
- readonly: _vm.readonly,
270
- autocomplete: _vm.autoComplete || _vm.autocomplete,
271
- "aria-label": _vm.label,
272
- },
273
- on: {
274
- compositionstart: _vm.handleCompositionStart,
275
- compositionupdate: _vm.handleCompositionUpdate,
276
- compositionend: _vm.handleCompositionEnd,
277
- input: _vm.handleInput,
278
- focus: _vm.handleFocus,
279
- blur: _vm.handleBlur,
280
- change: _vm.handleChange,
281
- },
282
- },
283
- "input",
284
- _vm.$attrs,
285
- false
286
- )
287
- )
288
- : _vm._e(),
289
- _vm.$slots.prefix || _vm.prefixIcon
290
- ? _c(
291
- "span",
292
- { staticClass: "el-input__prefix" },
293
- [
294
- _vm._t("prefix"),
295
- _vm.prefixIcon
296
- ? _c("i", {
297
- staticClass: "el-input__icon",
298
- class: _vm.prefixIcon,
299
- })
300
- : _vm._e(),
301
- ],
302
- 2
303
- )
304
- : _vm._e(),
305
- _vm.getSuffixVisible()
306
- ? _c("span", { staticClass: "el-input__suffix" }, [
307
- _c(
308
- "span",
309
- { staticClass: "el-input__suffix-inner" },
310
- [
311
- !_vm.showClear ||
312
- !_vm.showPwdVisible ||
313
- !_vm.isWordLimitVisible
314
- ? [
315
- _vm._t("suffix"),
316
- _vm.suffixIcon
317
- ? _c("i", {
318
- staticClass: "el-input__icon",
319
- class: _vm.suffixIcon,
320
- })
321
- : _vm._e(),
322
- ]
323
- : _vm._e(),
324
- _vm.showClear
325
- ? _c("i", {
326
- staticClass:
327
- "el-input__icon el-icon-circle-close el-input__clear",
328
- on: {
329
- mousedown: function ($event) {
330
- $event.preventDefault()
331
- },
332
- click: _vm.clear,
333
- },
334
- })
335
- : _vm._e(),
336
- _vm.showPwdVisible
337
- ? _c("i", {
338
- staticClass:
339
- "el-input__icon el-icon-view el-input__clear",
340
- on: { click: _vm.handlePasswordVisible },
341
- })
342
- : _vm._e(),
343
- _vm.isWordLimitVisible
344
- ? _c("span", { staticClass: "el-input__count" }, [
345
- _c(
346
- "span",
347
- { staticClass: "el-input__count-inner" },
348
- [
349
- _vm._v(
350
- "\n\t\t\t\t\t\t\t" +
351
- _vm._s(_vm.textLength) +
352
- "/" +
353
- _vm._s(_vm.upperLimit) +
354
- "\n\t\t\t\t\t\t"
355
- ),
356
- ]
357
- ),
358
- ])
359
- : _vm._e(),
360
- ],
361
- 2
362
- ),
363
- _vm.validateState
364
- ? _c("i", {
365
- staticClass: "el-input__icon",
366
- class: ["el-input__validateIcon", _vm.validateIcon],
367
- })
368
- : _vm._e(),
369
- ])
370
- : _vm._e(),
371
- _vm.$slots.append
372
- ? _c(
373
- "div",
374
- { staticClass: "el-input-group__append" },
375
- [_vm._t("append")],
376
- 2
377
- )
378
- : _vm._e(),
379
- ]
380
- : _c(
381
- "textarea",
382
- _vm._b(
383
- {
384
- ref: "textarea",
385
- staticClass: "el-textarea__inner",
386
- style: _vm.textareaStyle,
387
- attrs: {
388
- tabindex: _vm.tabindex,
389
- disabled: _vm.inputDisabled,
390
- readonly: _vm.readonly,
391
- autocomplete: _vm.autoComplete || _vm.autocomplete,
392
- "aria-label": _vm.label,
393
- },
394
- on: {
395
- compositionstart: _vm.handleCompositionStart,
396
- compositionupdate: _vm.handleCompositionUpdate,
397
- compositionend: _vm.handleCompositionEnd,
398
- input: _vm.handleInput,
399
- focus: _vm.handleFocus,
400
- blur: _vm.handleBlur,
401
- change: _vm.handleChange,
402
- },
403
- },
404
- "textarea",
405
- _vm.$attrs,
406
- false
407
- )
408
- ),
409
- _vm.isWordLimitVisible && _vm.type === "textarea"
410
- ? _c("span", { staticClass: "el-input__count" }, [
411
- _vm._v(_vm._s(_vm.textLength) + "/" + _vm._s(_vm.upperLimit)),
412
- ])
413
- : _vm._e(),
414
- ],
415
- 2
416
- )
417
- }
418
- var staticRenderFns = []
419
- render._withStripped = true
420
-
421
-
422
- // CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=template&id=048a9cde
423
-
424
- // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
425
- var emitter_ = __webpack_require__(4);
426
- var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
427
-
428
- // EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
429
- var migrating_ = __webpack_require__(7);
430
- var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
431
-
432
- // CONCATENATED MODULE: ./packages/input/src/calcTextareaHeight.js
433
- var hiddenTextarea = void 0;
434
-
435
- 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';
436
-
437
- 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'];
438
-
439
- function calculateNodeStyling(targetElement) {
440
- var style = window.getComputedStyle(targetElement);
441
-
442
- var boxSizing = style.getPropertyValue('box-sizing');
443
-
444
- var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
445
-
446
- var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
447
-
448
- var contextStyle = CONTEXT_STYLE.map(function (name) {
449
- return name + ':' + style.getPropertyValue(name);
450
- }).join(';');
451
-
452
- return { contextStyle: contextStyle, paddingSize: paddingSize, borderSize: borderSize, boxSizing: boxSizing };
453
- }
454
-
455
- function calcTextareaHeight(targetElement) {
456
- var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
457
- var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
458
-
459
- if (!hiddenTextarea) {
460
- hiddenTextarea = document.createElement('textarea');
461
- document.body.appendChild(hiddenTextarea);
462
- }
463
-
464
- var _calculateNodeStyling = calculateNodeStyling(targetElement),
465
- paddingSize = _calculateNodeStyling.paddingSize,
466
- borderSize = _calculateNodeStyling.borderSize,
467
- boxSizing = _calculateNodeStyling.boxSizing,
468
- contextStyle = _calculateNodeStyling.contextStyle;
469
-
470
- hiddenTextarea.setAttribute('style', contextStyle + ';' + HIDDEN_STYLE);
471
- hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
472
-
473
- var height = hiddenTextarea.scrollHeight;
474
- var result = {};
475
-
476
- if (boxSizing === 'border-box') {
477
- height = height + borderSize;
478
- } else if (boxSizing === 'content-box') {
479
- height = height - paddingSize;
480
- }
481
-
482
- hiddenTextarea.value = '';
483
- var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
484
-
485
- if (minRows !== null) {
486
- var minHeight = singleRowHeight * minRows;
487
- if (boxSizing === 'border-box') {
488
- minHeight = minHeight + paddingSize + borderSize;
489
- }
490
- height = Math.max(minHeight, height);
491
- result.minHeight = minHeight + 'px';
492
- }
493
- if (maxRows !== null) {
494
- var maxHeight = singleRowHeight * maxRows;
495
- if (boxSizing === 'border-box') {
496
- maxHeight = maxHeight + paddingSize + borderSize;
497
- }
498
- height = Math.min(maxHeight, height);
499
- }
500
- result.height = height + 'px';
501
- hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea);
502
- hiddenTextarea = null;
503
- return result;
504
- };
505
- // EXTERNAL MODULE: external "element-ui/lib/utils/merge"
506
- var merge_ = __webpack_require__(6);
507
- var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
508
-
509
- // EXTERNAL MODULE: external "element-ui/lib/utils/shared"
510
- var shared_ = __webpack_require__(11);
511
-
512
- // 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
513
- //
514
- //
515
- //
516
- //
517
- //
518
- //
519
- //
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
- /* harmony default export */ var inputvue_type_script_lang_js = ({
630
- name: 'ElInput',
631
-
632
- componentName: 'ElInput',
633
-
634
- mixins: [emitter_default.a, migrating_default.a],
635
-
636
- inheritAttrs: false,
637
-
638
- inject: {
639
- elForm: {
640
- default: ''
641
- },
642
- elFormItem: {
643
- default: ''
644
- }
645
- },
646
-
647
- data: function data() {
648
- return {
649
- textareaCalcStyle: {},
650
- hovering: false,
651
- focused: false,
652
- isComposing: false,
653
- passwordVisible: false
654
- };
655
- },
656
-
657
-
658
- props: {
659
- value: [String, Number],
660
- size: String,
661
- resize: String,
662
- form: String,
663
- disabled: Boolean,
664
- readonly: Boolean,
665
- type: {
666
- type: String,
667
- default: 'text'
668
- },
669
- autosize: {
670
- type: [Boolean, Object],
671
- default: false
672
- },
673
- autocomplete: {
674
- type: String,
675
- default: 'off'
676
- },
677
- /** @Deprecated in next major version */
678
- autoComplete: {
679
- type: String,
680
- validator: function validator(val) {
681
- false && false;
682
- return true;
683
- }
684
- },
685
- validateEvent: {
686
- type: Boolean,
687
- default: true
688
- },
689
- suffixIcon: String,
690
- prefixIcon: String,
691
- label: String,
692
- clearable: {
693
- type: Boolean,
694
- default: false
695
- },
696
- showPassword: {
697
- type: Boolean,
698
- default: false
699
- },
700
- showWordLimit: {
701
- type: Boolean,
702
- default: false
703
- },
704
- tabindex: String
705
- },
706
-
707
- computed: {
708
- _elFormItemSize: function _elFormItemSize() {
709
- return (this.elFormItem || {}).elFormItemSize;
710
- },
711
- validateState: function validateState() {
712
- return this.elFormItem ? this.elFormItem.validateState : '';
713
- },
714
- needStatusIcon: function needStatusIcon() {
715
- return this.elForm ? this.elForm.statusIcon : false;
716
- },
717
- validateIcon: function validateIcon() {
718
- return {
719
- validating: 'el-icon-loading',
720
- success: 'el-icon-circle-check',
721
- error: 'el-icon-circle-close'
722
- }[this.validateState];
723
- },
724
- textareaStyle: function textareaStyle() {
725
- return merge_default()({}, this.textareaCalcStyle, { resize: this.resize });
726
- },
727
- inputSize: function inputSize() {
728
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
729
- },
730
- inputDisabled: function inputDisabled() {
731
- return this.disabled || (this.elForm || {}).disabled;
732
- },
733
- nativeInputValue: function nativeInputValue() {
734
- return this.value === null || this.value === undefined ? '' : String(this.value);
735
- },
736
- showClear: function showClear() {
737
- return this.clearable && !this.inputDisabled && !this.readonly && this.nativeInputValue && (this.focused || this.hovering);
738
- },
739
- showPwdVisible: function showPwdVisible() {
740
- return this.showPassword && !this.inputDisabled && !this.readonly && (!!this.nativeInputValue || this.focused);
741
- },
742
- isWordLimitVisible: function isWordLimitVisible() {
743
- return this.showWordLimit && this.$attrs.maxlength && (this.type === 'text' || this.type === 'textarea') && !this.inputDisabled && !this.readonly && !this.showPassword;
744
- },
745
- upperLimit: function upperLimit() {
746
- return this.$attrs.maxlength;
747
- },
748
- textLength: function textLength() {
749
- if (typeof this.value === 'number') {
750
- return String(this.value).length;
751
- }
752
-
753
- return (this.value || '').length;
754
- },
755
- inputExceed: function inputExceed() {
756
- // show exceed style if length of initial value greater then maxlength
757
- return this.isWordLimitVisible && this.textLength > this.upperLimit;
758
- }
759
- },
760
-
761
- watch: {
762
- value: function value(val) {
763
- this.$nextTick(this.resizeTextarea);
764
- if (this.validateEvent) {
765
- this.dispatch('ElFormItem', 'el.form.change', [val]);
766
- }
767
- },
768
-
769
- // native input value is set explicitly
770
- // do not use v-model / :value in template
771
- // see: https://github.com/ElemeFE/element/issues/14521
772
- nativeInputValue: function nativeInputValue() {
773
- this.setNativeInputValue();
774
- },
775
-
776
- // when change between <input> and <textarea>,
777
- // update DOM dependent value and styles
778
- // https://github.com/ElemeFE/element/issues/14857
779
- type: function type() {
780
- var _this = this;
781
-
782
- this.$nextTick(function () {
783
- _this.setNativeInputValue();
784
- _this.resizeTextarea();
785
- _this.updateIconOffset();
786
- });
787
- }
788
- },
789
-
790
- methods: {
791
- focus: function focus() {
792
- this.getInput().focus();
793
- },
794
- blur: function blur() {
795
- this.getInput().blur();
796
- },
797
- getMigratingConfig: function getMigratingConfig() {
798
- return {
799
- props: {
800
- 'icon': 'icon is removed, use suffix-icon / prefix-icon instead.',
801
- 'on-icon-click': 'on-icon-click is removed.'
802
- },
803
- events: {
804
- 'click': 'click is removed.'
805
- }
806
- };
807
- },
808
- handleBlur: function handleBlur(event) {
809
- this.focused = false;
810
- this.$emit('blur', event);
811
- if (this.validateEvent) {
812
- this.dispatch('ElFormItem', 'el.form.blur', [this.value]);
813
- }
814
- },
815
- select: function select() {
816
- this.getInput().select();
817
- },
818
- resizeTextarea: function resizeTextarea() {
819
- if (this.$isServer) return;
820
- var autosize = this.autosize,
821
- type = this.type;
822
-
823
- if (type !== 'textarea') return;
824
- if (!autosize) {
825
- this.textareaCalcStyle = {
826
- minHeight: calcTextareaHeight(this.$refs.textarea).minHeight
827
- };
828
- return;
829
- }
830
- var minRows = autosize.minRows;
831
- var maxRows = autosize.maxRows;
832
-
833
- this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows);
834
- },
835
- setNativeInputValue: function setNativeInputValue() {
836
- var input = this.getInput();
837
- if (!input) return;
838
- if (input.value === this.nativeInputValue) return;
839
- input.value = this.nativeInputValue;
840
- },
841
- handleFocus: function handleFocus(event) {
842
- this.focused = true;
843
- this.$emit('focus', event);
844
- },
845
- handleCompositionStart: function handleCompositionStart(event) {
846
- this.$emit('compositionstart', event);
847
- this.isComposing = true;
848
- },
849
- handleCompositionUpdate: function handleCompositionUpdate(event) {
850
- this.$emit('compositionupdate', event);
851
- var text = event.target.value;
852
- var lastCharacter = text[text.length - 1] || '';
853
- this.isComposing = !Object(shared_["isKorean"])(lastCharacter);
854
- },
855
- handleCompositionEnd: function handleCompositionEnd(event) {
856
- this.$emit('compositionend', event);
857
- if (this.isComposing) {
858
- this.isComposing = false;
859
- this.handleInput(event);
860
- }
861
- },
862
- handleInput: function handleInput(event) {
863
- // should not emit input during composition
864
- // see: https://github.com/ElemeFE/element/issues/10516
865
- if (this.isComposing) return;
866
-
867
- // hack for https://github.com/ElemeFE/element/issues/8548
868
- // should remove the following line when we don't support IE
869
- if (event.target.value === this.nativeInputValue) return;
870
-
871
- this.$emit('input', event.target.value);
872
-
873
- // ensure native input value is controlled
874
- // see: https://github.com/ElemeFE/element/issues/12850
875
- this.$nextTick(this.setNativeInputValue);
876
- },
877
- handleChange: function handleChange(event) {
878
- this.$emit('change', event.target.value);
879
- },
880
- calcIconOffset: function calcIconOffset(place) {
881
- var elList = [].slice.call(this.$el.querySelectorAll('.el-input__' + place) || []);
882
- if (!elList.length) return;
883
- var el = null;
884
- for (var i = 0; i < elList.length; i++) {
885
- if (elList[i].parentNode === this.$el) {
886
- el = elList[i];
887
- break;
888
- }
889
- }
890
- if (!el) return;
891
- var pendantMap = {
892
- suffix: 'append',
893
- prefix: 'prepend'
894
- };
895
-
896
- var pendant = pendantMap[place];
897
- if (this.$slots[pendant]) {
898
- el.style.transform = 'translateX(' + (place === 'suffix' ? '-' : '') + this.$el.querySelector('.el-input-group__' + pendant).offsetWidth + 'px)';
899
- } else {
900
- el.removeAttribute('style');
901
- }
902
- },
903
- updateIconOffset: function updateIconOffset() {
904
- this.calcIconOffset('prefix');
905
- this.calcIconOffset('suffix');
906
- },
907
- clear: function clear() {
908
- this.$emit('input', '');
909
- this.$emit('change', '');
910
- this.$emit('clear');
911
- },
912
- handlePasswordVisible: function handlePasswordVisible() {
913
- var _this2 = this;
914
-
915
- this.passwordVisible = !this.passwordVisible;
916
- this.$nextTick(function () {
917
- _this2.focus();
918
- });
919
- },
920
- getInput: function getInput() {
921
- return this.$refs.input || this.$refs.textarea;
922
- },
923
- getSuffixVisible: function getSuffixVisible() {
924
- return this.$slots.suffix || this.suffixIcon || this.showClear || this.showPassword || this.isWordLimitVisible || this.validateState && this.needStatusIcon;
925
- }
926
- },
927
-
928
- created: function created() {
929
- this.$on('inputSelect', this.select);
930
- },
931
- mounted: function mounted() {
932
- this.setNativeInputValue();
933
- this.resizeTextarea();
934
- this.updateIconOffset();
935
- },
936
- updated: function updated() {
937
- this.$nextTick(this.updateIconOffset);
938
- }
939
- });
940
- // CONCATENATED MODULE: ./packages/input/src/input.vue?vue&type=script&lang=js
941
- /* harmony default export */ var src_inputvue_type_script_lang_js = (inputvue_type_script_lang_js);
942
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
943
- var componentNormalizer = __webpack_require__(0);
944
-
945
- // CONCATENATED MODULE: ./packages/input/src/input.vue
946
-
947
-
948
-
949
-
950
-
951
- /* normalize component */
952
-
953
- var component = Object(componentNormalizer["a" /* default */])(
954
- src_inputvue_type_script_lang_js,
955
- render,
956
- staticRenderFns,
957
- false,
958
- null,
959
- null,
960
- null
961
-
962
- )
963
-
964
- /* harmony default export */ var input = (component.exports);
965
- // CONCATENATED MODULE: ./packages/input/index.js
966
-
967
-
968
- /* istanbul ignore next */
969
- input.install = function (Vue) {
970
- Vue.component(input.name, input);
971
- };
972
-
973
- /* harmony default export */ var packages_input = __webpack_exports__["default"] = (input);
974
-
975
- /***/ }),
976
-
977
- /***/ 16:
978
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
979
-
980
- "use strict";
981
- // ESM COMPAT FLAG
982
- __webpack_require__.r(__webpack_exports__);
983
-
984
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox.vue?vue&type=template&id=5f30258f
985
- var render = function () {
986
- var _vm = this
987
- var _h = _vm.$createElement
988
- var _c = _vm._self._c || _h
989
- return _c(
990
- "label",
991
- {
992
- staticClass: "el-checkbox",
993
- class: [
994
- _vm.border && _vm.checkboxSize
995
- ? "el-checkbox--" + _vm.checkboxSize
996
- : "",
997
- { "is-disabled": _vm.isDisabled },
998
- { "is-bordered": _vm.border },
999
- { "is-checked": _vm.isChecked },
1000
- ],
1001
- attrs: { id: _vm.id },
1002
- },
1003
- [
1004
- _c(
1005
- "span",
1006
- {
1007
- staticClass: "el-checkbox__input",
1008
- class: {
1009
- "is-disabled": _vm.isDisabled,
1010
- "is-checked": _vm.isChecked,
1011
- "is-indeterminate": _vm.indeterminate,
1012
- "is-focus": _vm.focus,
1013
- },
1014
- attrs: {
1015
- tabindex: _vm.indeterminate ? 0 : false,
1016
- role: _vm.indeterminate ? "checkbox" : false,
1017
- "aria-checked": _vm.indeterminate ? "mixed" : false,
1018
- },
1019
- },
1020
- [
1021
- _c("span", { staticClass: "el-checkbox__inner" }),
1022
- _vm.trueLabel || _vm.falseLabel
1023
- ? _c("input", {
1024
- directives: [
1025
- {
1026
- name: "model",
1027
- rawName: "v-model",
1028
- value: _vm.model,
1029
- expression: "model",
1030
- },
1031
- ],
1032
- staticClass: "el-checkbox__original",
1033
- attrs: {
1034
- type: "checkbox",
1035
- "aria-hidden": _vm.indeterminate ? "true" : "false",
1036
- name: _vm.name,
1037
- disabled: _vm.isDisabled,
1038
- "true-value": _vm.trueLabel,
1039
- "false-value": _vm.falseLabel,
1040
- },
1041
- domProps: {
1042
- checked: Array.isArray(_vm.model)
1043
- ? _vm._i(_vm.model, null) > -1
1044
- : _vm._q(_vm.model, _vm.trueLabel),
1045
- },
1046
- on: {
1047
- change: [
1048
- function ($event) {
1049
- var $$a = _vm.model,
1050
- $$el = $event.target,
1051
- $$c = $$el.checked ? _vm.trueLabel : _vm.falseLabel
1052
- if (Array.isArray($$a)) {
1053
- var $$v = null,
1054
- $$i = _vm._i($$a, $$v)
1055
- if ($$el.checked) {
1056
- $$i < 0 && (_vm.model = $$a.concat([$$v]))
1057
- } else {
1058
- $$i > -1 &&
1059
- (_vm.model = $$a
1060
- .slice(0, $$i)
1061
- .concat($$a.slice($$i + 1)))
1062
- }
1063
- } else {
1064
- _vm.model = $$c
1065
- }
1066
- },
1067
- _vm.handleChange,
1068
- ],
1069
- focus: function ($event) {
1070
- _vm.focus = true
1071
- },
1072
- blur: function ($event) {
1073
- _vm.focus = false
1074
- },
1075
- },
1076
- })
1077
- : _c("input", {
1078
- directives: [
1079
- {
1080
- name: "model",
1081
- rawName: "v-model",
1082
- value: _vm.model,
1083
- expression: "model",
1084
- },
1085
- ],
1086
- staticClass: "el-checkbox__original",
1087
- attrs: {
1088
- type: "checkbox",
1089
- "aria-hidden": _vm.indeterminate ? "true" : "false",
1090
- disabled: _vm.isDisabled,
1091
- name: _vm.name,
1092
- },
1093
- domProps: {
1094
- value: _vm.label,
1095
- checked: Array.isArray(_vm.model)
1096
- ? _vm._i(_vm.model, _vm.label) > -1
1097
- : _vm.model,
1098
- },
1099
- on: {
1100
- change: [
1101
- function ($event) {
1102
- var $$a = _vm.model,
1103
- $$el = $event.target,
1104
- $$c = $$el.checked ? true : false
1105
- if (Array.isArray($$a)) {
1106
- var $$v = _vm.label,
1107
- $$i = _vm._i($$a, $$v)
1108
- if ($$el.checked) {
1109
- $$i < 0 && (_vm.model = $$a.concat([$$v]))
1110
- } else {
1111
- $$i > -1 &&
1112
- (_vm.model = $$a
1113
- .slice(0, $$i)
1114
- .concat($$a.slice($$i + 1)))
1115
- }
1116
- } else {
1117
- _vm.model = $$c
1118
- }
1119
- },
1120
- _vm.handleChange,
1121
- ],
1122
- focus: function ($event) {
1123
- _vm.focus = true
1124
- },
1125
- blur: function ($event) {
1126
- _vm.focus = false
1127
- },
1128
- },
1129
- }),
1130
- ]
1131
- ),
1132
- _vm.$slots.default || _vm.label
1133
- ? _c(
1134
- "span",
1135
- { staticClass: "el-checkbox__label" },
1136
- [
1137
- _vm._t("default"),
1138
- !_vm.$slots.default ? [_vm._v(_vm._s(_vm.label))] : _vm._e(),
1139
- ],
1140
- 2
1141
- )
1142
- : _vm._e(),
1143
- ]
1144
- )
1145
- }
1146
- var staticRenderFns = []
1147
- render._withStripped = true
1148
-
1149
-
1150
- // CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=template&id=5f30258f
1151
-
1152
- // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
1153
- var emitter_ = __webpack_require__(4);
1154
- var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
1155
-
1156
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox.vue?vue&type=script&lang=js
1157
- //
1158
- //
1159
- //
1160
- //
1161
- //
1162
- //
1163
- //
1164
- //
1165
- //
1166
- //
1167
- //
1168
- //
1169
- //
1170
- //
1171
- //
1172
- //
1173
- //
1174
- //
1175
- //
1176
- //
1177
- //
1178
- //
1179
- //
1180
- //
1181
- //
1182
- //
1183
- //
1184
- //
1185
- //
1186
- //
1187
- //
1188
- //
1189
- //
1190
- //
1191
- //
1192
- //
1193
- //
1194
- //
1195
- //
1196
- //
1197
- //
1198
- //
1199
- //
1200
- //
1201
- //
1202
- //
1203
- //
1204
- //
1205
- //
1206
- //
1207
- //
1208
- //
1209
- //
1210
- //
1211
- //
1212
-
1213
-
1214
-
1215
- /* harmony default export */ var checkboxvue_type_script_lang_js = ({
1216
- name: 'ElCheckbox',
1217
-
1218
- mixins: [emitter_default.a],
1219
-
1220
- inject: {
1221
- elForm: {
1222
- default: ''
1223
- },
1224
- elFormItem: {
1225
- default: ''
1226
- }
1227
- },
1228
-
1229
- componentName: 'ElCheckbox',
1230
-
1231
- data: function data() {
1232
- return {
1233
- selfModel: false,
1234
- focus: false,
1235
- isLimitExceeded: false
1236
- };
1237
- },
1238
-
1239
-
1240
- computed: {
1241
- model: {
1242
- get: function get() {
1243
- return this.isGroup ? this.store : this.value !== undefined ? this.value : this.selfModel;
1244
- },
1245
- set: function set(val) {
1246
- if (this.isGroup) {
1247
- this.isLimitExceeded = false;
1248
- this._checkboxGroup.min !== undefined && val.length < this._checkboxGroup.min && (this.isLimitExceeded = true);
1249
-
1250
- this._checkboxGroup.max !== undefined && val.length > this._checkboxGroup.max && (this.isLimitExceeded = true);
1251
-
1252
- this.isLimitExceeded === false && this.dispatch('ElCheckboxGroup', 'input', [val]);
1253
- } else {
1254
- this.$emit('input', val);
1255
- this.selfModel = val;
1256
- }
1257
- }
1258
- },
1259
-
1260
- isChecked: function isChecked() {
1261
- if ({}.toString.call(this.model) === '[object Boolean]') {
1262
- return this.model;
1263
- } else if (Array.isArray(this.model)) {
1264
- return this.model.indexOf(this.label) > -1;
1265
- } else if (this.model !== null && this.model !== undefined) {
1266
- return this.model === this.trueLabel;
1267
- }
1268
- },
1269
- isGroup: function isGroup() {
1270
- var parent = this.$parent;
1271
- while (parent) {
1272
- if (parent.$options.componentName !== 'ElCheckboxGroup') {
1273
- parent = parent.$parent;
1274
- } else {
1275
- this._checkboxGroup = parent;
1276
- return true;
1277
- }
1278
- }
1279
- return false;
1280
- },
1281
- store: function store() {
1282
- return this._checkboxGroup ? this._checkboxGroup.value : this.value;
1283
- },
1284
-
1285
-
1286
- /* used to make the isDisabled judgment under max/min props */
1287
- isLimitDisabled: function isLimitDisabled() {
1288
- var _checkboxGroup = this._checkboxGroup,
1289
- max = _checkboxGroup.max,
1290
- min = _checkboxGroup.min;
1291
-
1292
- return !!(max || min) && this.model.length >= max && !this.isChecked || this.model.length <= min && this.isChecked;
1293
- },
1294
- isDisabled: function isDisabled() {
1295
- return this.isGroup ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled : this.disabled || (this.elForm || {}).disabled;
1296
- },
1297
- _elFormItemSize: function _elFormItemSize() {
1298
- return (this.elFormItem || {}).elFormItemSize;
1299
- },
1300
- checkboxSize: function checkboxSize() {
1301
- var temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
1302
- return this.isGroup ? this._checkboxGroup.checkboxGroupSize || temCheckboxSize : temCheckboxSize;
1303
- }
1304
- },
1305
-
1306
- props: {
1307
- value: {},
1308
- label: {},
1309
- indeterminate: Boolean,
1310
- disabled: Boolean,
1311
- checked: Boolean,
1312
- name: String,
1313
- trueLabel: [String, Number],
1314
- falseLabel: [String, Number],
1315
- id: String, /* 当indeterminate为真时,为controls提供相关连的checkbox的id,表明元素间的控制关系*/
1316
- controls: String, /* 当indeterminate为真时,为controls提供相关连的checkbox的id,表明元素间的控制关系*/
1317
- border: Boolean,
1318
- size: String
1319
- },
1320
-
1321
- methods: {
1322
- addToStore: function addToStore() {
1323
- if (Array.isArray(this.model) && this.model.indexOf(this.label) === -1) {
1324
- this.model.push(this.label);
1325
- } else {
1326
- this.model = this.trueLabel || true;
1327
- }
1328
- },
1329
- handleChange: function handleChange(ev) {
1330
- var _this = this;
1331
-
1332
- if (this.isLimitExceeded) return;
1333
- var value = void 0;
1334
- if (ev.target.checked) {
1335
- value = this.trueLabel === undefined ? true : this.trueLabel;
1336
- } else {
1337
- value = this.falseLabel === undefined ? false : this.falseLabel;
1338
- }
1339
- this.$emit('change', value, ev);
1340
- this.$nextTick(function () {
1341
- if (_this.isGroup) {
1342
- _this.dispatch('ElCheckboxGroup', 'change', [_this._checkboxGroup.value]);
1343
- }
1344
- });
1345
- }
1346
- },
1347
-
1348
- created: function created() {
1349
- this.checked && this.addToStore();
1350
- },
1351
- mounted: function mounted() {
1352
- // 为indeterminate元素 添加aria-controls 属性
1353
- if (this.indeterminate) {
1354
- this.$el.setAttribute('aria-controls', this.controls);
1355
- }
1356
- },
1357
-
1358
-
1359
- watch: {
1360
- value: function value(_value) {
1361
- this.dispatch('ElFormItem', 'el.form.change', _value);
1362
- }
1363
- }
1364
- });
1365
- // CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=script&lang=js
1366
- /* harmony default export */ var src_checkboxvue_type_script_lang_js = (checkboxvue_type_script_lang_js);
1367
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
1368
- var componentNormalizer = __webpack_require__(0);
1369
-
1370
- // CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue
1371
-
1372
-
1373
-
1374
-
1375
-
1376
- /* normalize component */
1377
-
1378
- var component = Object(componentNormalizer["a" /* default */])(
1379
- src_checkboxvue_type_script_lang_js,
1380
- render,
1381
- staticRenderFns,
1382
- false,
1383
- null,
1384
- null,
1385
- null
1386
-
1387
- )
1388
-
1389
- /* harmony default export */ var src_checkbox = (component.exports);
1390
- // CONCATENATED MODULE: ./packages/checkbox/index.js
1391
-
1392
-
1393
- /* istanbul ignore next */
1394
- src_checkbox.install = function (Vue) {
1395
- Vue.component(src_checkbox.name, src_checkbox);
1396
- };
1397
-
1398
- /* harmony default export */ var packages_checkbox = __webpack_exports__["default"] = (src_checkbox);
1399
-
1400
- /***/ }),
1401
-
1402
- /***/ 20:
1403
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1404
-
1405
- "use strict";
1406
- // ESM COMPAT FLAG
1407
- __webpack_require__.r(__webpack_exports__);
1408
-
1409
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=template&id=595a2866
1410
- var render = function () {
1411
- var _vm = this
1412
- var _h = _vm.$createElement
1413
- var _c = _vm._self._c || _h
1414
- return _c(
1415
- "button",
1416
- {
1417
- staticClass: "el-button",
1418
- class: [
1419
- _vm.type ? "el-button--" + _vm.type : "",
1420
- _vm.buttonSize ? "el-button--" + _vm.buttonSize : "",
1421
- {
1422
- "is-disabled": _vm.buttonDisabled,
1423
- "is-loading": _vm.loading,
1424
- "is-plain": _vm.plain,
1425
- "is-round": _vm.round,
1426
- "is-circle": _vm.circle,
1427
- },
1428
- ],
1429
- attrs: {
1430
- disabled: _vm.buttonDisabled || _vm.loading,
1431
- autofocus: _vm.autofocus,
1432
- type: _vm.nativeType,
1433
- },
1434
- on: { click: _vm.handleClick },
1435
- },
1436
- [
1437
- _vm.loading ? _c("i", { staticClass: "el-icon-loading" }) : _vm._e(),
1438
- _vm.icon && !_vm.loading ? _c("i", { class: _vm.icon }) : _vm._e(),
1439
- _vm.$slots.default ? _c("span", [_vm._t("default")], 2) : _vm._e(),
1440
- ]
1441
- )
1442
- }
1443
- var staticRenderFns = []
1444
- render._withStripped = true
1445
-
1446
-
1447
- // CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=template&id=595a2866
1448
-
1449
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=script&lang=js
1450
- //
1451
- //
1452
- //
1453
- //
1454
- //
1455
- //
1456
- //
1457
- //
1458
- //
1459
- //
1460
- //
1461
- //
1462
- //
1463
- //
1464
- //
1465
- //
1466
- //
1467
- //
1468
- //
1469
- //
1470
- //
1471
- //
1472
- //
1473
- //
1474
-
1475
- /* harmony default export */ var buttonvue_type_script_lang_js = ({
1476
- name: 'ElButton',
1477
-
1478
- inject: {
1479
- elForm: {
1480
- default: ''
1481
- },
1482
- elFormItem: {
1483
- default: ''
1484
- }
1485
- },
1486
-
1487
- props: {
1488
- type: {
1489
- type: String,
1490
- default: 'default'
1491
- },
1492
- size: String,
1493
- icon: {
1494
- type: String,
1495
- default: ''
1496
- },
1497
- nativeType: {
1498
- type: String,
1499
- default: 'button'
1500
- },
1501
- loading: Boolean,
1502
- disabled: Boolean,
1503
- plain: Boolean,
1504
- autofocus: Boolean,
1505
- round: Boolean,
1506
- circle: Boolean
1507
- },
1508
-
1509
- computed: {
1510
- _elFormItemSize: function _elFormItemSize() {
1511
- return (this.elFormItem || {}).elFormItemSize;
1512
- },
1513
- buttonSize: function buttonSize() {
1514
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
1515
- },
1516
- buttonDisabled: function buttonDisabled() {
1517
- return this.$options.propsData.hasOwnProperty('disabled') ? this.disabled : (this.elForm || {}).disabled;
1518
- }
1519
- },
1520
-
1521
- methods: {
1522
- handleClick: function handleClick(evt) {
1523
- this.$emit('click', evt);
1524
- }
1525
- }
1526
- });
1527
- // CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=script&lang=js
1528
- /* harmony default export */ var src_buttonvue_type_script_lang_js = (buttonvue_type_script_lang_js);
1529
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
1530
- var componentNormalizer = __webpack_require__(0);
1531
-
1532
- // CONCATENATED MODULE: ./packages/button/src/button.vue
1533
-
1534
-
1535
-
1536
-
1537
-
1538
- /* normalize component */
1539
-
1540
- var component = Object(componentNormalizer["a" /* default */])(
1541
- src_buttonvue_type_script_lang_js,
1542
- render,
1543
- staticRenderFns,
1544
- false,
1545
- null,
1546
- null,
1547
- null
1548
-
1549
- )
1550
-
1551
- /* harmony default export */ var src_button = (component.exports);
1552
- // CONCATENATED MODULE: ./packages/button/index.js
1553
-
1554
-
1555
- /* istanbul ignore next */
1556
- src_button.install = function (Vue) {
1557
- Vue.component(src_button.name, src_button);
1558
- };
1559
-
1560
- /* harmony default export */ var packages_button = __webpack_exports__["default"] = (src_button);
1561
-
1562
- /***/ }),
1563
-
1564
- /***/ 39:
1565
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1566
-
1567
- "use strict";
1568
- // ESM COMPAT FLAG
1569
- __webpack_require__.r(__webpack_exports__);
1570
-
1571
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=768b91be
1572
- var render = function () {
1573
- var _vm = this
1574
- var _h = _vm.$createElement
1575
- var _c = _vm._self._c || _h
1576
- return _c(
1577
- "div",
1578
- {
1579
- staticClass: "el-checkbox-group",
1580
- attrs: { role: "group", "aria-label": "checkbox-group" },
1581
- },
1582
- [_vm._t("default")],
1583
- 2
1584
- )
1585
- }
1586
- var staticRenderFns = []
1587
- render._withStripped = true
1588
-
1589
-
1590
- // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=768b91be
1591
-
1592
- // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
1593
- var emitter_ = __webpack_require__(4);
1594
- var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
1595
-
1596
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/checkbox/src/checkbox-group.vue?vue&type=script&lang=js
1597
-
1598
-
1599
-
1600
- /* harmony default export */ var checkbox_groupvue_type_script_lang_js = ({
1601
- name: 'ElCheckboxGroup',
1602
-
1603
- componentName: 'ElCheckboxGroup',
1604
-
1605
- mixins: [emitter_default.a],
1606
-
1607
- inject: {
1608
- elFormItem: {
1609
- default: ''
1610
- }
1611
- },
1612
-
1613
- props: {
1614
- value: {},
1615
- disabled: Boolean,
1616
- min: Number,
1617
- max: Number,
1618
- size: String,
1619
- fill: String,
1620
- textColor: String
1621
- },
1622
-
1623
- computed: {
1624
- _elFormItemSize: function _elFormItemSize() {
1625
- return (this.elFormItem || {}).elFormItemSize;
1626
- },
1627
- checkboxGroupSize: function checkboxGroupSize() {
1628
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
1629
- }
1630
- },
1631
-
1632
- watch: {
1633
- value: function value(_value) {
1634
- this.dispatch('ElFormItem', 'el.form.change', [_value]);
1635
- }
1636
- }
1637
- });
1638
- // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=script&lang=js
1639
- /* harmony default export */ var src_checkbox_groupvue_type_script_lang_js = (checkbox_groupvue_type_script_lang_js);
1640
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
1641
- var componentNormalizer = __webpack_require__(0);
1642
-
1643
- // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue
1644
-
1645
-
1646
-
1647
-
1648
-
1649
- /* normalize component */
1650
-
1651
- var component = Object(componentNormalizer["a" /* default */])(
1652
- src_checkbox_groupvue_type_script_lang_js,
1653
- render,
1654
- staticRenderFns,
1655
- false,
1656
- null,
1657
- null,
1658
- null
1659
-
1660
- )
1661
-
1662
- /* harmony default export */ var checkbox_group = (component.exports);
1663
- // CONCATENATED MODULE: ./packages/checkbox-group/index.js
1664
-
1665
-
1666
- /* istanbul ignore next */
1667
- checkbox_group.install = function (Vue) {
1668
- Vue.component(checkbox_group.name, checkbox_group);
1669
- };
1670
-
1671
- /* harmony default export */ var packages_checkbox_group = __webpack_exports__["default"] = (checkbox_group);
1672
-
1673
- /***/ }),
1674
-
1675
- /***/ 4:
1676
- /***/ (function(module, exports) {
1677
-
1678
- module.exports = require("element-ui/lib/mixins/emitter");
1679
-
1680
- /***/ }),
1681
-
1682
- /***/ 6:
1683
- /***/ (function(module, exports) {
1684
-
1685
- module.exports = require("element-ui/lib/utils/merge");
1686
-
1687
- /***/ }),
1688
-
1689
- /***/ 64:
1690
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1691
-
1692
- "use strict";
1693
- // ESM COMPAT FLAG
1694
- __webpack_require__.r(__webpack_exports__);
1695
-
1696
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/main.vue?vue&type=template&id=69817ab2
1697
- var render = function () {
1698
- var _vm = this
1699
- var _h = _vm.$createElement
1700
- var _c = _vm._self._c || _h
1701
- return _c(
1702
- "div",
1703
- { staticClass: "el-transfer" },
1704
- [
1705
- _c(
1706
- "transfer-panel",
1707
- _vm._b(
1708
- {
1709
- ref: "leftPanel",
1710
- attrs: {
1711
- data: _vm.sourceData,
1712
- title: _vm.titles[0] || _vm.t("el.transfer.titles.0"),
1713
- "default-checked": _vm.leftDefaultChecked,
1714
- placeholder:
1715
- _vm.filterPlaceholder || _vm.t("el.transfer.filterPlaceholder"),
1716
- },
1717
- on: { "checked-change": _vm.onSourceCheckedChange },
1718
- },
1719
- "transfer-panel",
1720
- _vm.$props,
1721
- false
1722
- ),
1723
- [_vm._t("left-footer")],
1724
- 2
1725
- ),
1726
- _c(
1727
- "div",
1728
- { staticClass: "el-transfer__buttons" },
1729
- [
1730
- _c(
1731
- "el-button",
1732
- {
1733
- class: [
1734
- "el-transfer__button",
1735
- _vm.hasButtonTexts ? "is-with-texts" : "",
1736
- ],
1737
- attrs: {
1738
- type: "primary",
1739
- disabled: _vm.rightChecked.length === 0,
1740
- },
1741
- nativeOn: {
1742
- click: function ($event) {
1743
- return _vm.addToLeft($event)
1744
- },
1745
- },
1746
- },
1747
- [
1748
- _c("i", { staticClass: "el-icon-arrow-left" }),
1749
- _vm.buttonTexts[0] !== undefined
1750
- ? _c("span", [_vm._v(_vm._s(_vm.buttonTexts[0]))])
1751
- : _vm._e(),
1752
- ]
1753
- ),
1754
- _c(
1755
- "el-button",
1756
- {
1757
- class: [
1758
- "el-transfer__button",
1759
- _vm.hasButtonTexts ? "is-with-texts" : "",
1760
- ],
1761
- attrs: {
1762
- type: "primary",
1763
- disabled: _vm.leftChecked.length === 0,
1764
- },
1765
- nativeOn: {
1766
- click: function ($event) {
1767
- return _vm.addToRight($event)
1768
- },
1769
- },
1770
- },
1771
- [
1772
- _vm.buttonTexts[1] !== undefined
1773
- ? _c("span", [_vm._v(_vm._s(_vm.buttonTexts[1]))])
1774
- : _vm._e(),
1775
- _c("i", { staticClass: "el-icon-arrow-right" }),
1776
- ]
1777
- ),
1778
- ],
1779
- 1
1780
- ),
1781
- _c(
1782
- "transfer-panel",
1783
- _vm._b(
1784
- {
1785
- ref: "rightPanel",
1786
- attrs: {
1787
- data: _vm.targetData,
1788
- title: _vm.titles[1] || _vm.t("el.transfer.titles.1"),
1789
- "default-checked": _vm.rightDefaultChecked,
1790
- placeholder:
1791
- _vm.filterPlaceholder || _vm.t("el.transfer.filterPlaceholder"),
1792
- },
1793
- on: { "checked-change": _vm.onTargetCheckedChange },
1794
- },
1795
- "transfer-panel",
1796
- _vm.$props,
1797
- false
1798
- ),
1799
- [_vm._t("right-footer")],
1800
- 2
1801
- ),
1802
- ],
1803
- 1
1804
- )
1805
- }
1806
- var staticRenderFns = []
1807
- render._withStripped = true
1808
-
1809
-
1810
- // CONCATENATED MODULE: ./packages/transfer/src/main.vue?vue&type=template&id=69817ab2
1811
-
1812
- // EXTERNAL MODULE: ./packages/button/index.js + 5 modules
1813
- var packages_button = __webpack_require__(20);
1814
-
1815
- // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
1816
- var emitter_ = __webpack_require__(4);
1817
- var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
1818
-
1819
- // EXTERNAL MODULE: external "element-ui/lib/mixins/locale"
1820
- var locale_ = __webpack_require__(9);
1821
- var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
1822
-
1823
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/transfer-panel.vue?vue&type=template&id=54d9cc57
1824
- var transfer_panelvue_type_template_id_54d9cc57_render = function () {
1825
- var _vm = this
1826
- var _h = _vm.$createElement
1827
- var _c = _vm._self._c || _h
1828
- return _c("div", { staticClass: "el-transfer-panel" }, [
1829
- _c(
1830
- "p",
1831
- { staticClass: "el-transfer-panel__header" },
1832
- [
1833
- _c(
1834
- "el-checkbox",
1835
- {
1836
- attrs: { indeterminate: _vm.isIndeterminate },
1837
- on: { change: _vm.handleAllCheckedChange },
1838
- model: {
1839
- value: _vm.allChecked,
1840
- callback: function ($$v) {
1841
- _vm.allChecked = $$v
1842
- },
1843
- expression: "allChecked",
1844
- },
1845
- },
1846
- [
1847
- _vm._v("\n\t\t\t" + _vm._s(_vm.title) + "\n\t\t\t"),
1848
- _c("span", [_vm._v(_vm._s(_vm.checkedSummary))]),
1849
- ]
1850
- ),
1851
- ],
1852
- 1
1853
- ),
1854
- _c(
1855
- "div",
1856
- {
1857
- class: [
1858
- "el-transfer-panel__body",
1859
- _vm.hasFooter ? "is-with-footer" : "",
1860
- ],
1861
- },
1862
- [
1863
- _vm.filterable
1864
- ? _c(
1865
- "el-input",
1866
- {
1867
- staticClass: "el-transfer-panel__filter",
1868
- attrs: { size: "small", placeholder: _vm.placeholder },
1869
- nativeOn: {
1870
- mouseenter: function ($event) {
1871
- _vm.inputHover = true
1872
- },
1873
- mouseleave: function ($event) {
1874
- _vm.inputHover = false
1875
- },
1876
- },
1877
- model: {
1878
- value: _vm.query,
1879
- callback: function ($$v) {
1880
- _vm.query = $$v
1881
- },
1882
- expression: "query",
1883
- },
1884
- },
1885
- [
1886
- _c("i", {
1887
- class: ["el-input__icon", "el-icon-" + _vm.inputIcon],
1888
- attrs: { slot: "prefix" },
1889
- on: { click: _vm.clearQuery },
1890
- slot: "prefix",
1891
- }),
1892
- ]
1893
- )
1894
- : _vm._e(),
1895
- _c(
1896
- "el-checkbox-group",
1897
- {
1898
- directives: [
1899
- {
1900
- name: "show",
1901
- rawName: "v-show",
1902
- value: !_vm.hasNoMatch && _vm.data.length > 0,
1903
- expression: "!hasNoMatch && data.length > 0",
1904
- },
1905
- ],
1906
- staticClass: "el-transfer-panel__list",
1907
- class: { "is-filterable": _vm.filterable },
1908
- model: {
1909
- value: _vm.checked,
1910
- callback: function ($$v) {
1911
- _vm.checked = $$v
1912
- },
1913
- expression: "checked",
1914
- },
1915
- },
1916
- _vm._l(_vm.filteredData, function (item) {
1917
- return _c(
1918
- "el-checkbox",
1919
- {
1920
- key: item[_vm.keyProp],
1921
- staticClass: "el-transfer-panel__item",
1922
- attrs: {
1923
- label: item[_vm.keyProp],
1924
- disabled: item[_vm.disabledProp],
1925
- },
1926
- },
1927
- [_c("option-content", { attrs: { option: item } })],
1928
- 1
1929
- )
1930
- }),
1931
- 1
1932
- ),
1933
- _c(
1934
- "p",
1935
- {
1936
- directives: [
1937
- {
1938
- name: "show",
1939
- rawName: "v-show",
1940
- value: _vm.hasNoMatch,
1941
- expression: "hasNoMatch",
1942
- },
1943
- ],
1944
- staticClass: "el-transfer-panel__empty",
1945
- },
1946
- [_vm._v(_vm._s(_vm.t("el.transfer.noMatch")))]
1947
- ),
1948
- _c(
1949
- "p",
1950
- {
1951
- directives: [
1952
- {
1953
- name: "show",
1954
- rawName: "v-show",
1955
- value: _vm.data.length === 0 && !_vm.hasNoMatch,
1956
- expression: "data.length === 0 && !hasNoMatch",
1957
- },
1958
- ],
1959
- staticClass: "el-transfer-panel__empty",
1960
- },
1961
- [_vm._v(_vm._s(_vm.t("el.transfer.noData")))]
1962
- ),
1963
- ],
1964
- 1
1965
- ),
1966
- _vm.hasFooter
1967
- ? _c(
1968
- "p",
1969
- { staticClass: "el-transfer-panel__footer" },
1970
- [_vm._t("default")],
1971
- 2
1972
- )
1973
- : _vm._e(),
1974
- ])
1975
- }
1976
- var transfer_panelvue_type_template_id_54d9cc57_staticRenderFns = []
1977
- transfer_panelvue_type_template_id_54d9cc57_render._withStripped = true
1978
-
1979
-
1980
- // CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue?vue&type=template&id=54d9cc57
1981
-
1982
- // EXTERNAL MODULE: ./packages/checkbox-group/index.js + 5 modules
1983
- var checkbox_group = __webpack_require__(39);
1984
-
1985
- // EXTERNAL MODULE: ./packages/checkbox/index.js + 5 modules
1986
- var packages_checkbox = __webpack_require__(16);
1987
-
1988
- // EXTERNAL MODULE: ./packages/input/index.js + 6 modules
1989
- var input = __webpack_require__(13);
1990
-
1991
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/transfer-panel.vue?vue&type=script&lang=js
1992
- //
1993
- //
1994
- //
1995
- //
1996
- //
1997
- //
1998
- //
1999
- //
2000
- //
2001
- //
2002
- //
2003
- //
2004
- //
2005
- //
2006
- //
2007
- //
2008
- //
2009
- //
2010
- //
2011
- //
2012
- //
2013
- //
2014
- //
2015
- //
2016
- //
2017
- //
2018
- //
2019
- //
2020
- //
2021
- //
2022
- //
2023
- //
2024
- //
2025
- //
2026
- //
2027
- //
2028
- //
2029
- //
2030
- //
2031
- //
2032
- //
2033
- //
2034
- //
2035
- //
2036
- //
2037
- //
2038
- //
2039
- //
2040
- //
2041
- //
2042
- //
2043
- //
2044
- //
2045
-
2046
-
2047
-
2048
-
2049
-
2050
-
2051
- /* harmony default export */ var transfer_panelvue_type_script_lang_js = ({
2052
- mixins: [locale_default.a],
2053
-
2054
- name: 'ElTransferPanel',
2055
-
2056
- componentName: 'ElTransferPanel',
2057
-
2058
- components: {
2059
- ElCheckboxGroup: checkbox_group["default"],
2060
- ElCheckbox: packages_checkbox["default"],
2061
- ElInput: input["default"],
2062
- OptionContent: {
2063
- props: {
2064
- option: Object
2065
- },
2066
- render: function render(h) {
2067
- var getParent = function getParent(vm) {
2068
- if (vm.$options.componentName === 'ElTransferPanel') {
2069
- return vm;
2070
- } else if (vm.$parent) {
2071
- return getParent(vm.$parent);
2072
- } else {
2073
- return vm;
2074
- }
2075
- };
2076
- var panel = getParent(this);
2077
- var transfer = panel.$parent || panel;
2078
- return panel.renderContent ? panel.renderContent(h, this.option) : transfer.$scopedSlots.default ? transfer.$scopedSlots.default({ option: this.option }) : h('span', [this.option[panel.labelProp] || this.option[panel.keyProp]]);
2079
- }
2080
- }
2081
- },
2082
-
2083
- props: {
2084
- data: {
2085
- type: Array,
2086
- default: function _default() {
2087
- return [];
2088
- }
2089
- },
2090
- renderContent: Function,
2091
- placeholder: String,
2092
- title: String,
2093
- filterable: Boolean,
2094
- format: Object,
2095
- filterMethod: Function,
2096
- defaultChecked: Array,
2097
- props: Object
2098
- },
2099
-
2100
- data: function data() {
2101
- return {
2102
- checked: [],
2103
- allChecked: false,
2104
- query: '',
2105
- inputHover: false,
2106
- checkChangeByUser: true
2107
- };
2108
- },
2109
-
2110
-
2111
- watch: {
2112
- checked: function checked(val, oldVal) {
2113
- this.updateAllChecked();
2114
- if (this.checkChangeByUser) {
2115
- var movedKeys = val.concat(oldVal).filter(function (v) {
2116
- return val.indexOf(v) === -1 || oldVal.indexOf(v) === -1;
2117
- });
2118
- this.$emit('checked-change', val, movedKeys);
2119
- } else {
2120
- this.$emit('checked-change', val);
2121
- this.checkChangeByUser = true;
2122
- }
2123
- },
2124
- data: function data() {
2125
- var _this = this;
2126
-
2127
- var checked = [];
2128
- var filteredDataKeys = this.filteredData.map(function (item) {
2129
- return item[_this.keyProp];
2130
- });
2131
- this.checked.forEach(function (item) {
2132
- if (filteredDataKeys.indexOf(item) > -1) {
2133
- checked.push(item);
2134
- }
2135
- });
2136
- this.checkChangeByUser = false;
2137
- this.checked = checked;
2138
- },
2139
- checkableData: function checkableData() {
2140
- this.updateAllChecked();
2141
- },
2142
-
2143
-
2144
- defaultChecked: {
2145
- immediate: true,
2146
- handler: function handler(val, oldVal) {
2147
- var _this2 = this;
2148
-
2149
- if (oldVal && val.length === oldVal.length && val.every(function (item) {
2150
- return oldVal.indexOf(item) > -1;
2151
- })) return;
2152
- var checked = [];
2153
- var checkableDataKeys = this.checkableData.map(function (item) {
2154
- return item[_this2.keyProp];
2155
- });
2156
- val.forEach(function (item) {
2157
- if (checkableDataKeys.indexOf(item) > -1) {
2158
- checked.push(item);
2159
- }
2160
- });
2161
- this.checkChangeByUser = false;
2162
- this.checked = checked;
2163
- }
2164
- }
2165
- },
2166
-
2167
- computed: {
2168
- filteredData: function filteredData() {
2169
- var _this3 = this;
2170
-
2171
- return this.data.filter(function (item) {
2172
- if (typeof _this3.filterMethod === 'function') {
2173
- return _this3.filterMethod(_this3.query, item);
2174
- } else {
2175
- var label = item[_this3.labelProp] || item[_this3.keyProp].toString();
2176
- return label.toLowerCase().indexOf(_this3.query.toLowerCase()) > -1;
2177
- }
2178
- });
2179
- },
2180
- checkableData: function checkableData() {
2181
- var _this4 = this;
2182
-
2183
- return this.filteredData.filter(function (item) {
2184
- return !item[_this4.disabledProp];
2185
- });
2186
- },
2187
- checkedSummary: function checkedSummary() {
2188
- var checkedLength = this.checked.length;
2189
- var dataLength = this.data.length;
2190
- var _format = this.format,
2191
- noChecked = _format.noChecked,
2192
- hasChecked = _format.hasChecked;
2193
-
2194
- if (noChecked && hasChecked) {
2195
- return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength) : noChecked.replace(/\${total}/g, dataLength);
2196
- } else {
2197
- return checkedLength + '/' + dataLength;
2198
- }
2199
- },
2200
- isIndeterminate: function isIndeterminate() {
2201
- var checkedLength = this.checked.length;
2202
- return checkedLength > 0 && checkedLength < this.checkableData.length;
2203
- },
2204
- hasNoMatch: function hasNoMatch() {
2205
- return this.query.length > 0 && this.filteredData.length === 0;
2206
- },
2207
- inputIcon: function inputIcon() {
2208
- return this.query.length > 0 && this.inputHover ? 'circle-close' : 'search';
2209
- },
2210
- labelProp: function labelProp() {
2211
- return this.props.label || 'label';
2212
- },
2213
- keyProp: function keyProp() {
2214
- return this.props.key || 'key';
2215
- },
2216
- disabledProp: function disabledProp() {
2217
- return this.props.disabled || 'disabled';
2218
- },
2219
- hasFooter: function hasFooter() {
2220
- return !!this.$slots.default;
2221
- }
2222
- },
2223
-
2224
- methods: {
2225
- updateAllChecked: function updateAllChecked() {
2226
- var _this5 = this;
2227
-
2228
- var checkableDataKeys = this.checkableData.map(function (item) {
2229
- return item[_this5.keyProp];
2230
- });
2231
- this.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every(function (item) {
2232
- return _this5.checked.indexOf(item) > -1;
2233
- });
2234
- },
2235
- handleAllCheckedChange: function handleAllCheckedChange(value) {
2236
- var _this6 = this;
2237
-
2238
- this.checked = value ? this.checkableData.map(function (item) {
2239
- return item[_this6.keyProp];
2240
- }) : [];
2241
- },
2242
- clearQuery: function clearQuery() {
2243
- if (this.inputIcon === 'circle-close') {
2244
- this.query = '';
2245
- }
2246
- }
2247
- }
2248
- });
2249
- // CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue?vue&type=script&lang=js
2250
- /* harmony default export */ var src_transfer_panelvue_type_script_lang_js = (transfer_panelvue_type_script_lang_js);
2251
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
2252
- var componentNormalizer = __webpack_require__(0);
2253
-
2254
- // CONCATENATED MODULE: ./packages/transfer/src/transfer-panel.vue
2255
-
2256
-
2257
-
2258
-
2259
-
2260
- /* normalize component */
2261
-
2262
- var component = Object(componentNormalizer["a" /* default */])(
2263
- src_transfer_panelvue_type_script_lang_js,
2264
- transfer_panelvue_type_template_id_54d9cc57_render,
2265
- transfer_panelvue_type_template_id_54d9cc57_staticRenderFns,
2266
- false,
2267
- null,
2268
- null,
2269
- null
2270
-
2271
- )
2272
-
2273
- /* harmony default export */ var transfer_panel = (component.exports);
2274
- // EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
2275
- var migrating_ = __webpack_require__(7);
2276
- var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
2277
-
2278
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/transfer/src/main.vue?vue&type=script&lang=js
2279
- //
2280
- //
2281
- //
2282
- //
2283
- //
2284
- //
2285
- //
2286
- //
2287
- //
2288
- //
2289
- //
2290
- //
2291
- //
2292
- //
2293
- //
2294
- //
2295
- //
2296
- //
2297
- //
2298
- //
2299
- //
2300
- //
2301
- //
2302
- //
2303
- //
2304
- //
2305
- //
2306
- //
2307
- //
2308
- //
2309
- //
2310
- //
2311
- //
2312
- //
2313
- //
2314
- //
2315
- //
2316
- //
2317
- //
2318
- //
2319
- //
2320
- //
2321
- //
2322
-
2323
-
2324
-
2325
-
2326
-
2327
-
2328
-
2329
- /* harmony default export */ var mainvue_type_script_lang_js = ({
2330
- name: 'ElTransfer',
2331
-
2332
- mixins: [emitter_default.a, locale_default.a, migrating_default.a],
2333
-
2334
- components: {
2335
- TransferPanel: transfer_panel,
2336
- ElButton: packages_button["default"]
2337
- },
2338
-
2339
- props: {
2340
- data: {
2341
- type: Array,
2342
- default: function _default() {
2343
- return [];
2344
- }
2345
- },
2346
- titles: {
2347
- type: Array,
2348
- default: function _default() {
2349
- return [];
2350
- }
2351
- },
2352
- buttonTexts: {
2353
- type: Array,
2354
- default: function _default() {
2355
- return [];
2356
- }
2357
- },
2358
- filterPlaceholder: {
2359
- type: String,
2360
- default: ''
2361
- },
2362
- filterMethod: Function,
2363
- leftDefaultChecked: {
2364
- type: Array,
2365
- default: function _default() {
2366
- return [];
2367
- }
2368
- },
2369
- rightDefaultChecked: {
2370
- type: Array,
2371
- default: function _default() {
2372
- return [];
2373
- }
2374
- },
2375
- renderContent: Function,
2376
- value: {
2377
- type: Array,
2378
- default: function _default() {
2379
- return [];
2380
- }
2381
- },
2382
- format: {
2383
- type: Object,
2384
- default: function _default() {
2385
- return {};
2386
- }
2387
- },
2388
- filterable: Boolean,
2389
- props: {
2390
- type: Object,
2391
- default: function _default() {
2392
- return {
2393
- label: 'label',
2394
- key: 'key',
2395
- disabled: 'disabled'
2396
- };
2397
- }
2398
- },
2399
- targetOrder: {
2400
- type: String,
2401
- default: 'original'
2402
- }
2403
- },
2404
-
2405
- data: function data() {
2406
- return {
2407
- leftChecked: [],
2408
- rightChecked: []
2409
- };
2410
- },
2411
-
2412
-
2413
- computed: {
2414
- dataObj: function dataObj() {
2415
- var key = this.props.key;
2416
- return this.data.reduce(function (o, cur) {
2417
- return (o[cur[key]] = cur) && o;
2418
- }, {});
2419
- },
2420
- sourceData: function sourceData() {
2421
- var _this = this;
2422
-
2423
- return this.data.filter(function (item) {
2424
- return _this.value.indexOf(item[_this.props.key]) === -1;
2425
- });
2426
- },
2427
- targetData: function targetData() {
2428
- var _this2 = this;
2429
-
2430
- if (this.targetOrder === 'original') {
2431
- return this.data.filter(function (item) {
2432
- return _this2.value.indexOf(item[_this2.props.key]) > -1;
2433
- });
2434
- } else {
2435
- return this.value.reduce(function (arr, cur) {
2436
- var val = _this2.dataObj[cur];
2437
- if (val) {
2438
- arr.push(val);
2439
- }
2440
- return arr;
2441
- }, []);
2442
- }
2443
- },
2444
- hasButtonTexts: function hasButtonTexts() {
2445
- return this.buttonTexts.length === 2;
2446
- }
2447
- },
2448
-
2449
- watch: {
2450
- value: function value(val) {
2451
- this.dispatch('ElFormItem', 'el.form.change', val);
2452
- }
2453
- },
2454
-
2455
- methods: {
2456
- getMigratingConfig: function getMigratingConfig() {
2457
- return {
2458
- props: {
2459
- 'footer-format': 'footer-format is renamed to format.'
2460
- }
2461
- };
2462
- },
2463
- onSourceCheckedChange: function onSourceCheckedChange(val, movedKeys) {
2464
- this.leftChecked = val;
2465
- if (movedKeys === undefined) return;
2466
- this.$emit('left-check-change', val, movedKeys);
2467
- },
2468
- onTargetCheckedChange: function onTargetCheckedChange(val, movedKeys) {
2469
- this.rightChecked = val;
2470
- if (movedKeys === undefined) return;
2471
- this.$emit('right-check-change', val, movedKeys);
2472
- },
2473
- addToLeft: function addToLeft() {
2474
- var currentValue = this.value.slice();
2475
- this.rightChecked.forEach(function (item) {
2476
- var index = currentValue.indexOf(item);
2477
- if (index > -1) {
2478
- currentValue.splice(index, 1);
2479
- }
2480
- });
2481
- this.$emit('input', currentValue);
2482
- this.$emit('change', currentValue, 'left', this.rightChecked);
2483
- },
2484
- addToRight: function addToRight() {
2485
- var _this3 = this;
2486
-
2487
- var currentValue = this.value.slice();
2488
- var itemsToBeMoved = [];
2489
- var key = this.props.key;
2490
- this.data.forEach(function (item) {
2491
- var itemKey = item[key];
2492
- if (_this3.leftChecked.indexOf(itemKey) > -1 && _this3.value.indexOf(itemKey) === -1) {
2493
- itemsToBeMoved.push(itemKey);
2494
- }
2495
- });
2496
- currentValue = this.targetOrder === 'unshift' ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
2497
- this.$emit('input', currentValue);
2498
- this.$emit('change', currentValue, 'right', this.leftChecked);
2499
- },
2500
- clearQuery: function clearQuery(which) {
2501
- if (which === 'left') {
2502
- this.$refs.leftPanel.query = '';
2503
- } else if (which === 'right') {
2504
- this.$refs.rightPanel.query = '';
2505
- }
2506
- }
2507
- }
2508
- });
2509
- // CONCATENATED MODULE: ./packages/transfer/src/main.vue?vue&type=script&lang=js
2510
- /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js);
2511
- // CONCATENATED MODULE: ./packages/transfer/src/main.vue
2512
-
2513
-
2514
-
2515
-
2516
-
2517
- /* normalize component */
2518
-
2519
- var main_component = Object(componentNormalizer["a" /* default */])(
2520
- src_mainvue_type_script_lang_js,
2521
- render,
2522
- staticRenderFns,
2523
- false,
2524
- null,
2525
- null,
2526
- null
2527
-
2528
- )
2529
-
2530
- /* harmony default export */ var main = (main_component.exports);
2531
- // CONCATENATED MODULE: ./packages/transfer/index.js
2532
-
2533
-
2534
- /* istanbul ignore next */
2535
- main.install = function (Vue) {
2536
- Vue.component(main.name, main);
2537
- };
2538
-
2539
- /* harmony default export */ var transfer = __webpack_exports__["default"] = (main);
2540
-
2541
- /***/ }),
2542
-
2543
- /***/ 7:
2544
- /***/ (function(module, exports) {
2545
-
2546
- module.exports = require("element-ui/lib/mixins/migrating");
2547
-
2548
- /***/ }),
2549
-
2550
- /***/ 9:
2551
- /***/ (function(module, exports) {
2552
-
2553
- module.exports = require("element-ui/lib/mixins/locale");
2554
-
2555
- /***/ })
2556
-
2557
- /******/ });