@varlet/ui 2.7.5 → 2.8.0-alpha.1676441771603
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -1
- package/README.zh-CN.md +6 -4
- package/es/app-bar/AppBar.mjs +30 -6
- package/es/app-bar/appBar.css +1 -1
- package/es/app-bar/props.mjs +6 -0
- package/es/badge/Badge.mjs +3 -2
- package/es/cell/Cell.mjs +59 -31
- package/es/cell/cell.css +1 -1
- package/es/cell/props.mjs +11 -0
- package/es/collapse/Collapse.mjs +2 -2
- package/es/ellipsis/Ellipsis.mjs +106 -0
- package/es/ellipsis/EllipsisSfc.css +0 -0
- package/es/ellipsis/ellipsis.css +1 -0
- package/es/ellipsis/index.mjs +8 -0
- package/es/ellipsis/props.mjs +16 -0
- package/es/ellipsis/style/index.mjs +4 -0
- package/es/index.bundle.mjs +13 -1
- package/es/index.mjs +11 -1
- package/es/paper/Paper.mjs +55 -0
- package/es/paper/PaperSfc.css +0 -0
- package/es/paper/index.mjs +9 -0
- package/es/paper/paper.css +1 -0
- package/es/paper/props.mjs +28 -0
- package/es/paper/style/index.mjs +4 -0
- package/es/ripple/index.mjs +2 -2
- package/es/style.css +1 -1
- package/es/style.mjs +2 -0
- package/es/tabs/Tabs.mjs +5 -4
- package/es/themes/dark/index.mjs +2 -1
- package/es/themes/dark/paper.mjs +3 -0
- package/es/tooltip/Tooltip.mjs +6 -1
- package/es/tooltip/props.mjs +4 -0
- package/es/tooltip/tooltip.css +1 -1
- package/es/varlet.esm.js +7577 -7328
- package/highlight/web-types.en-US.json +179 -2
- package/highlight/web-types.zh-CN.json +179 -2
- package/lib/style.css +1 -1
- package/lib/varlet.cjs.js +5703 -5410
- package/package.json +5 -5
- package/types/appBar.d.ts +2 -0
- package/types/cell.d.ts +4 -1
- package/types/ellipsis.d.ts +23 -0
- package/types/index.d.ts +4 -0
- package/types/paper.d.ts +25 -0
- package/types/tooltip.d.ts +1 -0
- package/umd/style.css +1 -1
- package/umd/varlet.js +6 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.8.0-alpha.1676441771603",
|
|
5
5
|
"name": "VARLET",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -193,6 +193,24 @@
|
|
|
193
193
|
"type": "boolean",
|
|
194
194
|
"kind": "expression"
|
|
195
195
|
}
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "image",
|
|
199
|
+
"description": "Background image",
|
|
200
|
+
"default": "-",
|
|
201
|
+
"value": {
|
|
202
|
+
"type": "string",
|
|
203
|
+
"kind": "expression"
|
|
204
|
+
}
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"name": "image-linear-gradient",
|
|
208
|
+
"description": "Background image linear gradient",
|
|
209
|
+
"default": "-",
|
|
210
|
+
"value": {
|
|
211
|
+
"type": "string",
|
|
212
|
+
"kind": "expression"
|
|
213
|
+
}
|
|
196
214
|
}
|
|
197
215
|
],
|
|
198
216
|
"events": [],
|
|
@@ -208,6 +226,10 @@
|
|
|
208
226
|
{
|
|
209
227
|
"name": "right",
|
|
210
228
|
"description": "Insert the content to the right of the app bar"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "content",
|
|
232
|
+
"description": "Insert the content to the extra content of the app bar"
|
|
211
233
|
}
|
|
212
234
|
]
|
|
213
235
|
},
|
|
@@ -900,6 +922,15 @@
|
|
|
900
922
|
"kind": "expression"
|
|
901
923
|
}
|
|
902
924
|
},
|
|
925
|
+
{
|
|
926
|
+
"name": "border-offset",
|
|
927
|
+
"description": "Border offset",
|
|
928
|
+
"default": "-",
|
|
929
|
+
"value": {
|
|
930
|
+
"type": "string | number",
|
|
931
|
+
"kind": "expression"
|
|
932
|
+
}
|
|
933
|
+
},
|
|
903
934
|
{
|
|
904
935
|
"name": "icon-class",
|
|
905
936
|
"description": "Icon className",
|
|
@@ -935,9 +966,23 @@
|
|
|
935
966
|
"type": "string",
|
|
936
967
|
"kind": "expression"
|
|
937
968
|
}
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"name": "ripple",
|
|
972
|
+
"description": "Whether to enable the water wave effect",
|
|
973
|
+
"default": "false",
|
|
974
|
+
"value": {
|
|
975
|
+
"type": "boolean",
|
|
976
|
+
"kind": "expression"
|
|
977
|
+
}
|
|
978
|
+
}
|
|
979
|
+
],
|
|
980
|
+
"events": [
|
|
981
|
+
{
|
|
982
|
+
"name": "click",
|
|
983
|
+
"description": "Triggered when the cell is clicked."
|
|
938
984
|
}
|
|
939
985
|
],
|
|
940
|
-
"events": [],
|
|
941
986
|
"slots": [
|
|
942
987
|
{
|
|
943
988
|
"name": "default",
|
|
@@ -2143,6 +2188,49 @@
|
|
|
2143
2188
|
}
|
|
2144
2189
|
]
|
|
2145
2190
|
},
|
|
2191
|
+
{
|
|
2192
|
+
"name": "var-ellipsis",
|
|
2193
|
+
"attributes": [
|
|
2194
|
+
{
|
|
2195
|
+
"name": "expand-trigger",
|
|
2196
|
+
"description": "Expand trigger method, optional value `click`",
|
|
2197
|
+
"default": "-",
|
|
2198
|
+
"value": {
|
|
2199
|
+
"type": "string",
|
|
2200
|
+
"kind": "expression"
|
|
2201
|
+
}
|
|
2202
|
+
},
|
|
2203
|
+
{
|
|
2204
|
+
"name": "line-clamp",
|
|
2205
|
+
"description": "Maximum number of display lines, see [line-clamp](https://caniuse.com/?search=line-clamp) for compatibility",
|
|
2206
|
+
"default": "-",
|
|
2207
|
+
"value": {
|
|
2208
|
+
"type": "string",
|
|
2209
|
+
"kind": "expression"
|
|
2210
|
+
}
|
|
2211
|
+
},
|
|
2212
|
+
{
|
|
2213
|
+
"name": "tooltip",
|
|
2214
|
+
"description": "Tooltip component props, for deep customization. For more convenience, `sameWidth` defaults to `true` here",
|
|
2215
|
+
"default": "-",
|
|
2216
|
+
"value": {
|
|
2217
|
+
"type": "boolean | TooltipProps",
|
|
2218
|
+
"kind": "expression"
|
|
2219
|
+
}
|
|
2220
|
+
}
|
|
2221
|
+
],
|
|
2222
|
+
"events": [],
|
|
2223
|
+
"slots": [
|
|
2224
|
+
{
|
|
2225
|
+
"name": "default",
|
|
2226
|
+
"description": "Text content"
|
|
2227
|
+
},
|
|
2228
|
+
{
|
|
2229
|
+
"name": "tooltip-content",
|
|
2230
|
+
"description": "Tooltip content"
|
|
2231
|
+
}
|
|
2232
|
+
]
|
|
2233
|
+
},
|
|
2146
2234
|
{
|
|
2147
2235
|
"name": "var-form",
|
|
2148
2236
|
"attributes": [
|
|
@@ -3376,6 +3464,86 @@
|
|
|
3376
3464
|
}
|
|
3377
3465
|
]
|
|
3378
3466
|
},
|
|
3467
|
+
{
|
|
3468
|
+
"name": "var-paper",
|
|
3469
|
+
"attributes": [
|
|
3470
|
+
{
|
|
3471
|
+
"name": "elevation",
|
|
3472
|
+
"description": "Elevation, value `0-24`",
|
|
3473
|
+
"default": "-",
|
|
3474
|
+
"value": {
|
|
3475
|
+
"type": "string | number",
|
|
3476
|
+
"kind": "expression"
|
|
3477
|
+
}
|
|
3478
|
+
},
|
|
3479
|
+
{
|
|
3480
|
+
"name": "ripple",
|
|
3481
|
+
"description": "Whether to enable ripple effect",
|
|
3482
|
+
"default": "-",
|
|
3483
|
+
"value": {
|
|
3484
|
+
"type": "boolean",
|
|
3485
|
+
"kind": "expression"
|
|
3486
|
+
}
|
|
3487
|
+
},
|
|
3488
|
+
{
|
|
3489
|
+
"name": "radius",
|
|
3490
|
+
"description": "Paper border radius",
|
|
3491
|
+
"default": "-",
|
|
3492
|
+
"value": {
|
|
3493
|
+
"type": "string | number",
|
|
3494
|
+
"kind": "expression"
|
|
3495
|
+
}
|
|
3496
|
+
},
|
|
3497
|
+
{
|
|
3498
|
+
"name": "width",
|
|
3499
|
+
"description": "Paper width",
|
|
3500
|
+
"default": "-",
|
|
3501
|
+
"value": {
|
|
3502
|
+
"type": "string | number",
|
|
3503
|
+
"kind": "expression"
|
|
3504
|
+
}
|
|
3505
|
+
},
|
|
3506
|
+
{
|
|
3507
|
+
"name": "height",
|
|
3508
|
+
"description": "Paper height",
|
|
3509
|
+
"default": "-",
|
|
3510
|
+
"value": {
|
|
3511
|
+
"type": "string | number",
|
|
3512
|
+
"kind": "expression"
|
|
3513
|
+
}
|
|
3514
|
+
},
|
|
3515
|
+
{
|
|
3516
|
+
"name": "round",
|
|
3517
|
+
"description": "Whether to enable round paper",
|
|
3518
|
+
"default": "false",
|
|
3519
|
+
"value": {
|
|
3520
|
+
"type": "boolean",
|
|
3521
|
+
"kind": "expression"
|
|
3522
|
+
}
|
|
3523
|
+
},
|
|
3524
|
+
{
|
|
3525
|
+
"name": "inline",
|
|
3526
|
+
"description": "Whether to use inline paper",
|
|
3527
|
+
"default": "false",
|
|
3528
|
+
"value": {
|
|
3529
|
+
"type": "boolean",
|
|
3530
|
+
"kind": "expression"
|
|
3531
|
+
}
|
|
3532
|
+
}
|
|
3533
|
+
],
|
|
3534
|
+
"events": [
|
|
3535
|
+
{
|
|
3536
|
+
"name": "click",
|
|
3537
|
+
"description": "Triggered when the paper is clicked"
|
|
3538
|
+
}
|
|
3539
|
+
],
|
|
3540
|
+
"slots": [
|
|
3541
|
+
{
|
|
3542
|
+
"name": "default",
|
|
3543
|
+
"description": "Paper content"
|
|
3544
|
+
}
|
|
3545
|
+
]
|
|
3546
|
+
},
|
|
3379
3547
|
{
|
|
3380
3548
|
"name": "var-picker",
|
|
3381
3549
|
"attributes": [
|
|
@@ -5717,6 +5885,15 @@
|
|
|
5717
5885
|
"kind": "expression"
|
|
5718
5886
|
}
|
|
5719
5887
|
},
|
|
5888
|
+
{
|
|
5889
|
+
"name": "same-width",
|
|
5890
|
+
"description": "Whether to same width as trigger element",
|
|
5891
|
+
"default": "false",
|
|
5892
|
+
"value": {
|
|
5893
|
+
"type": "boolean",
|
|
5894
|
+
"kind": "expression"
|
|
5895
|
+
}
|
|
5896
|
+
},
|
|
5720
5897
|
{
|
|
5721
5898
|
"name": "disabled",
|
|
5722
5899
|
"description": "whether to disable the tooltip",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.8.0-alpha.1676441771603",
|
|
5
5
|
"name": "VARLET",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -193,6 +193,24 @@
|
|
|
193
193
|
"type": "boolean",
|
|
194
194
|
"kind": "expression"
|
|
195
195
|
}
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "image",
|
|
199
|
+
"description": "背景图片",
|
|
200
|
+
"default": "-",
|
|
201
|
+
"value": {
|
|
202
|
+
"type": "string",
|
|
203
|
+
"kind": "expression"
|
|
204
|
+
}
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"name": "image-linear-gradient",
|
|
208
|
+
"description": "背景图片渐变色",
|
|
209
|
+
"default": "-",
|
|
210
|
+
"value": {
|
|
211
|
+
"type": "string",
|
|
212
|
+
"kind": "expression"
|
|
213
|
+
}
|
|
196
214
|
}
|
|
197
215
|
],
|
|
198
216
|
"events": [],
|
|
@@ -208,6 +226,10 @@
|
|
|
208
226
|
{
|
|
209
227
|
"name": "right",
|
|
210
228
|
"description": "插入至导航栏右侧的内容"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "content",
|
|
232
|
+
"description": "扩展内容"
|
|
211
233
|
}
|
|
212
234
|
]
|
|
213
235
|
},
|
|
@@ -960,6 +982,15 @@
|
|
|
960
982
|
"kind": "expression"
|
|
961
983
|
}
|
|
962
984
|
},
|
|
985
|
+
{
|
|
986
|
+
"name": "border-offset",
|
|
987
|
+
"description": "边框偏移量",
|
|
988
|
+
"default": "-",
|
|
989
|
+
"value": {
|
|
990
|
+
"type": "string | number",
|
|
991
|
+
"kind": "expression"
|
|
992
|
+
}
|
|
993
|
+
},
|
|
963
994
|
{
|
|
964
995
|
"name": "icon-class",
|
|
965
996
|
"description": "图标额外类名",
|
|
@@ -995,9 +1026,23 @@
|
|
|
995
1026
|
"type": "string",
|
|
996
1027
|
"kind": "expression"
|
|
997
1028
|
}
|
|
1029
|
+
},
|
|
1030
|
+
{
|
|
1031
|
+
"name": "ripple",
|
|
1032
|
+
"description": "是否启用水波效果",
|
|
1033
|
+
"default": "false",
|
|
1034
|
+
"value": {
|
|
1035
|
+
"type": "boolean",
|
|
1036
|
+
"kind": "expression"
|
|
1037
|
+
}
|
|
1038
|
+
}
|
|
1039
|
+
],
|
|
1040
|
+
"events": [
|
|
1041
|
+
{
|
|
1042
|
+
"name": "click",
|
|
1043
|
+
"description": "点击时触发"
|
|
998
1044
|
}
|
|
999
1045
|
],
|
|
1000
|
-
"events": [],
|
|
1001
1046
|
"slots": [
|
|
1002
1047
|
{
|
|
1003
1048
|
"name": "default",
|
|
@@ -2203,6 +2248,49 @@
|
|
|
2203
2248
|
}
|
|
2204
2249
|
]
|
|
2205
2250
|
},
|
|
2251
|
+
{
|
|
2252
|
+
"name": "var-ellipsis",
|
|
2253
|
+
"attributes": [
|
|
2254
|
+
{
|
|
2255
|
+
"name": "expand-trigger",
|
|
2256
|
+
"description": "展开触发方式，可选值 `click`",
|
|
2257
|
+
"default": "-",
|
|
2258
|
+
"value": {
|
|
2259
|
+
"type": "string",
|
|
2260
|
+
"kind": "expression"
|
|
2261
|
+
}
|
|
2262
|
+
},
|
|
2263
|
+
{
|
|
2264
|
+
"name": "line-clamp",
|
|
2265
|
+
"description": "最大显示行数，兼容性见 [line-clamp](https://caniuse.com/?search=line-clamp)",
|
|
2266
|
+
"default": "-",
|
|
2267
|
+
"value": {
|
|
2268
|
+
"type": "string",
|
|
2269
|
+
"kind": "expression"
|
|
2270
|
+
}
|
|
2271
|
+
},
|
|
2272
|
+
{
|
|
2273
|
+
"name": "tooltip",
|
|
2274
|
+
"description": "Tooltip 组件配置，用于深度定制。为了更方便使用，`sameWidth` 在这里默认为 `true`",
|
|
2275
|
+
"default": "-",
|
|
2276
|
+
"value": {
|
|
2277
|
+
"type": "boolean | TooltipProps",
|
|
2278
|
+
"kind": "expression"
|
|
2279
|
+
}
|
|
2280
|
+
}
|
|
2281
|
+
],
|
|
2282
|
+
"events": [],
|
|
2283
|
+
"slots": [
|
|
2284
|
+
{
|
|
2285
|
+
"name": "default",
|
|
2286
|
+
"description": "文字内容"
|
|
2287
|
+
},
|
|
2288
|
+
{
|
|
2289
|
+
"name": "tooltip-content",
|
|
2290
|
+
"description": "Tooltip 的内容"
|
|
2291
|
+
}
|
|
2292
|
+
]
|
|
2293
|
+
},
|
|
2206
2294
|
{
|
|
2207
2295
|
"name": "var-form",
|
|
2208
2296
|
"attributes": [
|
|
@@ -3449,6 +3537,86 @@
|
|
|
3449
3537
|
}
|
|
3450
3538
|
]
|
|
3451
3539
|
},
|
|
3540
|
+
{
|
|
3541
|
+
"name": "var-paper",
|
|
3542
|
+
"attributes": [
|
|
3543
|
+
{
|
|
3544
|
+
"name": "elevation",
|
|
3545
|
+
"description": "海拔, 取值 `0-24`",
|
|
3546
|
+
"default": "-",
|
|
3547
|
+
"value": {
|
|
3548
|
+
"type": "string | number",
|
|
3549
|
+
"kind": "expression"
|
|
3550
|
+
}
|
|
3551
|
+
},
|
|
3552
|
+
{
|
|
3553
|
+
"name": "ripple",
|
|
3554
|
+
"description": "是否启用水波效果",
|
|
3555
|
+
"default": "-",
|
|
3556
|
+
"value": {
|
|
3557
|
+
"type": "boolean",
|
|
3558
|
+
"kind": "expression"
|
|
3559
|
+
}
|
|
3560
|
+
},
|
|
3561
|
+
{
|
|
3562
|
+
"name": "radius",
|
|
3563
|
+
"description": "纸张圆角",
|
|
3564
|
+
"default": "-",
|
|
3565
|
+
"value": {
|
|
3566
|
+
"type": "string | number",
|
|
3567
|
+
"kind": "expression"
|
|
3568
|
+
}
|
|
3569
|
+
},
|
|
3570
|
+
{
|
|
3571
|
+
"name": "width",
|
|
3572
|
+
"description": "纸张宽度",
|
|
3573
|
+
"default": "-",
|
|
3574
|
+
"value": {
|
|
3575
|
+
"type": "string | number",
|
|
3576
|
+
"kind": "expression"
|
|
3577
|
+
}
|
|
3578
|
+
},
|
|
3579
|
+
{
|
|
3580
|
+
"name": "height",
|
|
3581
|
+
"description": "纸张高度",
|
|
3582
|
+
"default": "-",
|
|
3583
|
+
"value": {
|
|
3584
|
+
"type": "string | number",
|
|
3585
|
+
"kind": "expression"
|
|
3586
|
+
}
|
|
3587
|
+
},
|
|
3588
|
+
{
|
|
3589
|
+
"name": "round",
|
|
3590
|
+
"description": "是否启用圆形纸张",
|
|
3591
|
+
"default": "false",
|
|
3592
|
+
"value": {
|
|
3593
|
+
"type": "boolean",
|
|
3594
|
+
"kind": "expression"
|
|
3595
|
+
}
|
|
3596
|
+
},
|
|
3597
|
+
{
|
|
3598
|
+
"name": "inline",
|
|
3599
|
+
"description": "是否使用行内纸张",
|
|
3600
|
+
"default": "false",
|
|
3601
|
+
"value": {
|
|
3602
|
+
"type": "boolean",
|
|
3603
|
+
"kind": "expression"
|
|
3604
|
+
}
|
|
3605
|
+
}
|
|
3606
|
+
],
|
|
3607
|
+
"events": [
|
|
3608
|
+
{
|
|
3609
|
+
"name": "click",
|
|
3610
|
+
"description": "点击纸张时触发"
|
|
3611
|
+
}
|
|
3612
|
+
],
|
|
3613
|
+
"slots": [
|
|
3614
|
+
{
|
|
3615
|
+
"name": "default",
|
|
3616
|
+
"description": "纸张内容"
|
|
3617
|
+
}
|
|
3618
|
+
]
|
|
3619
|
+
},
|
|
3452
3620
|
{
|
|
3453
3621
|
"name": "var-picker",
|
|
3454
3622
|
"attributes": [
|
|
@@ -5935,6 +6103,15 @@
|
|
|
5935
6103
|
"kind": "expression"
|
|
5936
6104
|
}
|
|
5937
6105
|
},
|
|
6106
|
+
{
|
|
6107
|
+
"name": "same-width",
|
|
6108
|
+
"description": "是否与触发元素同宽",
|
|
6109
|
+
"default": "false",
|
|
6110
|
+
"value": {
|
|
6111
|
+
"type": "boolean",
|
|
6112
|
+
"kind": "expression"
|
|
6113
|
+
}
|
|
6114
|
+
},
|
|
5938
6115
|
{
|
|
5939
6116
|
"name": "disabled",
|
|
5940
6117
|
"description": "是否禁用 Tooltip",
|