@aochuang/client-sdk 1.0.300 → 1.0.301

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 (4) hide show
  1. package/common/avatar/avatar.vue +1 -1
  2. package/components/account-select/account-select.vue +12 -5
  3. package/components/session-select/session-select-item.vue +4 -4
  4. package/package.json +1 -1
package/common/avatar/avatar.vue CHANGED
@@ -37,7 +37,7 @@ export default {
37
37
  innerSize () {
38
38
  const map = {
39
39
  mini: '24px',
40
- small: '32px',
40
+ small: '36px',
41
41
  medium: '48px',
42
42
  large: '64px'
43
43
  }
package/components/account-select/account-select.vue CHANGED
@@ -6,7 +6,7 @@
6
6
  <template v-else>
7
7
  <template v-if="allowAllAccount">
8
8
  <div
9
- class="sdk-account-select__item is-all" :class="{'is-active': !value}"
9
+ class="sdk-account-select__item is-all" :class="{'is-active': !value, 'is-online': true}"
10
10
  @click="handleAccountItemClick(null)"
11
11
  >
12
12
  <div class="sdk-account-select__item-avatar">
@@ -23,7 +23,7 @@
23
23
  <template v-if="data && data.length">
24
24
  <div
25
25
  class="sdk-account-select__item"
26
- :class="{'is-active': value === item.id}"
26
+ :class="{'is-active': value === item.id, 'is-online': item[aliveField]}"
27
27
  v-for="item in data"
28
28
  :key="item.id"
29
29
  @click="handleAccountItemClick(item)"
@@ -147,6 +147,13 @@ export default {
147
147
  transition: all .25s;
148
148
  position: relative;
149
149
  }
150
+ .sdk-account-select__item:not(.is-online) {
151
+ color: #666;
152
+ }
153
+ .sdk-account-select__item:not(.is-online) .sdk-account-select__item-avatar{
154
+ filter: grayscale(100%);
155
+ opacity: .8;
156
+ }
150
157
  .sdk-account-select__item:not(:last-child) {
151
158
  margin-bottom: 2px;
152
159
  }
@@ -178,9 +185,9 @@ export default {
178
185
  color: #666;
179
186
  }
180
187
  .sdk-account-select__item-avatar{
181
- width: 32px;
182
- height: 32px;
183
- min-width: 32px;
188
+ width: 36px;
189
+ height: 36px;
190
+ min-width: 36px;
184
191
  border-radius: 3px;
185
192
  margin-right: 6px;
186
193
  position: relative;
package/components/session-select/session-select-item.vue CHANGED
@@ -135,9 +135,9 @@ export default {
135
135
  .sdk-session-item__avatar{
136
136
  margin-right: 12px;
137
137
  position: relative;
138
- min-width: 32px;
139
- width: 32px;
140
- height: 32px;
138
+ min-width: 36px;
139
+ width: 36px;
140
+ height: 36px;
141
141
  background-color: #eee;
142
142
  border-radius: 3px;
143
143
  }
@@ -149,7 +149,7 @@ export default {
149
149
  }
150
150
  &:not(.is-mute) {
151
151
  left: calc(~'100% - 12px');
152
- top: -10px;
152
+ top: -8px;
153
153
  }
154
154
  }
155
155
  .sdk-session-item__main{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aochuang/client-sdk",
3
- "version": "1.0.300",
3
+ "version": "1.0.301",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"