cy-element-ui 1.1.7 → 1.1.9

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
package/lib/row.js DELETED
@@ -1,149 +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 = 141);
86
- /******/ })
87
- /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 141:
91
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
-
93
- "use strict";
94
- // ESM COMPAT FLAG
95
- __webpack_require__.r(__webpack_exports__);
96
-
97
- // CONCATENATED MODULE: ./packages/row/src/row.js
98
- /* harmony default export */ var row = ({
99
- name: 'ElRow',
100
-
101
- componentName: 'ElRow',
102
-
103
- props: {
104
- tag: {
105
- type: String,
106
- default: 'div'
107
- },
108
- gutter: Number,
109
- type: String,
110
- justify: {
111
- type: String,
112
- default: 'start'
113
- },
114
- align: String
115
- },
116
-
117
- computed: {
118
- style: function style() {
119
- var ret = {};
120
-
121
- if (this.gutter) {
122
- ret.marginLeft = '-' + this.gutter / 2 + 'px';
123
- ret.marginRight = ret.marginLeft;
124
- }
125
-
126
- return ret;
127
- }
128
- },
129
-
130
- render: function render(h) {
131
- return h(this.tag, {
132
- class: ['el-row', this.justify !== 'start' ? 'is-justify-' + this.justify : '', this.align ? 'is-align-' + this.align : '', { 'el-row--flex': this.type === 'flex' }],
133
- style: this.style
134
- }, this.$slots.default);
135
- }
136
- });
137
- // CONCATENATED MODULE: ./packages/row/index.js
138
-
139
-
140
- /* istanbul ignore next */
141
- row.install = function (Vue) {
142
- Vue.component(row.name, row);
143
- };
144
-
145
- /* harmony default export */ var packages_row = __webpack_exports__["default"] = (row);
146
-
147
- /***/ })
148
-
149
- /******/ });
package/lib/scrollbar.js DELETED
@@ -1,423 +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 = 135);
86
- /******/ })
87
- /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 135:
91
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
-
93
- "use strict";
94
- // ESM COMPAT FLAG
95
- __webpack_require__.r(__webpack_exports__);
96
-
97
- // EXTERNAL MODULE: external "element-ui/lib/utils/resize-event"
98
- var resize_event_ = __webpack_require__(17);
99
-
100
- // EXTERNAL MODULE: external "element-ui/lib/utils/scrollbar-width"
101
- var scrollbar_width_ = __webpack_require__(39);
102
- var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_);
103
-
104
- // EXTERNAL MODULE: external "element-ui/lib/utils/util"
105
- var util_ = __webpack_require__(3);
106
-
107
- // EXTERNAL MODULE: external "element-ui/lib/utils/dom"
108
- var dom_ = __webpack_require__(2);
109
-
110
- // CONCATENATED MODULE: ./packages/scrollbar/src/util.js
111
- var BAR_MAP = {
112
- vertical: {
113
- offset: 'offsetHeight',
114
- scroll: 'scrollTop',
115
- scrollSize: 'scrollHeight',
116
- size: 'height',
117
- key: 'vertical',
118
- axis: 'Y',
119
- client: 'clientY',
120
- direction: 'top'
121
- },
122
- horizontal: {
123
- offset: 'offsetWidth',
124
- scroll: 'scrollLeft',
125
- scrollSize: 'scrollWidth',
126
- size: 'width',
127
- key: 'horizontal',
128
- axis: 'X',
129
- client: 'clientX',
130
- direction: 'left'
131
- }
132
- };
133
-
134
- function renderThumbStyle(_ref) {
135
- var move = _ref.move,
136
- size = _ref.size,
137
- bar = _ref.bar;
138
-
139
- var style = {};
140
- var translate = 'translate' + bar.axis + '(' + move + '%)';
141
-
142
- style[bar.size] = size;
143
- style.transform = translate;
144
- style.msTransform = translate;
145
- style.webkitTransform = translate;
146
-
147
- return style;
148
- };
149
- // CONCATENATED MODULE: ./packages/scrollbar/src/bar.js
150
-
151
-
152
-
153
- /* istanbul ignore next */
154
- /* harmony default export */ var src_bar = ({
155
- name: 'Bar',
156
-
157
- props: {
158
- vertical: Boolean,
159
- size: String,
160
- move: Number
161
- },
162
-
163
- computed: {
164
- bar: function bar() {
165
- return BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
166
- },
167
- wrap: function wrap() {
168
- return this.$parent.wrap;
169
- }
170
- },
171
-
172
- render: function render(h) {
173
- var size = this.size,
174
- move = this.move,
175
- bar = this.bar;
176
-
177
-
178
- return h(
179
- 'div',
180
- {
181
- 'class': ['el-scrollbar__bar', 'is-' + bar.key],
182
- on: {
183
- 'mousedown': this.clickTrackHandler
184
- }
185
- },
186
- [h('div', {
187
- ref: 'thumb',
188
- 'class': 'el-scrollbar__thumb',
189
- on: {
190
- 'mousedown': this.clickThumbHandler
191
- },
192
-
193
- style: renderThumbStyle({ size: size, move: move, bar: bar }) })]
194
- );
195
- },
196
-
197
-
198
- methods: {
199
- clickThumbHandler: function clickThumbHandler(e) {
200
- // prevent click event of right button
201
- if (e.ctrlKey || e.button === 2) {
202
- return;
203
- }
204
- this.startDrag(e);
205
- this[this.bar.axis] = e.currentTarget[this.bar.offset] - (e[this.bar.client] - e.currentTarget.getBoundingClientRect()[this.bar.direction]);
206
- },
207
- clickTrackHandler: function clickTrackHandler(e) {
208
- var offset = Math.abs(e.target.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]);
209
- var thumbHalf = this.$refs.thumb[this.bar.offset] / 2;
210
- var thumbPositionPercentage = (offset - thumbHalf) * 100 / this.$el[this.bar.offset];
211
-
212
- this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
213
- },
214
- startDrag: function startDrag(e) {
215
- e.stopImmediatePropagation();
216
- this.cursorDown = true;
217
-
218
- Object(dom_["on"])(document, 'mousemove', this.mouseMoveDocumentHandler);
219
- Object(dom_["on"])(document, 'mouseup', this.mouseUpDocumentHandler);
220
- document.onselectstart = function () {
221
- return false;
222
- };
223
- },
224
- mouseMoveDocumentHandler: function mouseMoveDocumentHandler(e) {
225
- if (this.cursorDown === false) return;
226
- var prevPage = this[this.bar.axis];
227
-
228
- if (!prevPage) return;
229
-
230
- var offset = (this.$el.getBoundingClientRect()[this.bar.direction] - e[this.bar.client]) * -1;
231
- var thumbClickPosition = this.$refs.thumb[this.bar.offset] - prevPage;
232
- var thumbPositionPercentage = (offset - thumbClickPosition) * 100 / this.$el[this.bar.offset];
233
-
234
- this.wrap[this.bar.scroll] = thumbPositionPercentage * this.wrap[this.bar.scrollSize] / 100;
235
- },
236
- mouseUpDocumentHandler: function mouseUpDocumentHandler(e) {
237
- this.cursorDown = false;
238
- this[this.bar.axis] = 0;
239
- Object(dom_["off"])(document, 'mousemove', this.mouseMoveDocumentHandler);
240
- document.onselectstart = null;
241
- }
242
- },
243
-
244
- destroyed: function destroyed() {
245
- Object(dom_["off"])(document, 'mouseup', this.mouseUpDocumentHandler);
246
- }
247
- });
248
- // CONCATENATED MODULE: ./packages/scrollbar/src/main.js
249
- // reference https://github.com/noeldelgado/gemini-scrollbar/blob/master/index.js
250
-
251
-
252
-
253
-
254
-
255
-
256
- /* istanbul ignore next */
257
- /* harmony default export */ var main = ({
258
- name: 'ElScrollbar',
259
-
260
- components: { Bar: src_bar },
261
-
262
- props: {
263
- native: Boolean,
264
- wrapStyle: {},
265
- wrapClass: {},
266
- viewClass: {},
267
- viewStyle: {},
268
- noresize: Boolean, // 如果 container 尺寸不会发生变化,最好设置它可以优化性能
269
- tag: {
270
- type: String,
271
- default: 'div'
272
- }
273
- },
274
-
275
- data: function data() {
276
- return {
277
- sizeWidth: '0',
278
- sizeHeight: '0',
279
- moveX: 0,
280
- moveY: 0
281
- };
282
- },
283
-
284
-
285
- computed: {
286
- wrap: function wrap() {
287
- return this.$refs.wrap;
288
- }
289
- },
290
-
291
- render: function render(h) {
292
- var gutter = scrollbar_width_default()();
293
- var style = this.wrapStyle;
294
-
295
- if (gutter) {
296
- var gutterWith = '-' + gutter + 'px';
297
- var gutterStyle = 'margin-bottom: ' + gutterWith + '; margin-right: ' + gutterWith + ';';
298
-
299
- if (Array.isArray(this.wrapStyle)) {
300
- style = Object(util_["toObject"])(this.wrapStyle);
301
- style.marginRight = style.marginBottom = gutterWith;
302
- } else if (typeof this.wrapStyle === 'string') {
303
- style += gutterStyle;
304
- } else {
305
- style = gutterStyle;
306
- }
307
- }
308
- var view = h(this.tag, {
309
- class: ['el-scrollbar__view', this.viewClass],
310
- style: this.viewStyle,
311
- ref: 'resize'
312
- }, this.$slots.default);
313
- var wrap = h(
314
- 'div',
315
- {
316
- ref: 'wrap',
317
- style: style,
318
- on: {
319
- 'scroll': this.handleScroll
320
- },
321
-
322
- 'class': [this.wrapClass, 'el-scrollbar__wrap', gutter ? '' : 'el-scrollbar__wrap--hidden-default'] },
323
- [[view]]
324
- );
325
- var nodes = void 0;
326
-
327
- if (!this.native) {
328
- nodes = [wrap, h(src_bar, {
329
- attrs: {
330
- move: this.moveX,
331
- size: this.sizeWidth }
332
- }), h(src_bar, {
333
- attrs: {
334
- vertical: true,
335
- move: this.moveY,
336
- size: this.sizeHeight }
337
- })];
338
- } else {
339
- nodes = [h(
340
- 'div',
341
- {
342
- ref: 'wrap',
343
- 'class': [this.wrapClass, 'el-scrollbar__wrap'],
344
- style: style },
345
- [[view]]
346
- )];
347
- }
348
- return h('div', { class: 'el-scrollbar' }, nodes);
349
- },
350
-
351
-
352
- methods: {
353
- handleScroll: function handleScroll() {
354
- var wrap = this.wrap;
355
-
356
- this.moveY = wrap.scrollTop * 100 / wrap.clientHeight;
357
- this.moveX = wrap.scrollLeft * 100 / wrap.clientWidth;
358
- },
359
- update: function update() {
360
- var heightPercentage = void 0,
361
- widthPercentage = void 0;
362
- var wrap = this.wrap;
363
- if (!wrap) return;
364
-
365
- heightPercentage = wrap.clientHeight * 100 / wrap.scrollHeight;
366
- widthPercentage = wrap.clientWidth * 100 / wrap.scrollWidth;
367
-
368
- this.sizeHeight = heightPercentage < 100 ? heightPercentage + '%' : '';
369
- this.sizeWidth = widthPercentage < 100 ? widthPercentage + '%' : '';
370
- }
371
- },
372
-
373
- mounted: function mounted() {
374
- if (this.native) return;
375
- this.$nextTick(this.update);
376
- !this.noresize && Object(resize_event_["addResizeListener"])(this.$refs.resize, this.update);
377
- },
378
- beforeDestroy: function beforeDestroy() {
379
- if (this.native) return;
380
- !this.noresize && Object(resize_event_["removeResizeListener"])(this.$refs.resize, this.update);
381
- }
382
- });
383
- // CONCATENATED MODULE: ./packages/scrollbar/index.js
384
-
385
-
386
- /* istanbul ignore next */
387
- main.install = function (Vue) {
388
- Vue.component(main.name, main);
389
- };
390
-
391
- /* harmony default export */ var scrollbar = __webpack_exports__["default"] = (main);
392
-
393
- /***/ }),
394
-
395
- /***/ 17:
396
- /***/ (function(module, exports) {
397
-
398
- module.exports = require("element-ui/lib/utils/resize-event");
399
-
400
- /***/ }),
401
-
402
- /***/ 2:
403
- /***/ (function(module, exports) {
404
-
405
- module.exports = require("element-ui/lib/utils/dom");
406
-
407
- /***/ }),
408
-
409
- /***/ 3:
410
- /***/ (function(module, exports) {
411
-
412
- module.exports = require("element-ui/lib/utils/util");
413
-
414
- /***/ }),
415
-
416
- /***/ 39:
417
- /***/ (function(module, exports) {
418
-
419
- module.exports = require("element-ui/lib/utils/scrollbar-width");
420
-
421
- /***/ })
422
-
423
- /******/ });