vft 0.0.328 → 0.0.331
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/button/index.d.ts +9 -9
- package/es/components/form/form-item.vue.d.ts +1 -1
- package/es/components/form/index.d.ts +30 -30
- package/es/components/popconfirm/index.d.ts +15 -15
- package/es/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/es/components/steps/index.d.ts +27 -8
- package/es/components/steps/item.vue.d.ts +8 -14
- package/es/components/steps/item.vue2.js +122 -86
- package/es/components/steps/steps.vue.d.ts +3 -0
- package/es/components/steps/steps.vue2.js +24 -19
- package/es/components/steps/style/css.d.ts +1 -0
- package/es/components/steps/style/css.js +1 -0
- package/es/components/steps/style/index.d.ts +1 -0
- package/es/components/steps/style/index.js +1 -0
- package/es/components/steps/tokens.d.ts +1 -0
- package/es/components/steps/tokens.js +4 -0
- package/es/components/steps/types.d.ts +3 -1
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/components/button/index.d.ts +9 -9
- package/lib/components/form/form-item.vue.d.ts +1 -1
- package/lib/components/form/index.d.ts +30 -30
- package/lib/components/popconfirm/index.d.ts +15 -15
- package/lib/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/lib/components/steps/index.d.ts +27 -8
- package/lib/components/steps/item.vue.d.ts +8 -14
- package/lib/components/steps/item.vue2.cjs +1 -1
- package/lib/components/steps/steps.vue.d.ts +3 -0
- package/lib/components/steps/steps.vue2.cjs +1 -1
- package/lib/components/steps/style/css.cjs +1 -1
- package/lib/components/steps/style/css.d.ts +1 -0
- package/lib/components/steps/style/index.cjs +1 -1
- package/lib/components/steps/style/index.d.ts +1 -0
- package/lib/components/steps/tokens.cjs +1 -0
- package/lib/components/steps/tokens.d.ts +1 -0
- package/lib/components/steps/types.d.ts +3 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +3 -3
- package/theme-style/index.css +1 -1
- package/theme-style/src/step.scss +61 -9
- package/theme-style/vft-step.css +1 -1
- package/web-types.json +1 -1
|
@@ -5,6 +5,21 @@
|
|
|
5
5
|
position: relative;
|
|
6
6
|
flex-shrink: 1;
|
|
7
7
|
|
|
8
|
+
// 内容区域在顶部的样式（水平方向）
|
|
9
|
+
@include when(content-top) {
|
|
10
|
+
display: flex;
|
|
11
|
+
flex-direction: column;
|
|
12
|
+
|
|
13
|
+
@include e(main) {
|
|
14
|
+
order: -1;
|
|
15
|
+
margin-bottom: 8px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@include e(head) {
|
|
19
|
+
order: 1;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
8
23
|
@include pseudo(last-of-type) {
|
|
9
24
|
@include e(line) {
|
|
10
25
|
display: none;
|
|
@@ -68,7 +83,7 @@
|
|
|
68
83
|
@include when(text) {
|
|
69
84
|
border: 2px solid;
|
|
70
85
|
border-radius: 50%;
|
|
71
|
-
border-color:
|
|
86
|
+
border-color: currentColor;
|
|
72
87
|
}
|
|
73
88
|
|
|
74
89
|
@include when(icon) {
|
|
@@ -84,20 +99,20 @@
|
|
|
84
99
|
text-align: center;
|
|
85
100
|
user-select: none;
|
|
86
101
|
|
|
87
|
-
// 组件自身表示状态的图标
|
|
88
|
-
@include when(status) {
|
|
89
|
-
transform: translateY(1px);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
102
|
&[class*='#{$namespace}-icon']:not(.is-status) {
|
|
93
103
|
font-size: 25px;
|
|
94
104
|
font-weight: normal;
|
|
95
105
|
}
|
|
106
|
+
|
|
107
|
+
// 组件自身表示状态的图标
|
|
108
|
+
@include when(status) {
|
|
109
|
+
transform: translateY(1px);
|
|
110
|
+
}
|
|
96
111
|
}
|
|
97
112
|
|
|
98
113
|
@include e(line) {
|
|
99
114
|
position: absolute;
|
|
100
|
-
border-color:
|
|
115
|
+
border-color: currentColor;
|
|
101
116
|
background-color: getCssVar('text-placeholder-color');
|
|
102
117
|
}
|
|
103
118
|
|
|
@@ -109,7 +124,7 @@
|
|
|
109
124
|
transition: 0.15s ease-out;
|
|
110
125
|
border-width: 1px;
|
|
111
126
|
border-style: solid;
|
|
112
|
-
border-color:
|
|
127
|
+
border-color: currentColor;
|
|
113
128
|
}
|
|
114
129
|
|
|
115
130
|
@include e(main) {
|
|
@@ -171,6 +186,14 @@
|
|
|
171
186
|
}
|
|
172
187
|
}
|
|
173
188
|
|
|
189
|
+
@include e(top-slot) {
|
|
190
|
+
padding-bottom: 8px;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
@include e(bottom-slot) {
|
|
194
|
+
padding-top: 8px;
|
|
195
|
+
}
|
|
196
|
+
|
|
174
197
|
@include when(horizontal) {
|
|
175
198
|
display: inline-block;
|
|
176
199
|
|
|
@@ -214,6 +237,31 @@
|
|
|
214
237
|
}
|
|
215
238
|
}
|
|
216
239
|
|
|
240
|
+
// 垂直方向时，content-top 表示内容在左侧
|
|
241
|
+
@include when(vertical) {
|
|
242
|
+
@include when(content-top) {
|
|
243
|
+
flex-direction: row-reverse;
|
|
244
|
+
|
|
245
|
+
@include e(head) {
|
|
246
|
+
flex-grow: 0;
|
|
247
|
+
order: 2;
|
|
248
|
+
width: 24px;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
@include e(main) {
|
|
252
|
+
flex-grow: 1;
|
|
253
|
+
order: 1;
|
|
254
|
+
padding-left: 10px;
|
|
255
|
+
text-align: left;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
@include e(line) {
|
|
259
|
+
right: 11px;
|
|
260
|
+
left: auto;
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
|
|
217
265
|
@include when(center) {
|
|
218
266
|
@include e(head) {
|
|
219
267
|
text-align: center;
|
|
@@ -276,7 +324,7 @@
|
|
|
276
324
|
@include pseudo('not(:last-of-type)') {
|
|
277
325
|
@include e(title) {
|
|
278
326
|
max-width: 50%;
|
|
279
|
-
|
|
327
|
+
overflow-wrap: break-word;
|
|
280
328
|
}
|
|
281
329
|
}
|
|
282
330
|
|
|
@@ -313,4 +361,8 @@
|
|
|
313
361
|
}
|
|
314
362
|
}
|
|
315
363
|
}
|
|
364
|
+
|
|
365
|
+
.icon-check {
|
|
366
|
+
@include icon-common($icon-check);
|
|
367
|
+
}
|
|
316
368
|
}
|
package/theme-style/vft-step.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.vft-step{position:relative;flex-shrink:1}.vft-step:last-of-type .vft-step__line{display:none}.vft-step:last-of-type.is-flex{flex-basis:auto!important;flex-grow:0;flex-shrink:0}.vft-step:last-of-type .vft-step__description,.vft-step:last-of-type .vft-step__main{padding-right:0}.vft-step__head{position:relative;width:100%}.vft-step__head.is-process{border-color:var(--vft-text-primary-color);color:var(--vft-text-primary-color)}.vft-step__head.is-wait{border-color:var(--vft-text-placeholder-color);color:var(--vft-text-placeholder-color)}.vft-step__head.is-success{border-color:var(--vft-success-color);color:var(--vft-success-color)}.vft-step__head.is-error{border-color:var(--vft-danger-color);color:var(--vft-danger-color)}.vft-step__head.is-finish{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-step__icon{display:inline-flex;position:relative;z-index:1;box-sizing:border-box;align-items:center;justify-content:center;width:24px;height:24px;transition:.15s ease-out;background:var(--vft-bg-color);font-size:14px}.vft-step__icon.is-text{border:2px solid;border-radius:50%;border-color:
|
|
1
|
+
.vft-step{position:relative;flex-shrink:1}.vft-step.is-content-top{display:flex;flex-direction:column}.vft-step.is-content-top .vft-step__main{order:-1;margin-bottom:8px}.vft-step.is-content-top .vft-step__head{order:1}.vft-step:last-of-type .vft-step__line{display:none}.vft-step:last-of-type.is-flex{flex-basis:auto!important;flex-grow:0;flex-shrink:0}.vft-step:last-of-type .vft-step__description,.vft-step:last-of-type .vft-step__main{padding-right:0}.vft-step__head{position:relative;width:100%}.vft-step__head.is-process{border-color:var(--vft-text-primary-color);color:var(--vft-text-primary-color)}.vft-step__head.is-wait{border-color:var(--vft-text-placeholder-color);color:var(--vft-text-placeholder-color)}.vft-step__head.is-success{border-color:var(--vft-success-color);color:var(--vft-success-color)}.vft-step__head.is-error{border-color:var(--vft-danger-color);color:var(--vft-danger-color)}.vft-step__head.is-finish{border-color:var(--vft-primary-color);color:var(--vft-primary-color)}.vft-step__icon{display:inline-flex;position:relative;z-index:1;box-sizing:border-box;align-items:center;justify-content:center;width:24px;height:24px;transition:.15s ease-out;background:var(--vft-bg-color);font-size:14px}.vft-step__icon.is-text{border:2px solid;border-radius:50%;border-color:currentColor}.vft-step__icon.is-icon{width:40px}.vft-step__icon-inner{display:inline-block;color:inherit;font-weight:700;line-height:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-step__icon-inner[class*=vft-icon]:not(.is-status){font-size:25px;font-weight:400}.vft-step__icon-inner.is-status{transform:translateY(1px)}.vft-step__line{position:absolute;border-color:currentColor;background-color:var(--vft-text-placeholder-color)}.vft-step__line-inner{display:block;box-sizing:border-box;width:0;height:0;transition:.15s ease-out;border-width:1px;border-style:solid;border-color:currentColor}.vft-step__main{text-align:left;white-space:normal}.vft-step__title{font-size:16px;line-height:38px}.vft-step__title.is-process{color:var(--vft-text-primary-color);font-weight:700}.vft-step__title.is-wait{color:var(--vft-text-placeholder-color)}.vft-step__title.is-success{color:var(--vft-success-color)}.vft-step__title.is-error{color:var(--vft-danger-color)}.vft-step__title.is-finish{color:var(--vft-primary-color)}.vft-step__description{margin-top:-5px;padding-right:10%;font-size:12px;font-weight:400;line-height:20px}.vft-step__description.is-process{color:var(--vft-text-primary-color)}.vft-step__description.is-wait{color:var(--vft-text-placeholder-color)}.vft-step__description.is-success{color:var(--vft-success-color)}.vft-step__description.is-error{color:var(--vft-danger-color)}.vft-step__description.is-finish{color:var(--vft-primary-color)}.vft-step__top-slot{padding-bottom:8px}.vft-step__bottom-slot{padding-top:8px}.vft-step.is-horizontal{display:inline-block}.vft-step.is-horizontal .vft-step__line{top:11px;right:0;left:0;height:2px}.vft-step.is-vertical{display:flex}.vft-step.is-vertical .vft-step__head{flex-grow:0;width:24px}.vft-step.is-vertical .vft-step__main{flex-grow:1;padding-left:10px}.vft-step.is-vertical .vft-step__title{padding-bottom:8px;line-height:24px}.vft-step.is-vertical .vft-step__line{top:0;bottom:0;left:11px;width:2px}.vft-step.is-vertical .vft-step__icon.is-icon{width:24px}.vft-step.is-vertical.is-content-top{flex-direction:row-reverse}.vft-step.is-vertical.is-content-top .vft-step__head{flex-grow:0;order:2;width:24px}.vft-step.is-vertical.is-content-top .vft-step__main{flex-grow:1;order:1;padding-left:10px;text-align:left}.vft-step.is-vertical.is-content-top .vft-step__line{right:11px;left:auto}.vft-step.is-center .vft-step__head{text-align:center}.vft-step.is-center .vft-step__main{text-align:center}.vft-step.is-center .vft-step__description{padding-right:20%;padding-left:20%}.vft-step.is-center .vft-step__line{right:-50%;left:50%}.vft-step.is-simple{display:flex;align-items:center}.vft-step.is-simple .vft-step__head{width:auto;padding-right:10px;font-size:0}.vft-step.is-simple .vft-step__icon{width:16px;height:16px;background:0 0;font-size:12px}.vft-step.is-simple .vft-step__icon-inner[class*=vft-icon]:not(.is-status){font-size:18px}.vft-step.is-simple .vft-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.vft-step.is-simple .vft-step__main{display:flex;position:relative;flex-grow:1;align-items:stretch}.vft-step.is-simple .vft-step__title{font-size:16px;line-height:20px}.vft-step.is-simple:not(:last-of-type) .vft-step__title{max-width:50%;overflow-wrap:break-word}.vft-step.is-simple .vft-step__arrow{display:flex;flex-grow:1;align-items:center;justify-content:center}.vft-step.is-simple .vft-step__arrow::after,.vft-step.is-simple .vft-step__arrow::before{content:"";display:inline-block;position:absolute;width:1px;height:15px;background:var(--vft-text-placeholder-color)}.vft-step.is-simple .vft-step__arrow::before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.vft-step.is-simple .vft-step__arrow::after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.vft-step.is-simple:last-of-type .vft-step__arrow{display:none}.vft-step .icon-check{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256l512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
|
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.331","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
|