web-component-gallery 2.3.14 → 2.3.16
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.
|
@@ -154,7 +154,8 @@ export default {
|
|
|
154
154
|
isSelectOpen: false, // 选择器是否打开
|
|
155
155
|
isLoadingMore: false, // 是否正在加载更多
|
|
156
156
|
searchValue: '', // 搜索值
|
|
157
|
-
hasPreloadedSelected: false // 是否已预加载选中项
|
|
157
|
+
hasPreloadedSelected: false, // 是否已预加载选中项
|
|
158
|
+
prevOptionsHash: null // 上次 options 的哈希值（用于防抖）
|
|
158
159
|
}
|
|
159
160
|
},
|
|
160
161
|
|
|
@@ -399,7 +400,7 @@ export default {
|
|
|
399
400
|
* 处理选项变化
|
|
400
401
|
*/
|
|
401
402
|
handleOptionsChange(newVal) {
|
|
402
|
-
this.innerOptions = [...newVal]
|
|
403
|
+
this.innerOptions = this.deduplicateOptions([...newVal, ...this.innerOptions])
|
|
403
404
|
},
|
|
404
405
|
|
|
405
406
|
/**
|
|
@@ -85,130 +85,4 @@
|
|
|
85
85
|
&__icon-font {
|
|
86
86
|
font-size: @avatar-size-base;
|
|
87
87
|
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
// .weather-card {
|
|
91
|
-
// .square(100%);
|
|
92
|
-
// .flex-layout(column);
|
|
93
|
-
|
|
94
|
-
// &__content {
|
|
95
|
-
// flex: 1;
|
|
96
|
-
// padding: @padding-md;
|
|
97
|
-
// box-sizing: border-box;
|
|
98
|
-
// .flex-layout(@flexGap: @padding-md);
|
|
99
|
-
// }
|
|
100
|
-
|
|
101
|
-
// &__left {
|
|
102
|
-
// width: 30%;
|
|
103
|
-
// min-width: 120px;
|
|
104
|
-
// .flex-mixins(column, @gap: @margin-xs);
|
|
105
|
-
// }
|
|
106
|
-
|
|
107
|
-
// &__header {
|
|
108
|
-
// align-items: center;
|
|
109
|
-
// .flex-layout(@flexGap: @margin-sm);
|
|
110
|
-
|
|
111
|
-
// .city-name {
|
|
112
|
-
// color: @heading-color;
|
|
113
|
-
// font-size: @font-size-lg;
|
|
114
|
-
// font-weight: @typography-title-font-weight;
|
|
115
|
-
// }
|
|
116
|
-
|
|
117
|
-
// .day-night {
|
|
118
|
-
// font-size: @font-size-sm;
|
|
119
|
-
// color: @text-color-secondary;
|
|
120
|
-
// background: fade(@text-color, 8%);
|
|
121
|
-
// padding: 2px @padding-xs;
|
|
122
|
-
// border-radius: @border-radius-lg;
|
|
123
|
-
// }
|
|
124
|
-
// }
|
|
125
|
-
|
|
126
|
-
// &__main {
|
|
127
|
-
// display: flex;
|
|
128
|
-
// flex-direction: column;
|
|
129
|
-
// align-items: center;
|
|
130
|
-
// gap: @margin-sm;
|
|
131
|
-
|
|
132
|
-
// .temp-box {
|
|
133
|
-
// display: flex;
|
|
134
|
-
// align-items: baseline;
|
|
135
|
-
// gap: 2px;
|
|
136
|
-
|
|
137
|
-
// .temp-value {
|
|
138
|
-
// font-size: 36px;
|
|
139
|
-
// font-weight: 300;
|
|
140
|
-
// color: @heading-color;
|
|
141
|
-
// line-height: @line-height-base;
|
|
142
|
-
// }
|
|
143
|
-
|
|
144
|
-
// .temp-unit {
|
|
145
|
-
// font-size: @font-size-lg;
|
|
146
|
-
// color: @text-color-secondary;
|
|
147
|
-
// }
|
|
148
|
-
// }
|
|
149
|
-
|
|
150
|
-
// .condition-box {
|
|
151
|
-
// display: flex;
|
|
152
|
-
// align-items: center;
|
|
153
|
-
// gap: 6px;
|
|
154
|
-
|
|
155
|
-
// .weather-condition {
|
|
156
|
-
// font-size: @font-size-base;
|
|
157
|
-
// color: @text-color;
|
|
158
|
-
// }
|
|
159
|
-
|
|
160
|
-
// .weather-icon {
|
|
161
|
-
// font-size: 48px;
|
|
162
|
-
// line-height: @line-height-base;
|
|
163
|
-
// }
|
|
164
|
-
// }
|
|
165
|
-
// }
|
|
166
|
-
|
|
167
|
-
// &__detail-grid {
|
|
168
|
-
// flex: 1;
|
|
169
|
-
// display: flex;
|
|
170
|
-
// flex-wrap: wrap;
|
|
171
|
-
// gap: @padding-md @margin-sm;
|
|
172
|
-
// align-content: center;
|
|
173
|
-
// }
|
|
174
|
-
|
|
175
|
-
// &__detail-item {
|
|
176
|
-
// display: flex;
|
|
177
|
-
// align-items: center;
|
|
178
|
-
// gap: @margin-sm;
|
|
179
|
-
// white-space: nowrap;
|
|
180
|
-
|
|
181
|
-
// &:nth-child(odd) {
|
|
182
|
-
// width: calc(65% - 6px);
|
|
183
|
-
// }
|
|
184
|
-
|
|
185
|
-
// &:nth-child(even) {
|
|
186
|
-
// width: calc(35% - 6px);
|
|
187
|
-
// }
|
|
188
|
-
|
|
189
|
-
// .icon-svg {
|
|
190
|
-
// font-size: 20px;
|
|
191
|
-
// line-height: @line-height-base;
|
|
192
|
-
// }
|
|
193
|
-
|
|
194
|
-
// .detail-info {
|
|
195
|
-
// .flex-layout(column, 4px);
|
|
196
|
-
|
|
197
|
-
// .detail-label {
|
|
198
|
-
// font-size: @font-size-sm;
|
|
199
|
-
// color: @text-color-secondary;
|
|
200
|
-
// }
|
|
201
|
-
|
|
202
|
-
// .detail-value {
|
|
203
|
-
// font-size: @font-size-base;
|
|
204
|
-
// font-weight: @btn-font-weight;
|
|
205
|
-
// color: @heading-color;
|
|
206
|
-
|
|
207
|
-
// .wind-value {
|
|
208
|
-
// display: inline-block;
|
|
209
|
-
// margin-right: 4px;
|
|
210
|
-
// }
|
|
211
|
-
// }
|
|
212
|
-
// }
|
|
213
|
-
// }
|
|
214
|
-
// }
|
|
88
|
+
}
|