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.
- package/README.md +23 -14
- package/lib/alert.js +4 -4
- package/lib/aside.js +2 -2
- package/lib/autocomplete.js +4 -4
- package/lib/avatar.js +2 -2
- package/lib/backtop.js +4 -4
- package/lib/badge.js +4 -4
- package/lib/breadcrumb-item.js +4 -4
- package/lib/breadcrumb.js +2 -2
- package/lib/button-group.js +2 -2
- package/lib/button.js +2 -2
- package/lib/calendar.js +6 -6
- package/lib/card.js +2 -2
- package/lib/carousel-item.js +4 -4
- package/lib/carousel.js +2 -2
- package/lib/cascader-panel.js +4 -4
- package/lib/cascader.js +4 -4
- package/lib/checkbox-button.js +4 -4
- package/lib/checkbox-group.js +2 -2
- package/lib/checkbox.js +4 -4
- package/lib/col.js +2 -2
- package/lib/collapse-item.js +4 -4
- package/lib/collapse.js +2 -2
- package/lib/color-picker.js +45 -45
- package/lib/container.js +2 -2
- package/lib/date-picker.js +49 -45
- package/lib/descriptions-item.js +2 -2
- package/lib/descriptions.js +2 -2
- package/lib/dialog.js +4 -4
- package/lib/divider.js +4 -4
- package/lib/drawer.js +6 -6
- package/lib/dropdown-item.js +2 -2
- package/lib/dropdown-menu.js +2 -2
- package/lib/dropdown.js +10 -10
- package/lib/element-ui.common.js +1801 -388
- package/lib/empty.js +4 -4
- package/lib/fileUpload.js +978 -0
- package/lib/footer.js +2 -2
- package/lib/form-item.js +4 -4
- package/lib/form.js +4 -4
- package/lib/header.js +2 -2
- package/lib/icon.js +2 -2
- package/lib/image.js +12 -12
- package/lib/index.js +1 -1
- package/lib/infinite-scroll.js +2 -2
- package/lib/input-number.js +2 -2
- package/lib/input.js +4 -4
- package/lib/link.js +2 -2
- package/lib/loading.js +4 -4
- package/lib/locale/format.js +0 -1
- package/lib/main.js +2 -2
- package/lib/menu-item-group.js +4 -4
- package/lib/menu-item.js +2 -2
- package/lib/menu.js +3 -3
- package/lib/message-box.js +7 -7
- package/lib/message.js +4 -4
- package/lib/notification.js +4 -4
- package/lib/option-group.js +2 -2
- package/lib/option.js +2 -2
- package/lib/page-header.js +2 -2
- package/lib/pagination.js +4 -4
- package/lib/popconfirm.js +12 -12
- package/lib/popover.js +4 -4
- package/lib/progress.js +4 -4
- package/lib/radio-button.js +4 -4
- package/lib/radio-group.js +2 -2
- package/lib/radio.js +4 -4
- package/lib/rate.js +9 -9
- package/lib/result.js +2 -2
- package/lib/row.js +2 -2
- package/lib/scrollbar.js +2 -2
- package/lib/select.js +2 -2
- package/lib/skeleton-item.js +2 -2
- package/lib/skeleton.js +2 -2
- package/lib/slider.js +4 -4
- package/lib/spinner.js +2 -2
- package/lib/statistic.js +4 -4
- package/lib/step.js +4 -4
- package/lib/steps.js +11 -11
- package/lib/subTitle.js +293 -0
- package/lib/submenu.js +2 -3
- package/lib/switch.js +2 -2
- package/lib/tab-pane.js +2 -2
- package/lib/tabDialog.js +787 -0
- package/lib/table-column.js +4 -4
- package/lib/table.js +19 -16
- package/lib/tabs.js +4 -4
- package/lib/tag.js +2 -2
- package/lib/time-picker.js +2 -2
- package/lib/time-select.js +2 -2
- package/lib/timeline-item.js +4 -4
- package/lib/timeline.js +2 -2
- package/lib/tooltip.js +2 -2
- package/lib/transfer.js +7 -7
- package/lib/tree.js +11 -11
- package/lib/{treeselect.js → treeSelect.js} +31 -31
- package/lib/upload.js +14 -14
- package/package.json +5 -1
- package/packages/alert/src/main.vue +1 -1
- package/packages/autocomplete/src/autocomplete.vue +3 -3
- package/packages/avatar/src/main.vue +5 -5
- package/packages/backtop/src/main.vue +3 -3
- package/packages/badge/src/main.vue +1 -1
- package/packages/breadcrumb/src/breadcrumb-item.vue +1 -1
- package/packages/calendar/src/date-table.vue +3 -3
- package/packages/calendar/src/main.vue +5 -5
- package/packages/carousel/src/item.vue +1 -1
- package/packages/cascader/src/cascader.vue +2 -2
- package/packages/cascader-panel/src/cascader-menu.vue +4 -4
- package/packages/cascader-panel/src/node.js +3 -4
- package/packages/cascader-panel/src/store.js +1 -2
- package/packages/checkbox/src/checkbox-button.vue +8 -8
- package/packages/checkbox/src/checkbox.vue +1 -1
- package/packages/col/src/col.js +5 -5
- package/packages/collapse/src/collapse-item.vue +1 -1
- package/packages/color-picker/src/color.js +4 -4
- package/packages/color-picker/src/components/alpha-slider.vue +12 -12
- package/packages/color-picker/src/components/hue-slider.vue +6 -6
- package/packages/color-picker/src/components/picker-dropdown.vue +1 -1
- package/packages/color-picker/src/components/predefine.vue +4 -4
- package/packages/color-picker/src/components/sv-panel.vue +4 -4
- package/packages/color-picker/src/main.vue +8 -8
- package/packages/date-picker/src/basic/date-table.vue +19 -19
- package/packages/date-picker/src/basic/month-table.vue +8 -9
- package/packages/date-picker/src/basic/year-table.vue +38 -38
- package/packages/date-picker/src/panel/date-range.vue +1 -1
- package/packages/date-picker/src/panel/date.vue +5 -5
- package/packages/date-picker/src/panel/month-range.vue +1 -1
- package/packages/descriptions/src/descriptions-row.js +3 -3
- package/packages/descriptions/src/index.js +1 -1
- package/packages/divider/src/main.vue +1 -1
- package/packages/drawer/src/main.vue +2 -2
- package/packages/dropdown/src/dropdown.vue +1 -1
- package/packages/empty/src/index.vue +1 -1
- package/packages/fileUpload/index.js +8 -0
- package/packages/fileUpload/src/main.vue +430 -0
- package/packages/form/src/form-item.vue +3 -3
- package/packages/form/src/form.vue +1 -1
- package/packages/image/src/image-viewer.vue +4 -4
- package/packages/infinite-scroll/src/main.js +2 -3
- package/packages/input/src/calcTextareaHeight.js +2 -2
- package/packages/input/src/input.vue +15 -15
- package/packages/menu/src/menu-item-group.vue +1 -1
- package/packages/menu/src/menu.vue +4 -4
- package/packages/menu/src/submenu.vue +3 -4
- package/packages/message/src/main.js +1 -1
- package/packages/notification/src/main.js +1 -1
- package/packages/pagination/src/pager.vue +1 -1
- package/packages/popconfirm/src/main.vue +28 -28
- package/packages/popover/src/main.vue +1 -1
- package/packages/progress/src/progress.vue +10 -10
- package/packages/radio/src/radio-button.vue +2 -2
- package/packages/radio/src/radio.vue +1 -1
- package/packages/row/src/row.js +3 -3
- package/packages/scrollbar/src/main.js +2 -2
- package/packages/scrollbar/src/util.js +1 -1
- package/packages/slider/src/main.vue +2 -2
- package/packages/statistic/src/main.vue +6 -7
- package/packages/steps/src/step.vue +2 -2
- package/packages/steps/src/steps.vue +4 -4
- package/packages/subTitle/index.js +8 -0
- package/packages/subTitle/src/main.vue +33 -0
- package/packages/tabDialog/index.js +23 -0
- package/packages/tabDialog/src/dialog/drag.js +63 -0
- package/packages/tabDialog/src/dialog/dragHeight.js +34 -0
- package/packages/tabDialog/src/dialog/dragWidth.js +30 -0
- package/packages/tabDialog/src/main.vue +277 -0
- package/packages/table/src/filter-panel.vue +7 -7
- package/packages/table/src/store/index.js +1 -1
- package/packages/table/src/table-body.js +2 -2
- package/packages/table/src/table-column.js +1 -1
- package/packages/table/src/table-header.js +1 -1
- package/packages/table/src/table-layout.js +1 -1
- package/packages/table/src/table.vue +16 -16
- package/packages/tabs/src/tab-bar.vue +3 -3
- package/packages/tabs/src/tab-nav.vue +13 -13
- package/packages/tabs/src/tabs.vue +3 -3
- package/packages/tag/src/tag.vue +3 -3
- package/packages/theme-cy/lib/element.css +1 -0
- package/packages/theme-cy/lib/fileUpload.css +1 -0
- package/packages/theme-cy/lib/index.css +1 -1
- package/packages/theme-cy/lib/subTitle.css +1 -0
- package/packages/theme-cy/lib/tabDialog.css +1 -0
- package/packages/theme-cy/lib/treeSelect.css +1 -0
- package/packages/theme-cy/src/element.scss +45 -0
- package/packages/theme-cy/src/fileUpload.scss +30 -0
- package/packages/theme-cy/src/index.scss +5 -1
- package/packages/theme-cy/src/subTitle.scss +26 -0
- package/packages/theme-cy/src/tabDialog.scss +43 -0
- package/packages/theme-cy/src/{treeselect.scss → treeSelect.scss} +93 -87
- package/packages/timeline/src/item.vue +2 -2
- package/packages/tooltip/src/main.js +1 -1
- package/packages/tree/src/tree-node.vue +3 -3
- package/packages/treeSelect/index.js +8 -0
- package/packages/{treeselect → treeSelect}/src/main.vue +246 -243
- package/packages/upload/src/ajax.js +3 -3
- package/packages/upload/src/upload-list.vue +1 -1
- package/packages/upload/src/upload.vue +1 -1
- package/src/index.js +13 -5
- package/src/locale/format.js +1 -2
- package/src/mixins/migrating.js +2 -2
- package/src/utils/types.js +1 -1
- package/types/element-ui.d.ts +18 -5
- package/types/fileUpload.d.ts +5 -0
- package/types/subTitle.d.ts +5 -0
- package/types/tabDialog.d.ts +5 -0
- package/types/treeSelect.d.ts +5 -0
- package/packages/theme-cy/lib/treeselect.css +0 -1
- package/packages/treeselect/index.js +0 -8
- 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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
<
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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
|
))}
|
|
@@ -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() {
|