vft 0.0.334 → 0.0.337
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/dist/index.css +1 -1
- package/es/components/carousel/use-carousel.js +1 -1
- package/es/components/input/input.vue2.js +4 -4
- package/es/components/input-tag/composables/use-input-tag.js +1 -1
- package/es/components/search/style/css.d.ts +1 -0
- package/es/components/search/style/css.js +1 -0
- package/es/components/search/style/index.d.ts +1 -0
- package/es/components/search/style/index.js +1 -0
- package/es/components/super-form/index.d.ts +15 -0
- package/es/components/super-form/super-form-item.vue2.js +1 -1
- package/es/components/super-form/super-form.vue.d.ts +1 -0
- package/es/components/super-form/super-form.vue2.js +3 -3
- package/es/components/super-form/types.d.ts +1 -0
- package/es/components/super-form/use/helper.js +53 -137
- package/es/components/upload/index.d.ts +72 -18
- package/es/components/upload/types.d.ts +17 -2
- package/es/components/upload/upload-content.vue.d.ts +10 -1
- package/es/components/upload/upload-content.vue2.js +103 -80
- package/es/components/upload/upload.vue.d.ts +22 -13
- package/es/components/upload/upload.vue2.js +201 -73
- package/es/components/upload/use-handlers.js +69 -61
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/es/utils/vue/vnode.js +1 -1
- package/lib/components/input/input.vue2.cjs +1 -1
- package/lib/components/search/style/css.cjs +1 -1
- package/lib/components/search/style/css.d.ts +1 -0
- package/lib/components/search/style/index.cjs +1 -1
- package/lib/components/search/style/index.d.ts +1 -0
- package/lib/components/super-form/index.d.ts +15 -0
- package/lib/components/super-form/super-form.vue.d.ts +1 -0
- package/lib/components/super-form/super-form.vue2.cjs +1 -1
- package/lib/components/super-form/types.d.ts +1 -0
- package/lib/components/super-form/use/helper.cjs +1 -1
- package/lib/components/upload/index.d.ts +72 -18
- package/lib/components/upload/types.d.ts +17 -2
- package/lib/components/upload/upload-content.vue.d.ts +10 -1
- package/lib/components/upload/upload-content.vue2.cjs +1 -1
- package/lib/components/upload/upload.vue.d.ts +22 -13
- package/lib/components/upload/upload.vue2.cjs +1 -1
- package/lib/components/upload/use-handlers.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +5 -5
- package/theme-style/index.css +1 -1
- package/theme-style/src/checkbox.scss +46 -45
- package/theme-style/vft-checkbox.css +1 -1
- package/web-types.json +1 -1
|
@@ -49,17 +49,17 @@ $checkbox-bordered-input-width: map.merge(
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
color: getCssVar('checkbox-text-color');
|
|
53
|
-
font-weight: getCssVar('checkbox-font-weight');
|
|
54
|
-
font-size: getCssVar('font-size', 'base');
|
|
55
|
-
position: relative;
|
|
56
|
-
cursor: pointer;
|
|
57
52
|
display: inline-flex;
|
|
53
|
+
position: relative;
|
|
58
54
|
align-items: center;
|
|
55
|
+
height: map.get($checkbox-height, 'default');
|
|
56
|
+
margin-right: 30px;
|
|
57
|
+
color: getCssVar('checkbox-text-color');
|
|
58
|
+
font-size: getCssVar('font-size', 'base');
|
|
59
|
+
font-weight: getCssVar('checkbox-font-weight');
|
|
59
60
|
white-space: nowrap;
|
|
61
|
+
cursor: pointer;
|
|
60
62
|
user-select: none;
|
|
61
|
-
margin-right: 30px;
|
|
62
|
-
height: map.get($checkbox-height, 'default');
|
|
63
63
|
|
|
64
64
|
@include when(disabled) {
|
|
65
65
|
cursor: not-allowed;
|
|
@@ -79,17 +79,17 @@ $checkbox-bordered-input-width: map.merge(
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.#{$namespace}-checkbox__inner {
|
|
82
|
-
height: map.get($checkbox-bordered-input-height, $size);
|
|
83
82
|
width: map.get($checkbox-bordered-input-width, $size);
|
|
83
|
+
height: map.get($checkbox-bordered-input-height, $size);
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
+
box-sizing: border-box;
|
|
88
89
|
padding: 0 map.get($checkbox-bordered-padding-right, 'default')-$border-width
|
|
89
90
|
0 map.get($checkbox-bordered-padding-left, 'default')-$border-width;
|
|
90
|
-
border-radius: getCssVar('border-radius-base');
|
|
91
91
|
border: getCssVar('border');
|
|
92
|
-
|
|
92
|
+
border-radius: getCssVar('border-radius-base');
|
|
93
93
|
|
|
94
94
|
&.is-checked {
|
|
95
95
|
border-color: getCssVar('primary-color');
|
|
@@ -102,38 +102,38 @@ $checkbox-bordered-input-width: map.merge(
|
|
|
102
102
|
&.#{$namespace}-checkbox--small {
|
|
103
103
|
.#{$namespace}-checkbox__inner {
|
|
104
104
|
&::after {
|
|
105
|
-
height: 6px;
|
|
106
105
|
width: 2px;
|
|
106
|
+
height: 6px;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
@include e(input) {
|
|
113
|
-
white-space: nowrap;
|
|
114
|
-
cursor: pointer;
|
|
115
|
-
outline: none;
|
|
116
113
|
display: inline-flex;
|
|
117
114
|
position: relative;
|
|
115
|
+
outline: none;
|
|
116
|
+
white-space: nowrap;
|
|
117
|
+
cursor: pointer;
|
|
118
118
|
|
|
119
119
|
@include when(disabled) {
|
|
120
120
|
.#{$namespace}-checkbox__inner {
|
|
121
|
-
background-color: getCssVar('checkbox-disabled-input-fill');
|
|
122
121
|
border-color: getCssVar('checkbox-disabled-border-color');
|
|
122
|
+
background-color: getCssVar('checkbox-disabled-input-fill');
|
|
123
123
|
cursor: not-allowed;
|
|
124
124
|
|
|
125
125
|
&::after {
|
|
126
|
-
cursor: not-allowed;
|
|
127
126
|
border-color: getCssVar('checkbox-disabled-icon-color');
|
|
127
|
+
cursor: not-allowed;
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
&.is-checked {
|
|
132
132
|
.#{$namespace}-checkbox__inner {
|
|
133
|
-
background-color: getCssVar('checkbox-disabled-checked-input-fill');
|
|
134
133
|
border-color: getCssVar(
|
|
135
134
|
'checkbox-disabled-checked-input-border-color'
|
|
136
135
|
);
|
|
136
|
+
background-color: getCssVar('checkbox-disabled-checked-input-fill');
|
|
137
137
|
|
|
138
138
|
&::after {
|
|
139
139
|
border-color: getCssVar('checkbox-disabled-checked-icon-color');
|
|
@@ -143,14 +143,14 @@ $checkbox-bordered-input-width: map.merge(
|
|
|
143
143
|
|
|
144
144
|
&.is-indeterminate {
|
|
145
145
|
.#{$namespace}-checkbox__inner {
|
|
146
|
-
background-color: getCssVar('checkbox-disabled-checked-input-fill');
|
|
147
146
|
border-color: getCssVar(
|
|
148
147
|
'checkbox-disabled-checked-input-border-color'
|
|
149
148
|
);
|
|
149
|
+
background-color: getCssVar('checkbox-disabled-checked-input-fill');
|
|
150
150
|
|
|
151
151
|
&::before {
|
|
152
|
-
background-color: getCssVar('checkbox-disabled-checked-icon-color');
|
|
153
152
|
border-color: getCssVar('checkbox-disabled-checked-icon-color');
|
|
153
|
+
background-color: getCssVar('checkbox-disabled-checked-icon-color');
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
156
|
}
|
|
@@ -163,8 +163,8 @@ $checkbox-bordered-input-width: map.merge(
|
|
|
163
163
|
|
|
164
164
|
@include when(checked) {
|
|
165
165
|
.#{$namespace}-checkbox__inner {
|
|
166
|
-
background-color: getCssVar('checkbox-checked-bg-color');
|
|
167
166
|
border-color: getCssVar('checkbox-checked-input-border-color');
|
|
167
|
+
background-color: getCssVar('checkbox-checked-bg-color');
|
|
168
168
|
|
|
169
169
|
&::after {
|
|
170
170
|
transform: rotate(45deg) scaleY(1);
|
|
@@ -187,19 +187,19 @@ $checkbox-bordered-input-width: map.merge(
|
|
|
187
187
|
|
|
188
188
|
@include when(indeterminate) {
|
|
189
189
|
.#{$namespace}-checkbox__inner {
|
|
190
|
-
background-color: getCssVar('checkbox-checked-bg-color');
|
|
191
190
|
border-color: getCssVar('checkbox-checked-input-border-color');
|
|
191
|
+
background-color: getCssVar('checkbox-checked-bg-color');
|
|
192
192
|
|
|
193
193
|
&::before {
|
|
194
194
|
content: '';
|
|
195
|
-
position: absolute;
|
|
196
195
|
display: block;
|
|
197
|
-
|
|
196
|
+
position: absolute;
|
|
197
|
+
top: 5px;
|
|
198
|
+
right: 0;
|
|
199
|
+
left: 0;
|
|
198
200
|
height: 2px;
|
|
199
201
|
transform: scale(0.5);
|
|
200
|
-
|
|
201
|
-
right: 0;
|
|
202
|
-
top: 5px;
|
|
202
|
+
background-color: getCssVar('checkbox-checked-icon-color');
|
|
203
203
|
}
|
|
204
204
|
|
|
205
205
|
&::after {
|
|
@@ -212,60 +212,61 @@ $checkbox-bordered-input-width: map.merge(
|
|
|
212
212
|
@include e(inner) {
|
|
213
213
|
display: inline-block;
|
|
214
214
|
position: relative;
|
|
215
|
-
|
|
216
|
-
border-radius: getCssVar('checkbox-border-radius');
|
|
215
|
+
z-index: getCssVar('z-index-normal');
|
|
217
216
|
box-sizing: border-box;
|
|
218
217
|
width: getCssVar('checkbox-input-width');
|
|
219
218
|
height: getCssVar('checkbox-input-height');
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
|
|
219
|
+
transition:
|
|
220
|
+
border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
|
|
223
221
|
background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
|
|
224
222
|
outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
|
223
|
+
border: getCssVar('checkbox-input-border');
|
|
224
|
+
border-radius: getCssVar('checkbox-border-radius');
|
|
225
|
+
background-color: getCssVar('checkbox-bg-color');
|
|
225
226
|
|
|
226
227
|
&:hover {
|
|
227
228
|
border-color: getCssVar('checkbox-input-border-color-hover');
|
|
228
229
|
}
|
|
229
230
|
|
|
230
231
|
&::after {
|
|
231
|
-
box-sizing: content-box;
|
|
232
232
|
content: '';
|
|
233
|
-
border: 1px solid getCssVar('checkbox-checked-icon-color');
|
|
234
|
-
border-left: 0;
|
|
235
|
-
border-top: 0;
|
|
236
|
-
height: 7px;
|
|
237
|
-
left: 4px;
|
|
238
233
|
position: absolute;
|
|
239
234
|
top: 1px;
|
|
240
|
-
|
|
235
|
+
left: 4px;
|
|
236
|
+
box-sizing: content-box;
|
|
241
237
|
width: 3px;
|
|
242
|
-
|
|
238
|
+
height: 7px;
|
|
239
|
+
transform: rotate(45deg) scaleY(0);
|
|
243
240
|
transform-origin: center;
|
|
241
|
+
transition: transform 0.15s ease-in 0.05s;
|
|
242
|
+
border: 1px solid getCssVar('checkbox-checked-icon-color');
|
|
243
|
+
border-top: 0;
|
|
244
|
+
border-left: 0;
|
|
244
245
|
}
|
|
245
246
|
}
|
|
246
247
|
|
|
247
248
|
@include e(original) {
|
|
248
|
-
opacity: 0;
|
|
249
|
-
outline: none;
|
|
250
249
|
position: absolute;
|
|
251
|
-
|
|
250
|
+
z-index: -1;
|
|
252
251
|
width: 0;
|
|
253
252
|
height: 0;
|
|
254
|
-
|
|
253
|
+
margin: 0;
|
|
254
|
+
outline: none;
|
|
255
|
+
opacity: 0;
|
|
255
256
|
}
|
|
256
257
|
|
|
257
258
|
@include e(label) {
|
|
258
259
|
display: inline-block;
|
|
259
260
|
padding-left: 8px;
|
|
260
|
-
line-height: 1;
|
|
261
261
|
font-size: getCssVar('checkbox-font-size');
|
|
262
|
+
line-height: 1;
|
|
262
263
|
}
|
|
263
264
|
|
|
264
265
|
input:focus-visible {
|
|
265
266
|
& + .#{$namespace}-checkbox__inner {
|
|
267
|
+
border-radius: getCssVar('checkbox-border-radius');
|
|
266
268
|
outline: 2px solid getCssVar('checkbox-input-border-color-hover');
|
|
267
269
|
outline-offset: 1px;
|
|
268
|
-
border-radius: getCssVar('checkbox-border-radius');
|
|
269
270
|
}
|
|
270
271
|
}
|
|
271
272
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vft-checkbox{--vft-checkbox-font-size:var(--vft-font-size-base);--vft-checkbox-font-weight:var(--vft-font-weight-primary);--vft-checkbox-text-color:var(--vft-text-regular-color);--vft-checkbox-input-height:14px;--vft-checkbox-input-width:14px;--vft-checkbox-border-radius:var(--vft-border-radius-small);--vft-checkbox-bg-color:var(--vft-fill-color-blank);--vft-checkbox-input-border:var(--vft-border);--vft-checkbox-disabled-border-color:var(--vft-border-color);--vft-checkbox-disabled-input-fill:var(--vft-fill-color-light);--vft-checkbox-disabled-icon-color:var(--vft-text-placeholder-color);--vft-checkbox-disabled-checked-input-fill:var(--vft-border-color-extra-light);--vft-checkbox-disabled-checked-input-border-color:var(--vft-border-color);--vft-checkbox-disabled-checked-icon-color:var(--vft-text-placeholder-color);--vft-checkbox-checked-text-color:var(--vft-primary-color);--vft-checkbox-checked-input-border-color:var(--vft-primary-color);--vft-checkbox-checked-bg-color:var(--vft-primary-color);--vft-checkbox-checked-icon-color:var(--vft-color-white);--vft-checkbox-input-border-color-hover:var(--vft-primary-color)}.vft-checkbox{color:var(--vft-checkbox-text-color);font-
|
|
1
|
+
.vft-checkbox{--vft-checkbox-font-size:var(--vft-font-size-base);--vft-checkbox-font-weight:var(--vft-font-weight-primary);--vft-checkbox-text-color:var(--vft-text-regular-color);--vft-checkbox-input-height:14px;--vft-checkbox-input-width:14px;--vft-checkbox-border-radius:var(--vft-border-radius-small);--vft-checkbox-bg-color:var(--vft-fill-color-blank);--vft-checkbox-input-border:var(--vft-border);--vft-checkbox-disabled-border-color:var(--vft-border-color);--vft-checkbox-disabled-input-fill:var(--vft-fill-color-light);--vft-checkbox-disabled-icon-color:var(--vft-text-placeholder-color);--vft-checkbox-disabled-checked-input-fill:var(--vft-border-color-extra-light);--vft-checkbox-disabled-checked-input-border-color:var(--vft-border-color);--vft-checkbox-disabled-checked-icon-color:var(--vft-text-placeholder-color);--vft-checkbox-checked-text-color:var(--vft-primary-color);--vft-checkbox-checked-input-border-color:var(--vft-primary-color);--vft-checkbox-checked-bg-color:var(--vft-primary-color);--vft-checkbox-checked-icon-color:var(--vft-color-white);--vft-checkbox-input-border-color-hover:var(--vft-primary-color)}.vft-checkbox{display:inline-flex;position:relative;align-items:center;height:32px;margin-right:30px;color:var(--vft-checkbox-text-color);font-size:var(--vft-font-size-base);font-weight:var(--vft-checkbox-font-weight);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-checkbox.vft-checkbox--large{height:40px}.vft-checkbox.vft-checkbox--large .vft-checkbox__label{font-size:14px}.vft-checkbox.vft-checkbox--large .vft-checkbox__inner{width:14px;height:14px}.vft-checkbox.vft-checkbox--small{height:24px}.vft-checkbox.vft-checkbox--small .vft-checkbox__label{font-size:12px}.vft-checkbox.vft-checkbox--small .vft-checkbox__inner{width:12px;height:12px}.vft-checkbox.is-disabled{cursor:not-allowed}.vft-checkbox.is-bordered{box-sizing:border-box;padding:0 15px 0 9px;border:var(--vft-border);border-radius:var(--vft-border-radius-base)}.vft-checkbox.is-bordered.vft-checkbox--large{padding:0 19px 0 11px;border-radius:var(--vft-border-radius-base)}.vft-checkbox.is-bordered.vft-checkbox--large .vft-checkbox__label{font-size:var(--vft-font-size-base)}.vft-checkbox.is-bordered.vft-checkbox--large .vft-checkbox__inner{width:14px;height:14px}.vft-checkbox.is-bordered.vft-checkbox--small{padding:0 11px 0 7px;border-radius:calc(var(--vft-border-radius-base) - 1px)}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__label{font-size:12px}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__inner{width:12px;height:12px}.vft-checkbox.is-bordered.is-checked{border-color:var(--vft-primary-color)}.vft-checkbox.is-bordered.is-disabled{border-color:var(--vft-border-color-lighter)}.vft-checkbox.is-bordered.vft-checkbox--small .vft-checkbox__inner::after{width:2px;height:6px}.vft-checkbox__input{display:inline-flex;position:relative;outline:0;white-space:nowrap;cursor:pointer}.vft-checkbox__input.is-disabled .vft-checkbox__inner{border-color:var(--vft-checkbox-disabled-border-color);background-color:var(--vft-checkbox-disabled-input-fill);cursor:not-allowed}.vft-checkbox__input.is-disabled .vft-checkbox__inner::after{border-color:var(--vft-checkbox-disabled-icon-color);cursor:not-allowed}.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner{border-color:var(--vft-checkbox-disabled-checked-input-border-color);background-color:var(--vft-checkbox-disabled-checked-input-fill)}.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner::after{border-color:var(--vft-checkbox-disabled-checked-icon-color)}.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner{border-color:var(--vft-checkbox-disabled-checked-input-border-color);background-color:var(--vft-checkbox-disabled-checked-input-fill)}.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner::before{border-color:var(--vft-checkbox-disabled-checked-icon-color);background-color:var(--vft-checkbox-disabled-checked-icon-color)}.vft-checkbox__input.is-disabled+span.vft-checkbox__label{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-checkbox__input.is-checked .vft-checkbox__inner{border-color:var(--vft-checkbox-checked-input-border-color);background-color:var(--vft-checkbox-checked-bg-color)}.vft-checkbox__input.is-checked .vft-checkbox__inner::after{transform:rotate(45deg) scaleY(1)}.vft-checkbox__input.is-checked+.vft-checkbox__label{color:var(--vft-checkbox-checked-text-color)}.vft-checkbox__input.is-focus:not(.is-checked) .vft-checkbox__original:not(:focus-visible){border-color:var(--vft-checkbox-input-border-color-hover)}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner{border-color:var(--vft-checkbox-checked-input-border-color);background-color:var(--vft-checkbox-checked-bg-color)}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before{content:"";display:block;position:absolute;top:5px;right:0;left:0;height:2px;transform:scale(.5);background-color:var(--vft-checkbox-checked-icon-color)}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::after{display:none}.vft-checkbox__inner{display:inline-block;position:relative;z-index:var(--vft-z-index-normal);box-sizing:border-box;width:var(--vft-checkbox-input-width);height:var(--vft-checkbox-input-height);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);border:var(--vft-checkbox-input-border);border-radius:var(--vft-checkbox-border-radius);background-color:var(--vft-checkbox-bg-color)}.vft-checkbox__inner:hover{border-color:var(--vft-checkbox-input-border-color-hover)}.vft-checkbox__inner::after{content:"";position:absolute;top:1px;left:4px;box-sizing:content-box;width:3px;height:7px;transform:rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in 50ms;border:1px solid var(--vft-checkbox-checked-icon-color);border-top:0;border-left:0}.vft-checkbox__original{position:absolute;z-index:-1;width:0;height:0;margin:0;outline:0;opacity:0}.vft-checkbox__label{display:inline-block;padding-left:8px;font-size:var(--vft-checkbox-font-size);line-height:1}.vft-checkbox input:focus-visible+.vft-checkbox__inner{border-radius:var(--vft-checkbox-border-radius);outline:2px solid var(--vft-checkbox-input-border-color-hover);outline-offset:1px}.vft-checkbox.vft-checkbox--small .vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before{top:4px}.vft-checkbox.vft-checkbox--small .vft-checkbox__inner::after{width:2px;height:6px}.vft-checkbox:last-of-type{margin-right:0}
|
package/web-types.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.
|
|
1
|
+
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.337","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
|