cy-element-ui 1.0.28 → 1.0.30

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 (210) hide show
  1. package/README.md +23 -14
  2. package/lib/alert.js +4 -4
  3. package/lib/aside.js +2 -2
  4. package/lib/autocomplete.js +4 -4
  5. package/lib/avatar.js +2 -2
  6. package/lib/backtop.js +4 -4
  7. package/lib/badge.js +4 -4
  8. package/lib/breadcrumb-item.js +4 -4
  9. package/lib/breadcrumb.js +2 -2
  10. package/lib/button-group.js +2 -2
  11. package/lib/button.js +2 -2
  12. package/lib/calendar.js +6 -6
  13. package/lib/card.js +2 -2
  14. package/lib/carousel-item.js +4 -4
  15. package/lib/carousel.js +2 -2
  16. package/lib/cascader-panel.js +4 -4
  17. package/lib/cascader.js +4 -4
  18. package/lib/checkbox-button.js +4 -4
  19. package/lib/checkbox-group.js +2 -2
  20. package/lib/checkbox.js +4 -4
  21. package/lib/col.js +2 -2
  22. package/lib/collapse-item.js +4 -4
  23. package/lib/collapse.js +2 -2
  24. package/lib/color-picker.js +45 -45
  25. package/lib/container.js +2 -2
  26. package/lib/date-picker.js +49 -45
  27. package/lib/descriptions-item.js +2 -2
  28. package/lib/descriptions.js +2 -2
  29. package/lib/dialog.js +4 -4
  30. package/lib/divider.js +4 -4
  31. package/lib/drawer.js +6 -6
  32. package/lib/dropdown-item.js +2 -2
  33. package/lib/dropdown-menu.js +2 -2
  34. package/lib/dropdown.js +10 -10
  35. package/lib/element-ui.common.js +1801 -388
  36. package/lib/empty.js +4 -4
  37. package/lib/fileUpload.js +978 -0
  38. package/lib/footer.js +2 -2
  39. package/lib/form-item.js +4 -4
  40. package/lib/form.js +4 -4
  41. package/lib/header.js +2 -2
  42. package/lib/icon.js +2 -2
  43. package/lib/image.js +12 -12
  44. package/lib/index.js +1 -1
  45. package/lib/infinite-scroll.js +2 -2
  46. package/lib/input-number.js +2 -2
  47. package/lib/input.js +4 -4
  48. package/lib/link.js +2 -2
  49. package/lib/loading.js +4 -4
  50. package/lib/locale/format.js +0 -1
  51. package/lib/main.js +2 -2
  52. package/lib/menu-item-group.js +4 -4
  53. package/lib/menu-item.js +2 -2
  54. package/lib/menu.js +3 -3
  55. package/lib/message-box.js +7 -7
  56. package/lib/message.js +4 -4
  57. package/lib/notification.js +4 -4
  58. package/lib/option-group.js +2 -2
  59. package/lib/option.js +2 -2
  60. package/lib/page-header.js +2 -2
  61. package/lib/pagination.js +4 -4
  62. package/lib/popconfirm.js +12 -12
  63. package/lib/popover.js +4 -4
  64. package/lib/progress.js +4 -4
  65. package/lib/radio-button.js +4 -4
  66. package/lib/radio-group.js +2 -2
  67. package/lib/radio.js +4 -4
  68. package/lib/rate.js +9 -9
  69. package/lib/result.js +2 -2
  70. package/lib/row.js +2 -2
  71. package/lib/scrollbar.js +2 -2
  72. package/lib/select.js +2 -2
  73. package/lib/skeleton-item.js +2 -2
  74. package/lib/skeleton.js +2 -2
  75. package/lib/slider.js +4 -4
  76. package/lib/spinner.js +2 -2
  77. package/lib/statistic.js +4 -4
  78. package/lib/step.js +4 -4
  79. package/lib/steps.js +11 -11
  80. package/lib/subTitle.js +293 -0
  81. package/lib/submenu.js +2 -3
  82. package/lib/switch.js +2 -2
  83. package/lib/tab-pane.js +2 -2
  84. package/lib/tabDialog.js +787 -0
  85. package/lib/table-column.js +4 -4
  86. package/lib/table.js +19 -16
  87. package/lib/tabs.js +4 -4
  88. package/lib/tag.js +2 -2
  89. package/lib/time-picker.js +2 -2
  90. package/lib/time-select.js +2 -2
  91. package/lib/timeline-item.js +4 -4
  92. package/lib/timeline.js +2 -2
  93. package/lib/tooltip.js +2 -2
  94. package/lib/transfer.js +7 -7
  95. package/lib/tree.js +11 -11
  96. package/lib/{treeselect.js → treeSelect.js} +31 -31
  97. package/lib/upload.js +14 -14
  98. package/package.json +5 -1
  99. package/packages/alert/src/main.vue +1 -1
  100. package/packages/autocomplete/src/autocomplete.vue +3 -3
  101. package/packages/avatar/src/main.vue +5 -5
  102. package/packages/backtop/src/main.vue +3 -3
  103. package/packages/badge/src/main.vue +1 -1
  104. package/packages/breadcrumb/src/breadcrumb-item.vue +1 -1
  105. package/packages/calendar/src/date-table.vue +3 -3
  106. package/packages/calendar/src/main.vue +5 -5
  107. package/packages/carousel/src/item.vue +1 -1
  108. package/packages/cascader/src/cascader.vue +2 -2
  109. package/packages/cascader-panel/src/cascader-menu.vue +4 -4
  110. package/packages/cascader-panel/src/node.js +3 -4
  111. package/packages/cascader-panel/src/store.js +1 -2
  112. package/packages/checkbox/src/checkbox-button.vue +8 -8
  113. package/packages/checkbox/src/checkbox.vue +1 -1
  114. package/packages/col/src/col.js +5 -5
  115. package/packages/collapse/src/collapse-item.vue +1 -1
  116. package/packages/color-picker/src/color.js +4 -4
  117. package/packages/color-picker/src/components/alpha-slider.vue +12 -12
  118. package/packages/color-picker/src/components/hue-slider.vue +6 -6
  119. package/packages/color-picker/src/components/picker-dropdown.vue +1 -1
  120. package/packages/color-picker/src/components/predefine.vue +4 -4
  121. package/packages/color-picker/src/components/sv-panel.vue +4 -4
  122. package/packages/color-picker/src/main.vue +8 -8
  123. package/packages/date-picker/src/basic/date-table.vue +19 -19
  124. package/packages/date-picker/src/basic/month-table.vue +8 -9
  125. package/packages/date-picker/src/basic/year-table.vue +38 -38
  126. package/packages/date-picker/src/panel/date-range.vue +1 -1
  127. package/packages/date-picker/src/panel/date.vue +5 -5
  128. package/packages/date-picker/src/panel/month-range.vue +1 -1
  129. package/packages/descriptions/src/descriptions-row.js +3 -3
  130. package/packages/descriptions/src/index.js +1 -1
  131. package/packages/divider/src/main.vue +1 -1
  132. package/packages/drawer/src/main.vue +2 -2
  133. package/packages/dropdown/src/dropdown.vue +1 -1
  134. package/packages/empty/src/index.vue +1 -1
  135. package/packages/fileUpload/index.js +8 -0
  136. package/packages/fileUpload/src/main.vue +430 -0
  137. package/packages/form/src/form-item.vue +3 -3
  138. package/packages/form/src/form.vue +1 -1
  139. package/packages/image/src/image-viewer.vue +4 -4
  140. package/packages/infinite-scroll/src/main.js +2 -3
  141. package/packages/input/src/calcTextareaHeight.js +2 -2
  142. package/packages/input/src/input.vue +15 -15
  143. package/packages/menu/src/menu-item-group.vue +1 -1
  144. package/packages/menu/src/menu.vue +4 -4
  145. package/packages/menu/src/submenu.vue +3 -4
  146. package/packages/message/src/main.js +1 -1
  147. package/packages/notification/src/main.js +1 -1
  148. package/packages/pagination/src/pager.vue +1 -1
  149. package/packages/popconfirm/src/main.vue +28 -28
  150. package/packages/popover/src/main.vue +1 -1
  151. package/packages/progress/src/progress.vue +10 -10
  152. package/packages/radio/src/radio-button.vue +2 -2
  153. package/packages/radio/src/radio.vue +1 -1
  154. package/packages/row/src/row.js +3 -3
  155. package/packages/scrollbar/src/main.js +2 -2
  156. package/packages/scrollbar/src/util.js +1 -1
  157. package/packages/slider/src/main.vue +2 -2
  158. package/packages/statistic/src/main.vue +6 -7
  159. package/packages/steps/src/step.vue +2 -2
  160. package/packages/steps/src/steps.vue +4 -4
  161. package/packages/subTitle/index.js +8 -0
  162. package/packages/subTitle/src/main.vue +33 -0
  163. package/packages/tabDialog/index.js +23 -0
  164. package/packages/tabDialog/src/dialog/drag.js +63 -0
  165. package/packages/tabDialog/src/dialog/dragHeight.js +34 -0
  166. package/packages/tabDialog/src/dialog/dragWidth.js +30 -0
  167. package/packages/tabDialog/src/main.vue +277 -0
  168. package/packages/table/src/filter-panel.vue +7 -7
  169. package/packages/table/src/store/index.js +1 -1
  170. package/packages/table/src/table-body.js +2 -2
  171. package/packages/table/src/table-column.js +1 -1
  172. package/packages/table/src/table-header.js +1 -1
  173. package/packages/table/src/table-layout.js +1 -1
  174. package/packages/table/src/table.vue +16 -16
  175. package/packages/tabs/src/tab-bar.vue +3 -3
  176. package/packages/tabs/src/tab-nav.vue +13 -13
  177. package/packages/tabs/src/tabs.vue +3 -3
  178. package/packages/tag/src/tag.vue +3 -3
  179. package/packages/theme-cy/lib/element.css +1 -0
  180. package/packages/theme-cy/lib/fileUpload.css +1 -0
  181. package/packages/theme-cy/lib/index.css +1 -1
  182. package/packages/theme-cy/lib/subTitle.css +1 -0
  183. package/packages/theme-cy/lib/tabDialog.css +1 -0
  184. package/packages/theme-cy/lib/treeSelect.css +1 -0
  185. package/packages/theme-cy/src/element.scss +45 -0
  186. package/packages/theme-cy/src/fileUpload.scss +30 -0
  187. package/packages/theme-cy/src/index.scss +5 -1
  188. package/packages/theme-cy/src/subTitle.scss +26 -0
  189. package/packages/theme-cy/src/tabDialog.scss +43 -0
  190. package/packages/theme-cy/src/{treeselect.scss → treeSelect.scss} +93 -87
  191. package/packages/timeline/src/item.vue +2 -2
  192. package/packages/tooltip/src/main.js +1 -1
  193. package/packages/tree/src/tree-node.vue +3 -3
  194. package/packages/treeSelect/index.js +8 -0
  195. package/packages/{treeselect → treeSelect}/src/main.vue +246 -243
  196. package/packages/upload/src/ajax.js +3 -3
  197. package/packages/upload/src/upload-list.vue +1 -1
  198. package/packages/upload/src/upload.vue +1 -1
  199. package/src/index.js +13 -5
  200. package/src/locale/format.js +1 -2
  201. package/src/mixins/migrating.js +2 -2
  202. package/src/utils/types.js +1 -1
  203. package/types/element-ui.d.ts +18 -5
  204. package/types/fileUpload.d.ts +5 -0
  205. package/types/subTitle.d.ts +5 -0
  206. package/types/tabDialog.d.ts +5 -0
  207. package/types/treeSelect.d.ts +5 -0
  208. package/packages/theme-cy/lib/treeselect.css +0 -1
  209. package/packages/treeselect/index.js +0 -8
  210. package/types/treeselect.d.ts +0 -5
@@ -7,26 +7,26 @@
7
7
  @mousemove="handleMouseMove"
8
8
  :class="{ 'is-week-mode': selectionMode === 'week' }">
9
9
  <tbody>
10
- <tr>
11
- <th v-if="showWeekNumber">{{ t('el.datepicker.week') }}</th>
12
- <th v-for="(week, key) in WEEKS" :key="key">{{ t('el.datepicker.weeks.' + week) }}</th>
13
- </tr>
14
- <tr
15
- class="el-date-table__row"
16
- v-for="(row, key) in rows"
17
- :class="{ current: isWeekActive(row[1]) }"
18
- :key="key">
19
- <td
20
- v-for="(cell, key) in row"
21
- :class="getCellClasses(cell)"
10
+ <tr>
11
+ <th v-if="showWeekNumber">{{ t('el.datepicker.week') }}</th>
12
+ <th v-for="(week, key) in WEEKS" :key="key">{{ t('el.datepicker.weeks.' + week) }}</th>
13
+ </tr>
14
+ <tr
15
+ class="el-date-table__row"
16
+ v-for="(row, key) in rows"
17
+ :class="{ current: isWeekActive(row[1]) }"
22
18
  :key="key">
23
- <div>
24
- <span>
25
- {{ cell.text }}
26
- </span>
27
- </div>
28
- </td>
29
- </tr>
19
+ <td
20
+ v-for="(cell, key) in row"
21
+ :class="getCellClasses(cell)"
22
+ :key="key">
23
+ <div>
24
+ <span>
25
+ {{ cell.text }}
26
+ </span>
27
+ </div>
28
+ </td>
29
+ </tr>
30
30
  </tbody>
31
31
  </table>
32
32
  </template>
@@ -1,13 +1,13 @@
1
1
  <template>
2
2
  <table @click="handleMonthTableClick" @mousemove="handleMouseMove" class="el-month-table">
3
3
  <tbody>
4
- <tr v-for="(row, key) in rows" :key="key">
5
- <td :class="getCellStyle(cell)" v-for="(cell, key) in row" :key="key">
6
- <div>
7
- <a class="cell">{{ t('el.datepicker.months.' + months[cell.text]) }}</a>
8
- </div>
9
- </td>
10
- </tr>
4
+ <tr v-for="(row, key) in rows" :key="key">
5
+ <td :class="getCellStyle(cell)" v-for="(cell, key) in row" :key="key">
6
+ <div>
7
+ <a class="cell">{{ t('el.datepicker.months.' + months[cell.text]) }}</a>
8
+ </div>
9
+ </td>
10
+ </tr>
11
11
  </tbody>
12
12
  </table>
13
13
  </template>
@@ -143,8 +143,7 @@
143
143
  const rows = this.rows;
144
144
  for (let i = 0, k = rows.length; i < k; i++) {
145
145
  const row = rows[i];
146
- for (let j = 0, l = row.length; j < l; j++) {
147
-
146
+ for (let j = 0, l = row.length; j < l; j++) {
148
147
  const cell = row[j];
149
148
  const index = i * 4 + j;
150
149
  const time = new Date(this.date.getFullYear(), index).getTime();
@@ -1,44 +1,44 @@
1
1
  <template>
2
2
  <table @click="handleYearTableClick" class="el-year-table">
3
3
  <tbody>
4
- <tr>
5
- <td class="available" :class="getCellStyle(startYear + 0)">
6
- <a class="cell">{{ startYear }}</a>
7
- </td>
8
- <td class="available" :class="getCellStyle(startYear + 1)">
9
- <a class="cell">{{ startYear + 1 }}</a>
10
- </td>
11
- <td class="available" :class="getCellStyle(startYear + 2)">
12
- <a class="cell">{{ startYear + 2 }}</a>
13
- </td>
14
- <td class="available" :class="getCellStyle(startYear + 3)">
15
- <a class="cell">{{ startYear + 3 }}</a>
16
- </td>
17
- </tr>
18
- <tr>
19
- <td class="available" :class="getCellStyle(startYear + 4)">
20
- <a class="cell">{{ startYear + 4 }}</a>
21
- </td>
22
- <td class="available" :class="getCellStyle(startYear + 5)">
23
- <a class="cell">{{ startYear + 5 }}</a>
24
- </td>
25
- <td class="available" :class="getCellStyle(startYear + 6)">
26
- <a class="cell">{{ startYear + 6 }}</a>
27
- </td>
28
- <td class="available" :class="getCellStyle(startYear + 7)">
29
- <a class="cell">{{ startYear + 7 }}</a>
30
- </td>
31
- </tr>
32
- <tr>
33
- <td class="available" :class="getCellStyle(startYear + 8)">
34
- <a class="cell">{{ startYear + 8 }}</a>
35
- </td>
36
- <td class="available" :class="getCellStyle(startYear + 9)">
37
- <a class="cell">{{ startYear + 9 }}</a>
38
- </td>
39
- <td></td>
40
- <td></td>
41
- </tr>
4
+ <tr>
5
+ <td class="available" :class="getCellStyle(startYear + 0)">
6
+ <a class="cell">{{ startYear }}</a>
7
+ </td>
8
+ <td class="available" :class="getCellStyle(startYear + 1)">
9
+ <a class="cell">{{ startYear + 1 }}</a>
10
+ </td>
11
+ <td class="available" :class="getCellStyle(startYear + 2)">
12
+ <a class="cell">{{ startYear + 2 }}</a>
13
+ </td>
14
+ <td class="available" :class="getCellStyle(startYear + 3)">
15
+ <a class="cell">{{ startYear + 3 }}</a>
16
+ </td>
17
+ </tr>
18
+ <tr>
19
+ <td class="available" :class="getCellStyle(startYear + 4)">
20
+ <a class="cell">{{ startYear + 4 }}</a>
21
+ </td>
22
+ <td class="available" :class="getCellStyle(startYear + 5)">
23
+ <a class="cell">{{ startYear + 5 }}</a>
24
+ </td>
25
+ <td class="available" :class="getCellStyle(startYear + 6)">
26
+ <a class="cell">{{ startYear + 6 }}</a>
27
+ </td>
28
+ <td class="available" :class="getCellStyle(startYear + 7)">
29
+ <a class="cell">{{ startYear + 7 }}</a>
30
+ </td>
31
+ </tr>
32
+ <tr>
33
+ <td class="available" :class="getCellStyle(startYear + 8)">
34
+ <a class="cell">{{ startYear + 8 }}</a>
35
+ </td>
36
+ <td class="available" :class="getCellStyle(startYear + 9)">
37
+ <a class="cell">{{ startYear + 9 }}</a>
38
+ </td>
39
+ <td></td>
40
+ <td></td>
41
+ </tr>
42
42
  </tbody>
43
43
  </table>
44
44
  </template>
@@ -15,7 +15,7 @@
15
15
  class="el-picker-panel__shortcut"
16
16
  v-for="(shortcut, key) in shortcuts"
17
17
  :key="key"
18
- @click="handleShortcutClick(shortcut)">{{shortcut.text}}</button>
18
+ @click="handleShortcutClick(shortcut)">{{ shortcut.text }}</button>
19
19
  </div>
20
20
  <div class="el-picker-panel__body">
21
21
  <div class="el-date-range-picker__time-header" v-if="showTime">
@@ -71,7 +71,7 @@
71
71
  v-show="currentView === 'date'"
72
72
  role="button"
73
73
  class="el-date-picker__header-label"
74
- :class="{ active: currentView === 'month' }">{{t(`el.datepicker.month${ month + 1 }`)}}</span>
74
+ :class="{ active: currentView === 'month' }">{{ t(`el.datepicker.month${ month + 1 }`) }}</span>
75
75
  <button
76
76
  type="button"
77
77
  @click="nextYear"
@@ -229,10 +229,10 @@
229
229
 
230
230
  methods: {
231
231
  proxyTimePickerDataProperties() {
232
- const format = timeFormat => {this.$refs.timepicker.format = timeFormat;};
233
- const value = value => {this.$refs.timepicker.value = value;};
234
- const date = date => {this.$refs.timepicker.date = date;};
235
- const selectableRange = selectableRange => {this.$refs.timepicker.selectableRange = selectableRange;};
232
+ const format = timeFormat => { this.$refs.timepicker.format = timeFormat; };
233
+ const value = value => { this.$refs.timepicker.value = value; };
234
+ const date = date => { this.$refs.timepicker.date = date; };
235
+ const selectableRange = selectableRange => { this.$refs.timepicker.selectableRange = selectableRange; };
236
236
 
237
237
  this.$watch('value', value);
238
238
  this.$watch('date', date);
@@ -14,7 +14,7 @@
14
14
  class="el-picker-panel__shortcut"
15
15
  v-for="(shortcut, key) in shortcuts"
16
16
  :key="key"
17
- @click="handleShortcutClick(shortcut)">{{shortcut.text}}</button>
17
+ @click="handleShortcutClick(shortcut)">{{ shortcut.text }}</button>
18
18
  </div>
19
19
  <div class="el-picker-panel__body">
20
20
  <div class="el-picker-panel__content el-date-range-picker__content is-left">
@@ -42,7 +42,7 @@ export default {
42
42
  </tr>
43
43
  <tr class="el-descriptions-row">
44
44
  {
45
- row.map(item =>{
45
+ row.map(item => {
46
46
  return (
47
47
  <td
48
48
  class={['el-descriptions-item__cell', 'el-descriptions-item__content', item.contentClassName]}
@@ -61,7 +61,7 @@ export default {
61
61
  <tbody>
62
62
  <tr class="el-descriptions-row">
63
63
  {
64
- row.map(item=> {
64
+ row.map(item => {
65
65
  return ([
66
66
  <th
67
67
  class={{
@@ -89,7 +89,7 @@ export default {
89
89
  <tbody>
90
90
  <tr class="el-descriptions-row">
91
91
  {
92
- row.map(item=> {
92
+ row.map(item => {
93
93
  return (
94
94
  <td class="el-descriptions-item el-descriptions-item__cell" colSpan={item.props.span}>
95
95
  <div class="el-descriptions-item__container">
@@ -168,7 +168,7 @@ export default {
168
168
  }
169
169
 
170
170
  <div class="el-descriptions__body">
171
- <table class={['el-descriptions__table', { 'is-bordered': border }, descriptionsSize ? `el-descriptions--${descriptionsSize}` : '']}>
171
+ <table class={['el-descriptions__table', { 'is-bordered': border }, descriptionsSize ? `el-descriptions--${ descriptionsSize }` : '']}>
172
172
  {rows.map(row => (
173
173
  <DescriptionsRow row={row}></DescriptionsRow>
174
174
  ))}
@@ -7,7 +7,7 @@
7
7
  <div
8
8
  v-if="slots().default && props.direction !== 'vertical'"
9
9
  :class="['el-divider__text', `is-${props.contentPosition}`]"
10
- >
10
+ >
11
11
  <slot />
12
12
  </div>
13
13
  </div>
@@ -23,7 +23,7 @@
23
23
  ref="drawer"
24
24
  role="dialog"
25
25
  tabindex="-1"
26
- >
26
+ >
27
27
  <header class="el-drawer__header" id="el-drawer__title" v-if="withHeader">
28
28
  <slot name="title">
29
29
  <span role="heading" :title="title">{{ title }}</span>
@@ -117,7 +117,7 @@ export default {
117
117
  return this.direction === 'rtl' || this.direction === 'ltr';
118
118
  },
119
119
  drawerSize() {
120
- return typeof this.size === 'number' ? `${this.size}px` : this.size;
120
+ return typeof this.size === 'number' ? `${ this.size }px` : this.size;
121
121
  }
122
122
  },
123
123
  data() {
@@ -75,7 +75,7 @@
75
75
  menuItemsArray: null,
76
76
  dropdownElm: null,
77
77
  focusing: false,
78
- listId: `dropdown-menu-${generateId()}`
78
+ listId: `dropdown-menu-${ generateId() }`
79
79
  };
80
80
  },
81
81
 
@@ -42,7 +42,7 @@ export default {
42
42
  },
43
43
  imageStyle() {
44
44
  return {
45
- width: this.imageSize ? `${this.imageSize}px` : ''
45
+ width: this.imageSize ? `${ this.imageSize }px` : ''
46
46
  };
47
47
  }
48
48
  }
@@ -0,0 +1,8 @@
1
+ import FileUpload from './src/main';
2
+
3
+ /* istanbul ignore next */
4
+ FileUpload.install = function(Vue) {
5
+ Vue.component(FileUpload.name, FileUpload);
6
+ };
7
+
8
+ export default FileUpload;