eoss-ui 0.7.77 → 0.7.79

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 (161) hide show
  1. package/lib/calogin.js +233 -233
  2. package/lib/eoss-ui.common.js +290 -270
  3. package/lib/index.js +1 -1
  4. package/lib/main.js +20 -16
  5. package/lib/qr-code.js +13 -13
  6. package/lib/selector-panel.js +18 -2
  7. package/lib/theme-chalk/index.css +1 -1
  8. package/lib/theme-chalk/login.css +1 -1
  9. package/package.json +1 -1
  10. package/packages/button/index.js +5 -5
  11. package/packages/button/src/main.vue +418 -418
  12. package/packages/button-group/index.js +5 -5
  13. package/packages/calendar/index.js +5 -5
  14. package/packages/calogin/index.js +5 -5
  15. package/packages/calogin/src/plugin.js +915 -915
  16. package/packages/card/index.js +5 -5
  17. package/packages/card/src/main.vue +156 -156
  18. package/packages/cascader/index.js +5 -5
  19. package/packages/cascader/src/main.vue +168 -168
  20. package/packages/checkbox-group/index.js +5 -5
  21. package/packages/checkbox-group/src/main.vue +333 -333
  22. package/packages/clients/index.js +5 -5
  23. package/packages/data-table/index.js +5 -5
  24. package/packages/data-table/src/children.vue +39 -39
  25. package/packages/data-table/src/sizer.vue +195 -195
  26. package/packages/data-table-form/index.js +5 -5
  27. package/packages/data-table-form/src/checkbox.vue +101 -101
  28. package/packages/data-table-form/src/colgroup.vue +17 -17
  29. package/packages/data-table-form/src/main.vue +181 -181
  30. package/packages/data-table-form/src/radio.vue +65 -65
  31. package/packages/data-table-form/src/table.vue +233 -233
  32. package/packages/data-table-form/src/tbody.vue +336 -336
  33. package/packages/data-table-form/src/thead.vue +68 -68
  34. package/packages/date-picker/index.js +5 -5
  35. package/packages/date-picker/src/main.vue +236 -236
  36. package/packages/dialog/index.js +5 -5
  37. package/packages/enable-drag/index.js +5 -5
  38. package/packages/enterprise/index.js +5 -5
  39. package/packages/enterprise/src/main.vue +66 -66
  40. package/packages/error-page/index.js +5 -5
  41. package/packages/error-page/src/main.vue +44 -44
  42. package/packages/flow/index.js +5 -5
  43. package/packages/flow/src/component/TimeLimit.vue +190 -190
  44. package/packages/flow/src/table.vue +58 -58
  45. package/packages/flow-group/index.js +5 -5
  46. package/packages/flow-list/index.js +5 -5
  47. package/packages/form/index.js +5 -5
  48. package/packages/handle-user/index.js +5 -5
  49. package/packages/handler/index.js +5 -5
  50. package/packages/icon/index.js +5 -5
  51. package/packages/icons/index.js +5 -5
  52. package/packages/icons/src/main.vue +81 -81
  53. package/packages/input/index.js +5 -5
  54. package/packages/input/src/main.vue +356 -356
  55. package/packages/input-number/index.js +5 -5
  56. package/packages/input-number/src/main.vue +106 -106
  57. package/packages/label/index.js +5 -5
  58. package/packages/label/src/main.vue +457 -457
  59. package/packages/layout/index.js +5 -5
  60. package/packages/layout/src/item.vue +152 -152
  61. package/packages/layout/src/main.vue +31 -31
  62. package/packages/login/index.js +5 -5
  63. package/packages/main/index.js +5 -5
  64. package/packages/main/src/default/message.vue +249 -249
  65. package/packages/main/src/default/notice.vue +157 -157
  66. package/packages/main/src/simplicity/index.vue +1 -0
  67. package/packages/main/src/simplicity/lists.vue +84 -84
  68. package/packages/main/src/simplicity/router-page.vue +45 -45
  69. package/packages/main/src/simplicity/sub-menu.vue +2 -0
  70. package/packages/menu/index.js +5 -5
  71. package/packages/nav/index.js +5 -5
  72. package/packages/notify/index.js +5 -5
  73. package/packages/notify/src/main.vue +538 -538
  74. package/packages/page/index.js +5 -5
  75. package/packages/page/src/main.vue +167 -167
  76. package/packages/pagination/index.js +5 -5
  77. package/packages/pagination/src/main.vue +96 -96
  78. package/packages/player/index.js +5 -5
  79. package/packages/player/src/main.vue +194 -194
  80. package/packages/qr-code/index.js +5 -5
  81. package/packages/qr-code/src/main.vue +170 -170
  82. package/packages/radio-group/index.js +6 -6
  83. package/packages/radio-group/src/main.vue +319 -319
  84. package/packages/retrial-auth/index.js +5 -5
  85. package/packages/retrial-auth/src/main.vue +280 -280
  86. package/packages/select/index.js +5 -5
  87. package/packages/select-ganged/index.js +5 -5
  88. package/packages/select-ganged/src/main.vue +724 -724
  89. package/packages/selector/index.js +5 -5
  90. package/packages/selector-panel/index.js +5 -5
  91. package/packages/selector-panel/src/main.vue +3 -0
  92. package/packages/selector-panel/src/tree.vue +129 -129
  93. package/packages/sizer/index.js +5 -5
  94. package/packages/sizer/src/main.vue +254 -254
  95. package/packages/steps/index.js +5 -5
  96. package/packages/steps/src/main.vue +181 -181
  97. package/packages/switch/index.js +5 -5
  98. package/packages/table-form/index.js +5 -5
  99. package/packages/tabs/index.js +5 -5
  100. package/packages/tabs/src/main.vue +788 -788
  101. package/packages/tabs-panel/index.js +5 -5
  102. package/packages/tabs-panel/src/main.vue +29 -29
  103. package/packages/theme-chalk/lib/index.css +1 -1
  104. package/packages/theme-chalk/lib/login.css +1 -1
  105. package/packages/theme-chalk/src/base.scss +261 -261
  106. package/packages/theme-chalk/src/button-group.scss +176 -176
  107. package/packages/theme-chalk/src/button.scss +24 -24
  108. package/packages/theme-chalk/src/calendar.scss +113 -113
  109. package/packages/theme-chalk/src/card.scss +99 -99
  110. package/packages/theme-chalk/src/checkbox-group.scss +8 -8
  111. package/packages/theme-chalk/src/clients.scss +87 -87
  112. package/packages/theme-chalk/src/data-table-form.scss +67 -67
  113. package/packages/theme-chalk/src/date-picker.scss +7 -7
  114. package/packages/theme-chalk/src/dialog.scss +77 -77
  115. package/packages/theme-chalk/src/enable-drag.scss +181 -181
  116. package/packages/theme-chalk/src/enterprise.scss +5 -5
  117. package/packages/theme-chalk/src/error-page.scss +18 -18
  118. package/packages/theme-chalk/src/flow-group.scss +110 -110
  119. package/packages/theme-chalk/src/flow-list.scss +39 -39
  120. package/packages/theme-chalk/src/handle-user.scss +40 -40
  121. package/packages/theme-chalk/src/icons.scss +99 -99
  122. package/packages/theme-chalk/src/input.scss +9 -9
  123. package/packages/theme-chalk/src/label.scss +24 -24
  124. package/packages/theme-chalk/src/layout.scss +46 -46
  125. package/packages/theme-chalk/src/mixins/color.scss +117 -117
  126. package/packages/theme-chalk/src/nav.scss +111 -111
  127. package/packages/theme-chalk/src/page.scss +3 -3
  128. package/packages/theme-chalk/src/pagination.scss +29 -29
  129. package/packages/theme-chalk/src/player.scss +9 -9
  130. package/packages/theme-chalk/src/qr-code.scss +17 -17
  131. package/packages/theme-chalk/src/radio-group.scss +9 -9
  132. package/packages/theme-chalk/src/retrial-auth.scss +38 -38
  133. package/packages/theme-chalk/src/select-ganged.scss +8 -8
  134. package/packages/theme-chalk/src/select.scss +8 -8
  135. package/packages/theme-chalk/src/selector-panel.scss +204 -204
  136. package/packages/theme-chalk/src/sizer.scss +36 -36
  137. package/packages/theme-chalk/src/steps.scss +88 -88
  138. package/packages/theme-chalk/src/switch.scss +3 -3
  139. package/packages/theme-chalk/src/table-form.scss +1 -1
  140. package/packages/theme-chalk/src/tabs.scss +87 -87
  141. package/packages/theme-chalk/src/tips.scss +7 -7
  142. package/packages/theme-chalk/src/toolbar.scss +179 -179
  143. package/packages/theme-chalk/src/tree-group.scss +72 -72
  144. package/packages/theme-chalk/src/wxlogin.scss +3 -3
  145. package/packages/tips/index.js +5 -5
  146. package/packages/toolbar/index.js +5 -5
  147. package/packages/tree/index.js +5 -5
  148. package/packages/tree-group/index.js +5 -5
  149. package/packages/upload/index.js +5 -5
  150. package/packages/upload/src/picture.js +15 -15
  151. package/packages/wujie/index.js +5 -5
  152. package/packages/wujie/src/main.vue +145 -145
  153. package/packages/wxlogin/index.js +5 -5
  154. package/packages/wxlogin/src/main.vue +128 -128
  155. package/src/config/image.js +2 -2
  156. package/src/index.js +1 -1
  157. package/src/utils/bus.js +3 -3
  158. package/src/utils/date-util.js +312 -312
  159. package/src/utils/http.js +50 -50
  160. package/src/utils/store.js +21 -21
  161. package/src/utils/webSocket.js +107 -107
@@ -1,5 +1,5 @@
1
- import EsCard from './src/main';
2
-
3
- EsCard.install = Vue => Vue.component(EsCard.name, EsCard);
4
-
5
- export default EsCard;
1
+ import EsCard from './src/main';
2
+
3
+ EsCard.install = Vue => Vue.component(EsCard.name, EsCard);
4
+
5
+ export default EsCard;
@@ -1,156 +1,156 @@
1
- <template>
2
- <el-card
3
- class="es-card"
4
- :class="{ 'es-card-border-none': !border }"
5
- v-bind="$attrs"
6
- >
7
- <template slot="header">
8
- <div class="es-card-header" :class="modeClass">
9
- <slot name="header">
10
- <template v-if="header">
11
- <template v-if="isObject">
12
- <es-icon
13
- v-if="header.icon"
14
- class="es-header-icon"
15
- :contents="header.icon"
16
- ></es-icon>
17
- <span v-if="header.text" class="es-header-text">{{
18
- header.text
19
- }}</span>
20
- <es-icon
21
- v-if="header.icons"
22
- class="es-header-icons"
23
- :contents="header.icons"
24
- ></es-icon>
25
- <el-menu
26
- v-if="header.tabs"
27
- slot="suffix"
28
- class="es-card-menu"
29
- mode="horizontal"
30
- :default-active="active"
31
- @select="handleSelect"
32
- >
33
- <template v-for="(item, index) in tabs">
34
- <el-menu-item
35
- v-if="typeof item === 'string'"
36
- :key="index"
37
- :index="String(index)"
38
- >
39
- {{ item }}
40
- </el-menu-item>
41
- <el-menu-item
42
- v-else
43
- :key="index"
44
- :index="item.id ? item.id : String(index)"
45
- >
46
- <el-badge
47
- :value="item.tips"
48
- :max="max"
49
- :is-dot="isDot"
50
- :hidden="!item.tips || item.tips == '0'"
51
- >
52
- {{ item.name || item.label }}
53
- </el-badge>
54
- </el-menu-item>
55
- </template>
56
- </el-menu>
57
- </template>
58
- <span v-else class="es-header-text">{{ header }}</span>
59
- </template>
60
- <template>
61
- <el-menu
62
- v-if="tabs"
63
- slot="suffix"
64
- class="es-card-menu"
65
- mode="horizontal"
66
- :default-active="active"
67
- @select="handleSelect"
68
- >
69
- <template v-for="(item, index) in tabs">
70
- <el-menu-item
71
- v-if="typeof item === 'string'"
72
- :key="index"
73
- :index="String(index)"
74
- >
75
- {{ item }}
76
- </el-menu-item>
77
- <el-menu-item
78
- v-else
79
- :key="index"
80
- :index="item.id ? item.id : String(index)"
81
- >
82
- <el-badge
83
- :value="item.tips"
84
- :max="max"
85
- :is-dot="isDot"
86
- :hidden="!item.tips || item.tips == '0'"
87
- >
88
- {{ item.name || item.label }}
89
- </el-badge>
90
- </el-menu-item>
91
- </template>
92
- </el-menu>
93
- </template>
94
- <slot name="suffix"></slot>
95
- </slot>
96
- </div>
97
- </template>
98
- <slot></slot>
99
- </el-card>
100
- </template>
101
- <script>
102
- export default {
103
- name: 'EsCard',
104
- inheritAttrs: false,
105
- props: {
106
- show: {
107
- type: Boolean,
108
- default: true
109
- },
110
- mode: {
111
- type: String,
112
- default: 'bar'
113
- },
114
- border: {
115
- type: Boolean,
116
- default: true
117
- },
118
- header: [String, Object],
119
- tabs: Array,
120
- defaultActive: String,
121
- max: {
122
- type: Number,
123
- default: 99
124
- },
125
- isDot: Boolean
126
- },
127
- computed: {
128
- isObject() {
129
- return typeof this.header !== 'string';
130
- },
131
- active: {
132
- get() {
133
- if (this.defaultActive === undefined) {
134
- if (typeof this.tabs[0] === 'string') {
135
- return '0';
136
- } else {
137
- return this.tabs[0].id ? this.tabs[0].id : '0';
138
- }
139
- }
140
- return this.defaultActive;
141
- }
142
- },
143
- modeClass() {
144
- return this.show ? `es-card-ornament-${this.mode}` : '';
145
- }
146
- },
147
- data() {
148
- return {};
149
- },
150
- methods: {
151
- handleSelect(res, path) {
152
- this.$emit('select', res, path);
153
- }
154
- }
155
- };
156
- </script>
1
+ <template>
2
+ <el-card
3
+ class="es-card"
4
+ :class="{ 'es-card-border-none': !border }"
5
+ v-bind="$attrs"
6
+ >
7
+ <template slot="header">
8
+ <div class="es-card-header" :class="modeClass">
9
+ <slot name="header">
10
+ <template v-if="header">
11
+ <template v-if="isObject">
12
+ <es-icon
13
+ v-if="header.icon"
14
+ class="es-header-icon"
15
+ :contents="header.icon"
16
+ ></es-icon>
17
+ <span v-if="header.text" class="es-header-text">{{
18
+ header.text
19
+ }}</span>
20
+ <es-icon
21
+ v-if="header.icons"
22
+ class="es-header-icons"
23
+ :contents="header.icons"
24
+ ></es-icon>
25
+ <el-menu
26
+ v-if="header.tabs"
27
+ slot="suffix"
28
+ class="es-card-menu"
29
+ mode="horizontal"
30
+ :default-active="active"
31
+ @select="handleSelect"
32
+ >
33
+ <template v-for="(item, index) in tabs">
34
+ <el-menu-item
35
+ v-if="typeof item === 'string'"
36
+ :key="index"
37
+ :index="String(index)"
38
+ >
39
+ {{ item }}
40
+ </el-menu-item>
41
+ <el-menu-item
42
+ v-else
43
+ :key="index"
44
+ :index="item.id ? item.id : String(index)"
45
+ >
46
+ <el-badge
47
+ :value="item.tips"
48
+ :max="max"
49
+ :is-dot="isDot"
50
+ :hidden="!item.tips || item.tips == '0'"
51
+ >
52
+ {{ item.name || item.label }}
53
+ </el-badge>
54
+ </el-menu-item>
55
+ </template>
56
+ </el-menu>
57
+ </template>
58
+ <span v-else class="es-header-text">{{ header }}</span>
59
+ </template>
60
+ <template>
61
+ <el-menu
62
+ v-if="tabs"
63
+ slot="suffix"
64
+ class="es-card-menu"
65
+ mode="horizontal"
66
+ :default-active="active"
67
+ @select="handleSelect"
68
+ >
69
+ <template v-for="(item, index) in tabs">
70
+ <el-menu-item
71
+ v-if="typeof item === 'string'"
72
+ :key="index"
73
+ :index="String(index)"
74
+ >
75
+ {{ item }}
76
+ </el-menu-item>
77
+ <el-menu-item
78
+ v-else
79
+ :key="index"
80
+ :index="item.id ? item.id : String(index)"
81
+ >
82
+ <el-badge
83
+ :value="item.tips"
84
+ :max="max"
85
+ :is-dot="isDot"
86
+ :hidden="!item.tips || item.tips == '0'"
87
+ >
88
+ {{ item.name || item.label }}
89
+ </el-badge>
90
+ </el-menu-item>
91
+ </template>
92
+ </el-menu>
93
+ </template>
94
+ <slot name="suffix"></slot>
95
+ </slot>
96
+ </div>
97
+ </template>
98
+ <slot></slot>
99
+ </el-card>
100
+ </template>
101
+ <script>
102
+ export default {
103
+ name: 'EsCard',
104
+ inheritAttrs: false,
105
+ props: {
106
+ show: {
107
+ type: Boolean,
108
+ default: true
109
+ },
110
+ mode: {
111
+ type: String,
112
+ default: 'bar'
113
+ },
114
+ border: {
115
+ type: Boolean,
116
+ default: true
117
+ },
118
+ header: [String, Object],
119
+ tabs: Array,
120
+ defaultActive: String,
121
+ max: {
122
+ type: Number,
123
+ default: 99
124
+ },
125
+ isDot: Boolean
126
+ },
127
+ computed: {
128
+ isObject() {
129
+ return typeof this.header !== 'string';
130
+ },
131
+ active: {
132
+ get() {
133
+ if (this.defaultActive === undefined) {
134
+ if (typeof this.tabs[0] === 'string') {
135
+ return '0';
136
+ } else {
137
+ return this.tabs[0].id ? this.tabs[0].id : '0';
138
+ }
139
+ }
140
+ return this.defaultActive;
141
+ }
142
+ },
143
+ modeClass() {
144
+ return this.show ? `es-card-ornament-${this.mode}` : '';
145
+ }
146
+ },
147
+ data() {
148
+ return {};
149
+ },
150
+ methods: {
151
+ handleSelect(res, path) {
152
+ this.$emit('select', res, path);
153
+ }
154
+ }
155
+ };
156
+ </script>
@@ -1,5 +1,5 @@
1
- import EsCascader from './src/main';
2
-
3
- EsCascader.install = Vue => Vue.component(EsCascader.name, EsCascader);
4
-
5
- export default EsCascader;
1
+ import EsCascader from './src/main';
2
+
3
+ EsCascader.install = Vue => Vue.component(EsCascader.name, EsCascader);
4
+
5
+ export default EsCascader;
@@ -1,168 +1,168 @@
1
- <script>
2
- export default {
3
- name: 'EsCascader',
4
- inheritAttrs: false,
5
- props: {
6
- value: [String, Array],
7
- data: Array,
8
- options: Array,
9
- hide: {
10
- type: Boolean,
11
- default: false
12
- },
13
- readonly: Boolean,
14
- plain: Boolean,
15
- separator: {
16
- type: String,
17
- default: '/'
18
- },
19
- props: Object,
20
- //Props
21
- trigger: {
22
- type: String,
23
- default: 'click'
24
- },
25
- multiple: Boolean,
26
- checkStrictly: Boolean,
27
- emitPath: {
28
- type: Boolean,
29
- default: true
30
- },
31
- lazy: Boolean,
32
- lazyLoad: Function,
33
- type: {
34
- type: String,
35
- default: 'object'
36
- },
37
- valueKey: {
38
- type: String,
39
- default: 'value'
40
- },
41
- labelKey: {
42
- type: String,
43
- default: 'label'
44
- },
45
- children: {
46
- type: String,
47
- default: 'children'
48
- },
49
- disabled: {
50
- type: String,
51
- default: 'disabled'
52
- },
53
- leaf: {
54
- type: String,
55
- default: 'leaf'
56
- }
57
- },
58
- computed: {
59
- model: {
60
- get() {
61
- return this.value;
62
- },
63
- set(val) {
64
- return val;
65
- }
66
- },
67
- datas() {
68
- return this.data || this.options;
69
- },
70
- newProps() {
71
- let props = {
72
- expandTrigger: this.trigger,
73
- multiple: this.multiple,
74
- checkStrictly: this.checkStrictly,
75
- emitPath: this.emitPath,
76
- lazy: this.lazy,
77
- lazyLoad: this.lazyLoad,
78
- type: this.type,
79
- value: this.valueKey,
80
- label: this.labelKey,
81
- children: this.children,
82
- disabled: this.disabled,
83
- leaf: this.leaf
84
- };
85
- if (this.props) {
86
- return { ...props, ...this.props };
87
- }
88
- return props;
89
- }
90
- },
91
- data() {
92
- return {};
93
- },
94
- created() {},
95
- methods: {
96
- getLabel(val, data) {
97
- let label = '';
98
- for (let i = 0; i < data.length; i++) {
99
- let item = data[i];
100
- if (val == item[this.newProps.value]) {
101
- label = item[this.newProps.label];
102
- break;
103
- } else {
104
- if (item.children && item.children.length) {
105
- label = this.getLabel(val, item.children);
106
- if (label) {
107
- break;
108
- }
109
- }
110
- }
111
- }
112
- return label;
113
- }
114
- },
115
- render(h) {
116
- if (!this.hide) {
117
- if (this.readonly) {
118
- let value = '';
119
- if (this.model) {
120
- value = Array.isArray(this.model)
121
- ? this.model
122
- .map((item) => {
123
- if (Array.isArray(item)) {
124
- return item
125
- .map((ele) => {
126
- if (typeof ele === 'string') {
127
- return this.getLabel(ele, this.datas);
128
- } else {
129
- return ele[this.newProps.label];
130
- }
131
- })
132
- .join(this.separator);
133
- } else {
134
- if (typeof item === 'string') {
135
- return this.getLabel(item, this.datas);
136
- } else {
137
- return item[this.newProps.label];
138
- }
139
- }
140
- })
141
- .join(this.multiple ? ',' : this.separator)
142
- : this.model;
143
- }
144
- return h(
145
- 'div',
146
- {
147
- class: ['el-cascader el-input__inner', { 'es-plain': this.plain }]
148
- },
149
- [value]
150
- );
151
- }
152
- return h(
153
- 'el-cascader',
154
- {
155
- attrs: {
156
- ...this.$attrs,
157
- options: this.datas,
158
- props: this.newProps,
159
- value: this.model
160
- },
161
- on: this.$listeners
162
- },
163
- [this.$slots.default]
164
- );
165
- }
166
- }
167
- };
168
- </script>
1
+ <script>
2
+ export default {
3
+ name: 'EsCascader',
4
+ inheritAttrs: false,
5
+ props: {
6
+ value: [String, Array],
7
+ data: Array,
8
+ options: Array,
9
+ hide: {
10
+ type: Boolean,
11
+ default: false
12
+ },
13
+ readonly: Boolean,
14
+ plain: Boolean,
15
+ separator: {
16
+ type: String,
17
+ default: '/'
18
+ },
19
+ props: Object,
20
+ //Props
21
+ trigger: {
22
+ type: String,
23
+ default: 'click'
24
+ },
25
+ multiple: Boolean,
26
+ checkStrictly: Boolean,
27
+ emitPath: {
28
+ type: Boolean,
29
+ default: true
30
+ },
31
+ lazy: Boolean,
32
+ lazyLoad: Function,
33
+ type: {
34
+ type: String,
35
+ default: 'object'
36
+ },
37
+ valueKey: {
38
+ type: String,
39
+ default: 'value'
40
+ },
41
+ labelKey: {
42
+ type: String,
43
+ default: 'label'
44
+ },
45
+ children: {
46
+ type: String,
47
+ default: 'children'
48
+ },
49
+ disabled: {
50
+ type: String,
51
+ default: 'disabled'
52
+ },
53
+ leaf: {
54
+ type: String,
55
+ default: 'leaf'
56
+ }
57
+ },
58
+ computed: {
59
+ model: {
60
+ get() {
61
+ return this.value;
62
+ },
63
+ set(val) {
64
+ return val;
65
+ }
66
+ },
67
+ datas() {
68
+ return this.data || this.options;
69
+ },
70
+ newProps() {
71
+ let props = {
72
+ expandTrigger: this.trigger,
73
+ multiple: this.multiple,
74
+ checkStrictly: this.checkStrictly,
75
+ emitPath: this.emitPath,
76
+ lazy: this.lazy,
77
+ lazyLoad: this.lazyLoad,
78
+ type: this.type,
79
+ value: this.valueKey,
80
+ label: this.labelKey,
81
+ children: this.children,
82
+ disabled: this.disabled,
83
+ leaf: this.leaf
84
+ };
85
+ if (this.props) {
86
+ return { ...props, ...this.props };
87
+ }
88
+ return props;
89
+ }
90
+ },
91
+ data() {
92
+ return {};
93
+ },
94
+ created() {},
95
+ methods: {
96
+ getLabel(val, data) {
97
+ let label = '';
98
+ for (let i = 0; i < data.length; i++) {
99
+ let item = data[i];
100
+ if (val == item[this.newProps.value]) {
101
+ label = item[this.newProps.label];
102
+ break;
103
+ } else {
104
+ if (item.children && item.children.length) {
105
+ label = this.getLabel(val, item.children);
106
+ if (label) {
107
+ break;
108
+ }
109
+ }
110
+ }
111
+ }
112
+ return label;
113
+ }
114
+ },
115
+ render(h) {
116
+ if (!this.hide) {
117
+ if (this.readonly) {
118
+ let value = '';
119
+ if (this.model) {
120
+ value = Array.isArray(this.model)
121
+ ? this.model
122
+ .map((item) => {
123
+ if (Array.isArray(item)) {
124
+ return item
125
+ .map((ele) => {
126
+ if (typeof ele === 'string') {
127
+ return this.getLabel(ele, this.datas);
128
+ } else {
129
+ return ele[this.newProps.label];
130
+ }
131
+ })
132
+ .join(this.separator);
133
+ } else {
134
+ if (typeof item === 'string') {
135
+ return this.getLabel(item, this.datas);
136
+ } else {
137
+ return item[this.newProps.label];
138
+ }
139
+ }
140
+ })
141
+ .join(this.multiple ? ',' : this.separator)
142
+ : this.model;
143
+ }
144
+ return h(
145
+ 'div',
146
+ {
147
+ class: ['el-cascader el-input__inner', { 'es-plain': this.plain }]
148
+ },
149
+ [value]
150
+ );
151
+ }
152
+ return h(
153
+ 'el-cascader',
154
+ {
155
+ attrs: {
156
+ ...this.$attrs,
157
+ options: this.datas,
158
+ props: this.newProps,
159
+ value: this.model
160
+ },
161
+ on: this.$listeners
162
+ },
163
+ [this.$slots.default]
164
+ );
165
+ }
166
+ }
167
+ };
168
+ </script>
@@ -1,5 +1,5 @@
1
- import EsCheckboxGroup from './src/main';
2
-
3
- EsCheckboxGroup.install = Vue => Vue.component(EsCheckboxGroup.name, EsCheckboxGroup);
4
-
5
- export default EsCheckboxGroup;
1
+ import EsCheckboxGroup from './src/main';
2
+
3
+ EsCheckboxGroup.install = Vue => Vue.component(EsCheckboxGroup.name, EsCheckboxGroup);
4
+
5
+ export default EsCheckboxGroup;