vft 0.0.69 → 0.0.70
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/avatar/avatar.vue.d.ts +2 -2
- package/es/components/avatar/index.d.ts +2 -2
- package/es/components/button/button.vue.d.ts +1 -1
- package/es/components/button/index.d.ts +1 -1
- package/es/components/button/use-button.d.ts +1 -1
- package/es/components/checkbox/checkbox-button.vue.d.ts +2 -2
- package/es/components/checkbox/checkbox-group.vue.d.ts +2 -2
- package/es/components/checkbox/checkbox.vue.d.ts +2 -2
- package/es/components/checkbox/composables/use-checkbox-status.d.ts +2 -2
- package/es/components/checkbox/composables/use-checkbox.d.ts +2 -2
- package/es/components/checkbox/index.d.ts +10 -10
- package/es/components/color-picker/color-picker.vue.d.ts +2 -2
- package/es/components/color-picker/index.d.ts +2 -2
- package/es/components/dropdown/dropdown.vue.d.ts +1 -1
- package/es/components/dropdown/index.d.ts +1 -1
- package/es/components/form/form-item.vue.d.ts +3 -3
- package/es/components/form/form.vue.d.ts +2 -2
- package/es/components/form/hooks/use-form-common-props.d.ts +2 -2
- package/es/components/form/index.d.ts +8 -8
- package/es/components/input/index.d.ts +2 -2
- package/es/components/input/input.vue.d.ts +2 -2
- package/es/components/radio/index.d.ts +10 -10
- package/es/components/radio/radio-button.vue.d.ts +2 -2
- package/es/components/radio/radio-group.vue.d.ts +2 -2
- package/es/components/radio/radio.vue.d.ts +2 -2
- package/es/components/radio/use-radio.d.ts +1 -1
- package/es/components/select-v2/defaults.d.ts +1 -1
- package/es/components/select-v2/index.d.ts +8 -8
- package/es/components/select-v2/select.vue.d.ts +4 -4
- package/es/components/select-v2/useSelect.d.ts +2 -2
- package/es/components/switch/index.d.ts +2 -2
- package/es/components/switch/switch.vue.d.ts +2 -2
- package/es/components/tabs/tabs.vue2.js +22 -19
- package/es/components/tabs/types.d.ts +22 -21
- package/es/hooks/use-size/index.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/components/avatar/avatar.vue.d.ts +2 -2
- package/lib/components/avatar/index.d.ts +2 -2
- package/lib/components/button/button.vue.d.ts +1 -1
- package/lib/components/button/index.d.ts +1 -1
- package/lib/components/button/use-button.d.ts +1 -1
- package/lib/components/checkbox/checkbox-button.vue.d.ts +2 -2
- package/lib/components/checkbox/checkbox-group.vue.d.ts +2 -2
- package/lib/components/checkbox/checkbox.vue.d.ts +2 -2
- package/lib/components/checkbox/composables/use-checkbox-status.d.ts +2 -2
- package/lib/components/checkbox/composables/use-checkbox.d.ts +2 -2
- package/lib/components/checkbox/index.d.ts +10 -10
- package/lib/components/color-picker/color-picker.vue.d.ts +2 -2
- package/lib/components/color-picker/index.d.ts +2 -2
- package/lib/components/dropdown/dropdown.vue.d.ts +1 -1
- package/lib/components/dropdown/index.d.ts +1 -1
- package/lib/components/form/form-item.vue.d.ts +3 -3
- package/lib/components/form/form.vue.d.ts +2 -2
- package/lib/components/form/hooks/use-form-common-props.d.ts +2 -2
- package/lib/components/form/index.d.ts +8 -8
- package/lib/components/input/index.d.ts +2 -2
- package/lib/components/input/input.vue.d.ts +2 -2
- package/lib/components/radio/index.d.ts +10 -10
- package/lib/components/radio/radio-button.vue.d.ts +2 -2
- package/lib/components/radio/radio-group.vue.d.ts +2 -2
- package/lib/components/radio/radio.vue.d.ts +2 -2
- package/lib/components/radio/use-radio.d.ts +1 -1
- package/lib/components/select-v2/defaults.d.ts +1 -1
- package/lib/components/select-v2/index.d.ts +8 -8
- package/lib/components/select-v2/select.vue.d.ts +4 -4
- package/lib/components/select-v2/useSelect.d.ts +2 -2
- package/lib/components/switch/index.d.ts +2 -2
- package/lib/components/switch/switch.vue.d.ts +2 -2
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/tabs/types.d.ts +22 -21
- package/lib/hooks/use-size/index.d.ts +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +5 -5
- package/theme-style/index.css +1 -1
- package/theme-style/src/tabs.scss +15 -13
- package/theme-style/vft-tabs.css +1 -1
- package/web-types.json +1 -1
|
@@ -41,19 +41,7 @@ $name: tabs;
|
|
|
41
41
|
transition: getCssVar('transition-function-ease-in-out-bezier'), padding getCssVar('transition-duration') getCssVar('transition-function-ease-in-out-bezier');
|
|
42
42
|
max-width: getCompCssVar('item-max-width');
|
|
43
43
|
|
|
44
|
-
// 当前标签激活时的样式
|
|
45
|
-
@include when(active) {
|
|
46
|
-
color: getCompCssVar('item-color-active');
|
|
47
|
-
background-color: getCompCssVar('item-bg-color-active');
|
|
48
|
-
font-weight: getCompCssVar('font-weight-active');
|
|
49
|
-
border: getCompCssVar('item-border-active');
|
|
50
44
|
|
|
51
|
-
&.is-closable {
|
|
52
|
-
.is-icon-close {
|
|
53
|
-
width: getCompCssVar('active-distance');
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
45
|
|
|
58
46
|
@include when(disabled) {
|
|
59
47
|
color: getCssVar('disabled-text-color');
|
|
@@ -88,6 +76,20 @@ $name: tabs;
|
|
|
88
76
|
cursor: pointer;
|
|
89
77
|
}
|
|
90
78
|
|
|
79
|
+
// 当前标签激活时的样式
|
|
80
|
+
@include when(active) {
|
|
81
|
+
color: getCompCssVar('item-color-active');
|
|
82
|
+
background-color: getCompCssVar('item-bg-color-active');
|
|
83
|
+
font-weight: getCompCssVar('font-weight-active');
|
|
84
|
+
border: getCompCssVar('item-border-active');
|
|
85
|
+
|
|
86
|
+
&.is-closable {
|
|
87
|
+
.is-icon-close {
|
|
88
|
+
width: getCompCssVar('active-distance');
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
91
93
|
&:focus,
|
|
92
94
|
&:focus:active {
|
|
93
95
|
outline: none;
|
|
@@ -185,7 +187,7 @@ $name: tabs;
|
|
|
185
187
|
box-sizing: border-box;
|
|
186
188
|
}
|
|
187
189
|
.#{$namespace}-tabs__header .#{$namespace}-tabs__active-bar {
|
|
188
|
-
display: none;
|
|
190
|
+
//display: none;
|
|
189
191
|
}
|
|
190
192
|
|
|
191
193
|
// 前进后退样式
|
package/theme-style/vft-tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:transparent;--vft-tabs-item-bg-color-active:white;--vft-tabs-item-bg-color-hover:white;--vft-tabs-item-color:black;--vft-tabs-item-color-active:inherit;--vft-tabs-item-color-hover:inherit;--vft-tabs-item-border:1px solid #eee;--vft-tabs-item-border-active:0 solid transparent;--vft-tabs-item-border-hover:0 solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:5px 5px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:black;--vft-tabs-close-icon-hover-bg-color:#dfdfdf;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{padding:var(--vft-tabs-header-padding);border-bottom:var(--vft-tabs-header-border-bottom);position:relative;margin:var(--vft-tabs-header-margin)}.vft-tabs__item{padding:var(--vft-tabs-item-padding);height:var(--vft-tabs-header-height);box-sizing:border-box;display:inline-flex;justify-content:flex-start;align-items:center;list-style:none;line-height:1;font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);color:var(--vft-tabs-item-color);background-color:var(--vft-tabs-item-bg-color);border:var(--vft-tabs-item-border);margin-right:var(--vft-tabs-item-distance);border-radius:var(--vft-tabs-item-border-radius);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);max-width:var(--vft-tabs-item-max-width)}.vft-tabs__item.is-active{color:var(--vft-tabs-item-color-active);background-color:var(--vft-tabs-item-bg-color-active);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-border-active)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)!important}.vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)!important}.vft-tabs__item .is-icon-close{width:0!important}.vft-tabs__item:hover{color:var(--vft-tabs-item-color-hover);background-color:var(--vft-tabs-item-bg-color-hover);border:var(--vft-tabs-item-border-hover);cursor:pointer}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--vft-primary-color) inset;border-radius:3px}.vft-tabs__item .is-icon-close{transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);margin-left:var(--vft-tabs-close-icon-left);display:flex;justify-content:center;align-items:center;height:var(--vft-tabs-active-distance);width:var(--vft-tabs-active-distance);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--vft-primary-color);z-index:1;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);list-style:none}.vft-tabs__new-tab{cursor:pointer;transition:all .15s;position:absolute;right:auto;display:inline-flex;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left)}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.vft-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color);z-index:var(--vft-index-normal);display:var(--vft-tabs-show-border-bottom)}.vft-tabs__nav-wrap.is-scrollable{padding:var(--vft-tabs-scroll-padding);box-sizing:border-box}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs .vft-tabs__header{border-bottom:var(--vft-tabs-border-bottom);height:var(--vft-tabs-header-height)}.vft-tabs .vft-tabs__header .vft-tabs__nav-wrap::after{content:none}.vft-tabs .vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs .vft-tabs__header .vft-tabs__active-bar{display:none}.vft-tabs__nav-next,.vft-tabs__nav-prev{position:absolute;cursor:pointer;display:inline-flex;align-items:center;height:100%}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;white-space:nowrap;position:relative;transition:transform var(--vft-transition-duration);float:left;z-index:calc(var(--vft-index-normal) + 1)}.vft-tabs__nav.is-stretch{min-width:100%;display:flex}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__content{overflow:hidden;position:relative}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--vft-border-color)}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom{margin:0 -1px -1px}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{left:auto;top:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{float:none}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-right{display:block}.vft-tabs--left .vft-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{left:auto;right:0}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--left.vft-tabs--card .vft-tabs__active-bar.is-left{display:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left{border-left:none;border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-top:1px solid var(--vft-border-color-light);text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-right:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-right-color:#fff;border-left:none;border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:first-child{border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:last-child{border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid var(--vft-border-color-light);border-right:none}.vft-tabs--left.vft-tabs--card .vft-tabs__new-tab{float:none}.vft-tabs--left.vft-tabs--border-card .vft-tabs__header.is-left{border-right:1px solid var(--vft-border-color)}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.vft-tabs--right .vft-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{left:0;right:auto}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.vft-tabs--right.vft-tabs--card .vft-tabs__active-bar.is-right{display:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-left:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-left-color:#fff;border-right:none;border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:first-child{border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:last-child{border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid var(--vft-border-color-light);border-left:none}.vft-tabs--right.vft-tabs--border-card .vft-tabs__header.is-right{border-left:1px solid var(--vft-border-color)}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}
|
|
1
|
+
.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:transparent;--vft-tabs-item-bg-color-active:white;--vft-tabs-item-bg-color-hover:white;--vft-tabs-item-color:black;--vft-tabs-item-color-active:inherit;--vft-tabs-item-color-hover:inherit;--vft-tabs-item-border:1px solid #eee;--vft-tabs-item-border-active:0 solid transparent;--vft-tabs-item-border-hover:0 solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:5px 5px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:black;--vft-tabs-close-icon-hover-bg-color:#dfdfdf;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{padding:var(--vft-tabs-header-padding);border-bottom:var(--vft-tabs-header-border-bottom);position:relative;margin:var(--vft-tabs-header-margin)}.vft-tabs__item{padding:var(--vft-tabs-item-padding);height:var(--vft-tabs-header-height);box-sizing:border-box;display:inline-flex;justify-content:flex-start;align-items:center;list-style:none;line-height:1;font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);color:var(--vft-tabs-item-color);background-color:var(--vft-tabs-item-bg-color);border:var(--vft-tabs-item-border);margin-right:var(--vft-tabs-item-distance);border-radius:var(--vft-tabs-item-border-radius);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);max-width:var(--vft-tabs-item-max-width)}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)!important}.vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)!important}.vft-tabs__item .is-icon-close{width:0!important}.vft-tabs__item:hover{color:var(--vft-tabs-item-color-hover);background-color:var(--vft-tabs-item-bg-color-hover);border:var(--vft-tabs-item-border-hover);cursor:pointer}.vft-tabs__item.is-active{color:var(--vft-tabs-item-color-active);background-color:var(--vft-tabs-item-bg-color-active);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-border-active)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--vft-primary-color) inset;border-radius:3px}.vft-tabs__item .is-icon-close{transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);margin-left:var(--vft-tabs-close-icon-left);display:flex;justify-content:center;align-items:center;height:var(--vft-tabs-active-distance);width:var(--vft-tabs-active-distance);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--vft-primary-color);z-index:1;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);list-style:none}.vft-tabs__new-tab{cursor:pointer;transition:all .15s;position:absolute;right:auto;display:inline-flex;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left)}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.vft-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color);z-index:var(--vft-index-normal);display:var(--vft-tabs-show-border-bottom)}.vft-tabs__nav-wrap.is-scrollable{padding:var(--vft-tabs-scroll-padding);box-sizing:border-box}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs .vft-tabs__header{border-bottom:var(--vft-tabs-border-bottom);height:var(--vft-tabs-header-height)}.vft-tabs .vft-tabs__header .vft-tabs__nav-wrap::after{content:none}.vft-tabs .vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs__nav-next,.vft-tabs__nav-prev{position:absolute;cursor:pointer;display:inline-flex;align-items:center;height:100%}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;white-space:nowrap;position:relative;transition:transform var(--vft-transition-duration);float:left;z-index:calc(var(--vft-index-normal) + 1)}.vft-tabs__nav.is-stretch{min-width:100%;display:flex}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__content{overflow:hidden;position:relative}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--vft-border-color)}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom{margin:0 -1px -1px}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{left:auto;top:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{float:none}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-right{display:block}.vft-tabs--left .vft-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{left:auto;right:0}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--left.vft-tabs--card .vft-tabs__active-bar.is-left{display:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left{border-left:none;border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-top:1px solid var(--vft-border-color-light);text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-right:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-right-color:#fff;border-left:none;border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:first-child{border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:last-child{border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid var(--vft-border-color-light);border-right:none}.vft-tabs--left.vft-tabs--card .vft-tabs__new-tab{float:none}.vft-tabs--left.vft-tabs--border-card .vft-tabs__header.is-left{border-right:1px solid var(--vft-border-color)}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.vft-tabs--right .vft-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{left:0;right:auto}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.vft-tabs--right.vft-tabs--card .vft-tabs__active-bar.is-right{display:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-left:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-left-color:#fff;border-right:none;border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:first-child{border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:last-child{border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid var(--vft-border-color-light);border-left:none}.vft-tabs--right.vft-tabs--border-card .vft-tabs__header.is-right{border-left:1px solid var(--vft-border-color)}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity: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.70","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"vft-button","source":{"symbol":"VftButton"},"description":"常用的操作按钮。","doc-url":"https://wflynn.cn/pages/button#button","props":[{"name":"size","description":"尺寸","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"large default small","source":{"symbol":"large default small"}}]},{"name":"type","description":"类型","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["'primary' | 'success' | 'warning' | 'danger' | 'info'"]},{"name":"plain","description":"是否为朴素按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"text","description":"是否为文字按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"bg","description":"是否显示文字按钮背景颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"link<VersionTag version=\"2.2.1\" />","description":"是否为链接按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"round","description":"是否为圆角按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"circle","description":"是否为圆形按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"loading","description":"是否为加载中状态","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"loading-icon","description":"自定义加载中状态图标组件","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"string` `Component","source":{"symbol":"string` `Component"}}],"default":"Loading"},{"name":"disabled","description":"按钮是否为禁用状态","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"icon","description":"图标组件","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"string` `Component","source":{"symbol":"string` `Component"}}]},{"name":"autofocus","description":"原生`autofocus` 属性","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"native-type","description":"原生 type 属性","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"button` `submit` `reset","source":{"symbol":"button` `submit` `reset"}}],"default":"button"},{"name":"auto-insert-space","description":"自动在两个中文字符之间插入空格","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"]},{"name":"color","description":"自定义按钮颜色, 并自动计算`hover` 和 `active` 触发后的颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["string"]},{"name":"dark","description":"dark 模式, 意味着自动设置`color` 为 dark 模式的颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"自定义默认内容","doc-url":"https://wflynn.cn/pages/button#button-slots"},{"name":"loading","description":"自定义加载中组件","doc-url":"https://wflynn.cn/pages/button#button-slots"},{"name":"icon","description":"自定义图标组件","doc-url":"https://wflynn.cn/pages/button#button-slots"}]},{"name":"vft-button-group","source":{"symbol":"VftButtonGroup"},"doc-url":"https://wflynn.cn/pages/button#buttongroup","slots":[{"name":"default","description":"自定义按钮组内容","doc-url":"https://wflynn.cn/pages/button#buttongroup-slots"}]},{"name":"vft-icon","source":{"symbol":"VftIcon"},"description":"图标 [图标资源地址]","doc-url":"https://wflynn.cn/pages/icon#icon","props":[{"name":"icon","description":"图标 _*_ https://icon-sets.iconify.design/","doc-url":"https://wflynn.cn/pages/icon#icon-attributes","type":["string"]},{"name":"size","description":"图标大小","doc-url":"https://wflynn.cn/pages/icon#icon-attributes","type":["string","number"]},{"name":"color","description":"图标颜色","doc-url":"https://wflynn.cn/pages/icon#icon-attributes","type":["string"]},{"name":"hoverColor","description":"滑入图标时的颜色","doc-url":"https://wflynn.cn/pages/icon#icon-attributes","type":["string"]},{"name":"rotate","description":"是否旋转","doc-url":"https://wflynn.cn/pages/icon#icon-attributes","type":["boolean"],"default":"false"},{"name":"rotateSpeed","description":"旋转速度","doc-url":"https://wflynn.cn/pages/icon#icon-attributes","type":["number"],"default":"2"},{"name":"pointer","description":"手指样式","doc-url":"https://wflynn.cn/pages/icon#icon-attributes","type":["boolean"],"default":"false"}]},{"name":"vft-list-cell","source":{"symbol":"VftListCell"},"description":"菜单列表","doc-url":"https://wflynn.cn/pages/list-cell#listcell","props":[{"name":"list","description":"文本 _*_","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["Array<{ leftIcon?: string | IconProps;rightIcon?: string | IconProps;text: string;rightContent?: any;[key: string]: any }>"],"default":"[]"},{"name":"cellHeight","description":"单元格高度","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["string","number"],"default":"50"},{"name":"leftTextDistance","description":"左侧图标文字间距","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["string","number"],"default":"8"},{"name":"activeIndex","description":"默认激活的列表项","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["number"]}],"js":{"events":[{"name":"item-click","description":"菜单项点击","doc-url":"https://wflynn.cn/pages/list-cell#listcell-events"}]}},{"name":"vft-page-wrapper","source":{"symbol":"VftPageWrapper"},"description":"页面 demo 容器","doc-url":"https://wflynn.cn/pages/page-wrapper#pagewrapper","props":[{"name":"title","description":"标题","doc-url":"https://wflynn.cn/pages/page-wrapper#pagewrapper-attributes","type":["string"],"default":"路由 title"}]},{"name":"vft-date-time-select","source":{"symbol":"VftDateTimeSelect"},"description":"文字与图标组合","doc-url":"https://wflynn.cn/pages/date-time-select#datetimeselect","props":[{"name":"dateList","description":"时间配置 _\\*_","doc-url":"https://wflynn.cn/pages/date-time-select#datetimeselect-attributes","type":[{"name":"{count: number; text: string; type: DateType; startOfType: DateType; endOfType: DateType; format: string; dateRange: boolean;}[][]","source":{"symbol":"{count: number; text: string; type: DateType; startOfType: DateType; endOfType: DateType; format: string; dateRange: boolean;}[]"}}]},{"name":"defaultFormat","description":"默认时间格式化值","doc-url":"https://wflynn.cn/pages/date-time-select#datetimeselect-attributes","type":["string"]},{"name":"placement","description":"tootip 位置","doc-url":"https://wflynn.cn/pages/date-time-select#datetimeselect-attributes","type":["'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end'"]}]},{"name":"vft-list-cell","source":{"symbol":"VftListCell"},"doc-url":"https://wflynn.cn/pages/date-time-select#listcell","js":{"events":[{"name":"change","description":"时间选择完成回调","doc-url":"https://wflynn.cn/pages/date-time-select#listcell-events"}]}},{"name":"vft-icon-text","source":{"symbol":"VftIconText"},"description":"文字与图标组合","doc-url":"https://wflynn.cn/pages/icon-text#icontext","props":[{"name":"text","description":"文本 _\\*_","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"icon","description":"图标 _\\*_","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":[{"name":"IconProps","source":{"symbol":"IconProps"}},"string"]},{"name":"color","description":"颜色","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"hoverColor","description":"滑入颜色","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"distance","description":"图标与文字之间距离","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string","number"]},{"name":"reverse","description":"图标与文字位置翻转","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["boolean"],"default":"false"},{"name":"size","description":"大小","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string","number"]},{"name":"direction","description":"文字图标排列方向","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["'col' | 'row'"]},{"name":"pointer","description":"手指样式","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["boolean"],"default":"false"}]}]}}}
|