cy-element-ui 1.1.7 → 1.1.8

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 (165) hide show
  1. package/README.md +54 -0
  2. package/lib/index.js +1 -1
  3. package/lib/theme-chalk/index.css +1 -1
  4. package/lib/theme-chalk/subTitle.css +0 -0
  5. package/lib/theme-chalk/tabDialog.css +0 -1
  6. package/lib/theme-chalk/treeSelect.css +0 -1
  7. package/lib/theme-cy/base.css +1 -0
  8. package/lib/theme-cy/element.css +1 -0
  9. package/lib/theme-cy/index.css +1 -0
  10. package/lib/theme-cy/subTitle.css +1 -0
  11. package/lib/theme-cy/tabDialog.css +1 -0
  12. package/lib/theme-cy/treeSelect.css +1 -0
  13. package/package.json +2 -2
  14. package/packages/subTitle/index.js +7 -0
  15. package/packages/subTitle/src/main.vue +36 -0
  16. package/packages/tabDialog/src/dialog/drag.js +63 -63
  17. package/packages/theme-chalk/src/index.scss +1 -0
  18. package/packages/theme-chalk/src/subTitle.scss +0 -0
  19. package/packages/theme-chalk/src/tabDialog.scss +0 -43
  20. package/packages/theme-chalk/src/treeSelect.scss +0 -98
  21. package/packages/theme-cy/gulpfile.js +19 -0
  22. package/packages/theme-cy/lib/base.css +1 -0
  23. package/packages/theme-cy/lib/element.css +1 -0
  24. package/packages/theme-cy/lib/index.css +1 -0
  25. package/packages/theme-cy/lib/subTitle.css +1 -0
  26. package/packages/theme-cy/lib/tabDialog.css +1 -0
  27. package/packages/theme-cy/lib/treeSelect.css +1 -0
  28. package/packages/theme-cy/package.json +9 -0
  29. package/packages/theme-cy/src/base.scss +3 -0
  30. package/packages/theme-cy/src/element.scss +12 -0
  31. package/packages/theme-cy/src/index.scss +4 -0
  32. package/packages/theme-cy/src/subTitle.scss +26 -0
  33. package/packages/theme-cy/src/tabDialog.scss +43 -0
  34. package/packages/theme-cy/src/treeSelect.scss +131 -0
  35. package/src/index.js +12 -4
  36. package/lib/alert.js +0 -420
  37. package/lib/aside.js +0 -277
  38. package/lib/autocomplete.js +0 -952
  39. package/lib/avatar.js +0 -363
  40. package/lib/backtop.js +0 -404
  41. package/lib/badge.js +0 -334
  42. package/lib/breadcrumb-item.js +0 -322
  43. package/lib/breadcrumb.js +0 -293
  44. package/lib/button-group.js +0 -262
  45. package/lib/button.js +0 -357
  46. package/lib/calendar.js +0 -933
  47. package/lib/card.js +0 -297
  48. package/lib/carousel-item.js +0 -434
  49. package/lib/carousel.js +0 -707
  50. package/lib/cascader-panel.js +0 -1558
  51. package/lib/cascader.js +0 -1439
  52. package/lib/checkbox-button.js +0 -583
  53. package/lib/checkbox-group.js +0 -313
  54. package/lib/checkbox.js +0 -627
  55. package/lib/col.js +0 -177
  56. package/lib/collapse-item.js +0 -497
  57. package/lib/collapse.js +0 -329
  58. package/lib/color-picker.js +0 -1943
  59. package/lib/container.js +0 -288
  60. package/lib/date-picker.js +0 -6336
  61. package/lib/descriptions-item.js +0 -140
  62. package/lib/descriptions.js +0 -457
  63. package/lib/dialog.js +0 -598
  64. package/lib/directives/mousewheel.js +0 -26
  65. package/lib/directives/repeat-click.js +0 -33
  66. package/lib/divider.js +0 -313
  67. package/lib/drawer.js +0 -592
  68. package/lib/dropdown-item.js +0 -316
  69. package/lib/dropdown-menu.js +0 -351
  70. package/lib/dropdown.js +0 -643
  71. package/lib/element-ui.common.js +0 -44659
  72. package/lib/empty.js +0 -730
  73. package/lib/footer.js +0 -277
  74. package/lib/form-item.js +0 -826
  75. package/lib/form.js +0 -466
  76. package/lib/header.js +0 -277
  77. package/lib/icon.js +0 -265
  78. package/lib/image.js +0 -1138
  79. package/lib/infinite-scroll.js +0 -301
  80. package/lib/input-number.js +0 -757
  81. package/lib/input.js +0 -998
  82. package/lib/link.js +0 -332
  83. package/lib/loading.js +0 -631
  84. package/lib/locale/format.js +0 -56
  85. package/lib/locale/index.js +0 -63
  86. package/lib/locale/lang/en.js +0 -126
  87. package/lib/locale/lang/zh-CN.js +0 -126
  88. package/lib/locale/lang/zh-TW.js +0 -126
  89. package/lib/main.js +0 -264
  90. package/lib/menu-item-group.js +0 -308
  91. package/lib/menu-item.js +0 -491
  92. package/lib/menu.js +0 -865
  93. package/lib/message-box.js +0 -1192
  94. package/lib/message.js +0 -548
  95. package/lib/mixins/emitter.js +0 -36
  96. package/lib/mixins/focus.js +0 -15
  97. package/lib/mixins/locale.js +0 -17
  98. package/lib/mixins/migrating.js +0 -69
  99. package/lib/notification.js +0 -615
  100. package/lib/option-group.js +0 -344
  101. package/lib/option.js +0 -474
  102. package/lib/page-header.js +0 -319
  103. package/lib/pagination.js +0 -950
  104. package/lib/popconfirm.js +0 -457
  105. package/lib/popover.js +0 -617
  106. package/lib/progress.js +0 -595
  107. package/lib/radio-button.js +0 -463
  108. package/lib/radio-group.js +0 -391
  109. package/lib/radio.js +0 -497
  110. package/lib/rate.js +0 -670
  111. package/lib/result.js +0 -578
  112. package/lib/row.js +0 -149
  113. package/lib/scrollbar.js +0 -423
  114. package/lib/select.js +0 -2167
  115. package/lib/skeleton-item.js +0 -342
  116. package/lib/skeleton.js +0 -372
  117. package/lib/slider.js +0 -1199
  118. package/lib/spinner.js +0 -301
  119. package/lib/statistic.js +0 -533
  120. package/lib/step.js +0 -522
  121. package/lib/steps.js +0 -342
  122. package/lib/submenu.js +0 -701
  123. package/lib/switch.js +0 -554
  124. package/lib/tab-pane.js +0 -332
  125. package/lib/tabDialog.js +0 -1184
  126. package/lib/table-column.js +0 -952
  127. package/lib/table.js +0 -5011
  128. package/lib/tabs.js +0 -920
  129. package/lib/tag.js +0 -304
  130. package/lib/time-picker.js +0 -2967
  131. package/lib/time-select.js +0 -1765
  132. package/lib/timeline-item.js +0 -371
  133. package/lib/timeline.js +0 -275
  134. package/lib/tooltip.js +0 -425
  135. package/lib/transfer.js +0 -1102
  136. package/lib/transitions/collapse-transition.js +0 -91
  137. package/lib/tree.js +0 -2263
  138. package/lib/treeSelect.js +0 -746
  139. package/lib/umd/locale/en.js +0 -142
  140. package/lib/umd/locale/zh-CN.js +0 -142
  141. package/lib/umd/locale/zh-TW.js +0 -142
  142. package/lib/upload.js +0 -1390
  143. package/lib/utils/after-leave.js +0 -35
  144. package/lib/utils/aria-dialog.js +0 -104
  145. package/lib/utils/aria-utils.js +0 -126
  146. package/lib/utils/clickoutside.js +0 -79
  147. package/lib/utils/date-util.js +0 -310
  148. package/lib/utils/date.js +0 -369
  149. package/lib/utils/dom.js +0 -234
  150. package/lib/utils/lodash.js +0 -9421
  151. package/lib/utils/menu/aria-menubar.js +0 -24
  152. package/lib/utils/menu/aria-menuitem.js +0 -62
  153. package/lib/utils/menu/aria-submenu.js +0 -69
  154. package/lib/utils/merge.js +0 -21
  155. package/lib/utils/popper.js +0 -1261
  156. package/lib/utils/popup/index.js +0 -233
  157. package/lib/utils/popup/popup-manager.js +0 -205
  158. package/lib/utils/resize-event.js +0 -59
  159. package/lib/utils/scroll-into-view.js +0 -38
  160. package/lib/utils/scrollbar-width.js +0 -39
  161. package/lib/utils/shared.js +0 -12
  162. package/lib/utils/types.js +0 -52
  163. package/lib/utils/util.js +0 -272
  164. package/lib/utils/vdom.js +0 -13
  165. package/lib/utils/vue-popper.js +0 -202
@@ -1,1765 +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 = 78);
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/date-util");
199
-
200
- /***/ }),
201
-
202
- /***/ 11:
203
- /***/ (function(module, exports) {
204
-
205
- module.exports = require("element-ui/lib/input");
206
-
207
- /***/ }),
208
-
209
- /***/ 12:
210
- /***/ (function(module, exports) {
211
-
212
- module.exports = require("element-ui/lib/utils/clickoutside");
213
-
214
- /***/ }),
215
-
216
- /***/ 16:
217
- /***/ (function(module, exports) {
218
-
219
- module.exports = require("element-ui/lib/scrollbar");
220
-
221
- /***/ }),
222
-
223
- /***/ 31:
224
- /***/ (function(module, exports) {
225
-
226
- module.exports = require("element-ui/lib/utils/scroll-into-view");
227
-
228
- /***/ }),
229
-
230
- /***/ 32:
231
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
232
-
233
- "use strict";
234
-
235
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/picker.vue?vue&type=template&id=a845df9c
236
- var render = function () {
237
- var _vm = this
238
- var _h = _vm.$createElement
239
- var _c = _vm._self._c || _h
240
- return !_vm.ranged
241
- ? _c(
242
- "el-input",
243
- _vm._b(
244
- {
245
- directives: [
246
- {
247
- name: "clickoutside",
248
- rawName: "v-clickoutside",
249
- value: _vm.handleClose,
250
- expression: "handleClose",
251
- },
252
- ],
253
- ref: "reference",
254
- staticClass: "el-date-editor",
255
- class: "el-date-editor--" + _vm.type,
256
- attrs: {
257
- readonly:
258
- !_vm.editable ||
259
- _vm.readonly ||
260
- _vm.type === "dates" ||
261
- _vm.type === "week" ||
262
- _vm.type === "years" ||
263
- _vm.type === "months",
264
- disabled: _vm.pickerDisabled,
265
- size: _vm.pickerSize,
266
- name: _vm.name,
267
- placeholder: _vm.placeholder,
268
- value: _vm.displayValue,
269
- validateEvent: false,
270
- },
271
- on: {
272
- focus: _vm.handleFocus,
273
- input: function (value) {
274
- return (_vm.userInput = value)
275
- },
276
- change: _vm.handleChange,
277
- },
278
- nativeOn: {
279
- keydown: function ($event) {
280
- return _vm.handleKeydown($event)
281
- },
282
- mouseenter: function ($event) {
283
- return _vm.handleMouseEnter($event)
284
- },
285
- mouseleave: function ($event) {
286
- _vm.showClose = false
287
- },
288
- },
289
- },
290
- "el-input",
291
- _vm.firstInputId,
292
- false
293
- ),
294
- [
295
- _c("i", {
296
- staticClass: "el-input__icon",
297
- class: _vm.triggerClass,
298
- attrs: { slot: "prefix" },
299
- on: { click: _vm.handleFocus },
300
- slot: "prefix",
301
- }),
302
- _vm.haveTrigger
303
- ? _c("i", {
304
- staticClass: "el-input__icon",
305
- class: [_vm.showClose ? "" + _vm.clearIcon : ""],
306
- attrs: { slot: "suffix" },
307
- on: { click: _vm.handleClickIcon },
308
- slot: "suffix",
309
- })
310
- : _vm._e(),
311
- ]
312
- )
313
- : _c(
314
- "div",
315
- {
316
- directives: [
317
- {
318
- name: "clickoutside",
319
- rawName: "v-clickoutside",
320
- value: _vm.handleClose,
321
- expression: "handleClose",
322
- },
323
- ],
324
- ref: "reference",
325
- staticClass: "el-date-editor el-range-editor el-input__inner",
326
- class: [
327
- "el-date-editor--" + _vm.type,
328
- _vm.pickerSize ? "el-range-editor--" + _vm.pickerSize : "",
329
- _vm.pickerDisabled ? "is-disabled" : "",
330
- _vm.pickerVisible ? "is-active" : "",
331
- ],
332
- on: {
333
- click: _vm.handleRangeClick,
334
- mouseenter: _vm.handleMouseEnter,
335
- mouseleave: function ($event) {
336
- _vm.showClose = false
337
- },
338
- keydown: _vm.handleKeydown,
339
- },
340
- },
341
- [
342
- _c("i", {
343
- class: ["el-input__icon", "el-range__icon", _vm.triggerClass],
344
- }),
345
- _c(
346
- "input",
347
- _vm._b(
348
- {
349
- staticClass: "el-range-input",
350
- attrs: {
351
- autocomplete: "off",
352
- placeholder: _vm.startPlaceholder,
353
- disabled: _vm.pickerDisabled,
354
- readonly: !_vm.editable || _vm.readonly,
355
- name: _vm.name && _vm.name[0],
356
- },
357
- domProps: { value: _vm.displayValue && _vm.displayValue[0] },
358
- on: {
359
- input: _vm.handleStartInput,
360
- change: _vm.handleStartChange,
361
- focus: _vm.handleFocus,
362
- },
363
- },
364
- "input",
365
- _vm.firstInputId,
366
- false
367
- )
368
- ),
369
- _vm._t("range-separator", [
370
- _c("span", { staticClass: "el-range-separator" }, [
371
- _vm._v(_vm._s(_vm.rangeSeparator)),
372
- ]),
373
- ]),
374
- _c(
375
- "input",
376
- _vm._b(
377
- {
378
- staticClass: "el-range-input",
379
- attrs: {
380
- autocomplete: "off",
381
- placeholder: _vm.endPlaceholder,
382
- disabled: _vm.pickerDisabled,
383
- readonly: !_vm.editable || _vm.readonly,
384
- name: _vm.name && _vm.name[1],
385
- },
386
- domProps: { value: _vm.displayValue && _vm.displayValue[1] },
387
- on: {
388
- input: _vm.handleEndInput,
389
- change: _vm.handleEndChange,
390
- focus: _vm.handleFocus,
391
- },
392
- },
393
- "input",
394
- _vm.secondInputId,
395
- false
396
- )
397
- ),
398
- _vm.haveTrigger
399
- ? _c("i", {
400
- staticClass: "el-input__icon el-range__close-icon",
401
- class: [_vm.showClose ? "" + _vm.clearIcon : ""],
402
- on: { click: _vm.handleClickIcon },
403
- })
404
- : _vm._e(),
405
- ],
406
- 2
407
- )
408
- }
409
- var staticRenderFns = []
410
- render._withStripped = true
411
-
412
-
413
- // CONCATENATED MODULE: ./packages/date-picker/src/picker.vue?vue&type=template&id=a845df9c
414
-
415
- // EXTERNAL MODULE: external "vue"
416
- var external_vue_ = __webpack_require__(7);
417
- var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
418
-
419
- // EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside"
420
- var clickoutside_ = __webpack_require__(12);
421
- var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
422
-
423
- // EXTERNAL MODULE: external "element-ui/lib/utils/date-util"
424
- var date_util_ = __webpack_require__(1);
425
-
426
- // EXTERNAL MODULE: external "element-ui/lib/utils/vue-popper"
427
- var vue_popper_ = __webpack_require__(5);
428
- var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
429
-
430
- // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
431
- var emitter_ = __webpack_require__(4);
432
- var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
433
-
434
- // EXTERNAL MODULE: external "element-ui/lib/input"
435
- var input_ = __webpack_require__(11);
436
- var input_default = /*#__PURE__*/__webpack_require__.n(input_);
437
-
438
- // EXTERNAL MODULE: external "element-ui/lib/utils/merge"
439
- var merge_ = __webpack_require__(9);
440
- var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
441
-
442
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/picker.vue?vue&type=script&lang=js
443
- //
444
- //
445
- //
446
- //
447
- //
448
- //
449
- //
450
- //
451
- //
452
- //
453
- //
454
- //
455
- //
456
- //
457
- //
458
- //
459
- //
460
- //
461
- //
462
- //
463
- //
464
- //
465
- //
466
- //
467
- //
468
- //
469
- //
470
- //
471
- //
472
- //
473
- //
474
- //
475
- //
476
- //
477
- //
478
- //
479
- //
480
- //
481
- //
482
- //
483
- //
484
- //
485
- //
486
- //
487
- //
488
- //
489
- //
490
- //
491
- //
492
- //
493
- //
494
- //
495
- //
496
- //
497
- //
498
- //
499
- //
500
- //
501
- //
502
- //
503
- //
504
- //
505
- //
506
- //
507
- //
508
- //
509
- //
510
- //
511
- //
512
- //
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
- var NewPopper = {
538
- props: {
539
- appendToBody: vue_popper_default.a.props.appendToBody,
540
- offset: vue_popper_default.a.props.offset,
541
- boundariesPadding: vue_popper_default.a.props.boundariesPadding,
542
- arrowOffset: vue_popper_default.a.props.arrowOffset,
543
- transformOrigin: vue_popper_default.a.props.transformOrigin
544
- },
545
- methods: vue_popper_default.a.methods,
546
- data: function data() {
547
- return merge_default()({ visibleArrow: true }, vue_popper_default.a.data);
548
- },
549
-
550
- beforeDestroy: vue_popper_default.a.beforeDestroy
551
- };
552
-
553
- var DEFAULT_FORMATS = {
554
- date: 'yyyy-MM-dd',
555
- month: 'yyyy-MM',
556
- months: 'yyyy-MM',
557
- datetime: 'yyyy-MM-dd HH:mm:ss',
558
- time: 'HH:mm:ss',
559
- week: 'yyyywWW',
560
- timerange: 'HH:mm:ss',
561
- daterange: 'yyyy-MM-dd',
562
- monthrange: 'yyyy-MM',
563
- datetimerange: 'yyyy-MM-dd HH:mm:ss',
564
- year: 'yyyy',
565
- years: 'yyyy'
566
- };
567
- var HAVE_TRIGGER_TYPES = ['date', 'datetime', 'time', 'time-select', 'week', 'month', 'year', 'daterange', 'monthrange', 'timerange', 'datetimerange', 'dates', 'months', 'years'];
568
- var pickervue_type_script_lang_js_DATE_FORMATTER = function DATE_FORMATTER(value, format) {
569
- if (format === 'timestamp') return value.getTime();
570
- return Object(date_util_["formatDate"])(value, format);
571
- };
572
- var pickervue_type_script_lang_js_DATE_PARSER = function DATE_PARSER(text, format) {
573
- if (format === 'timestamp') return new Date(Number(text));
574
- return Object(date_util_["parseDate"])(text, format);
575
- };
576
- var RANGE_FORMATTER = function RANGE_FORMATTER(value, format) {
577
- if (Array.isArray(value) && value.length === 2) {
578
- var start = value[0];
579
- var end = value[1];
580
-
581
- if (start && end) {
582
- return [pickervue_type_script_lang_js_DATE_FORMATTER(start, format), pickervue_type_script_lang_js_DATE_FORMATTER(end, format)];
583
- }
584
- }
585
- return '';
586
- };
587
- var RANGE_PARSER = function RANGE_PARSER(array, format, separator) {
588
- if (!Array.isArray(array)) {
589
- array = array.split(separator);
590
- }
591
- if (array.length === 2) {
592
- var range1 = array[0];
593
- var range2 = array[1];
594
-
595
- return [pickervue_type_script_lang_js_DATE_PARSER(range1, format), pickervue_type_script_lang_js_DATE_PARSER(range2, format)];
596
- }
597
- return [];
598
- };
599
- var TYPE_VALUE_RESOLVER_MAP = {
600
- default: {
601
- formatter: function formatter(value) {
602
- if (!value) return '';
603
- return '' + value;
604
- },
605
- parser: function parser(text) {
606
- if (text === undefined || text === '') return null;
607
- return text;
608
- }
609
- },
610
- week: {
611
- formatter: function formatter(value, format) {
612
- var week = Object(date_util_["getWeekNumber"])(value);
613
- var month = value.getMonth();
614
- var trueDate = new Date(value);
615
- if (week === 1 && month === 11) {
616
- trueDate.setHours(0, 0, 0, 0);
617
- trueDate.setDate(trueDate.getDate() + 3 - (trueDate.getDay() + 6) % 7);
618
- }
619
- var date = Object(date_util_["formatDate"])(trueDate, format);
620
-
621
- date = /WW/.test(date) ? date.replace(/WW/, week < 10 ? '0' + week : week) : date.replace(/W/, week);
622
- return date;
623
- },
624
- parser: function parser(text, format) {
625
- // parse as if a normal date
626
- return TYPE_VALUE_RESOLVER_MAP.date.parser(text, format);
627
- }
628
- },
629
- date: {
630
- formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
631
- parser: pickervue_type_script_lang_js_DATE_PARSER
632
- },
633
- datetime: {
634
- formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
635
- parser: pickervue_type_script_lang_js_DATE_PARSER
636
- },
637
- daterange: {
638
- formatter: RANGE_FORMATTER,
639
- parser: RANGE_PARSER
640
- },
641
- monthrange: {
642
- formatter: RANGE_FORMATTER,
643
- parser: RANGE_PARSER
644
- },
645
- datetimerange: {
646
- formatter: RANGE_FORMATTER,
647
- parser: RANGE_PARSER
648
- },
649
- timerange: {
650
- formatter: RANGE_FORMATTER,
651
- parser: RANGE_PARSER
652
- },
653
- time: {
654
- formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
655
- parser: pickervue_type_script_lang_js_DATE_PARSER
656
- },
657
- month: {
658
- formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
659
- parser: pickervue_type_script_lang_js_DATE_PARSER
660
- },
661
- year: {
662
- formatter: pickervue_type_script_lang_js_DATE_FORMATTER,
663
- parser: pickervue_type_script_lang_js_DATE_PARSER
664
- },
665
- number: {
666
- formatter: function formatter(value) {
667
- if (!value) return '';
668
- return '' + value;
669
- },
670
- parser: function parser(text) {
671
- var result = Number(text);
672
-
673
- if (!isNaN(text)) {
674
- return result;
675
- } else {
676
- return null;
677
- }
678
- }
679
- },
680
- dates: {
681
- formatter: function formatter(value, format) {
682
- return value.map(function (date) {
683
- return pickervue_type_script_lang_js_DATE_FORMATTER(date, format);
684
- });
685
- },
686
- parser: function parser(value, format) {
687
- return (typeof value === 'string' ? value.split(', ') : value).map(function (date) {
688
- return date instanceof Date ? date : pickervue_type_script_lang_js_DATE_PARSER(date, format);
689
- });
690
- }
691
- },
692
- months: {
693
- formatter: function formatter(value, format) {
694
- return value.map(function (date) {
695
- return pickervue_type_script_lang_js_DATE_FORMATTER(date, format);
696
- });
697
- },
698
- parser: function parser(value, format) {
699
- return (typeof value === 'string' ? value.split(', ') : value).map(function (date) {
700
- return date instanceof Date ? date : pickervue_type_script_lang_js_DATE_PARSER(date, format);
701
- });
702
- }
703
- },
704
- years: {
705
- formatter: function formatter(value, format) {
706
- return value.map(function (date) {
707
- return pickervue_type_script_lang_js_DATE_FORMATTER(date, format);
708
- });
709
- },
710
- parser: function parser(value, format) {
711
- return (typeof value === 'string' ? value.split(', ') : value).map(function (date) {
712
- return date instanceof Date ? date : pickervue_type_script_lang_js_DATE_PARSER(date, format);
713
- });
714
- }
715
- }
716
- };
717
- var PLACEMENT_MAP = {
718
- left: 'bottom-start',
719
- center: 'bottom',
720
- right: 'bottom-end'
721
- };
722
-
723
- var parseAsFormatAndType = function parseAsFormatAndType(value, customFormat, type) {
724
- var rangeSeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '-';
725
-
726
- if (!value) return null;
727
- var parser = (TYPE_VALUE_RESOLVER_MAP[type] || TYPE_VALUE_RESOLVER_MAP['default']).parser;
728
- var format = customFormat || DEFAULT_FORMATS[type];
729
- return parser(value, format, rangeSeparator);
730
- };
731
-
732
- var formatAsFormatAndType = function formatAsFormatAndType(value, customFormat, type) {
733
- if (!value) return null;
734
- var formatter = (TYPE_VALUE_RESOLVER_MAP[type] || TYPE_VALUE_RESOLVER_MAP['default']).formatter;
735
- var format = customFormat || DEFAULT_FORMATS[type];
736
- return formatter(value, format);
737
- };
738
-
739
- /*
740
- * Considers:
741
- * 1. Date object
742
- * 2. date string
743
- * 3. array of 1 or 2
744
- */
745
- var valueEquals = function valueEquals(a, b) {
746
- // considers Date object and string
747
- var dateEquals = function dateEquals(a, b) {
748
- var aIsDate = a instanceof Date;
749
- var bIsDate = b instanceof Date;
750
- if (aIsDate && bIsDate) {
751
- return a.getTime() === b.getTime();
752
- }
753
- if (!aIsDate && !bIsDate) {
754
- return a === b;
755
- }
756
- return false;
757
- };
758
-
759
- var aIsArray = a instanceof Array;
760
- var bIsArray = b instanceof Array;
761
- if (aIsArray && bIsArray) {
762
- if (a.length !== b.length) {
763
- return false;
764
- }
765
- return a.every(function (item, index) {
766
- return dateEquals(item, b[index]);
767
- });
768
- }
769
- if (!aIsArray && !bIsArray) {
770
- return dateEquals(a, b);
771
- }
772
- return false;
773
- };
774
-
775
- var isString = function isString(val) {
776
- return typeof val === 'string' || val instanceof String;
777
- };
778
-
779
- var validator = function validator(val) {
780
- // either: String, Array of String, null / undefined
781
- return val === null || val === undefined || isString(val) || Array.isArray(val) && val.length === 2 && val.every(isString);
782
- };
783
-
784
- /* harmony default export */ var pickervue_type_script_lang_js = ({
785
- mixins: [emitter_default.a, NewPopper],
786
-
787
- inject: {
788
- elForm: {
789
- default: ''
790
- },
791
- elFormItem: {
792
- default: ''
793
- }
794
- },
795
-
796
- props: {
797
- size: String,
798
- format: String,
799
- valueFormat: String,
800
- readonly: Boolean,
801
- placeholder: String,
802
- startPlaceholder: String,
803
- endPlaceholder: String,
804
- prefixIcon: String,
805
- clearIcon: {
806
- type: String,
807
- default: 'el-icon-circle-close'
808
- },
809
- name: {
810
- default: '',
811
- validator: validator
812
- },
813
- disabled: Boolean,
814
- clearable: {
815
- type: Boolean,
816
- default: true
817
- },
818
- id: {
819
- default: '',
820
- validator: validator
821
- },
822
- popperClass: String,
823
- editable: {
824
- type: Boolean,
825
- default: true
826
- },
827
- align: {
828
- type: String,
829
- default: 'left'
830
- },
831
- value: {},
832
- defaultValue: {},
833
- defaultTime: {},
834
- rangeSeparator: {
835
- default: '-'
836
- },
837
- pickerOptions: {},
838
- unlinkPanels: Boolean,
839
- validateEvent: {
840
- type: Boolean,
841
- default: true
842
- }
843
- },
844
-
845
- components: { ElInput: input_default.a },
846
-
847
- directives: { Clickoutside: clickoutside_default.a },
848
-
849
- data: function data() {
850
- return {
851
- pickerVisible: false,
852
- showClose: false,
853
- userInput: null,
854
- valueOnOpen: null, // value when picker opens, used to determine whether to emit change
855
- unwatchPickerOptions: null
856
- };
857
- },
858
-
859
-
860
- watch: {
861
- pickerVisible: function pickerVisible(val) {
862
- if (this.readonly || this.pickerDisabled) return;
863
- if (val) {
864
- this.showPicker();
865
- this.valueOnOpen = Array.isArray(this.value) ? [].concat(this.value) : this.value;
866
- } else {
867
- this.hidePicker();
868
- this.emitChange(this.value);
869
- this.userInput = null;
870
- if (this.validateEvent) {
871
- this.dispatch('ElFormItem', 'el.form.blur');
872
- }
873
- this.$emit('blur', this);
874
- this.blur();
875
- }
876
- },
877
-
878
- parsedValue: {
879
- immediate: true,
880
- handler: function handler(val) {
881
- if (this.picker) {
882
- this.picker.value = val;
883
- }
884
- }
885
- },
886
- defaultValue: function defaultValue(val) {
887
- // NOTE: should eventually move to jsx style picker + panel ?
888
- if (this.picker) {
889
- this.picker.defaultValue = val;
890
- }
891
- },
892
- value: function value(val, oldVal) {
893
- if (!valueEquals(val, oldVal) && !this.pickerVisible && this.validateEvent) {
894
- this.dispatch('ElFormItem', 'el.form.change', val);
895
- }
896
- }
897
- },
898
-
899
- computed: {
900
- ranged: function ranged() {
901
- return this.type.indexOf('range') > -1;
902
- },
903
- reference: function reference() {
904
- var reference = this.$refs.reference;
905
- return reference.$el || reference;
906
- },
907
- refInput: function refInput() {
908
- if (this.reference) {
909
- return [].slice.call(this.reference.querySelectorAll('input'));
910
- }
911
- return [];
912
- },
913
- valueIsEmpty: function valueIsEmpty() {
914
- var val = this.value;
915
- if (Array.isArray(val)) {
916
- for (var i = 0, len = val.length; i < len; i++) {
917
- if (val[i]) {
918
- return false;
919
- }
920
- }
921
- } else {
922
- if (val) {
923
- return false;
924
- }
925
- }
926
- return true;
927
- },
928
- triggerClass: function triggerClass() {
929
- return this.prefixIcon || (this.type.indexOf('time') !== -1 ? 'el-icon-time' : 'el-icon-date');
930
- },
931
- selectionMode: function selectionMode() {
932
- if (this.type === 'week') {
933
- return 'week';
934
- } else if (this.type === 'month') {
935
- return 'month';
936
- } else if (this.type === 'year') {
937
- return 'year';
938
- } else if (this.type === 'dates') {
939
- return 'dates';
940
- } else if (this.type === 'months') {
941
- return 'months';
942
- } else if (this.type === 'years') {
943
- return 'years';
944
- }
945
-
946
- return 'day';
947
- },
948
- haveTrigger: function haveTrigger() {
949
- if (typeof this.showTrigger !== 'undefined') {
950
- return this.showTrigger;
951
- }
952
- return HAVE_TRIGGER_TYPES.indexOf(this.type) !== -1;
953
- },
954
- displayValue: function displayValue() {
955
- var formattedValue = formatAsFormatAndType(this.parsedValue, this.format, this.type, this.rangeSeparator);
956
- if (Array.isArray(this.userInput)) {
957
- return [this.userInput[0] || formattedValue && formattedValue[0] || '', this.userInput[1] || formattedValue && formattedValue[1] || ''];
958
- } else if (this.userInput !== null) {
959
- return this.userInput;
960
- } else if (formattedValue) {
961
- return this.type === 'dates' || this.type === 'years' || this.type === 'months' ? formattedValue.join(', ') : formattedValue;
962
- } else {
963
- return '';
964
- }
965
- },
966
- parsedValue: function parsedValue() {
967
- if (!this.value) return this.value; // component value is not set
968
- if (this.type === 'time-select') return this.value; // time-select does not require parsing, this might change in next major version
969
-
970
- var valueIsDateObject = Object(date_util_["isDateObject"])(this.value) || Array.isArray(this.value) && this.value.every(date_util_["isDateObject"]);
971
- if (valueIsDateObject) {
972
- return this.value;
973
- }
974
-
975
- if (this.valueFormat) {
976
- return parseAsFormatAndType(this.value, this.valueFormat, this.type, this.rangeSeparator) || this.value;
977
- }
978
-
979
- // NOTE: deal with common but incorrect usage, should remove in next major version
980
- // user might provide string / timestamp without value-format, coerce them into date (or array of date)
981
- return Array.isArray(this.value) ? this.value.map(function (val) {
982
- return new Date(val);
983
- }) : new Date(this.value);
984
- },
985
- _elFormItemSize: function _elFormItemSize() {
986
- return (this.elFormItem || {}).elFormItemSize;
987
- },
988
- pickerSize: function pickerSize() {
989
- return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
990
- },
991
- pickerDisabled: function pickerDisabled() {
992
- return this.disabled || (this.elForm || {}).disabled;
993
- },
994
- firstInputId: function firstInputId() {
995
- var obj = {};
996
- var id = void 0;
997
- if (this.ranged) {
998
- id = this.id && this.id[0];
999
- } else {
1000
- id = this.id;
1001
- }
1002
- if (id) obj.id = id;
1003
- return obj;
1004
- },
1005
- secondInputId: function secondInputId() {
1006
- var obj = {};
1007
- var id = void 0;
1008
- if (this.ranged) {
1009
- id = this.id && this.id[1];
1010
- }
1011
- if (id) obj.id = id;
1012
- return obj;
1013
- }
1014
- },
1015
-
1016
- created: function created() {
1017
- // vue-popper
1018
- this.popperOptions = {
1019
- boundariesPadding: 0,
1020
- gpuAcceleration: false
1021
- };
1022
- this.placement = PLACEMENT_MAP[this.align] || PLACEMENT_MAP.left;
1023
-
1024
- this.$on('fieldReset', this.handleFieldReset);
1025
- },
1026
-
1027
-
1028
- methods: {
1029
- focus: function focus() {
1030
- if (!this.ranged) {
1031
- this.$refs.reference.focus();
1032
- } else {
1033
- this.handleFocus();
1034
- }
1035
- },
1036
- blur: function blur() {
1037
- this.refInput.forEach(function (input) {
1038
- return input.blur();
1039
- });
1040
- },
1041
-
1042
-
1043
- // {parse, formatTo} Value deals maps component value with internal Date
1044
- parseValue: function parseValue(value) {
1045
- var isParsed = Object(date_util_["isDateObject"])(value) || Array.isArray(value) && value.every(date_util_["isDateObject"]);
1046
- if (this.valueFormat && !isParsed) {
1047
- return parseAsFormatAndType(value, this.valueFormat, this.type, this.rangeSeparator) || value;
1048
- } else {
1049
- return value;
1050
- }
1051
- },
1052
- formatToValue: function formatToValue(date) {
1053
- var isFormattable = Object(date_util_["isDateObject"])(date) || Array.isArray(date) && date.every(date_util_["isDateObject"]);
1054
- if (this.valueFormat && isFormattable) {
1055
- return formatAsFormatAndType(date, this.valueFormat, this.type, this.rangeSeparator);
1056
- } else {
1057
- return date;
1058
- }
1059
- },
1060
-
1061
-
1062
- // {parse, formatTo} String deals with user input
1063
- parseString: function parseString(value) {
1064
- var type = Array.isArray(value) ? this.type : this.type.replace('range', '');
1065
- return parseAsFormatAndType(value, this.format, type);
1066
- },
1067
- formatToString: function formatToString(value) {
1068
- var type = Array.isArray(value) ? this.type : this.type.replace('range', '');
1069
- return formatAsFormatAndType(value, this.format, type);
1070
- },
1071
- handleMouseEnter: function handleMouseEnter() {
1072
- if (this.readonly || this.pickerDisabled) return;
1073
- if (!this.valueIsEmpty && this.clearable) {
1074
- this.showClose = true;
1075
- }
1076
- },
1077
- handleChange: function handleChange() {
1078
- if (this.userInput) {
1079
- var value = this.parseString(this.displayValue);
1080
- if (value) {
1081
- this.picker.value = value;
1082
- if (this.isValidValue(value)) {
1083
- this.emitInput(value);
1084
- this.userInput = null;
1085
- }
1086
- }
1087
- }
1088
- if (this.userInput === '') {
1089
- this.emitInput(null);
1090
- this.emitChange(null);
1091
- this.userInput = null;
1092
- }
1093
- },
1094
- handleStartInput: function handleStartInput(event) {
1095
- if (this.userInput) {
1096
- this.userInput = [event.target.value, this.userInput[1]];
1097
- } else {
1098
- this.userInput = [event.target.value, null];
1099
- }
1100
- },
1101
- handleEndInput: function handleEndInput(event) {
1102
- if (this.userInput) {
1103
- this.userInput = [this.userInput[0], event.target.value];
1104
- } else {
1105
- this.userInput = [null, event.target.value];
1106
- }
1107
- },
1108
- handleStartChange: function handleStartChange(event) {
1109
- var value = this.parseString(this.userInput && this.userInput[0]);
1110
- if (value) {
1111
- this.userInput = [this.formatToString(value), this.displayValue[1]];
1112
- var newValue = [value, this.picker.value && this.picker.value[1]];
1113
- this.picker.value = newValue;
1114
- if (this.isValidValue(newValue)) {
1115
- this.emitInput(newValue);
1116
- this.userInput = null;
1117
- }
1118
- }
1119
- },
1120
- handleEndChange: function handleEndChange(event) {
1121
- var value = this.parseString(this.userInput && this.userInput[1]);
1122
- if (value) {
1123
- this.userInput = [this.displayValue[0], this.formatToString(value)];
1124
- var newValue = [this.picker.value && this.picker.value[0], value];
1125
- this.picker.value = newValue;
1126
- if (this.isValidValue(newValue)) {
1127
- this.emitInput(newValue);
1128
- this.userInput = null;
1129
- }
1130
- }
1131
- },
1132
- handleClickIcon: function handleClickIcon(event) {
1133
- if (this.readonly || this.pickerDisabled) return;
1134
- if (this.showClose) {
1135
- this.valueOnOpen = this.value;
1136
- event.stopPropagation();
1137
- this.emitInput(null);
1138
- this.emitChange(null);
1139
- this.showClose = false;
1140
- if (this.picker && typeof this.picker.handleClear === 'function') {
1141
- this.picker.handleClear();
1142
- }
1143
- } else {
1144
- this.pickerVisible = !this.pickerVisible;
1145
- }
1146
- },
1147
- handleClose: function handleClose() {
1148
- if (!this.pickerVisible) return;
1149
- this.pickerVisible = false;
1150
-
1151
- if (this.type === 'dates' || this.type === 'years' || this.type === 'months') {
1152
- // restore to former value
1153
- var oldValue = parseAsFormatAndType(this.valueOnOpen, this.valueFormat, this.type, this.rangeSeparator) || this.valueOnOpen;
1154
- this.emitInput(oldValue);
1155
- }
1156
- },
1157
- handleFieldReset: function handleFieldReset(initialValue) {
1158
- this.userInput = initialValue === '' ? null : initialValue;
1159
- },
1160
- handleFocus: function handleFocus() {
1161
- var type = this.type;
1162
-
1163
- if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) {
1164
- this.pickerVisible = true;
1165
- }
1166
- this.$emit('focus', this);
1167
- },
1168
- handleKeydown: function handleKeydown(event) {
1169
- var _this = this;
1170
-
1171
- var keyCode = event.keyCode;
1172
-
1173
- // ESC
1174
- if (keyCode === 27) {
1175
- this.pickerVisible = false;
1176
- event.stopPropagation();
1177
- return;
1178
- }
1179
-
1180
- // Tab
1181
- if (keyCode === 9) {
1182
- if (!this.ranged) {
1183
- this.handleChange();
1184
- this.pickerVisible = this.picker.visible = false;
1185
- this.blur();
1186
- event.stopPropagation();
1187
- } else {
1188
- // user may change focus between two input
1189
- setTimeout(function () {
1190
- if (_this.refInput.indexOf(document.activeElement) === -1) {
1191
- _this.pickerVisible = false;
1192
- _this.blur();
1193
- event.stopPropagation();
1194
- }
1195
- }, 0);
1196
- }
1197
- return;
1198
- }
1199
-
1200
- // Enter
1201
- if (keyCode === 13) {
1202
- if (this.userInput === '' || this.isValidValue(this.parseString(this.displayValue))) {
1203
- this.handleChange();
1204
- this.pickerVisible = this.picker.visible = false;
1205
- this.blur();
1206
- }
1207
- event.stopPropagation();
1208
- return;
1209
- }
1210
-
1211
- // if user is typing, do not let picker handle key input
1212
- if (this.userInput) {
1213
- event.stopPropagation();
1214
- return;
1215
- }
1216
-
1217
- // delegate other keys to panel
1218
- if (this.picker && this.picker.handleKeydown) {
1219
- this.picker.handleKeydown(event);
1220
- }
1221
- },
1222
- handleRangeClick: function handleRangeClick() {
1223
- var type = this.type;
1224
-
1225
- if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) {
1226
- this.pickerVisible = true;
1227
- }
1228
- this.$emit('focus', this);
1229
- },
1230
- hidePicker: function hidePicker() {
1231
- if (this.picker) {
1232
- this.picker.resetView && this.picker.resetView();
1233
- this.pickerVisible = this.picker.visible = false;
1234
- this.destroyPopper();
1235
- }
1236
- },
1237
- showPicker: function showPicker() {
1238
- var _this2 = this;
1239
-
1240
- if (this.$isServer) return;
1241
- if (!this.picker) {
1242
- this.mountPicker();
1243
- }
1244
- this.pickerVisible = this.picker.visible = true;
1245
-
1246
- this.updatePopper();
1247
-
1248
- this.picker.value = this.parsedValue;
1249
- this.picker.resetView && this.picker.resetView();
1250
-
1251
- this.$nextTick(function () {
1252
- _this2.picker.adjustSpinners && _this2.picker.adjustSpinners();
1253
- });
1254
- },
1255
- mountPicker: function mountPicker() {
1256
- var _this3 = this;
1257
-
1258
- this.picker = new external_vue_default.a(this.panel).$mount();
1259
- this.picker.defaultValue = this.defaultValue;
1260
- this.picker.defaultTime = this.defaultTime;
1261
- this.picker.popperClass = this.popperClass;
1262
- this.popperElm = this.picker.$el;
1263
- this.picker.width = this.reference.getBoundingClientRect().width;
1264
- this.picker.showTime = this.type === 'datetime' || this.type === 'datetimerange';
1265
- this.picker.selectionMode = this.selectionMode;
1266
- this.picker.unlinkPanels = this.unlinkPanels;
1267
- this.picker.arrowControl = this.arrowControl || this.timeArrowControl || false;
1268
- this.$watch('format', function (format) {
1269
- _this3.picker.format = format;
1270
- });
1271
-
1272
- var updateOptions = function updateOptions() {
1273
- var options = _this3.pickerOptions;
1274
-
1275
- if (options && options.selectableRange) {
1276
- var ranges = options.selectableRange;
1277
- var parser = TYPE_VALUE_RESOLVER_MAP.datetimerange.parser;
1278
- var format = DEFAULT_FORMATS.timerange;
1279
-
1280
- ranges = Array.isArray(ranges) ? ranges : [ranges];
1281
- _this3.picker.selectableRange = ranges.map(function (range) {
1282
- return parser(range, format, _this3.rangeSeparator);
1283
- });
1284
- }
1285
-
1286
- for (var option in options) {
1287
- if (options.hasOwnProperty(option) &&
1288
- // 忽略 time-picker 的该配置项
1289
- option !== 'selectableRange') {
1290
- _this3.picker[option] = options[option];
1291
- }
1292
- }
1293
-
1294
- // main format must prevail over undocumented pickerOptions.format
1295
- if (_this3.format) {
1296
- _this3.picker.format = _this3.format;
1297
- }
1298
- };
1299
- updateOptions();
1300
- this.unwatchPickerOptions = this.$watch('pickerOptions', function () {
1301
- return updateOptions();
1302
- }, { deep: true });
1303
- this.$el.appendChild(this.picker.$el);
1304
- this.picker.resetView && this.picker.resetView();
1305
-
1306
- this.picker.$on('dodestroy', this.doDestroy);
1307
- this.picker.$on('pick', function () {
1308
- var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
1309
- var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
1310
-
1311
- _this3.userInput = null;
1312
- _this3.pickerVisible = _this3.picker.visible = visible;
1313
- _this3.emitInput(date);
1314
- _this3.picker.resetView && _this3.picker.resetView();
1315
- });
1316
-
1317
- this.picker.$on('select-range', function (start, end, pos) {
1318
- if (_this3.refInput.length === 0) return;
1319
- if (!pos || pos === 'min') {
1320
- _this3.refInput[0].setSelectionRange(start, end);
1321
- _this3.refInput[0].focus();
1322
- } else if (pos === 'max') {
1323
- _this3.refInput[1].setSelectionRange(start, end);
1324
- _this3.refInput[1].focus();
1325
- }
1326
- });
1327
- },
1328
- unmountPicker: function unmountPicker() {
1329
- if (this.picker) {
1330
- this.picker.$destroy();
1331
- this.picker.$off();
1332
- if (typeof this.unwatchPickerOptions === 'function') {
1333
- this.unwatchPickerOptions();
1334
- }
1335
- this.picker.$el.parentNode.removeChild(this.picker.$el);
1336
- }
1337
- },
1338
- emitChange: function emitChange(val) {
1339
- // determine user real change only
1340
- if (!valueEquals(val, this.valueOnOpen)) {
1341
- this.$emit('change', val);
1342
- this.valueOnOpen = val;
1343
- if (this.validateEvent) {
1344
- this.dispatch('ElFormItem', 'el.form.change', val);
1345
- }
1346
- }
1347
- },
1348
- emitInput: function emitInput(val) {
1349
- var formatted = this.formatToValue(val);
1350
- if (!valueEquals(this.value, formatted)) {
1351
- this.$emit('input', formatted);
1352
- }
1353
- },
1354
- isValidValue: function isValidValue(value) {
1355
- if (!this.picker) {
1356
- this.mountPicker();
1357
- }
1358
- if (this.picker.isValidValue) {
1359
- return value && this.picker.isValidValue(value);
1360
- } else {
1361
- return true;
1362
- }
1363
- }
1364
- }
1365
- });
1366
- // CONCATENATED MODULE: ./packages/date-picker/src/picker.vue?vue&type=script&lang=js
1367
- /* harmony default export */ var src_pickervue_type_script_lang_js = (pickervue_type_script_lang_js);
1368
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
1369
- var componentNormalizer = __webpack_require__(0);
1370
-
1371
- // CONCATENATED MODULE: ./packages/date-picker/src/picker.vue
1372
-
1373
-
1374
-
1375
-
1376
-
1377
- /* normalize component */
1378
-
1379
- var component = Object(componentNormalizer["a" /* default */])(
1380
- src_pickervue_type_script_lang_js,
1381
- render,
1382
- staticRenderFns,
1383
- false,
1384
- null,
1385
- null,
1386
- null
1387
-
1388
- )
1389
-
1390
- /* harmony default export */ var picker = __webpack_exports__["a"] = (component.exports);
1391
-
1392
- /***/ }),
1393
-
1394
- /***/ 4:
1395
- /***/ (function(module, exports) {
1396
-
1397
- module.exports = require("element-ui/lib/mixins/emitter");
1398
-
1399
- /***/ }),
1400
-
1401
- /***/ 5:
1402
- /***/ (function(module, exports) {
1403
-
1404
- module.exports = require("element-ui/lib/utils/vue-popper");
1405
-
1406
- /***/ }),
1407
-
1408
- /***/ 7:
1409
- /***/ (function(module, exports) {
1410
-
1411
- module.exports = require("vue");
1412
-
1413
- /***/ }),
1414
-
1415
- /***/ 78:
1416
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1417
-
1418
- "use strict";
1419
- // ESM COMPAT FLAG
1420
- __webpack_require__.r(__webpack_exports__);
1421
-
1422
- // EXTERNAL MODULE: ./packages/date-picker/src/picker.vue + 4 modules
1423
- var picker = __webpack_require__(32);
1424
-
1425
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-select.vue?vue&type=template&id=cc8deade
1426
- var render = function () {
1427
- var _vm = this
1428
- var _h = _vm.$createElement
1429
- var _c = _vm._self._c || _h
1430
- return _c(
1431
- "transition",
1432
- {
1433
- attrs: { name: "el-zoom-in-top" },
1434
- on: {
1435
- "before-enter": _vm.handleMenuEnter,
1436
- "after-leave": function ($event) {
1437
- _vm.$emit("dodestroy")
1438
- },
1439
- },
1440
- },
1441
- [
1442
- _c(
1443
- "div",
1444
- {
1445
- directives: [
1446
- {
1447
- name: "show",
1448
- rawName: "v-show",
1449
- value: _vm.visible,
1450
- expression: "visible",
1451
- },
1452
- ],
1453
- ref: "popper",
1454
- staticClass: "el-picker-panel time-select el-popper",
1455
- class: _vm.popperClass,
1456
- style: { width: _vm.width + "px" },
1457
- },
1458
- [
1459
- _c(
1460
- "el-scrollbar",
1461
- {
1462
- attrs: { noresize: "", "wrap-class": "el-picker-panel__content" },
1463
- },
1464
- _vm._l(_vm.items, function (item) {
1465
- return _c(
1466
- "div",
1467
- {
1468
- key: item.value,
1469
- staticClass: "time-select-item",
1470
- class: {
1471
- selected: _vm.value === item.value,
1472
- disabled: item.disabled,
1473
- default: item.value === _vm.defaultValue,
1474
- },
1475
- attrs: { disabled: item.disabled },
1476
- on: {
1477
- click: function ($event) {
1478
- _vm.handleClick(item)
1479
- },
1480
- },
1481
- },
1482
- [_vm._v(_vm._s(item.value))]
1483
- )
1484
- }),
1485
- 0
1486
- ),
1487
- ],
1488
- 1
1489
- ),
1490
- ]
1491
- )
1492
- }
1493
- var staticRenderFns = []
1494
- render._withStripped = true
1495
-
1496
-
1497
- // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue?vue&type=template&id=cc8deade
1498
-
1499
- // EXTERNAL MODULE: external "element-ui/lib/scrollbar"
1500
- var scrollbar_ = __webpack_require__(16);
1501
- var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_);
1502
-
1503
- // EXTERNAL MODULE: external "element-ui/lib/utils/scroll-into-view"
1504
- var scroll_into_view_ = __webpack_require__(31);
1505
- var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_view_);
1506
-
1507
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-select.vue?vue&type=script&lang=js
1508
- //
1509
- //
1510
- //
1511
- //
1512
- //
1513
- //
1514
- //
1515
- //
1516
- //
1517
- //
1518
- //
1519
- //
1520
- //
1521
- //
1522
- //
1523
- //
1524
- //
1525
- //
1526
- //
1527
- //
1528
-
1529
-
1530
-
1531
-
1532
- var parseTime = function parseTime(time) {
1533
- var values = (time || '').split(':');
1534
- if (values.length >= 2) {
1535
- var hours = parseInt(values[0], 10);
1536
- var minutes = parseInt(values[1], 10);
1537
-
1538
- return {
1539
- hours: hours,
1540
- minutes: minutes
1541
- };
1542
- }
1543
- /* istanbul ignore next */
1544
- return null;
1545
- };
1546
-
1547
- var compareTime = function compareTime(time1, time2) {
1548
- var value1 = parseTime(time1);
1549
- var value2 = parseTime(time2);
1550
-
1551
- var minutes1 = value1.minutes + value1.hours * 60;
1552
- var minutes2 = value2.minutes + value2.hours * 60;
1553
-
1554
- if (minutes1 === minutes2) {
1555
- return 0;
1556
- }
1557
-
1558
- return minutes1 > minutes2 ? 1 : -1;
1559
- };
1560
-
1561
- var formatTime = function formatTime(time) {
1562
- return (time.hours < 10 ? '0' + time.hours : time.hours) + ':' + (time.minutes < 10 ? '0' + time.minutes : time.minutes);
1563
- };
1564
-
1565
- var nextTime = function nextTime(time, step) {
1566
- var timeValue = parseTime(time);
1567
- var stepValue = parseTime(step);
1568
-
1569
- var next = {
1570
- hours: timeValue.hours,
1571
- minutes: timeValue.minutes
1572
- };
1573
-
1574
- next.minutes += stepValue.minutes;
1575
- next.hours += stepValue.hours;
1576
-
1577
- next.hours += Math.floor(next.minutes / 60);
1578
- next.minutes = next.minutes % 60;
1579
-
1580
- return formatTime(next);
1581
- };
1582
-
1583
- /* harmony default export */ var time_selectvue_type_script_lang_js = ({
1584
- components: { ElScrollbar: scrollbar_default.a },
1585
-
1586
- watch: {
1587
- value: function value(val) {
1588
- var _this = this;
1589
-
1590
- if (!val) return;
1591
- this.$nextTick(function () {
1592
- return _this.scrollToOption();
1593
- });
1594
- }
1595
- },
1596
-
1597
- methods: {
1598
- handleClick: function handleClick(item) {
1599
- if (!item.disabled) {
1600
- this.$emit('pick', item.value);
1601
- }
1602
- },
1603
- handleClear: function handleClear() {
1604
- this.$emit('pick', null);
1605
- },
1606
- scrollToOption: function scrollToOption() {
1607
- var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '.selected';
1608
-
1609
- var menu = this.$refs.popper.querySelector('.el-picker-panel__content');
1610
- scroll_into_view_default()(menu, menu.querySelector(selector));
1611
- },
1612
- handleMenuEnter: function handleMenuEnter() {
1613
- var _this2 = this;
1614
-
1615
- var selected = this.items.map(function (item) {
1616
- return item.value;
1617
- }).indexOf(this.value) !== -1;
1618
- var hasDefault = this.items.map(function (item) {
1619
- return item.value;
1620
- }).indexOf(this.defaultValue) !== -1;
1621
- var option = selected && '.selected' || hasDefault && '.default' || '.time-select-item:not(.disabled)';
1622
- this.$nextTick(function () {
1623
- return _this2.scrollToOption(option);
1624
- });
1625
- },
1626
- scrollDown: function scrollDown(step) {
1627
- var items = this.items;
1628
- var length = items.length;
1629
- var total = items.length;
1630
- var index = items.map(function (item) {
1631
- return item.value;
1632
- }).indexOf(this.value);
1633
- while (total--) {
1634
- index = (index + step + length) % length;
1635
- if (!items[index].disabled) {
1636
- this.$emit('pick', items[index].value, true);
1637
- return;
1638
- }
1639
- }
1640
- },
1641
- isValidValue: function isValidValue(date) {
1642
- return this.items.filter(function (item) {
1643
- return !item.disabled;
1644
- }).map(function (item) {
1645
- return item.value;
1646
- }).indexOf(date) !== -1;
1647
- },
1648
- handleKeydown: function handleKeydown(event) {
1649
- var keyCode = event.keyCode;
1650
- if (keyCode === 38 || keyCode === 40) {
1651
- var mapping = { 40: 1, 38: -1 };
1652
- var offset = mapping[keyCode.toString()];
1653
- this.scrollDown(offset);
1654
- event.stopPropagation();
1655
- return;
1656
- }
1657
- }
1658
- },
1659
-
1660
- data: function data() {
1661
- return {
1662
- popperClass: '',
1663
- start: '09:00',
1664
- end: '18:00',
1665
- step: '00:30',
1666
- value: '',
1667
- defaultValue: '',
1668
- visible: false,
1669
- minTime: '',
1670
- maxTime: '',
1671
- width: 0
1672
- };
1673
- },
1674
-
1675
-
1676
- computed: {
1677
- items: function items() {
1678
- var start = this.start;
1679
- var end = this.end;
1680
- var step = this.step;
1681
-
1682
- var result = [];
1683
-
1684
- if (start && end && step) {
1685
- var current = start;
1686
- while (compareTime(current, end) <= 0) {
1687
- result.push({
1688
- value: current,
1689
- disabled: compareTime(current, this.minTime || '-1:-1') <= 0 || compareTime(current, this.maxTime || '100:100') >= 0
1690
- });
1691
- current = nextTime(current, step);
1692
- }
1693
- }
1694
-
1695
- return result;
1696
- }
1697
- }
1698
- });
1699
- // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue?vue&type=script&lang=js
1700
- /* harmony default export */ var panel_time_selectvue_type_script_lang_js = (time_selectvue_type_script_lang_js);
1701
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
1702
- var componentNormalizer = __webpack_require__(0);
1703
-
1704
- // CONCATENATED MODULE: ./packages/date-picker/src/panel/time-select.vue
1705
-
1706
-
1707
-
1708
-
1709
-
1710
- /* normalize component */
1711
-
1712
- var component = Object(componentNormalizer["a" /* default */])(
1713
- panel_time_selectvue_type_script_lang_js,
1714
- render,
1715
- staticRenderFns,
1716
- false,
1717
- null,
1718
- null,
1719
- null
1720
-
1721
- )
1722
-
1723
- /* harmony default export */ var time_select = (component.exports);
1724
- // CONCATENATED MODULE: ./packages/date-picker/src/picker/time-select.js
1725
-
1726
-
1727
-
1728
- /* harmony default export */ var picker_time_select = ({
1729
- mixins: [picker["a" /* default */]],
1730
-
1731
- name: 'ElTimeSelect',
1732
-
1733
- componentName: 'ElTimeSelect',
1734
-
1735
- props: {
1736
- type: {
1737
- type: String,
1738
- default: 'time-select'
1739
- }
1740
- },
1741
-
1742
- beforeCreate: function beforeCreate() {
1743
- this.panel = time_select;
1744
- }
1745
- });
1746
- // CONCATENATED MODULE: ./packages/time-select/index.js
1747
-
1748
-
1749
- /* istanbul ignore next */
1750
- picker_time_select.install = function (Vue) {
1751
- Vue.component(picker_time_select.name, picker_time_select);
1752
- };
1753
-
1754
- /* harmony default export */ var packages_time_select = __webpack_exports__["default"] = (picker_time_select);
1755
-
1756
- /***/ }),
1757
-
1758
- /***/ 9:
1759
- /***/ (function(module, exports) {
1760
-
1761
- module.exports = require("element-ui/lib/utils/merge");
1762
-
1763
- /***/ })
1764
-
1765
- /******/ });