@varlet/ui 3.12.3 → 3.13.0
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/es/action-sheet/style/index.mjs +1 -1
- package/es/auto-complete/AutoComplete.mjs +1 -1
- package/es/auto-complete/autoComplete.css +1 -1
- package/es/field-decorator/FieldDecorator.mjs +3 -4
- package/es/field-decorator/fieldDecorator.css +1 -1
- package/es/field-decorator/props.mjs +1 -0
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/input/input.css +1 -1
- package/es/select/Select.mjs +12 -12
- package/es/select/select.css +1 -1
- package/es/snackbar/style/index.mjs +1 -1
- package/es/themes/dark/fieldDecorator.mjs +27 -1
- package/es/themes/dark/select.mjs +1 -0
- package/es/themes/md3-dark/fieldDecorator.mjs +27 -1
- package/es/themes/md3-dark/select.mjs +1 -0
- package/es/themes/md3-light/fieldDecorator.mjs +27 -1
- package/es/themes/md3-light/select.mjs +1 -0
- package/es/varlet.css +1 -1
- package/es/varlet.esm.js +2769 -2688
- package/highlight/web-types.en-US.json +4 -4
- package/highlight/web-types.zh-CN.json +4 -4
- package/lib/varlet.cjs.js +102 -21
- package/lib/varlet.css +1 -1
- package/package.json +7 -7
- package/types/styleVars.d.ts +26 -0
- package/types/varComponent.d.ts +1 -1
- package/umd/varlet.js +7 -7
|
@@ -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": "3.
|
|
4
|
+
"version": "3.13.0",
|
|
5
5
|
"name": "VARLET",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -410,7 +410,7 @@
|
|
|
410
410
|
},
|
|
411
411
|
{
|
|
412
412
|
"name": "variant",
|
|
413
|
-
"description": "Input variants, The optional value is `standard` `outlined`",
|
|
413
|
+
"description": "Input variants, The optional value is `standard` `outlined` `filled`",
|
|
414
414
|
"default": "standard",
|
|
415
415
|
"value": {
|
|
416
416
|
"type": "string",
|
|
@@ -4377,7 +4377,7 @@
|
|
|
4377
4377
|
},
|
|
4378
4378
|
{
|
|
4379
4379
|
"name": "variant",
|
|
4380
|
-
"description": "Input variants, The optional value is `standard` `outlined`",
|
|
4380
|
+
"description": "Input variants, The optional value is `standard` `outlined` `filled`",
|
|
4381
4381
|
"default": "standard",
|
|
4382
4382
|
"value": {
|
|
4383
4383
|
"type": "string",
|
|
@@ -6674,7 +6674,7 @@
|
|
|
6674
6674
|
},
|
|
6675
6675
|
{
|
|
6676
6676
|
"name": "variant",
|
|
6677
|
-
"description": "Select variant, The optional value is `standard` `outlined`",
|
|
6677
|
+
"description": "Select variant, The optional value is `standard` `outlined` `filled`",
|
|
6678
6678
|
"default": "standard",
|
|
6679
6679
|
"value": {
|
|
6680
6680
|
"type": "string",
|
|
@@ -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": "3.
|
|
4
|
+
"version": "3.13.0",
|
|
5
5
|
"name": "VARLET",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -410,7 +410,7 @@
|
|
|
410
410
|
},
|
|
411
411
|
{
|
|
412
412
|
"name": "variant",
|
|
413
|
-
"description": "输入框风格, 可选值为 `standard` `outlined`",
|
|
413
|
+
"description": "输入框风格, 可选值为 `standard` `outlined` `filled`",
|
|
414
414
|
"default": "standard",
|
|
415
415
|
"value": {
|
|
416
416
|
"type": "string",
|
|
@@ -4428,7 +4428,7 @@
|
|
|
4428
4428
|
},
|
|
4429
4429
|
{
|
|
4430
4430
|
"name": "variant",
|
|
4431
|
-
"description": "输入框风格, 可选值为 `standard` `outlined`",
|
|
4431
|
+
"description": "输入框风格, 可选值为 `standard` `outlined` `filled`",
|
|
4432
4432
|
"default": "standard",
|
|
4433
4433
|
"value": {
|
|
4434
4434
|
"type": "string",
|
|
@@ -6888,7 +6888,7 @@
|
|
|
6888
6888
|
},
|
|
6889
6889
|
{
|
|
6890
6890
|
"name": "variant",
|
|
6891
|
-
"description": "选择框风格, 可选值为 `standard` `outlined`",
|
|
6891
|
+
"description": "选择框风格, 可选值为 `standard` `outlined` `filled`",
|
|
6892
6892
|
"default": "standard",
|
|
6893
6893
|
"value": {
|
|
6894
6894
|
"type": "string",
|
package/lib/varlet.cjs.js
CHANGED
|
@@ -4361,6 +4361,7 @@ const props$1f = {
|
|
|
4361
4361
|
type: Boolean,
|
|
4362
4362
|
default: true
|
|
4363
4363
|
},
|
|
4364
|
+
textarea: Boolean,
|
|
4364
4365
|
textColor: String,
|
|
4365
4366
|
focusColor: String,
|
|
4366
4367
|
blurColor: String,
|
|
@@ -4412,7 +4413,8 @@ function __render__$1m(_ctx, _cache) {
|
|
|
4412
4413
|
_ctx.n("controller"),
|
|
4413
4414
|
[_ctx.isFocusing, _ctx.n("--focus")],
|
|
4414
4415
|
[_ctx.isError, _ctx.n("--error")],
|
|
4415
|
-
[_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
|
|
4416
|
+
[_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")],
|
|
4417
|
+
[!_ctx.line, _ctx.n("--bottom-border-radius")]
|
|
4416
4418
|
)
|
|
4417
4419
|
),
|
|
4418
4420
|
style: vue.normalizeStyle({
|
|
@@ -4462,9 +4464,7 @@ function __render__$1m(_ctx, _cache) {
|
|
|
4462
4464
|
_ctx.computePlaceholderState()
|
|
4463
4465
|
)
|
|
4464
4466
|
),
|
|
4465
|
-
style: vue.normalizeStyle({
|
|
4466
|
-
color: _ctx.color
|
|
4467
|
-
}),
|
|
4467
|
+
style: vue.normalizeStyle({ color: _ctx.color }),
|
|
4468
4468
|
for: _ctx.id
|
|
4469
4469
|
}, [
|
|
4470
4470
|
vue.createElementVNode(
|
|
@@ -8371,7 +8371,7 @@ function __render__$1f(_ctx, _cache) {
|
|
|
8371
8371
|
placement: "bottom",
|
|
8372
8372
|
disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
|
|
8373
8373
|
class: vue.normalizeClass(_ctx.n("menu-select")),
|
|
8374
|
-
"popover-class": _ctx.variant === "standard" ? _ctx.n("--standard-menu-margin") :
|
|
8374
|
+
"popover-class": _ctx.variant === "standard" ? _ctx.n("--standard-menu-margin") : _ctx.variant === "filled" ? _ctx.n("--filled-menu-margin") : "",
|
|
8375
8375
|
"onUpdate:modelValue": _ctx.handleAutoComplete,
|
|
8376
8376
|
onKeyEscape: _ctx.handleKeyEscape
|
|
8377
8377
|
}, {
|
|
@@ -24017,6 +24017,17 @@ function __render__$h(_ctx, _cache) {
|
|
|
24017
24017
|
vue.renderSlot(_ctx.$slots, "clear-icon", { clear: clear2 })
|
|
24018
24018
|
]),
|
|
24019
24019
|
"append-icon": vue.withCtx(() => [
|
|
24020
|
+
vue.renderSlot(_ctx.$slots, "arrow-icon", {
|
|
24021
|
+
focus: _ctx.isFocusing,
|
|
24022
|
+
menuOpen: _ctx.showMenu
|
|
24023
|
+
}, () => [
|
|
24024
|
+
vue.createVNode(_component_var_icon, {
|
|
24025
|
+
class: vue.normalizeClass(_ctx.classes(_ctx.n("arrow"), [_ctx.showMenu, _ctx.n("--arrow-rotate")])),
|
|
24026
|
+
"var-select-cover": "",
|
|
24027
|
+
name: "menu-down",
|
|
24028
|
+
transition: 300
|
|
24029
|
+
}, null, 8, ["class"])
|
|
24030
|
+
]),
|
|
24020
24031
|
vue.renderSlot(_ctx.$slots, "append-icon")
|
|
24021
24032
|
]),
|
|
24022
24033
|
default: vue.withCtx(() => [
|
|
@@ -24133,18 +24144,7 @@ function __render__$h(_ctx, _cache) {
|
|
|
24133
24144
|
vue.toDisplayString(_ctx.placeholder),
|
|
24134
24145
|
7
|
|
24135
24146
|
/* TEXT, CLASS, STYLE */
|
|
24136
|
-
)) : vue.createCommentVNode("v-if", true)
|
|
24137
|
-
vue.renderSlot(_ctx.$slots, "arrow-icon", {
|
|
24138
|
-
focus: _ctx.isFocusing,
|
|
24139
|
-
menuOpen: _ctx.showMenu
|
|
24140
|
-
}, () => [
|
|
24141
|
-
vue.createVNode(_component_var_icon, {
|
|
24142
|
-
class: vue.normalizeClass(_ctx.classes(_ctx.n("arrow"), [_ctx.showMenu, _ctx.n("--arrow-rotate")])),
|
|
24143
|
-
"var-select-cover": "",
|
|
24144
|
-
name: "menu-down",
|
|
24145
|
-
transition: 300
|
|
24146
|
-
}, null, 8, ["class"])
|
|
24147
|
-
])
|
|
24147
|
+
)) : vue.createCommentVNode("v-if", true)
|
|
24148
24148
|
],
|
|
24149
24149
|
6
|
|
24150
24150
|
/* CLASS, STYLE */
|
|
@@ -27608,7 +27608,33 @@ var stdin_default$2V = {
|
|
|
27608
27608
|
"--field-decorator-outlined-small-padding-right": "12px",
|
|
27609
27609
|
"--field-decorator-outlined-small-placeholder-space": "2px",
|
|
27610
27610
|
"--field-decorator-outlined-small-icon-margin-top": "8px",
|
|
27611
|
-
"--field-decorator-outlined-small-icon-margin-bottom": "8px"
|
|
27611
|
+
"--field-decorator-outlined-small-icon-margin-bottom": "8px",
|
|
27612
|
+
"--field-decorator-filled-background-color": "var(--color-surface-container-high)",
|
|
27613
|
+
"--field-decorator-filled-border-radius": "4px",
|
|
27614
|
+
"--field-decorator-filled-normal-placeholder-hint-top": "4px",
|
|
27615
|
+
"--field-decorator-filled-normal-margin-top": "26px",
|
|
27616
|
+
"--field-decorator-filled-normal-margin-bottom": "6px",
|
|
27617
|
+
"--field-decorator-filled-normal-hint-center-margin-top": "16px",
|
|
27618
|
+
"--field-decorator-filled-normal-hint-margin-top": "16px",
|
|
27619
|
+
"--field-decorator-filled-normal-non-hint-margin-top": "16px",
|
|
27620
|
+
"--field-decorator-filled-normal-non-hint-margin-bottom": "16px",
|
|
27621
|
+
"--field-decorator-filled-normal-padding-left": "16px",
|
|
27622
|
+
"--field-decorator-filled-normal-padding-right": "16px",
|
|
27623
|
+
"--field-decorator-filled-normal-placeholder-space": "4px",
|
|
27624
|
+
"--field-decorator-filled-normal-icon-margin-top": "16px",
|
|
27625
|
+
"--field-decorator-filled-normal-icon-margin-bottom": "16px",
|
|
27626
|
+
"--field-decorator-filled-small-placeholder-hint-top": "2px",
|
|
27627
|
+
"--field-decorator-filled-small-margin-top": "18px",
|
|
27628
|
+
"--field-decorator-filled-small-margin-bottom": "2px",
|
|
27629
|
+
"--field-decorator-filled-small-hint-center-margin-top": "10px",
|
|
27630
|
+
"--field-decorator-filled-small-hint-margin-top": "10px",
|
|
27631
|
+
"--field-decorator-filled-small-padding-left": "12px",
|
|
27632
|
+
"--field-decorator-filled-small-padding-right": "12px",
|
|
27633
|
+
"--field-decorator-filled-small-placeholder-space": "2px",
|
|
27634
|
+
"--field-decorator-filled-small-icon-margin-top": "10px",
|
|
27635
|
+
"--field-decorator-filled-small-icon-margin-bottom": "10px",
|
|
27636
|
+
"--field-decorator-filled-small-non-hint-margin-top": "10px",
|
|
27637
|
+
"--field-decorator-filled-small-non-hint-margin-bottom": "10px"
|
|
27612
27638
|
};
|
|
27613
27639
|
var stdin_default$2U = {
|
|
27614
27640
|
"--floating-panel-z-index": "999",
|
|
@@ -27849,6 +27875,7 @@ var stdin_default$2u = {
|
|
|
27849
27875
|
"--select-chips-margin": "-5px 0 0 0",
|
|
27850
27876
|
"--select-chips-padding": "2px 0",
|
|
27851
27877
|
"--select-chip-margin": "5px 5px 0 0",
|
|
27878
|
+
"--select-chip-background-color": "#555",
|
|
27852
27879
|
"--select-arrow-size": "20px",
|
|
27853
27880
|
"--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
|
|
27854
27881
|
"--select-label-font-size": "16px"
|
|
@@ -28651,7 +28678,33 @@ var stdin_default$1S = {
|
|
|
28651
28678
|
"--field-decorator-outlined-small-padding-right": "12px",
|
|
28652
28679
|
"--field-decorator-outlined-small-placeholder-space": "2px",
|
|
28653
28680
|
"--field-decorator-outlined-small-icon-margin-top": "8px",
|
|
28654
|
-
"--field-decorator-outlined-small-icon-margin-bottom": "8px"
|
|
28681
|
+
"--field-decorator-outlined-small-icon-margin-bottom": "8px",
|
|
28682
|
+
"--field-decorator-filled-background-color": "var(--color-surface-container-high)",
|
|
28683
|
+
"--field-decorator-filled-border-radius": "4px",
|
|
28684
|
+
"--field-decorator-filled-normal-placeholder-hint-top": "4px",
|
|
28685
|
+
"--field-decorator-filled-normal-margin-top": "26px",
|
|
28686
|
+
"--field-decorator-filled-normal-margin-bottom": "6px",
|
|
28687
|
+
"--field-decorator-filled-normal-hint-center-margin-top": "16px",
|
|
28688
|
+
"--field-decorator-filled-normal-hint-margin-top": "16px",
|
|
28689
|
+
"--field-decorator-filled-normal-non-hint-margin-top": "16px",
|
|
28690
|
+
"--field-decorator-filled-normal-non-hint-margin-bottom": "16px",
|
|
28691
|
+
"--field-decorator-filled-normal-padding-left": "16px",
|
|
28692
|
+
"--field-decorator-filled-normal-padding-right": "16px",
|
|
28693
|
+
"--field-decorator-filled-normal-placeholder-space": "4px",
|
|
28694
|
+
"--field-decorator-filled-normal-icon-margin-top": "16px",
|
|
28695
|
+
"--field-decorator-filled-normal-icon-margin-bottom": "16px",
|
|
28696
|
+
"--field-decorator-filled-small-placeholder-hint-top": "2px",
|
|
28697
|
+
"--field-decorator-filled-small-margin-top": "18px",
|
|
28698
|
+
"--field-decorator-filled-small-margin-bottom": "2px",
|
|
28699
|
+
"--field-decorator-filled-small-hint-center-margin-top": "10px",
|
|
28700
|
+
"--field-decorator-filled-small-hint-margin-top": "10px",
|
|
28701
|
+
"--field-decorator-filled-small-padding-left": "12px",
|
|
28702
|
+
"--field-decorator-filled-small-padding-right": "12px",
|
|
28703
|
+
"--field-decorator-filled-small-placeholder-space": "2px",
|
|
28704
|
+
"--field-decorator-filled-small-icon-margin-top": "10px",
|
|
28705
|
+
"--field-decorator-filled-small-icon-margin-bottom": "10px",
|
|
28706
|
+
"--field-decorator-filled-small-non-hint-margin-top": "10px",
|
|
28707
|
+
"--field-decorator-filled-small-non-hint-margin-bottom": "10px"
|
|
28655
28708
|
};
|
|
28656
28709
|
var stdin_default$1R = {
|
|
28657
28710
|
"--floating-panel-background": "var(--color-surface-container-low)",
|
|
@@ -28892,6 +28945,7 @@ var stdin_default$1r = {
|
|
|
28892
28945
|
"--select-chips-margin": "-5px 0 0 0",
|
|
28893
28946
|
"--select-chips-padding": "2px 0",
|
|
28894
28947
|
"--select-chip-margin": "5px 5px 0 0",
|
|
28948
|
+
"--select-chip-background-color": "var(--color-surface-container-highest)",
|
|
28895
28949
|
"--select-arrow-size": "20px",
|
|
28896
28950
|
"--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
|
|
28897
28951
|
"--select-label-font-size": "16px"
|
|
@@ -29679,7 +29733,33 @@ var stdin_default$P = {
|
|
|
29679
29733
|
"--field-decorator-outlined-small-padding-right": "12px",
|
|
29680
29734
|
"--field-decorator-outlined-small-placeholder-space": "2px",
|
|
29681
29735
|
"--field-decorator-outlined-small-icon-margin-top": "8px",
|
|
29682
|
-
"--field-decorator-outlined-small-icon-margin-bottom": "8px"
|
|
29736
|
+
"--field-decorator-outlined-small-icon-margin-bottom": "8px",
|
|
29737
|
+
"--field-decorator-filled-background-color": "var(--color-surface-container-high)",
|
|
29738
|
+
"--field-decorator-filled-border-radius": "4px",
|
|
29739
|
+
"--field-decorator-filled-normal-placeholder-hint-top": "4px",
|
|
29740
|
+
"--field-decorator-filled-normal-margin-top": "26px",
|
|
29741
|
+
"--field-decorator-filled-normal-margin-bottom": "6px",
|
|
29742
|
+
"--field-decorator-filled-normal-hint-center-margin-top": "16px",
|
|
29743
|
+
"--field-decorator-filled-normal-hint-margin-top": "16px",
|
|
29744
|
+
"--field-decorator-filled-normal-non-hint-margin-top": "16px",
|
|
29745
|
+
"--field-decorator-filled-normal-non-hint-margin-bottom": "16px",
|
|
29746
|
+
"--field-decorator-filled-normal-padding-left": "16px",
|
|
29747
|
+
"--field-decorator-filled-normal-padding-right": "16px",
|
|
29748
|
+
"--field-decorator-filled-normal-placeholder-space": "4px",
|
|
29749
|
+
"--field-decorator-filled-normal-icon-margin-top": "16px",
|
|
29750
|
+
"--field-decorator-filled-normal-icon-margin-bottom": "16px",
|
|
29751
|
+
"--field-decorator-filled-small-placeholder-hint-top": "2px",
|
|
29752
|
+
"--field-decorator-filled-small-margin-top": "18px",
|
|
29753
|
+
"--field-decorator-filled-small-margin-bottom": "2px",
|
|
29754
|
+
"--field-decorator-filled-small-hint-center-margin-top": "10px",
|
|
29755
|
+
"--field-decorator-filled-small-hint-margin-top": "10px",
|
|
29756
|
+
"--field-decorator-filled-small-padding-left": "12px",
|
|
29757
|
+
"--field-decorator-filled-small-padding-right": "12px",
|
|
29758
|
+
"--field-decorator-filled-small-placeholder-space": "2px",
|
|
29759
|
+
"--field-decorator-filled-small-icon-margin-top": "10px",
|
|
29760
|
+
"--field-decorator-filled-small-icon-margin-bottom": "10px",
|
|
29761
|
+
"--field-decorator-filled-small-non-hint-margin-top": "10px",
|
|
29762
|
+
"--field-decorator-filled-small-non-hint-margin-bottom": "10px"
|
|
29683
29763
|
};
|
|
29684
29764
|
var stdin_default$O = {
|
|
29685
29765
|
"--floating-panel-background": "var(--color-surface-container-low)",
|
|
@@ -29920,6 +30000,7 @@ var stdin_default$o = {
|
|
|
29920
30000
|
"--select-chips-margin": "-5px 0 0 0",
|
|
29921
30001
|
"--select-chips-padding": "2px 0",
|
|
29922
30002
|
"--select-chip-margin": "5px 5px 0 0",
|
|
30003
|
+
"--select-chip-background-color": "rgb(218, 212, 219)",
|
|
29923
30004
|
"--select-arrow-size": "20px",
|
|
29924
30005
|
"--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
|
|
29925
30006
|
"--select-label-font-size": "16px"
|
|
@@ -32060,7 +32141,7 @@ withInstall(stdin_default$1);
|
|
|
32060
32141
|
withPropsDefaultsSetter(stdin_default$1, props);
|
|
32061
32142
|
const _WatermarkComponent = stdin_default$1;
|
|
32062
32143
|
var stdin_default = stdin_default$1;
|
|
32063
|
-
const version = "3.
|
|
32144
|
+
const version = "3.13.0";
|
|
32064
32145
|
function install(app) {
|
|
32065
32146
|
stdin_default$60.install && app.use(stdin_default$60);
|
|
32066
32147
|
stdin_default$5_.install && app.use(stdin_default$5_);
|