cy-element-ui 1.1.19 → 1.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/index.js +1 -1
- package/lib/Alert.js +0 -420
- package/lib/Aside.js +0 -277
- package/lib/Autocomplete.js +0 -2051
- package/lib/Avatar.js +0 -363
- package/lib/Backtop.js +0 -404
- package/lib/Badge.js +0 -334
- package/lib/Breadcrumb.js +0 -293
- package/lib/BreadcrumbItem.js +0 -322
- package/lib/Button.js +0 -357
- package/lib/ButtonGroup.js +0 -262
- package/lib/Calendar.js +0 -1146
- package/lib/Card.js +0 -297
- package/lib/Carousel.js +0 -707
- package/lib/CarouselItem.js +0 -434
- package/lib/Cascader.js +0 -4641
- package/lib/CascaderPanel.js +0 -2602
- package/lib/Checkbox.js +0 -627
- package/lib/CheckboxButton.js +0 -583
- package/lib/CheckboxGroup.js +0 -313
- package/lib/Col.js +0 -177
- package/lib/Collapse.js +0 -329
- package/lib/CollapseItem.js +0 -497
- package/lib/ColorPicker.js +0 -2885
- package/lib/Container.js +0 -288
- package/lib/CySelectDisplayInput.js +0 -367
- package/lib/CySubTitle.js +0 -295
- package/lib/CyTabDialog.js +0 -1184
- package/lib/CyTreeSelect.js +0 -4422
- package/lib/DatePicker.js +0 -7574
- package/lib/Descriptions.js +0 -457
- package/lib/DescriptionsItem.js +0 -140
- package/lib/Dialog.js +0 -598
- package/lib/Divider.js +0 -313
- package/lib/Drawer.js +0 -592
- package/lib/Dropdown.js +0 -856
- package/lib/DropdownItem.js +0 -316
- package/lib/DropdownMenu.js +0 -351
- package/lib/Empty.js +0 -730
- package/lib/Footer.js +0 -277
- package/lib/Form.js +0 -466
- package/lib/FormItem.js +0 -826
- package/lib/Header.js +0 -277
- package/lib/Icon.js +0 -265
- package/lib/Image.js +0 -1138
- package/lib/InfiniteScroll.js +0 -301
- package/lib/Input.js +0 -999
- package/lib/InputNumber.js +0 -1552
- package/lib/Link.js +0 -332
- package/lib/Loading.js +0 -631
- package/lib/Main.js +0 -264
- package/lib/Menu.js +0 -865
- package/lib/MenuItem.js +0 -818
- package/lib/MenuItemGroup.js +0 -308
- package/lib/Message.js +0 -548
- package/lib/MessageBox.js +0 -2134
- package/lib/Notification.js +0 -615
- package/lib/Option.js +0 -474
- package/lib/OptionGroup.js +0 -344
- package/lib/PageHeader.js +0 -319
- package/lib/Pagination.js +0 -4123
- package/lib/Popconfirm.js +0 -1025
- package/lib/Popover.js +0 -617
- package/lib/Progress.js +0 -595
- package/lib/Radio.js +0 -497
- package/lib/RadioButton.js +0 -463
- package/lib/RadioGroup.js +0 -391
- package/lib/Rate.js +0 -670
- package/lib/Result.js +0 -578
- package/lib/Row.js +0 -149
- package/lib/Scrollbar.js +0 -423
- package/lib/Select.js +0 -3368
- package/lib/Skeleton.js +0 -372
- package/lib/SkeletonItem.js +0 -342
- package/lib/Slider.js +0 -2854
- package/lib/Spinner.js +0 -301
- package/lib/Statistic.js +0 -533
- package/lib/Step.js +0 -522
- package/lib/Steps.js +0 -342
- package/lib/Submenu.js +0 -700
- package/lib/Switch.js +0 -554
- package/lib/TabPane.js +0 -332
- package/lib/Table.js +0 -6125
- package/lib/TableColumn.js +0 -1481
- package/lib/Tabs.js +0 -920
- package/lib/Tag.js +0 -304
- package/lib/TimePicker.js +0 -4059
- package/lib/TimeSelect.js +0 -2871
- package/lib/Timeline.js +0 -275
- package/lib/TimelineItem.js +0 -371
- package/lib/Tooltip.js +0 -425
- package/lib/Transfer.js +0 -2557
- package/lib/Tree.js +0 -2680
- package/lib/Upload.js +0 -1782
package/lib/Dropdown.js
DELETED
|
@@ -1,856 +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 = 122);
|
|
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
|
-
/***/ 122:
|
|
196
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
197
|
-
|
|
198
|
-
"use strict";
|
|
199
|
-
// ESM COMPAT FLAG
|
|
200
|
-
__webpack_require__.r(__webpack_exports__);
|
|
201
|
-
|
|
202
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/clickoutside"
|
|
203
|
-
var clickoutside_ = __webpack_require__(14);
|
|
204
|
-
var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
|
|
205
|
-
|
|
206
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
|
|
207
|
-
var emitter_ = __webpack_require__(4);
|
|
208
|
-
var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
209
|
-
|
|
210
|
-
// EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
|
|
211
|
-
var migrating_ = __webpack_require__(7);
|
|
212
|
-
var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
|
|
213
|
-
|
|
214
|
-
// EXTERNAL MODULE: ./packages/button/index.js + 5 modules
|
|
215
|
-
var packages_button = __webpack_require__(20);
|
|
216
|
-
|
|
217
|
-
// EXTERNAL MODULE: ./packages/button-group/index.js + 5 modules
|
|
218
|
-
var button_group = __webpack_require__(37);
|
|
219
|
-
|
|
220
|
-
// EXTERNAL MODULE: external "element-ui/lib/utils/util"
|
|
221
|
-
var util_ = __webpack_require__(3);
|
|
222
|
-
|
|
223
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
/* harmony default export */ var dropdownvue_type_script_lang_js = ({
|
|
233
|
-
name: 'ElDropdown',
|
|
234
|
-
|
|
235
|
-
componentName: 'ElDropdown',
|
|
236
|
-
|
|
237
|
-
mixins: [emitter_default.a, migrating_default.a],
|
|
238
|
-
|
|
239
|
-
directives: { Clickoutside: clickoutside_default.a },
|
|
240
|
-
|
|
241
|
-
components: {
|
|
242
|
-
ElButton: packages_button["default"],
|
|
243
|
-
ElButtonGroup: button_group["default"]
|
|
244
|
-
},
|
|
245
|
-
|
|
246
|
-
provide: function provide() {
|
|
247
|
-
return {
|
|
248
|
-
dropdown: this
|
|
249
|
-
};
|
|
250
|
-
},
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
props: {
|
|
254
|
-
trigger: {
|
|
255
|
-
type: String,
|
|
256
|
-
default: 'hover'
|
|
257
|
-
},
|
|
258
|
-
type: String,
|
|
259
|
-
size: {
|
|
260
|
-
type: String,
|
|
261
|
-
default: ''
|
|
262
|
-
},
|
|
263
|
-
splitButton: Boolean,
|
|
264
|
-
hideOnClick: {
|
|
265
|
-
type: Boolean,
|
|
266
|
-
default: true
|
|
267
|
-
},
|
|
268
|
-
placement: {
|
|
269
|
-
type: String,
|
|
270
|
-
default: 'bottom-end'
|
|
271
|
-
},
|
|
272
|
-
visibleArrow: {
|
|
273
|
-
default: true
|
|
274
|
-
},
|
|
275
|
-
showTimeout: {
|
|
276
|
-
type: Number,
|
|
277
|
-
default: 250
|
|
278
|
-
},
|
|
279
|
-
hideTimeout: {
|
|
280
|
-
type: Number,
|
|
281
|
-
default: 150
|
|
282
|
-
},
|
|
283
|
-
tabindex: {
|
|
284
|
-
type: Number,
|
|
285
|
-
default: 0
|
|
286
|
-
},
|
|
287
|
-
disabled: {
|
|
288
|
-
type: Boolean,
|
|
289
|
-
default: false
|
|
290
|
-
}
|
|
291
|
-
},
|
|
292
|
-
|
|
293
|
-
data: function data() {
|
|
294
|
-
return {
|
|
295
|
-
timeout: null,
|
|
296
|
-
visible: false,
|
|
297
|
-
triggerElm: null,
|
|
298
|
-
menuItems: null,
|
|
299
|
-
menuItemsArray: null,
|
|
300
|
-
dropdownElm: null,
|
|
301
|
-
focusing: false,
|
|
302
|
-
listId: 'dropdown-menu-' + Object(util_["generateId"])()
|
|
303
|
-
};
|
|
304
|
-
},
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
computed: {
|
|
308
|
-
dropdownSize: function dropdownSize() {
|
|
309
|
-
return this.size || (this.$ELEMENT || {}).size;
|
|
310
|
-
}
|
|
311
|
-
},
|
|
312
|
-
|
|
313
|
-
mounted: function mounted() {
|
|
314
|
-
this.$on('menu-item-click', this.handleMenuItemClick);
|
|
315
|
-
},
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
watch: {
|
|
319
|
-
visible: function visible(val) {
|
|
320
|
-
this.broadcast('ElDropdownMenu', 'visible', val);
|
|
321
|
-
this.$emit('visible-change', val);
|
|
322
|
-
},
|
|
323
|
-
focusing: function focusing(val) {
|
|
324
|
-
var selfDefine = this.$el.querySelector('.el-dropdown-selfdefine');
|
|
325
|
-
if (selfDefine) {
|
|
326
|
-
// 自定义
|
|
327
|
-
if (val) {
|
|
328
|
-
selfDefine.className += ' focusing';
|
|
329
|
-
} else {
|
|
330
|
-
selfDefine.className = selfDefine.className.replace('focusing', '');
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
|
-
}
|
|
334
|
-
},
|
|
335
|
-
|
|
336
|
-
methods: {
|
|
337
|
-
getMigratingConfig: function getMigratingConfig() {
|
|
338
|
-
return {
|
|
339
|
-
props: {
|
|
340
|
-
'menu-align': 'menu-align is renamed to placement.'
|
|
341
|
-
}
|
|
342
|
-
};
|
|
343
|
-
},
|
|
344
|
-
show: function show() {
|
|
345
|
-
var _this = this;
|
|
346
|
-
|
|
347
|
-
if (this.disabled) return;
|
|
348
|
-
clearTimeout(this.timeout);
|
|
349
|
-
this.timeout = setTimeout(function () {
|
|
350
|
-
_this.visible = true;
|
|
351
|
-
}, this.trigger === 'click' ? 0 : this.showTimeout);
|
|
352
|
-
},
|
|
353
|
-
hide: function hide() {
|
|
354
|
-
var _this2 = this;
|
|
355
|
-
|
|
356
|
-
if (this.disabled) return;
|
|
357
|
-
this.removeTabindex();
|
|
358
|
-
if (this.tabindex >= 0) {
|
|
359
|
-
this.resetTabindex(this.triggerElm);
|
|
360
|
-
}
|
|
361
|
-
clearTimeout(this.timeout);
|
|
362
|
-
this.timeout = setTimeout(function () {
|
|
363
|
-
_this2.visible = false;
|
|
364
|
-
}, this.trigger === 'click' ? 0 : this.hideTimeout);
|
|
365
|
-
},
|
|
366
|
-
handleClick: function handleClick() {
|
|
367
|
-
if (this.disabled) return;
|
|
368
|
-
if (this.visible) {
|
|
369
|
-
this.hide();
|
|
370
|
-
} else {
|
|
371
|
-
this.show();
|
|
372
|
-
}
|
|
373
|
-
},
|
|
374
|
-
handleTriggerKeyDown: function handleTriggerKeyDown(ev) {
|
|
375
|
-
var keyCode = ev.keyCode;
|
|
376
|
-
if ([38, 40].indexOf(keyCode) > -1) {
|
|
377
|
-
// up/down
|
|
378
|
-
this.removeTabindex();
|
|
379
|
-
this.resetTabindex(this.menuItems[0]);
|
|
380
|
-
this.menuItems[0].focus();
|
|
381
|
-
ev.preventDefault();
|
|
382
|
-
ev.stopPropagation();
|
|
383
|
-
} else if (keyCode === 13) {
|
|
384
|
-
// space enter选中
|
|
385
|
-
this.handleClick();
|
|
386
|
-
} else if ([9, 27].indexOf(keyCode) > -1) {
|
|
387
|
-
// tab || esc
|
|
388
|
-
this.hide();
|
|
389
|
-
}
|
|
390
|
-
},
|
|
391
|
-
handleItemKeyDown: function handleItemKeyDown(ev) {
|
|
392
|
-
var keyCode = ev.keyCode;
|
|
393
|
-
var target = ev.target;
|
|
394
|
-
var currentIndex = this.menuItemsArray.indexOf(target);
|
|
395
|
-
var max = this.menuItemsArray.length - 1;
|
|
396
|
-
var nextIndex = void 0;
|
|
397
|
-
if ([38, 40].indexOf(keyCode) > -1) {
|
|
398
|
-
// up/down
|
|
399
|
-
if (keyCode === 38) {
|
|
400
|
-
// up
|
|
401
|
-
nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
|
|
402
|
-
} else {
|
|
403
|
-
// down
|
|
404
|
-
nextIndex = currentIndex < max ? currentIndex + 1 : max;
|
|
405
|
-
}
|
|
406
|
-
this.removeTabindex();
|
|
407
|
-
this.resetTabindex(this.menuItems[nextIndex]);
|
|
408
|
-
this.menuItems[nextIndex].focus();
|
|
409
|
-
ev.preventDefault();
|
|
410
|
-
ev.stopPropagation();
|
|
411
|
-
} else if (keyCode === 13) {
|
|
412
|
-
// enter选中
|
|
413
|
-
this.triggerElmFocus();
|
|
414
|
-
target.click();
|
|
415
|
-
if (this.hideOnClick) {
|
|
416
|
-
// click关闭
|
|
417
|
-
this.visible = false;
|
|
418
|
-
}
|
|
419
|
-
} else if ([9, 27].indexOf(keyCode) > -1) {
|
|
420
|
-
// tab // esc
|
|
421
|
-
this.hide();
|
|
422
|
-
this.triggerElmFocus();
|
|
423
|
-
}
|
|
424
|
-
},
|
|
425
|
-
resetTabindex: function resetTabindex(ele) {
|
|
426
|
-
// 下次tab时组件聚焦元素
|
|
427
|
-
this.removeTabindex();
|
|
428
|
-
ele.setAttribute('tabindex', '0'); // 下次期望的聚焦元素
|
|
429
|
-
},
|
|
430
|
-
removeTabindex: function removeTabindex() {
|
|
431
|
-
this.triggerElm.setAttribute('tabindex', '-1');
|
|
432
|
-
this.menuItemsArray.forEach(function (item) {
|
|
433
|
-
item.setAttribute('tabindex', '-1');
|
|
434
|
-
});
|
|
435
|
-
},
|
|
436
|
-
initAria: function initAria() {
|
|
437
|
-
this.dropdownElm.setAttribute('id', this.listId);
|
|
438
|
-
this.triggerElm.setAttribute('aria-haspopup', 'list');
|
|
439
|
-
this.triggerElm.setAttribute('aria-controls', this.listId);
|
|
440
|
-
|
|
441
|
-
if (!this.splitButton) {
|
|
442
|
-
// 自定义
|
|
443
|
-
this.triggerElm.setAttribute('role', 'button');
|
|
444
|
-
this.triggerElm.setAttribute('tabindex', this.tabindex);
|
|
445
|
-
this.triggerElm.setAttribute('class', (this.triggerElm.getAttribute('class') || '') + ' el-dropdown-selfdefine'); // 控制
|
|
446
|
-
}
|
|
447
|
-
},
|
|
448
|
-
initEvent: function initEvent() {
|
|
449
|
-
var _this3 = this;
|
|
450
|
-
|
|
451
|
-
var trigger = this.trigger,
|
|
452
|
-
show = this.show,
|
|
453
|
-
hide = this.hide,
|
|
454
|
-
handleClick = this.handleClick,
|
|
455
|
-
splitButton = this.splitButton,
|
|
456
|
-
handleTriggerKeyDown = this.handleTriggerKeyDown,
|
|
457
|
-
handleItemKeyDown = this.handleItemKeyDown;
|
|
458
|
-
|
|
459
|
-
this.triggerElm = splitButton ? this.$refs.trigger.$el : this.$slots.default[0].elm;
|
|
460
|
-
|
|
461
|
-
var dropdownElm = this.dropdownElm;
|
|
462
|
-
|
|
463
|
-
this.triggerElm.addEventListener('keydown', handleTriggerKeyDown); // triggerElm keydown
|
|
464
|
-
dropdownElm.addEventListener('keydown', handleItemKeyDown, true); // item keydown
|
|
465
|
-
// 控制自定义元素的样式
|
|
466
|
-
if (!splitButton) {
|
|
467
|
-
this.triggerElm.addEventListener('focus', function () {
|
|
468
|
-
_this3.focusing = true;
|
|
469
|
-
});
|
|
470
|
-
this.triggerElm.addEventListener('blur', function () {
|
|
471
|
-
_this3.focusing = false;
|
|
472
|
-
});
|
|
473
|
-
this.triggerElm.addEventListener('click', function () {
|
|
474
|
-
_this3.focusing = false;
|
|
475
|
-
});
|
|
476
|
-
}
|
|
477
|
-
if (trigger === 'hover') {
|
|
478
|
-
this.triggerElm.addEventListener('mouseenter', show);
|
|
479
|
-
this.triggerElm.addEventListener('mouseleave', hide);
|
|
480
|
-
dropdownElm.addEventListener('mouseenter', show);
|
|
481
|
-
dropdownElm.addEventListener('mouseleave', hide);
|
|
482
|
-
} else if (trigger === 'click') {
|
|
483
|
-
this.triggerElm.addEventListener('click', handleClick);
|
|
484
|
-
}
|
|
485
|
-
},
|
|
486
|
-
handleMenuItemClick: function handleMenuItemClick(command, instance) {
|
|
487
|
-
if (this.hideOnClick) {
|
|
488
|
-
this.visible = false;
|
|
489
|
-
}
|
|
490
|
-
this.$emit('command', command, instance);
|
|
491
|
-
},
|
|
492
|
-
triggerElmFocus: function triggerElmFocus() {
|
|
493
|
-
this.triggerElm.focus && this.triggerElm.focus();
|
|
494
|
-
},
|
|
495
|
-
initDomOperation: function initDomOperation() {
|
|
496
|
-
this.dropdownElm = this.popperElm;
|
|
497
|
-
this.menuItems = this.dropdownElm.querySelectorAll("[tabindex='-1']");
|
|
498
|
-
this.menuItemsArray = [].slice.call(this.menuItems);
|
|
499
|
-
|
|
500
|
-
this.initEvent();
|
|
501
|
-
this.initAria();
|
|
502
|
-
}
|
|
503
|
-
},
|
|
504
|
-
|
|
505
|
-
render: function render(h) {
|
|
506
|
-
var _this4 = this;
|
|
507
|
-
|
|
508
|
-
var hide = this.hide,
|
|
509
|
-
splitButton = this.splitButton,
|
|
510
|
-
type = this.type,
|
|
511
|
-
dropdownSize = this.dropdownSize,
|
|
512
|
-
disabled = this.disabled;
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
var handleMainButtonClick = function handleMainButtonClick(event) {
|
|
516
|
-
_this4.$emit('click', event);
|
|
517
|
-
hide();
|
|
518
|
-
};
|
|
519
|
-
|
|
520
|
-
var triggerElm = null;
|
|
521
|
-
if (splitButton) {
|
|
522
|
-
triggerElm = h('el-button-group', [h(
|
|
523
|
-
'el-button',
|
|
524
|
-
{
|
|
525
|
-
attrs: { type: type, size: dropdownSize, disabled: disabled },
|
|
526
|
-
nativeOn: {
|
|
527
|
-
'click': handleMainButtonClick
|
|
528
|
-
}
|
|
529
|
-
},
|
|
530
|
-
[this.$slots.default]
|
|
531
|
-
), h(
|
|
532
|
-
'el-button',
|
|
533
|
-
{ ref: 'trigger', attrs: { type: type, size: dropdownSize, disabled: disabled },
|
|
534
|
-
'class': 'el-dropdown__caret-button' },
|
|
535
|
-
[h('i', { 'class': 'el-dropdown__icon el-icon-arrow-down' })]
|
|
536
|
-
)]);
|
|
537
|
-
} else {
|
|
538
|
-
triggerElm = this.$slots.default;
|
|
539
|
-
var vnodeData = triggerElm[0].data || {};
|
|
540
|
-
var _vnodeData$attrs = vnodeData.attrs,
|
|
541
|
-
attrs = _vnodeData$attrs === undefined ? {} : _vnodeData$attrs;
|
|
542
|
-
|
|
543
|
-
if (disabled && !attrs.disabled) {
|
|
544
|
-
attrs.disabled = true;
|
|
545
|
-
vnodeData.attrs = attrs;
|
|
546
|
-
}
|
|
547
|
-
}
|
|
548
|
-
var menuElm = disabled ? null : this.$slots.dropdown;
|
|
549
|
-
|
|
550
|
-
return h(
|
|
551
|
-
'div',
|
|
552
|
-
{ 'class': 'el-dropdown', directives: [{
|
|
553
|
-
name: 'clickoutside',
|
|
554
|
-
value: hide
|
|
555
|
-
}],
|
|
556
|
-
attrs: { 'aria-disabled': disabled }
|
|
557
|
-
},
|
|
558
|
-
[triggerElm, menuElm]
|
|
559
|
-
);
|
|
560
|
-
}
|
|
561
|
-
});
|
|
562
|
-
// CONCATENATED MODULE: ./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js
|
|
563
|
-
/* harmony default export */ var src_dropdownvue_type_script_lang_js = (dropdownvue_type_script_lang_js);
|
|
564
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
565
|
-
var componentNormalizer = __webpack_require__(0);
|
|
566
|
-
|
|
567
|
-
// CONCATENATED MODULE: ./packages/dropdown/src/dropdown.vue
|
|
568
|
-
var render, staticRenderFns
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
/* normalize component */
|
|
574
|
-
|
|
575
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
576
|
-
src_dropdownvue_type_script_lang_js,
|
|
577
|
-
render,
|
|
578
|
-
staticRenderFns,
|
|
579
|
-
false,
|
|
580
|
-
null,
|
|
581
|
-
null,
|
|
582
|
-
null
|
|
583
|
-
|
|
584
|
-
)
|
|
585
|
-
|
|
586
|
-
/* harmony default export */ var dropdown = (component.exports);
|
|
587
|
-
// CONCATENATED MODULE: ./packages/dropdown/index.js
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
/* istanbul ignore next */
|
|
591
|
-
dropdown.install = function (Vue) {
|
|
592
|
-
Vue.component(dropdown.name, dropdown);
|
|
593
|
-
};
|
|
594
|
-
|
|
595
|
-
/* harmony default export */ var packages_dropdown = __webpack_exports__["default"] = (dropdown);
|
|
596
|
-
|
|
597
|
-
/***/ }),
|
|
598
|
-
|
|
599
|
-
/***/ 14:
|
|
600
|
-
/***/ (function(module, exports) {
|
|
601
|
-
|
|
602
|
-
module.exports = require("element-ui/lib/utils/clickoutside");
|
|
603
|
-
|
|
604
|
-
/***/ }),
|
|
605
|
-
|
|
606
|
-
/***/ 20:
|
|
607
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
608
|
-
|
|
609
|
-
"use strict";
|
|
610
|
-
// ESM COMPAT FLAG
|
|
611
|
-
__webpack_require__.r(__webpack_exports__);
|
|
612
|
-
|
|
613
|
-
// 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
|
|
614
|
-
var render = function () {
|
|
615
|
-
var _vm = this
|
|
616
|
-
var _h = _vm.$createElement
|
|
617
|
-
var _c = _vm._self._c || _h
|
|
618
|
-
return _c(
|
|
619
|
-
"button",
|
|
620
|
-
{
|
|
621
|
-
staticClass: "el-button",
|
|
622
|
-
class: [
|
|
623
|
-
_vm.type ? "el-button--" + _vm.type : "",
|
|
624
|
-
_vm.buttonSize ? "el-button--" + _vm.buttonSize : "",
|
|
625
|
-
{
|
|
626
|
-
"is-disabled": _vm.buttonDisabled,
|
|
627
|
-
"is-loading": _vm.loading,
|
|
628
|
-
"is-plain": _vm.plain,
|
|
629
|
-
"is-round": _vm.round,
|
|
630
|
-
"is-circle": _vm.circle,
|
|
631
|
-
},
|
|
632
|
-
],
|
|
633
|
-
attrs: {
|
|
634
|
-
disabled: _vm.buttonDisabled || _vm.loading,
|
|
635
|
-
autofocus: _vm.autofocus,
|
|
636
|
-
type: _vm.nativeType,
|
|
637
|
-
},
|
|
638
|
-
on: { click: _vm.handleClick },
|
|
639
|
-
},
|
|
640
|
-
[
|
|
641
|
-
_vm.loading ? _c("i", { staticClass: "el-icon-loading" }) : _vm._e(),
|
|
642
|
-
_vm.icon && !_vm.loading ? _c("i", { class: _vm.icon }) : _vm._e(),
|
|
643
|
-
_vm.$slots.default ? _c("span", [_vm._t("default")], 2) : _vm._e(),
|
|
644
|
-
]
|
|
645
|
-
)
|
|
646
|
-
}
|
|
647
|
-
var staticRenderFns = []
|
|
648
|
-
render._withStripped = true
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=template&id=595a2866
|
|
652
|
-
|
|
653
|
-
// 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
|
|
654
|
-
//
|
|
655
|
-
//
|
|
656
|
-
//
|
|
657
|
-
//
|
|
658
|
-
//
|
|
659
|
-
//
|
|
660
|
-
//
|
|
661
|
-
//
|
|
662
|
-
//
|
|
663
|
-
//
|
|
664
|
-
//
|
|
665
|
-
//
|
|
666
|
-
//
|
|
667
|
-
//
|
|
668
|
-
//
|
|
669
|
-
//
|
|
670
|
-
//
|
|
671
|
-
//
|
|
672
|
-
//
|
|
673
|
-
//
|
|
674
|
-
//
|
|
675
|
-
//
|
|
676
|
-
//
|
|
677
|
-
//
|
|
678
|
-
|
|
679
|
-
/* harmony default export */ var buttonvue_type_script_lang_js = ({
|
|
680
|
-
name: 'ElButton',
|
|
681
|
-
|
|
682
|
-
inject: {
|
|
683
|
-
elForm: {
|
|
684
|
-
default: ''
|
|
685
|
-
},
|
|
686
|
-
elFormItem: {
|
|
687
|
-
default: ''
|
|
688
|
-
}
|
|
689
|
-
},
|
|
690
|
-
|
|
691
|
-
props: {
|
|
692
|
-
type: {
|
|
693
|
-
type: String,
|
|
694
|
-
default: 'default'
|
|
695
|
-
},
|
|
696
|
-
size: String,
|
|
697
|
-
icon: {
|
|
698
|
-
type: String,
|
|
699
|
-
default: ''
|
|
700
|
-
},
|
|
701
|
-
nativeType: {
|
|
702
|
-
type: String,
|
|
703
|
-
default: 'button'
|
|
704
|
-
},
|
|
705
|
-
loading: Boolean,
|
|
706
|
-
disabled: Boolean,
|
|
707
|
-
plain: Boolean,
|
|
708
|
-
autofocus: Boolean,
|
|
709
|
-
round: Boolean,
|
|
710
|
-
circle: Boolean
|
|
711
|
-
},
|
|
712
|
-
|
|
713
|
-
computed: {
|
|
714
|
-
_elFormItemSize: function _elFormItemSize() {
|
|
715
|
-
return (this.elFormItem || {}).elFormItemSize;
|
|
716
|
-
},
|
|
717
|
-
buttonSize: function buttonSize() {
|
|
718
|
-
return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
|
|
719
|
-
},
|
|
720
|
-
buttonDisabled: function buttonDisabled() {
|
|
721
|
-
return this.$options.propsData.hasOwnProperty('disabled') ? this.disabled : (this.elForm || {}).disabled;
|
|
722
|
-
}
|
|
723
|
-
},
|
|
724
|
-
|
|
725
|
-
methods: {
|
|
726
|
-
handleClick: function handleClick(evt) {
|
|
727
|
-
this.$emit('click', evt);
|
|
728
|
-
}
|
|
729
|
-
}
|
|
730
|
-
});
|
|
731
|
-
// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=script&lang=js
|
|
732
|
-
/* harmony default export */ var src_buttonvue_type_script_lang_js = (buttonvue_type_script_lang_js);
|
|
733
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
734
|
-
var componentNormalizer = __webpack_require__(0);
|
|
735
|
-
|
|
736
|
-
// CONCATENATED MODULE: ./packages/button/src/button.vue
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
/* normalize component */
|
|
743
|
-
|
|
744
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
745
|
-
src_buttonvue_type_script_lang_js,
|
|
746
|
-
render,
|
|
747
|
-
staticRenderFns,
|
|
748
|
-
false,
|
|
749
|
-
null,
|
|
750
|
-
null,
|
|
751
|
-
null
|
|
752
|
-
|
|
753
|
-
)
|
|
754
|
-
|
|
755
|
-
/* harmony default export */ var src_button = (component.exports);
|
|
756
|
-
// CONCATENATED MODULE: ./packages/button/index.js
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
/* istanbul ignore next */
|
|
760
|
-
src_button.install = function (Vue) {
|
|
761
|
-
Vue.component(src_button.name, src_button);
|
|
762
|
-
};
|
|
763
|
-
|
|
764
|
-
/* harmony default export */ var packages_button = __webpack_exports__["default"] = (src_button);
|
|
765
|
-
|
|
766
|
-
/***/ }),
|
|
767
|
-
|
|
768
|
-
/***/ 3:
|
|
769
|
-
/***/ (function(module, exports) {
|
|
770
|
-
|
|
771
|
-
module.exports = require("element-ui/lib/utils/util");
|
|
772
|
-
|
|
773
|
-
/***/ }),
|
|
774
|
-
|
|
775
|
-
/***/ 37:
|
|
776
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
777
|
-
|
|
778
|
-
"use strict";
|
|
779
|
-
// ESM COMPAT FLAG
|
|
780
|
-
__webpack_require__.r(__webpack_exports__);
|
|
781
|
-
|
|
782
|
-
// 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-group.vue?vue&type=template&id=070441cb
|
|
783
|
-
var render = function () {
|
|
784
|
-
var _vm = this
|
|
785
|
-
var _h = _vm.$createElement
|
|
786
|
-
var _c = _vm._self._c || _h
|
|
787
|
-
return _c("div", { staticClass: "el-button-group" }, [_vm._t("default")], 2)
|
|
788
|
-
}
|
|
789
|
-
var staticRenderFns = []
|
|
790
|
-
render._withStripped = true
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
// CONCATENATED MODULE: ./packages/button/src/button-group.vue?vue&type=template&id=070441cb
|
|
794
|
-
|
|
795
|
-
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button-group.vue?vue&type=script&lang=js
|
|
796
|
-
//
|
|
797
|
-
//
|
|
798
|
-
//
|
|
799
|
-
//
|
|
800
|
-
//
|
|
801
|
-
|
|
802
|
-
/* harmony default export */ var button_groupvue_type_script_lang_js = ({
|
|
803
|
-
name: 'ElButtonGroup'
|
|
804
|
-
});
|
|
805
|
-
// CONCATENATED MODULE: ./packages/button/src/button-group.vue?vue&type=script&lang=js
|
|
806
|
-
/* harmony default export */ var src_button_groupvue_type_script_lang_js = (button_groupvue_type_script_lang_js);
|
|
807
|
-
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
|
|
808
|
-
var componentNormalizer = __webpack_require__(0);
|
|
809
|
-
|
|
810
|
-
// CONCATENATED MODULE: ./packages/button/src/button-group.vue
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
/* normalize component */
|
|
817
|
-
|
|
818
|
-
var component = Object(componentNormalizer["a" /* default */])(
|
|
819
|
-
src_button_groupvue_type_script_lang_js,
|
|
820
|
-
render,
|
|
821
|
-
staticRenderFns,
|
|
822
|
-
false,
|
|
823
|
-
null,
|
|
824
|
-
null,
|
|
825
|
-
null
|
|
826
|
-
|
|
827
|
-
)
|
|
828
|
-
|
|
829
|
-
/* harmony default export */ var button_group = (component.exports);
|
|
830
|
-
// CONCATENATED MODULE: ./packages/button-group/index.js
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
/* istanbul ignore next */
|
|
834
|
-
button_group.install = function (Vue) {
|
|
835
|
-
Vue.component(button_group.name, button_group);
|
|
836
|
-
};
|
|
837
|
-
|
|
838
|
-
/* harmony default export */ var packages_button_group = __webpack_exports__["default"] = (button_group);
|
|
839
|
-
|
|
840
|
-
/***/ }),
|
|
841
|
-
|
|
842
|
-
/***/ 4:
|
|
843
|
-
/***/ (function(module, exports) {
|
|
844
|
-
|
|
845
|
-
module.exports = require("element-ui/lib/mixins/emitter");
|
|
846
|
-
|
|
847
|
-
/***/ }),
|
|
848
|
-
|
|
849
|
-
/***/ 7:
|
|
850
|
-
/***/ (function(module, exports) {
|
|
851
|
-
|
|
852
|
-
module.exports = require("element-ui/lib/mixins/migrating");
|
|
853
|
-
|
|
854
|
-
/***/ })
|
|
855
|
-
|
|
856
|
-
/******/ });
|