cy-element-ui 1.0.4 → 1.0.6
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 +22 -13
- package/lib/alert.js +211 -203
- package/lib/aside.js +29 -29
- package/lib/autocomplete.js +4615 -483
- package/lib/avatar.js +152 -126
- package/lib/backtop.js +117 -125
- package/lib/badge.js +128 -134
- package/lib/breadcrumb-item.js +146 -122
- package/lib/breadcrumb.js +97 -96
- package/lib/button-group.js +68 -65
- package/lib/button.js +67 -87
- package/lib/calendar.js +2475 -603
- package/lib/card.js +101 -100
- package/lib/carousel-item.js +854 -210
- package/lib/carousel.js +575 -408
- package/lib/cascader-panel.js +3546 -1153
- package/lib/cascader.js +7376 -970
- package/lib/checkbox-button.js +337 -290
- package/lib/checkbox-group.js +176 -105
- package/lib/checkbox.js +240 -220
- package/lib/col.js +113 -68
- package/lib/collapse-item.js +1228 -225
- package/lib/collapse.js +163 -123
- package/lib/color-picker.js +5223 -1251
- package/lib/container.js +98 -88
- package/lib/date-picker.js +8396 -3945
- package/lib/descriptions-item.js +53 -32
- package/lib/descriptions.js +697 -334
- package/lib/dialog.js +1725 -247
- package/lib/directives/mousewheel.js +14 -20
- package/lib/directives/repeat-click.js +27 -30
- package/lib/divider.js +38 -45
- package/lib/drawer.js +1032 -238
- package/lib/dropdown-item.js +159 -111
- package/lib/dropdown-menu.js +2445 -117
- package/lib/dropdown.js +1675 -366
- package/lib/element-ui.common.js +49110 -39985
- package/lib/empty.js +1084 -203
- package/lib/fileUpload.js +3900 -0
- package/lib/footer.js +29 -29
- package/lib/form-item.js +1236 -467
- package/lib/form.js +326 -258
- package/lib/header.js +80 -80
- package/lib/icon.js +71 -68
- package/lib/image.js +2389 -743
- package/lib/index.js +1 -1
- package/lib/infinite-scroll.js +814 -150
- package/lib/input-number.js +2181 -444
- package/lib/input.js +1197 -517
- package/lib/link.js +117 -135
- package/lib/loading.js +1130 -363
- package/lib/locale/format.js +38 -49
- package/lib/locale/index.js +38 -52
- package/lib/locale/lang/af-ZA.js +130 -123
- package/lib/locale/lang/ar.js +123 -122
- package/lib/locale/lang/az.js +122 -121
- package/lib/locale/lang/bg.js +133 -123
- package/lib/locale/lang/bn.js +121 -121
- package/lib/locale/lang/ca.js +123 -122
- package/lib/locale/lang/cs-CZ.js +127 -125
- package/lib/locale/lang/da.js +124 -122
- package/lib/locale/lang/de.js +126 -124
- package/lib/locale/lang/ee.js +125 -123
- package/lib/locale/lang/el.js +125 -123
- package/lib/locale/lang/en.js +127 -123
- package/lib/locale/lang/eo.js +125 -123
- package/lib/locale/lang/es.js +123 -122
- package/lib/locale/lang/eu.js +128 -123
- package/lib/locale/lang/fa.js +125 -123
- package/lib/locale/lang/fi.js +125 -123
- package/lib/locale/lang/fr.js +125 -122
- package/lib/locale/lang/he.js +130 -123
- package/lib/locale/lang/hr.js +128 -123
- package/lib/locale/lang/hu.js +124 -122
- package/lib/locale/lang/hy-AM.js +125 -123
- package/lib/locale/lang/id.js +124 -123
- package/lib/locale/lang/is.js +124 -123
- package/lib/locale/lang/it.js +123 -122
- package/lib/locale/lang/ja.js +125 -123
- package/lib/locale/lang/kg.js +125 -123
- package/lib/locale/lang/km.js +124 -123
- package/lib/locale/lang/ko.js +125 -123
- package/lib/locale/lang/ku.js +125 -123
- package/lib/locale/lang/kz.js +125 -123
- package/lib/locale/lang/lo-LA.js +121 -121
- package/lib/locale/lang/lt.js +125 -123
- package/lib/locale/lang/lv.js +125 -123
- package/lib/locale/lang/mn.js +125 -123
- package/lib/locale/lang/ms.js +123 -122
- package/lib/locale/lang/nb-NO.js +123 -122
- package/lib/locale/lang/nl.js +125 -123
- package/lib/locale/lang/pl.js +125 -123
- package/lib/locale/lang/pt-br.js +124 -123
- package/lib/locale/lang/pt.js +133 -123
- package/lib/locale/lang/ro.js +125 -123
- package/lib/locale/lang/ru-RU.js +124 -123
- package/lib/locale/lang/si.js +127 -123
- package/lib/locale/lang/sk.js +126 -125
- package/lib/locale/lang/sl.js +125 -123
- package/lib/locale/lang/sr-Latn.js +124 -123
- package/lib/locale/lang/sr.js +128 -123
- package/lib/locale/lang/sv-SE.js +128 -123
- package/lib/locale/lang/sw.js +127 -123
- package/lib/locale/lang/ta.js +130 -122
- package/lib/locale/lang/th.js +127 -123
- package/lib/locale/lang/tk.js +129 -123
- package/lib/locale/lang/tr-TR.js +125 -123
- package/lib/locale/lang/ua.js +124 -123
- package/lib/locale/lang/ug-CN.js +124 -123
- package/lib/locale/lang/uz-UZ.js +124 -123
- package/lib/locale/lang/vi.js +124 -123
- package/lib/locale/lang/zh-CN.js +124 -123
- package/lib/locale/lang/zh-TW.js +128 -123
- package/lib/main.js +23 -21
- package/lib/menu-item-group.js +105 -111
- package/lib/menu-item.js +3558 -253
- package/lib/menu.js +1680 -528
- package/lib/message-box.js +3427 -684
- package/lib/message.js +1677 -229
- package/lib/mixins/emitter.js +28 -30
- package/lib/mixins/focus.js +10 -11
- package/lib/mixins/locale.js +12 -14
- package/lib/mixins/migrating.js +38 -45
- package/lib/notification.js +1707 -269
- package/lib/option-group.js +190 -139
- package/lib/option.js +949 -196
- package/lib/page-header.js +964 -42
- package/lib/pagination.js +6947 -641
- package/lib/popconfirm.js +3951 -223
- package/lib/popover.js +3247 -369
- package/lib/progress.js +254 -244
- package/lib/radio-button.js +259 -226
- package/lib/radio-group.js +249 -186
- package/lib/radio.js +263 -253
- package/lib/rate.js +1399 -420
- package/lib/result.js +183 -227
- package/lib/row.js +58 -41
- package/lib/scrollbar.js +1331 -278
- package/lib/select.js +5816 -1428
- package/lib/skeleton-item.js +133 -145
- package/lib/skeleton.js +82 -91
- package/lib/slider.js +5157 -702
- package/lib/spinner.js +113 -101
- package/lib/statistic.js +10205 -254
- package/lib/step.js +274 -311
- package/lib/steps.js +854 -117
- package/lib/subTitle.js +292 -0
- package/lib/submenu.js +2867 -429
- package/lib/switch.js +1051 -291
- package/lib/tab-pane.js +125 -135
- package/lib/tabDialog.js +2658 -0
- package/lib/table-column.js +1975 -751
- package/lib/table.js +8019 -3979
- package/lib/tabs.js +1455 -605
- package/lib/tag.js +73 -68
- package/lib/theme-chalk/src/index.scss +3 -0
- package/lib/time-picker.js +6821 -1944
- package/lib/time-select.js +6297 -1186
- package/lib/timeline-item.js +43 -84
- package/lib/timeline.js +43 -39
- package/lib/tooltip.js +3185 -287
- package/lib/transfer.js +2943 -625
- package/lib/transitions/collapse-transition.js +69 -87
- package/lib/tree.js +3312 -1791
- package/lib/treeSelect.js +4436 -0
- package/lib/umd/locale/af-ZA.js +145 -138
- package/lib/umd/locale/ar.js +138 -137
- package/lib/umd/locale/az.js +139 -137
- package/lib/umd/locale/bg.js +148 -138
- package/lib/umd/locale/bn.js +138 -137
- package/lib/umd/locale/ca.js +138 -137
- package/lib/umd/locale/cs-CZ.js +142 -140
- package/lib/umd/locale/da.js +139 -137
- package/lib/umd/locale/de.js +141 -139
- package/lib/umd/locale/ee.js +140 -138
- package/lib/umd/locale/el.js +140 -138
- package/lib/umd/locale/en.js +142 -138
- package/lib/umd/locale/eo.js +140 -138
- package/lib/umd/locale/es.js +138 -137
- package/lib/umd/locale/eu.js +143 -138
- package/lib/umd/locale/fa.js +140 -138
- package/lib/umd/locale/fi.js +140 -138
- package/lib/umd/locale/fr.js +140 -137
- package/lib/umd/locale/he.js +145 -138
- package/lib/umd/locale/hr.js +143 -138
- package/lib/umd/locale/hu.js +139 -137
- package/lib/umd/locale/hy-AM.js +140 -138
- package/lib/umd/locale/id.js +139 -138
- package/lib/umd/locale/is.js +139 -138
- package/lib/umd/locale/it.js +138 -137
- package/lib/umd/locale/ja.js +140 -138
- package/lib/umd/locale/kg.js +140 -138
- package/lib/umd/locale/km.js +139 -138
- package/lib/umd/locale/ko.js +140 -138
- package/lib/umd/locale/ku.js +140 -138
- package/lib/umd/locale/kz.js +140 -138
- package/lib/umd/locale/lo-LA.js +138 -137
- package/lib/umd/locale/lt.js +140 -138
- package/lib/umd/locale/lv.js +140 -138
- package/lib/umd/locale/mn.js +140 -138
- package/lib/umd/locale/ms.js +138 -137
- package/lib/umd/locale/nb-NO.js +138 -137
- package/lib/umd/locale/nl.js +140 -138
- package/lib/umd/locale/pl.js +140 -138
- package/lib/umd/locale/pt-br.js +139 -138
- package/lib/umd/locale/pt.js +148 -138
- package/lib/umd/locale/ro.js +140 -138
- package/lib/umd/locale/ru-RU.js +139 -138
- package/lib/umd/locale/si.js +142 -138
- package/lib/umd/locale/sk.js +141 -140
- package/lib/umd/locale/sl.js +140 -138
- package/lib/umd/locale/sr-Latn.js +139 -138
- package/lib/umd/locale/sr.js +143 -138
- package/lib/umd/locale/sv-SE.js +143 -138
- package/lib/umd/locale/sw.js +142 -138
- package/lib/umd/locale/ta.js +145 -137
- package/lib/umd/locale/th.js +142 -138
- package/lib/umd/locale/tk.js +144 -138
- package/lib/umd/locale/tr-TR.js +140 -138
- package/lib/umd/locale/ua.js +139 -138
- package/lib/umd/locale/ug-CN.js +139 -138
- package/lib/umd/locale/uz-UZ.js +139 -138
- package/lib/umd/locale/vi.js +139 -138
- package/lib/umd/locale/zh-CN.js +139 -138
- package/lib/umd/locale/zh-TW.js +143 -138
- package/lib/upload.js +2377 -987
- package/lib/utils/after-leave.js +36 -33
- package/lib/utils/aria-dialog.js +55 -73
- package/lib/utils/aria-utils.js +67 -76
- package/lib/utils/clickoutside.js +52 -60
- package/lib/utils/date-util.js +198 -241
- package/lib/utils/date.js +6 -368
- package/lib/utils/date_source.js +349 -0
- package/lib/utils/dom.js +167 -183
- package/lib/utils/lodash.js +13 -9421
- package/lib/utils/lodash_source.js +9421 -0
- package/lib/utils/menu/aria-menubar.js +13 -18
- package/lib/utils/menu/aria-menuitem.js +43 -54
- package/lib/utils/menu/aria-submenu.js +50 -59
- package/lib/utils/merge.js +15 -17
- package/lib/utils/popper.js +1141 -1170
- package/lib/utils/popup/index.js +186 -230
- package/lib/utils/popup/popup-manager.js +159 -191
- package/lib/utils/resize-event.js +29 -44
- package/lib/utils/scroll-into-view.js +25 -33
- package/lib/utils/scrollbar-width.js +25 -36
- package/lib/utils/shared.js +3 -3
- package/lib/utils/types.js +19 -32
- package/lib/utils/util.js +187 -221
- package/lib/utils/vdom.js +5 -9
- package/lib/utils/vue-popper.js +166 -188
- package/package.json +22 -19
- package/packages/alert/src/main.vue +63 -63
- package/packages/aside/src/main.vue +9 -9
- package/packages/autocomplete/src/autocomplete-suggestions.vue +46 -46
- package/packages/autocomplete/src/autocomplete.vue +198 -198
- 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 +26 -26
- package/packages/breadcrumb/src/breadcrumb.vue +22 -22
- package/packages/button/src/button-group.vue +3 -3
- package/packages/button/src/button.vue +44 -44
- package/packages/calendar/src/date-table.vue +3 -3
- package/packages/calendar/src/main.vue +7 -7
- package/packages/card/src/main.vue +9 -9
- package/packages/carousel/src/item.vue +98 -98
- package/packages/carousel/src/main.vue +2 -2
- package/packages/cascader/src/cascader.vue +4 -4
- package/packages/cascader-panel/src/cascader-menu.vue +4 -4
- package/packages/cascader-panel/src/cascader-node.vue +232 -232
- package/packages/cascader-panel/src/cascader-panel.vue +3 -3
- package/packages/cascader-panel/src/node.js +2 -3
- package/packages/cascader-panel/src/store.js +0 -1
- package/packages/checkbox/src/checkbox-button.vue +139 -139
- package/packages/checkbox/src/checkbox-group.vue +33 -33
- package/packages/checkbox/src/checkbox.vue +140 -140
- package/packages/col/src/col.js +5 -5
- package/packages/collapse/src/collapse-item.vue +55 -55
- package/packages/collapse/src/collapse.vue +54 -54
- package/packages/color-picker/src/color.js +4 -4
- package/packages/color-picker/src/components/alpha-slider.vue +100 -100
- package/packages/color-picker/src/components/hue-slider.vue +91 -91
- package/packages/color-picker/src/components/picker-dropdown.vue +64 -64
- package/packages/color-picker/src/components/predefine.vue +43 -43
- package/packages/color-picker/src/components/sv-panel.vue +70 -70
- package/packages/color-picker/src/main.vue +141 -141
- package/packages/container/src/main.vue +20 -20
- package/packages/date-picker/src/basic/date-table.vue +360 -360
- package/packages/date-picker/src/basic/month-table.vue +222 -223
- package/packages/date-picker/src/basic/time-spinner.vue +174 -174
- package/packages/date-picker/src/basic/year-table.vue +91 -91
- package/packages/date-picker/src/panel/date-range.vue +415 -415
- package/packages/date-picker/src/panel/date.vue +423 -423
- package/packages/date-picker/src/panel/month-range.vue +177 -177
- package/packages/date-picker/src/panel/time-range.vue +173 -173
- package/packages/date-picker/src/panel/time-select.vue +131 -131
- package/packages/date-picker/src/panel/time.vue +131 -131
- package/packages/date-picker/src/picker.vue +7 -7
- package/packages/descriptions/src/descriptions-row.js +3 -3
- package/packages/descriptions/src/index.js +1 -1
- package/packages/dialog/src/component.vue +155 -155
- package/packages/divider/src/main.vue +1 -1
- package/packages/drawer/src/main.vue +2 -2
- package/packages/dropdown/src/dropdown-item.vue +15 -15
- package/packages/dropdown/src/dropdown-menu.vue +47 -47
- package/packages/dropdown/src/dropdown.vue +260 -260
- 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/footer/src/main.vue +9 -9
- package/packages/form/src/form-item.vue +245 -245
- package/packages/form/src/form.vue +154 -154
- package/packages/header/src/main.vue +9 -9
- package/packages/icon/src/icon.vue +6 -6
- package/packages/image/src/image-viewer.vue +9 -9
- package/packages/image/src/main.vue +206 -206
- package/packages/infinite-scroll/src/main.js +1 -2
- package/packages/input/src/calcTextareaHeight.js +2 -2
- package/packages/input/src/input.vue +311 -311
- package/packages/input-number/src/input-number.vue +205 -205
- package/packages/loading/src/loading.vue +19 -19
- package/packages/main/src/main.vue +4 -4
- package/packages/menu/src/menu-item-group.vue +27 -27
- package/packages/menu/src/menu-item.vue +69 -69
- package/packages/menu/src/menu.vue +284 -284
- package/packages/menu/src/submenu.vue +308 -309
- package/packages/message/src/main.js +1 -1
- package/packages/message/src/main.vue +72 -72
- package/packages/message-box/src/main.vue +216 -216
- package/packages/notification/src/main.js +1 -1
- package/packages/notification/src/main.vue +93 -93
- package/packages/pagination/src/pager.vue +99 -99
- package/packages/popconfirm/src/main.vue +28 -28
- package/packages/popover/src/main.vue +6 -6
- package/packages/progress/src/progress.vue +174 -174
- package/packages/radio/src/radio-button.vue +64 -64
- package/packages/radio/src/radio-group.vue +88 -88
- package/packages/radio/src/radio.vue +74 -74
- package/packages/rate/src/main.vue +270 -270
- 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/select/src/option-group.vue +46 -46
- package/packages/select/src/option.vue +122 -122
- package/packages/select/src/select-dropdown.vue +49 -49
- package/packages/select/src/select.vue +676 -676
- package/packages/skeleton/src/item.vue +12 -12
- package/packages/slider/src/button.vue +191 -191
- package/packages/slider/src/main.vue +314 -314
- package/packages/spinner/src/spinner.vue +16 -16
- package/packages/statistic/src/main.vue +5 -6
- 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/switch/src/component.vue +123 -123
- 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 +128 -128
- 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 +416 -416
- package/packages/tabs/src/tab-bar.vue +43 -43
- package/packages/tabs/src/tab-nav.vue +250 -250
- package/packages/tabs/src/tab-pane.vue +34 -34
- package/packages/tabs/src/tabs.vue +165 -165
- package/packages/tag/src/tag.vue +52 -52
- 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 -1
- 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 +4 -0
- 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 +20 -14
- package/packages/timeline/src/item.vue +24 -24
- package/packages/timeline/src/main.vue +27 -27
- package/packages/tooltip/src/main.js +1 -1
- package/packages/transfer/src/main.vue +169 -169
- package/packages/transfer/src/transfer-panel.vue +164 -164
- package/packages/tree/src/tree-node.vue +169 -169
- package/packages/tree/src/tree.vue +408 -408
- package/packages/treeSelect/index.js +8 -0
- package/packages/{treeselect → treeSelect}/src/main.vue +19 -19
- package/packages/upload/src/ajax.js +3 -3
- package/packages/upload/src/upload-dragger.vue +50 -50
- package/packages/upload/src/upload-list.vue +33 -33
- package/packages/upload/src/upload.vue +1 -1
- package/src/index.js +13 -5
- package/src/locale/format.js +0 -1
- package/src/mixins/migrating.js +2 -2
- package/src/utils/date.js +2 -368
- package/src/utils/date_source.js +368 -0
- package/src/utils/lodash.js +9 -18075
- package/src/utils/lodash_source.js +18075 -0
- package/src/utils/types.js +1 -1
- package/types/element-ui.d.ts +16 -3
- 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/lib/treeselect.js +0 -682
- package/packages/treeselect/index.js +0 -8
- package/types/treeselect.d.ts +0 -5
|
@@ -12,45 +12,45 @@
|
|
|
12
12
|
</div>
|
|
13
13
|
</template>
|
|
14
14
|
<script>
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
export default {
|
|
16
|
+
name: 'ElTabPane',
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
componentName: 'ElTabPane',
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
20
|
+
props: {
|
|
21
|
+
label: String,
|
|
22
|
+
labelContent: Function,
|
|
23
|
+
name: String,
|
|
24
|
+
closable: Boolean,
|
|
25
|
+
disabled: Boolean,
|
|
26
|
+
lazy: Boolean
|
|
27
|
+
},
|
|
28
28
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
data() {
|
|
30
|
+
return {
|
|
31
|
+
index: null,
|
|
32
|
+
loaded: false
|
|
33
|
+
};
|
|
34
|
+
},
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
return active;
|
|
46
|
-
},
|
|
47
|
-
paneName() {
|
|
48
|
-
return this.name || this.index;
|
|
36
|
+
computed: {
|
|
37
|
+
isClosable() {
|
|
38
|
+
return this.closable || this.$parent.closable;
|
|
39
|
+
},
|
|
40
|
+
active() {
|
|
41
|
+
const active = this.$parent.currentName === (this.name || this.index);
|
|
42
|
+
if (active) {
|
|
43
|
+
this.loaded = true;
|
|
49
44
|
}
|
|
45
|
+
return active;
|
|
50
46
|
},
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
this.$parent.$emit('tab-nav-update');
|
|
47
|
+
paneName() {
|
|
48
|
+
return this.name || this.index;
|
|
54
49
|
}
|
|
55
|
-
}
|
|
50
|
+
},
|
|
51
|
+
|
|
52
|
+
updated() {
|
|
53
|
+
this.$parent.$emit('tab-nav-update');
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
56
|
</script>
|
|
@@ -1,191 +1,191 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
|
|
2
|
+
import TabNav from './tab-nav';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
export default {
|
|
5
|
+
name: 'ElTabs',
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
components: {
|
|
8
|
+
TabNav
|
|
9
|
+
},
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
props: {
|
|
12
|
+
type: String,
|
|
13
|
+
activeName: String,
|
|
14
|
+
closable: Boolean,
|
|
15
|
+
addable: Boolean,
|
|
16
|
+
value: {},
|
|
17
|
+
editable: Boolean,
|
|
18
|
+
tabPosition: {
|
|
12
19
|
type: String,
|
|
13
|
-
|
|
14
|
-
closable: Boolean,
|
|
15
|
-
addable: Boolean,
|
|
16
|
-
value: {},
|
|
17
|
-
editable: Boolean,
|
|
18
|
-
tabPosition: {
|
|
19
|
-
type: String,
|
|
20
|
-
default: 'top'
|
|
21
|
-
},
|
|
22
|
-
beforeLeave: Function,
|
|
23
|
-
stretch: Boolean
|
|
20
|
+
default: 'top'
|
|
24
21
|
},
|
|
22
|
+
beforeLeave: Function,
|
|
23
|
+
stretch: Boolean
|
|
24
|
+
},
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
provide() {
|
|
27
|
+
return {
|
|
28
|
+
rootTabs: this
|
|
29
|
+
};
|
|
30
|
+
},
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
data() {
|
|
33
|
+
return {
|
|
34
|
+
currentName: this.value || this.activeName,
|
|
35
|
+
panes: []
|
|
36
|
+
};
|
|
37
|
+
},
|
|
38
38
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
});
|
|
39
|
+
watch: {
|
|
40
|
+
activeName(value) {
|
|
41
|
+
this.setCurrentName(value);
|
|
42
|
+
},
|
|
43
|
+
value(value) {
|
|
44
|
+
this.setCurrentName(value);
|
|
45
|
+
},
|
|
46
|
+
currentName(value) {
|
|
47
|
+
if (this.$refs.nav) {
|
|
48
|
+
this.$nextTick(() => {
|
|
49
|
+
this.$refs.nav.$nextTick(_ => {
|
|
50
|
+
this.$refs.nav.scrollToActiveTab();
|
|
52
51
|
});
|
|
53
|
-
}
|
|
52
|
+
});
|
|
54
53
|
}
|
|
55
|
-
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
56
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
} else if (this.panes.length !== 0) {
|
|
69
|
-
this.panes = [];
|
|
57
|
+
methods: {
|
|
58
|
+
calcPaneInstances(isForceUpdate = false) {
|
|
59
|
+
if (this.$slots.default) {
|
|
60
|
+
const paneSlots = this.$slots.default.filter(vnode => vnode.tag &&
|
|
61
|
+
vnode.componentOptions && vnode.componentOptions.Ctor.options.name === 'ElTabPane');
|
|
62
|
+
// update indeed
|
|
63
|
+
const panes = paneSlots.map(({ componentInstance }) => componentInstance);
|
|
64
|
+
const panesChanged = !(panes.length === this.panes.length && panes.every((pane, index) => pane === this.panes[index]));
|
|
65
|
+
if (isForceUpdate || panesChanged) {
|
|
66
|
+
this.panes = panes;
|
|
70
67
|
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
} else {
|
|
68
|
+
} else if (this.panes.length !== 0) {
|
|
69
|
+
this.panes = [];
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
handleTabClick(tab, tabName, event) {
|
|
73
|
+
if (tab.disabled) return;
|
|
74
|
+
this.setCurrentName(tabName);
|
|
75
|
+
this.$emit('tab-click', tab, event);
|
|
76
|
+
},
|
|
77
|
+
handleTabRemove(pane, ev) {
|
|
78
|
+
if (pane.disabled) return;
|
|
79
|
+
ev.stopPropagation();
|
|
80
|
+
this.$emit('edit', pane.name, 'remove');
|
|
81
|
+
this.$emit('tab-remove', pane.name);
|
|
82
|
+
},
|
|
83
|
+
handleTabAdd() {
|
|
84
|
+
this.$emit('edit', null, 'add');
|
|
85
|
+
this.$emit('tab-add');
|
|
86
|
+
},
|
|
87
|
+
setCurrentName(value) {
|
|
88
|
+
const changeCurrentName = () => {
|
|
89
|
+
this.currentName = value;
|
|
90
|
+
this.$emit('input', value);
|
|
91
|
+
};
|
|
92
|
+
if (this.currentName !== value && this.beforeLeave) {
|
|
93
|
+
const before = this.beforeLeave(value, this.currentName);
|
|
94
|
+
if (before && before.then) {
|
|
95
|
+
before
|
|
96
|
+
.then(() => {
|
|
97
|
+
changeCurrentName();
|
|
98
|
+
this.$refs.nav && this.$refs.nav.removeFocus();
|
|
99
|
+
}, () => {
|
|
100
|
+
// https://github.com/ElemeFE/element/pull/14816
|
|
101
|
+
// ignore promise rejection in `before-leave` hook
|
|
102
|
+
});
|
|
103
|
+
} else if (before !== false) {
|
|
107
104
|
changeCurrentName();
|
|
108
105
|
}
|
|
106
|
+
} else {
|
|
107
|
+
changeCurrentName();
|
|
109
108
|
}
|
|
110
|
-
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
111
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
112
|
+
render(h) {
|
|
113
|
+
let {
|
|
114
|
+
type,
|
|
115
|
+
handleTabClick,
|
|
116
|
+
handleTabRemove,
|
|
117
|
+
handleTabAdd,
|
|
118
|
+
currentName,
|
|
119
|
+
panes,
|
|
120
|
+
editable,
|
|
121
|
+
addable,
|
|
122
|
+
tabPosition,
|
|
123
|
+
stretch
|
|
124
|
+
} = this;
|
|
125
|
+
|
|
126
|
+
const newButton = editable || addable
|
|
127
|
+
? (
|
|
128
|
+
<span
|
|
129
|
+
class="el-tabs__new-tab"
|
|
130
|
+
on-click={ handleTabAdd }
|
|
131
|
+
tabindex="0"
|
|
132
|
+
on-keydown={ (ev) => { if (ev.keyCode === 13) { handleTabAdd(); } } }
|
|
133
|
+
>
|
|
134
|
+
<i class="el-icon-plus"></i>
|
|
135
|
+
</span>
|
|
136
|
+
)
|
|
137
|
+
: null;
|
|
138
|
+
|
|
139
|
+
const navData = {
|
|
140
|
+
props: {
|
|
118
141
|
currentName,
|
|
119
|
-
|
|
142
|
+
onTabClick: handleTabClick,
|
|
143
|
+
onTabRemove: handleTabRemove,
|
|
120
144
|
editable,
|
|
121
|
-
|
|
122
|
-
|
|
145
|
+
type,
|
|
146
|
+
panes,
|
|
123
147
|
stretch
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
const navData = {
|
|
140
|
-
props: {
|
|
141
|
-
currentName,
|
|
142
|
-
onTabClick: handleTabClick,
|
|
143
|
-
onTabRemove: handleTabRemove,
|
|
144
|
-
editable,
|
|
145
|
-
type,
|
|
146
|
-
panes,
|
|
147
|
-
stretch
|
|
148
|
-
},
|
|
149
|
-
ref: 'nav'
|
|
150
|
-
};
|
|
151
|
-
const header = (
|
|
152
|
-
<div class={['el-tabs__header', `is-${tabPosition}`]}>
|
|
153
|
-
{newButton}
|
|
154
|
-
<tab-nav { ...navData }></tab-nav>
|
|
155
|
-
</div>
|
|
156
|
-
);
|
|
157
|
-
const panels = (
|
|
158
|
-
<div class="el-tabs__content">
|
|
159
|
-
{this.$slots.default}
|
|
160
|
-
</div>
|
|
161
|
-
);
|
|
148
|
+
},
|
|
149
|
+
ref: 'nav'
|
|
150
|
+
};
|
|
151
|
+
const header = (
|
|
152
|
+
<div class={['el-tabs__header', `is-${ tabPosition }`]}>
|
|
153
|
+
{newButton}
|
|
154
|
+
<tab-nav { ...navData }></tab-nav>
|
|
155
|
+
</div>
|
|
156
|
+
);
|
|
157
|
+
const panels = (
|
|
158
|
+
<div class="el-tabs__content">
|
|
159
|
+
{this.$slots.default}
|
|
160
|
+
</div>
|
|
161
|
+
);
|
|
162
162
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
163
|
+
return (
|
|
164
|
+
<div class={{
|
|
165
|
+
'el-tabs': true,
|
|
166
|
+
'el-tabs--card': type === 'card',
|
|
167
|
+
[`el-tabs--${ tabPosition }`]: true,
|
|
168
|
+
'el-tabs--border-card': type === 'border-card'
|
|
169
|
+
}}>
|
|
170
|
+
{ tabPosition !== 'bottom' ? [header, panels] : [panels, header] }
|
|
171
|
+
</div>
|
|
172
|
+
);
|
|
173
|
+
},
|
|
174
174
|
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
175
|
+
created() {
|
|
176
|
+
if (!this.currentName) {
|
|
177
|
+
this.setCurrentName('0');
|
|
178
|
+
}
|
|
179
179
|
|
|
180
|
-
|
|
181
|
-
|
|
180
|
+
this.$on('tab-nav-update', this.calcPaneInstances.bind(null, true));
|
|
181
|
+
},
|
|
182
182
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
183
|
+
mounted() {
|
|
184
|
+
this.calcPaneInstances();
|
|
185
|
+
},
|
|
186
186
|
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
187
|
+
updated() {
|
|
188
|
+
this.calcPaneInstances();
|
|
189
|
+
}
|
|
190
|
+
};
|
|
191
191
|
</script>
|
package/packages/tag/src/tag.vue
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
export default {
|
|
3
|
+
name: 'ElTag',
|
|
4
|
+
props: {
|
|
5
|
+
text: String,
|
|
6
|
+
closable: Boolean,
|
|
7
|
+
type: String,
|
|
8
|
+
hit: Boolean,
|
|
9
|
+
disableTransitions: Boolean,
|
|
10
|
+
color: String,
|
|
11
|
+
size: String,
|
|
12
|
+
effect: {
|
|
7
13
|
type: String,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
size: String,
|
|
12
|
-
effect: {
|
|
13
|
-
type: String,
|
|
14
|
-
default: 'light',
|
|
15
|
-
validator(val) {
|
|
16
|
-
return ['dark', 'light', 'plain'].indexOf(val) !== -1;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
methods: {
|
|
21
|
-
handleClose(event) {
|
|
22
|
-
event.stopPropagation();
|
|
23
|
-
this.$emit('close', event);
|
|
24
|
-
},
|
|
25
|
-
handleClick(event) {
|
|
26
|
-
this.$emit('click', event);
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
computed: {
|
|
30
|
-
tagSize() {
|
|
31
|
-
return this.size || (this.$ELEMENT || {}).size;
|
|
14
|
+
default: 'light',
|
|
15
|
+
validator(val) {
|
|
16
|
+
return ['dark', 'light', 'plain'].indexOf(val) !== -1;
|
|
32
17
|
}
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
methods: {
|
|
21
|
+
handleClose(event) {
|
|
22
|
+
event.stopPropagation();
|
|
23
|
+
this.$emit('close', event);
|
|
33
24
|
},
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
hit && 'is-hit'
|
|
42
|
-
];
|
|
43
|
-
const tagEl = (
|
|
44
|
-
<span
|
|
45
|
-
class={ classes }
|
|
46
|
-
style={{ backgroundColor: this.color }}
|
|
47
|
-
on-click={ this.handleClick }>
|
|
48
|
-
{ this.$slots.default }
|
|
49
|
-
{
|
|
50
|
-
this.closable && <i class="el-tag__close el-icon-close" on-click={ this.handleClose }></i>
|
|
51
|
-
}
|
|
52
|
-
</span>
|
|
53
|
-
);
|
|
54
|
-
|
|
55
|
-
return this.disableTransitions ? tagEl : <transition name="el-zoom-in-center">{ tagEl }</transition>;
|
|
25
|
+
handleClick(event) {
|
|
26
|
+
this.$emit('click', event);
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
computed: {
|
|
30
|
+
tagSize() {
|
|
31
|
+
return this.size || (this.$ELEMENT || {}).size;
|
|
56
32
|
}
|
|
57
|
-
}
|
|
33
|
+
},
|
|
34
|
+
render(h) {
|
|
35
|
+
const { type, tagSize, hit, effect } = this;
|
|
36
|
+
const classes = [
|
|
37
|
+
'el-tag',
|
|
38
|
+
type ? `el-tag--${ type }` : '',
|
|
39
|
+
tagSize ? `el-tag--${ tagSize }` : '',
|
|
40
|
+
effect ? `el-tag--${ effect }` : '',
|
|
41
|
+
hit && 'is-hit'
|
|
42
|
+
];
|
|
43
|
+
const tagEl = (
|
|
44
|
+
<span
|
|
45
|
+
class={ classes }
|
|
46
|
+
style={{ backgroundColor: this.color }}
|
|
47
|
+
on-click={ this.handleClick }>
|
|
48
|
+
{ this.$slots.default }
|
|
49
|
+
{
|
|
50
|
+
this.closable && <i class="el-tag__close el-icon-close" on-click={ this.handleClose }></i>
|
|
51
|
+
}
|
|
52
|
+
</span>
|
|
53
|
+
);
|
|
54
|
+
|
|
55
|
+
return this.disableTransitions ? tagEl : <transition name="el-zoom-in-center">{ tagEl }</transition>;
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
58
|
</script>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.el-input-number[data-unit]{--el-input-number-unit-offset-x:35px;position:relative}.el-input-number[data-unit]::after{content:attr(data-unit);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;color:#909399;padding:0 20px;border:1px solid #DCDFE6;background-color:#F5F7FA;border-top-right-radius:4px;border-bottom-right-radius:4px}.el-input-number[data-unit] .el-input__inner,.el-input-number[data-unit].is-disabled .el-input__inner{padding-right:65px!important}.el-input-number[data-unit].el-input-number--small::after{padding:0 15px}.el-input-number[data-unit].el-input-number--small .el-input__inner,.el-input-number[data-unit].el-input-number--small.is-disabled .el-input__inner{padding-right:55px!important}.el-checkbox__input.is-disabled+span.el-checkbox__label,.el-input.is-disabled .el-input__inner,.el-radio__input.is-disabled+span.el-radio__label,.el-range-editor.is-disabled input,.el-textarea.is-disabled .el-textarea__inner{color:#888}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{border-color:#888}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.cy-file-upload-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-file-upload-uploader{margin-bottom:5px}.cy-file-upload-list .el-upload-list__item{border:1px solid #e4e7ed;line-height:2;margin-bottom:10px;position:relative}.cy-file-upload-list .ele-upload-list__item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.ele-upload-list__item-content-action .el-link{margin-right:10px}.link_icon ::v-deep .el-icon-document{margin-left:10px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.cy-
|
|
1
|
+
@charset "UTF-8";.el-input-number[data-unit]{--el-input-number-unit-offset-x:35px;position:relative}.el-input-number[data-unit]::after{content:attr(data-unit);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;color:#909399;padding:0 20px;border:1px solid #DCDFE6;background-color:#F5F7FA;border-top-right-radius:4px;border-bottom-right-radius:4px}.el-input-number[data-unit] .el-input__inner,.el-input-number[data-unit].is-disabled .el-input__inner{padding-right:65px!important}.el-input-number[data-unit].el-input-number--small::after{padding:0 15px}.el-input-number[data-unit].el-input-number--small .el-input__inner,.el-input-number[data-unit].el-input-number--small.is-disabled .el-input__inner{padding-right:55px!important}.el-checkbox__input.is-disabled+span.el-checkbox__label,.el-input.is-disabled .el-input__inner,.el-radio__input.is-disabled+span.el-radio__label,.el-range-editor.is-disabled input,.el-textarea.is-disabled .el-textarea__inner{color:#888}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after,.el-radio__input.is-disabled.is-checked .el-radio__inner::after{border-color:#888}.cy-file-upload-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-file-upload-uploader{margin-bottom:5px}.cy-file-upload-list .el-upload-list__item{border:1px solid #e4e7ed;line-height:2;margin-bottom:10px;position:relative}.cy-file-upload-list .ele-upload-list__item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.ele-upload-list__item-content-action .el-link{margin-right:10px}.link_icon ::v-deep .el-icon-document{margin-left:10px}.cy-sub-title{width:100%;font-size:17px;border-left:5px solid #1890ff;text-indent:10px;margin-bottom:15px;font-weight:700;color:#303133;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cy-sub-title .left{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cy-sub-title .right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.cy-tab-dialog{line-height:0}.cy-tab-dialog-modal{position:absolute;top:0;bottom:0;left:0;right:0;opacity:.5;background:#000}.cy-tab-dialog .el-dialog__wrapper{position:absolute!important;line-height:18px}.cy-tab-dialog .el-dialog__wrapper .el-dialog{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__header{-ms-flex-negative:0;flex-shrink:0}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__body{height:100%}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper{position:fixed!important}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper .el-dialog{left:0!important;top:0}.cy-tree-select .el-popover__reference-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-tree-select-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-tree-select-select .cy-tree-select-select-v-placeholder{color:#c0c4cc}.cy-tree-select-select .cy-tree-select-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-tree-select-select.small{height:32px;line-height:32px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:28px}.cy-tree-select-select.mini .cy-tree-select-select-v{font-size:12px}.cy-tree-select-select:hover{border-color:#C0C4CC}.cy-tree-select-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-tree-select-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-tree-select{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item--content .cy-tree-select>span{display:inline-block;width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.cy-sub-title{width:100%;font-size:17px;border-left:5px solid #1890ff;text-indent:10px;margin-bottom:15px;font-weight:700;color:#303133;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cy-sub-title .left{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cy-sub-title .right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.cy-tab-dialog{line-height:0}.cy-tab-dialog-modal{position:absolute;top:0;bottom:0;left:0;right:0;opacity:.5;background:#000}.cy-tab-dialog .el-dialog__wrapper{position:absolute!important;line-height:18px}.cy-tab-dialog .el-dialog__wrapper .el-dialog{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__header{-ms-flex-negative:0;flex-shrink:0}.cy-tab-dialog .el-dialog__wrapper .el-dialog .el-dialog__body{height:100%}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper{position:fixed!important}.cy-tab-dialog.cy-tab-dialog-fullscreen .el-dialog__wrapper .el-dialog{left:0!important;top:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.cy-
|
|
1
|
+
.cy-tree-select .el-popover__reference-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.cy-tree-select-select{width:217px;height:36px;line-height:36px;border:1px solid #DCDFE6;border-radius:4px;padding:0 29px 0 15px;cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v{width:100%;color:#606266;font-size:14px;white-space:nowrap;overflow:auto}.cy-tree-select-select .cy-tree-select-select-v-placeholder{color:#c0c4cc}.cy-tree-select-select .cy-tree-select-select-v-icon{color:#C0C4CC;position:absolute;top:0;right:9px}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow{-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition:all .3s;transition:all .3s}.cy-tree-select-select .cy-tree-select-select-v-icon .cy-tree-select-select-v-arrow-show{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}.cy-tree-select-select.small{height:32px;line-height:32px}.cy-tree-select-select.small .cy-tree-select-select-v{font-size:13px}.cy-tree-select-select.mini{height:28px;line-height:28px}.cy-tree-select-select.mini .cy-tree-select-select-v{font-size:12px}.cy-tree-select-select:hover{border-color:#C0C4CC}.cy-tree-select-select-con-t{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #DCDFE6}.cy-tree-select-select-con-c{max-height:300px;overflow:auto}.el-form-item--medium .el-form-item--content .cy-tree-select{width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-form-item--medium .el-form-item--content .cy-tree-select>span{display:inline-block;width:100%}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/* el-input-number中可以添加单位(元/%等等) */
|
|
2
|
+
.el-input-number[data-unit] {
|
|
3
|
+
--el-input-number-unit-offset-x: 35px;
|
|
4
|
+
position: relative;
|
|
5
|
+
}
|
|
6
|
+
.el-input-number[data-unit]::after {
|
|
7
|
+
content: attr(data-unit);
|
|
8
|
+
height: 100%;
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 0;
|
|
13
|
+
right: 0;
|
|
14
|
+
color: #909399;
|
|
15
|
+
padding: 0 20px;
|
|
16
|
+
border: 1px solid #DCDFE6;
|
|
17
|
+
background-color: #F5F7FA;
|
|
18
|
+
border-top-right-radius: 4px;
|
|
19
|
+
border-bottom-right-radius: 4px;
|
|
20
|
+
}
|
|
21
|
+
.el-input-number[data-unit] .el-input__inner,
|
|
22
|
+
.el-input-number[data-unit].is-disabled .el-input__inner {
|
|
23
|
+
padding-right: 65px !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.el-input-number[data-unit].el-input-number--small::after {
|
|
27
|
+
padding: 0 15px;
|
|
28
|
+
}
|
|
29
|
+
.el-input-number[data-unit].el-input-number--small .el-input__inner,
|
|
30
|
+
.el-input-number[data-unit].el-input-number--small.is-disabled .el-input__inner {
|
|
31
|
+
padding-right: 55px !important;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* 把表单中disabled时的组件文字加深一些,以前的太淡了,看不清 */
|
|
35
|
+
.el-input.is-disabled .el-input__inner,
|
|
36
|
+
.el-radio__input.is-disabled + span.el-radio__label,
|
|
37
|
+
.el-checkbox__input.is-disabled + span.el-checkbox__label,
|
|
38
|
+
.el-range-editor.is-disabled input,
|
|
39
|
+
.el-textarea.is-disabled .el-textarea__inner {
|
|
40
|
+
color: #888888;
|
|
41
|
+
}
|
|
42
|
+
.el-radio__input.is-disabled.is-checked .el-radio__inner::after,
|
|
43
|
+
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
|
|
44
|
+
border-color: #888888;
|
|
45
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
@import "./base.scss";
|
|
2
|
+
|
|
3
|
+
.cy-file-upload-btn-box {
|
|
4
|
+
display: flex;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.cy-file-upload-uploader {
|
|
8
|
+
margin-bottom: 5px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.cy-file-upload-list .el-upload-list__item {
|
|
12
|
+
border: 1px solid #e4e7ed;
|
|
13
|
+
line-height: 2;
|
|
14
|
+
margin-bottom: 10px;
|
|
15
|
+
position: relative;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.cy-file-upload-list .ele-upload-list__item-content {
|
|
19
|
+
display: flex;
|
|
20
|
+
justify-content: space-between;
|
|
21
|
+
align-items: center;
|
|
22
|
+
color: inherit;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.ele-upload-list__item-content-action .el-link {
|
|
26
|
+
margin-right: 10px;
|
|
27
|
+
}
|
|
28
|
+
.link_icon ::v-deep .el-icon-document{
|
|
29
|
+
margin-left: 10px;
|
|
30
|
+
}
|