@king-design/vue 2.0.9 → 2.0.10
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/__tests__/__snapshots__/Vue Next Demos.md +40 -40
- package/__tests__/components/dialog.spec.ts +28 -2
- package/components/dialog/base.d.ts +1 -0
- package/components/dialog/base.js +4 -2
- package/components/dialog/useDraggable.js +4 -1
- package/components/drawer/index.js +2 -1
- package/components/portal.js +11 -7
- package/components/select/base.d.ts +1 -0
- package/components/select/base.js +1 -0
- package/components/select/useBaseLabel.d.ts +1 -0
- package/components/select/useBaseLabel.js +5 -1
- package/hooks/useDraggable.d.ts +1 -0
- package/hooks/useDraggable.js +2 -1
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +2 -2
- package/yarn-error.log +0 -894
|
@@ -147,55 +147,55 @@
|
|
|
147
147
|
#### `Cascader basic`
|
|
148
148
|
|
|
149
149
|
```
|
|
150
|
-
"<div><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
150
|
+
"<div><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-rotate ion-load-c css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
151
151
|
```
|
|
152
152
|
|
|
153
153
|
#### `Cascader changeOnSelect`
|
|
154
154
|
|
|
155
155
|
```
|
|
156
|
-
"<div><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
156
|
+
"<div><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> You selected: null</div>"
|
|
157
157
|
```
|
|
158
158
|
|
|
159
159
|
#### `Cascader custom`
|
|
160
160
|
|
|
161
161
|
```
|
|
162
|
-
"<div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
162
|
+
"<div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
163
163
|
```
|
|
164
164
|
|
|
165
165
|
#### `Cascader disabled`
|
|
166
166
|
|
|
167
167
|
```
|
|
168
|
-
"<div><div class=\"k-select k-disabled k-cascader css-3lwwnv\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
168
|
+
"<div><div class=\"k-select k-disabled k-cascader css-3lwwnv\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
169
169
|
```
|
|
170
170
|
|
|
171
171
|
#### `Cascader filterable`
|
|
172
172
|
|
|
173
173
|
```
|
|
174
|
-
"<div><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
174
|
+
"<div><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
175
175
|
```
|
|
176
176
|
|
|
177
177
|
#### `Cascader loadData`
|
|
178
178
|
|
|
179
179
|
```
|
|
180
|
-
"<div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
180
|
+
"<div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
181
181
|
```
|
|
182
182
|
|
|
183
183
|
#### `Cascader multiple`
|
|
184
184
|
|
|
185
185
|
```
|
|
186
|
-
"<div><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
186
|
+
"<div><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> You selected: []</div>"
|
|
187
187
|
```
|
|
188
188
|
|
|
189
189
|
#### `Cascader size`
|
|
190
190
|
|
|
191
191
|
```
|
|
192
|
-
"<div><div class=\"k-select k-large k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
192
|
+
"<div><div class=\"k-select k-large k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-small k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-mini k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
193
193
|
```
|
|
194
194
|
|
|
195
195
|
#### `Cascader trigger`
|
|
196
196
|
|
|
197
197
|
```
|
|
198
|
-
"<div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
198
|
+
"<div class=\"k-select k-cascader css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
199
199
|
```
|
|
200
200
|
|
|
201
201
|
## `checkbox`
|
|
@@ -287,61 +287,61 @@
|
|
|
287
287
|
#### `Datepicker basic`
|
|
288
288
|
|
|
289
289
|
```
|
|
290
|
-
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
290
|
+
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled k-datepicker css-3lwwnv\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"2018-01-01\"><div class=\"k-input k-disabled k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"2018-01-01\" disabled=\"\" type=\"text\" value=\"2018-01-01\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
291
291
|
```
|
|
292
292
|
|
|
293
293
|
#### `Datepicker clearable`
|
|
294
294
|
|
|
295
295
|
```
|
|
296
|
-
"<div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
296
|
+
"<div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
297
297
|
```
|
|
298
298
|
|
|
299
299
|
#### `Datepicker datetime`
|
|
300
300
|
|
|
301
301
|
```
|
|
302
|
-
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
302
|
+
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"时间精确到分钟\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
303
303
|
```
|
|
304
304
|
|
|
305
305
|
#### `Datepicker disabledDate`
|
|
306
306
|
|
|
307
307
|
```
|
|
308
|
-
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
308
|
+
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
309
309
|
```
|
|
310
310
|
|
|
311
311
|
#### `Datepicker format`
|
|
312
312
|
|
|
313
313
|
```
|
|
314
|
-
"<div><div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
314
|
+
"<div><div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> value: </div></div>"
|
|
315
315
|
```
|
|
316
316
|
|
|
317
317
|
#### `Datepicker maxMin`
|
|
318
318
|
|
|
319
319
|
```
|
|
320
|
-
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
320
|
+
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
321
321
|
```
|
|
322
322
|
|
|
323
323
|
#### `Datepicker multiple`
|
|
324
324
|
|
|
325
325
|
```
|
|
326
|
-
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择日期</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
326
|
+
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择日期</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择日期和时间</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择年份</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择月份</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">开始日期 ~ 结束日期</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">开始时间 ~ 结束时间</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: [] <br><br></div>"
|
|
327
327
|
```
|
|
328
328
|
|
|
329
329
|
#### `Datepicker range`
|
|
330
330
|
|
|
331
331
|
```
|
|
332
|
-
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
332
|
+
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--> You selected: null <br><br></div>"
|
|
333
333
|
```
|
|
334
334
|
|
|
335
335
|
#### `Datepicker shortcuts`
|
|
336
336
|
|
|
337
337
|
```
|
|
338
|
-
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
338
|
+
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
339
339
|
```
|
|
340
340
|
|
|
341
341
|
#### `Datepicker yearMonth`
|
|
342
342
|
|
|
343
343
|
```
|
|
344
|
-
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div
|
|
344
|
+
"<div><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
345
345
|
```
|
|
346
346
|
|
|
347
347
|
## `diagram`
|
|
@@ -349,13 +349,13 @@
|
|
|
349
349
|
#### `Diagram basic`
|
|
350
350
|
|
|
351
351
|
```
|
|
352
|
-
"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(75,6)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"42\" height=\"49\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width:
|
|
352
|
+
"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(75,6)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"42\" height=\"49\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 44px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\"><h2>hello</h2></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 40 106 L 80 146 L 40 186 L 0 146 Z\" fill=\"#ffffff\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g style=\"\"><g transform=\"translate(26,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"28\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 30px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">world</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><ellipse cx=\"152\" cy=\"146\" rx=\"40\" ry=\"40\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></ellipse></g><g style=\"\"><g transform=\"translate(143,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"18\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 20px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">kpc</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 40 104.88 L 36.5 97.88 L 40 99.63 L 43.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 152 104.88 L 148.5 97.88 L 152 99.63 L 155.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
|
|
353
353
|
```
|
|
354
354
|
|
|
355
355
|
#### `Diagram children`
|
|
356
356
|
|
|
357
357
|
```
|
|
358
|
-
"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><drectangle></drectangle><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 287px; height: 101px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 287px; min-height: 101px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"0\" y=\"0\" width=\"120\" height=\"100\" fill=\"#ffffff\" stroke=\"#000000\" stroke-dasharray=\"3 3\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(2,28)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"116\" height=\"44\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 116px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div><div class=\"container\"><div>始发站</div><div class=\"k-select k-fluid css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
358
|
+
"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><drectangle></drectangle><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 287px; height: 101px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 287px; min-height: 101px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"0\" y=\"0\" width=\"120\" height=\"100\" fill=\"#ffffff\" stroke=\"#000000\" stroke-dasharray=\"3 3\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(2,28)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"116\" height=\"44\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 116px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div><div class=\"container\"><div>始发站</div><div class=\"k-select k-fluid css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"166\" y=\"0\" width=\"120\" height=\"100\" fill=\"#ffffff\" stroke=\"#000000\" stroke-dasharray=\"3 3\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(168,28)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"116\" height=\"44\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 116px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div><div class=\"container\"><div>终点站</div><div class=\"k-select k-fluid css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 120 50 L 159.63 50\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 120 50 L 159.63 50\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 164.88 50 L 157.88 53.5 L 159.63 50 L 157.88 46.5 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
|
|
359
359
|
```
|
|
360
360
|
|
|
361
361
|
#### `Diagram select`
|
|
@@ -946,91 +946,91 @@
|
|
|
946
946
|
#### `Select autoDisableArrow`
|
|
947
947
|
|
|
948
948
|
```
|
|
949
|
-
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div
|
|
949
|
+
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
950
950
|
```
|
|
951
951
|
|
|
952
952
|
#### `Select basic`
|
|
953
953
|
|
|
954
954
|
```
|
|
955
|
-
"<div><div style=\"margin-bottom: 16px;\"><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
955
|
+
"<div><div style=\"margin-bottom: 16px;\"><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> You selected: </div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-rotate ion-load-c css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
956
956
|
```
|
|
957
957
|
|
|
958
958
|
#### `Select clearable`
|
|
959
959
|
|
|
960
960
|
```
|
|
961
|
-
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
961
|
+
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
962
962
|
```
|
|
963
963
|
|
|
964
964
|
#### `Select creatable`
|
|
965
965
|
|
|
966
966
|
```
|
|
967
|
-
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
967
|
+
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> Day: <br><br><div class=\"k-select css-3lwwnv\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请输入或选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> Days: []</div>"
|
|
968
968
|
```
|
|
969
969
|
|
|
970
970
|
#### `Select custom`
|
|
971
971
|
|
|
972
972
|
```
|
|
973
|
-
"<div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
973
|
+
"<div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
974
974
|
```
|
|
975
975
|
|
|
976
976
|
#### `Select customMenu`
|
|
977
977
|
|
|
978
978
|
```
|
|
979
|
-
"<div class=\"k-select custom-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
979
|
+
"<div class=\"k-select custom-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
980
980
|
```
|
|
981
981
|
|
|
982
982
|
#### `Select disabled`
|
|
983
983
|
|
|
984
984
|
```
|
|
985
|
-
"<div><div class=\"k-select k-disabled css-3lwwnv\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div
|
|
985
|
+
"<div><div class=\"k-select k-disabled css-3lwwnv\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled css-3lwwnv\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
986
986
|
```
|
|
987
987
|
|
|
988
988
|
#### `Select filterable`
|
|
989
989
|
|
|
990
990
|
```
|
|
991
|
-
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
991
|
+
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> <div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
992
992
|
```
|
|
993
993
|
|
|
994
994
|
#### `Select format`
|
|
995
995
|
|
|
996
996
|
```
|
|
997
|
-
"<div><div class=\"item\"><span class=\"label\">border:</span><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"dashed\"><div class=\"k-select-value c-ellipsis\"><div class=\"line\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
997
|
+
"<div><div class=\"item\"><span class=\"label\">border:</span><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"dashed\"><div class=\"k-select-value c-ellipsis\"><div class=\"line\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"rect\"> Rectangle </div></div><div class=\"item\"><span class=\"label\">multiple:</span><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"ion-camera\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\"><i class=\"k-icon ion-camera css-x0ey6t\" style=\"vertical-align: middle;\"></i><span class=\"c-middle\">ion-camera</span></span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"item\"><span class=\"label\">multiple values:</span><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div>"
|
|
998
998
|
```
|
|
999
999
|
|
|
1000
1000
|
#### `Select group`
|
|
1001
1001
|
|
|
1002
1002
|
```
|
|
1003
|
-
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
1003
|
+
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
1004
1004
|
```
|
|
1005
1005
|
|
|
1006
1006
|
#### `Select multiple`
|
|
1007
1007
|
|
|
1008
1008
|
```
|
|
1009
|
-
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
1009
|
+
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> You selected: []</div>"
|
|
1010
1010
|
```
|
|
1011
1011
|
|
|
1012
1012
|
#### `Select noBorder`
|
|
1013
1013
|
|
|
1014
1014
|
```
|
|
1015
|
-
"<div class=\"k-select k-inline css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
1015
|
+
"<div class=\"k-select k-inline css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
1016
1016
|
```
|
|
1017
1017
|
|
|
1018
1018
|
#### `Select remote`
|
|
1019
1019
|
|
|
1020
1020
|
```
|
|
1021
|
-
"<div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
1021
|
+
"<div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal-->"
|
|
1022
1022
|
```
|
|
1023
1023
|
|
|
1024
1024
|
#### `Select searchable`
|
|
1025
1025
|
|
|
1026
1026
|
```
|
|
1027
|
-
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
1027
|
+
"<div><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
1028
1028
|
```
|
|
1029
1029
|
|
|
1030
1030
|
#### `Select size`
|
|
1031
1031
|
|
|
1032
1032
|
```
|
|
1033
|
-
"<div><div class=\"k-select k-large css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div
|
|
1033
|
+
"<div><div class=\"k-select k-large css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
1034
1034
|
```
|
|
1035
1035
|
|
|
1036
1036
|
## `skeleton`
|
|
@@ -1543,16 +1543,16 @@
|
|
|
1543
1543
|
|
|
1544
1544
|
## `timepicker`
|
|
1545
1545
|
|
|
1546
|
-
#### `Timepicker
|
|
1546
|
+
#### `Timepicker format`
|
|
1547
1547
|
|
|
1548
1548
|
```
|
|
1549
|
-
"<div><div class=\"k-select k-timepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div>
|
|
1549
|
+
"<div><div class=\"k-select k-timepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><span>You selected: </span><br><br><div class=\"k-select css-3lwwnv\" step=\"00:30:00\" showformat=\"HH:mm\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><span>You selected: </span><br><br><div class=\"k-select k-timepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><span>You selected: null</span></div>"
|
|
1550
1550
|
```
|
|
1551
1551
|
|
|
1552
|
-
#### `Timepicker
|
|
1552
|
+
#### `Timepicker basic`
|
|
1553
1553
|
|
|
1554
1554
|
```
|
|
1555
|
-
"<div><div class=\"k-select k-timepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div
|
|
1555
|
+
"<div><div class=\"k-select k-timepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected: <br><br><div class=\"k-select k-timepicker css-3lwwnv\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择时间</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected: []</div>"
|
|
1556
1556
|
```
|
|
1557
1557
|
|
|
1558
1558
|
#### `Timepicker range`
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {createApp, render} from 'vue';
|
|
1
|
+
import {createApp, render, defineComponent} from 'vue';
|
|
2
2
|
import {mount, unmount, dispatchEvent, getElement, wait} from '@/test/utils';
|
|
3
|
-
import {Dialog} from '../../';
|
|
3
|
+
import {Dialog, Select} from '../../';
|
|
4
4
|
|
|
5
5
|
describe('Dialog', () => {
|
|
6
6
|
it('call static method', async () => {
|
|
@@ -33,4 +33,30 @@ describe('Dialog', () => {
|
|
|
33
33
|
render(null, container);
|
|
34
34
|
document.body.removeChild(container);
|
|
35
35
|
});
|
|
36
|
+
|
|
37
|
+
it('should mount select into dialog element rather than body', async () => {
|
|
38
|
+
const container = document.createElement('div');
|
|
39
|
+
document.body.appendChild(container);
|
|
40
|
+
|
|
41
|
+
const Foo = defineComponent({
|
|
42
|
+
template: `<Select />`,
|
|
43
|
+
components: { Select },
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
const Bar = defineComponent({
|
|
47
|
+
template: `<Dialog><Foo /></Dialog>`,
|
|
48
|
+
components: { Dialog, Foo },
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
const vue = createApp({
|
|
52
|
+
template: `<Bar />`,
|
|
53
|
+
components: { Bar },
|
|
54
|
+
}).mount(container);
|
|
55
|
+
|
|
56
|
+
await wait();
|
|
57
|
+
expect(document.querySelector('.k-select-menu').closest('.k-dialog')).to.be.exist;
|
|
58
|
+
|
|
59
|
+
render(null, container);
|
|
60
|
+
document.body.removeChild(container);
|
|
61
|
+
});
|
|
36
62
|
});
|