vft 0.0.301 → 0.0.302
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/affix/affix.d.ts +1 -1
- package/es/components/affix/affix.vue.d.ts +3 -3
- package/es/components/affix/index.d.ts +6 -6
- package/es/components/autocomplete/autocomplete.vue.d.ts +4 -4
- package/es/components/autocomplete/index.d.ts +12 -12
- package/es/components/avatar/index.d.ts +3 -3
- package/es/components/button/index.d.ts +18 -18
- package/es/components/carousel/use-carousel.js +1 -1
- package/es/components/cascader/cascader.d.ts +2 -2
- package/es/components/cascader/cascader.vue.d.ts +6 -6
- package/es/components/checkbox/index.d.ts +36 -36
- package/es/components/col/col.vue.d.ts +1 -1
- package/es/components/col/index.d.ts +9 -9
- package/es/components/collapse/collapse-item.vue.d.ts +1 -1
- package/es/components/color-picker/index.d.ts +6 -6
- package/es/components/date-picker/composables/use-basic-date-table.d.ts +2 -2
- package/es/components/date-picker/composables/use-range-picker.d.ts +2 -2
- package/es/components/date-picker/date-picker.d.ts +6 -6
- package/es/components/date-picker/index.d.ts +12 -12
- package/es/components/date-picker/props/date-picker.d.ts +2 -2
- package/es/components/divider/index.d.ts +3 -3
- package/es/components/dropdown/dropdown.vue.d.ts +1 -1
- package/es/components/form/form-item.vue.d.ts +1 -1
- package/es/components/form/index.d.ts +39 -39
- package/es/components/input/index.d.ts +3 -3
- package/es/components/input/input.vue2.js +4 -4
- package/es/components/input-number/index.d.ts +2 -2
- package/es/components/input-tag/composables/use-input-tag.js +1 -1
- package/es/components/input-tag/input-tag.d.ts +1 -1
- package/es/components/input-tag/input-tag.vue.d.ts +3 -3
- package/es/components/md-code-demo/index.d.ts +1 -1
- package/es/components/md-code-demo/md-code-demo.d.ts +1 -1
- package/es/components/popconfirm/index.d.ts +15 -15
- package/es/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/es/components/popper/composables/use-content.d.ts +3 -3
- package/es/components/radio/index.d.ts +42 -42
- package/es/components/radio/radio.d.ts +1 -1
- package/es/components/radio/radio.vue.d.ts +5 -5
- package/es/components/roving-focus-group/roving-focus-group-impl.vue.d.ts +2 -2
- package/es/components/segmented/index.d.ts +6 -6
- package/es/components/segmented/segmented.d.ts +1 -1
- package/es/components/segmented/segmented.vue.d.ts +3 -3
- package/es/components/select/index.d.ts +9 -9
- package/es/components/select/select.vue.d.ts +9 -9
- package/es/components/select/useSelect.d.ts +8 -8
- package/es/components/space/index.d.ts +3 -3
- package/es/components/space/space.d.ts +4 -4
- package/es/components/switch/index.d.ts +13 -13
- package/es/components/switch/switch.vue.d.ts +1 -1
- package/es/components/tabs/index.d.ts +8 -2
- package/es/components/tabs/tab-bar.vue.d.ts +2 -1
- package/es/components/tabs/tab-bar.vue2.js +36 -33
- package/es/components/tabs/tab-nav.vue.d.ts +1 -0
- package/es/components/tabs/tab-nav.vue2.js +50 -46
- package/es/components/tabs/tabs.vue.d.ts +2 -0
- package/es/components/tabs/tabs.vue2.js +33 -29
- package/es/components/time-picker/common/picker-range-trigger.vue.d.ts +2 -2
- package/es/components/time-picker/common/picker.vue.d.ts +6 -6
- package/es/components/time-picker/common/props.d.ts +2 -2
- package/es/components/time-picker/composables/use-time-picker.d.ts +4 -4
- package/es/components/time-picker/index.d.ts +12 -12
- package/es/components/time-picker/time-picker.d.ts +6 -6
- package/es/components/time-select/time-select.vue.d.ts +1 -1
- package/es/components/timeline/index.d.ts +6 -6
- package/es/components/tree/tree-node.vue.d.ts +27 -27
- package/es/components/upload/index.d.ts +9 -9
- package/es/hooks/use-popper/index.d.ts +3 -3
- 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/affix/affix.d.ts +1 -1
- package/lib/components/affix/affix.vue.d.ts +3 -3
- package/lib/components/affix/index.d.ts +6 -6
- package/lib/components/autocomplete/autocomplete.vue.d.ts +4 -4
- package/lib/components/autocomplete/index.d.ts +12 -12
- package/lib/components/avatar/index.d.ts +3 -3
- package/lib/components/button/index.d.ts +18 -18
- package/lib/components/cascader/cascader.d.ts +2 -2
- package/lib/components/cascader/cascader.vue.d.ts +6 -6
- package/lib/components/checkbox/index.d.ts +36 -36
- package/lib/components/col/col.vue.d.ts +1 -1
- package/lib/components/col/index.d.ts +9 -9
- package/lib/components/collapse/collapse-item.vue.d.ts +1 -1
- package/lib/components/color-picker/index.d.ts +6 -6
- package/lib/components/date-picker/composables/use-basic-date-table.d.ts +2 -2
- package/lib/components/date-picker/composables/use-range-picker.d.ts +2 -2
- package/lib/components/date-picker/date-picker.d.ts +6 -6
- package/lib/components/date-picker/index.d.ts +12 -12
- package/lib/components/date-picker/props/date-picker.d.ts +2 -2
- package/lib/components/divider/index.d.ts +3 -3
- package/lib/components/dropdown/dropdown.vue.d.ts +1 -1
- package/lib/components/form/form-item.vue.d.ts +1 -1
- package/lib/components/form/index.d.ts +39 -39
- package/lib/components/input/index.d.ts +3 -3
- package/lib/components/input/input.vue2.cjs +1 -1
- package/lib/components/input-number/index.d.ts +2 -2
- package/lib/components/input-tag/input-tag.d.ts +1 -1
- package/lib/components/input-tag/input-tag.vue.d.ts +3 -3
- package/lib/components/md-code-demo/index.d.ts +1 -1
- package/lib/components/md-code-demo/md-code-demo.d.ts +1 -1
- package/lib/components/popconfirm/index.d.ts +15 -15
- package/lib/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/lib/components/popper/composables/use-content.d.ts +3 -3
- package/lib/components/radio/index.d.ts +42 -42
- package/lib/components/radio/radio.d.ts +1 -1
- package/lib/components/radio/radio.vue.d.ts +5 -5
- package/lib/components/roving-focus-group/roving-focus-group-impl.vue.d.ts +2 -2
- package/lib/components/segmented/index.d.ts +6 -6
- package/lib/components/segmented/segmented.d.ts +1 -1
- package/lib/components/segmented/segmented.vue.d.ts +3 -3
- package/lib/components/select/index.d.ts +9 -9
- package/lib/components/select/select.vue.d.ts +9 -9
- package/lib/components/select/useSelect.d.ts +8 -8
- package/lib/components/space/index.d.ts +3 -3
- package/lib/components/space/space.d.ts +4 -4
- package/lib/components/switch/index.d.ts +13 -13
- package/lib/components/switch/switch.vue.d.ts +1 -1
- package/lib/components/tabs/index.d.ts +8 -2
- package/lib/components/tabs/tab-bar.vue.d.ts +2 -1
- package/lib/components/tabs/tab-bar.vue2.cjs +1 -1
- package/lib/components/tabs/tab-nav.vue.d.ts +1 -0
- package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
- package/lib/components/tabs/tabs.vue.d.ts +2 -0
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker-range-trigger.vue.d.ts +2 -2
- package/lib/components/time-picker/common/picker.vue.d.ts +6 -6
- package/lib/components/time-picker/common/props.d.ts +2 -2
- package/lib/components/time-picker/composables/use-time-picker.d.ts +4 -4
- package/lib/components/time-picker/index.d.ts +12 -12
- package/lib/components/time-picker/time-picker.d.ts +6 -6
- package/lib/components/time-select/time-select.vue.d.ts +1 -1
- package/lib/components/timeline/index.d.ts +6 -6
- package/lib/components/tree/tree-node.vue.d.ts +27 -27
- package/lib/components/upload/index.d.ts +9 -9
- package/lib/hooks/use-popper/index.d.ts +3 -3
- 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/common/var.scss +8 -8
- package/theme-style/src/icon.scss +3 -2
- package/theme-style/src/tabs.scss +2 -2
- package/theme-style/vft-badge.css +1 -1
- package/theme-style/vft-checkbox.css +1 -1
- package/theme-style/vft-full-screen.css +1 -1
- package/theme-style/vft-icon-text.css +1 -1
- package/theme-style/vft-icon.css +1 -1
- package/theme-style/vft-option-group.css +1 -1
- package/theme-style/vft-pagination.css +1 -1
- package/theme-style/vft-select.css +1 -1
- package/theme-style/vft-tabs.css +1 -1
- package/theme-style/vft-tag.css +1 -1
- package/web-types.json +1 -1
|
@@ -399,7 +399,7 @@ $button-padding-horizontal: map.merge(
|
|
|
399
399
|
$checkbox: () !default;
|
|
400
400
|
$checkbox: map.merge(
|
|
401
401
|
(
|
|
402
|
-
'font-size':
|
|
402
|
+
'font-size': getCssVar('font-size-base'),
|
|
403
403
|
'font-weight': getCssVar('font-weight-primary'),
|
|
404
404
|
'text-color': getCssVar('text-regular-color'),
|
|
405
405
|
'input-height': 14px,
|
|
@@ -593,7 +593,7 @@ $icon-text: () !default;
|
|
|
593
593
|
$icon-text: map.merge(
|
|
594
594
|
(
|
|
595
595
|
'color': inherit,
|
|
596
|
-
'font-size':
|
|
596
|
+
'font-size': getCssVar('font-size-extra-small'),
|
|
597
597
|
'cursor': initial,
|
|
598
598
|
),
|
|
599
599
|
$icon-text
|
|
@@ -623,7 +623,7 @@ $tabs: () !default;
|
|
|
623
623
|
$tabs: map.merge(
|
|
624
624
|
(
|
|
625
625
|
'padding': 0,
|
|
626
|
-
'font-size':
|
|
626
|
+
'font-size': getCssVar('font-size-base'),
|
|
627
627
|
'font-weight': 400,
|
|
628
628
|
'font-weight-active': 500,
|
|
629
629
|
'header-height': 40px,
|
|
@@ -724,7 +724,7 @@ $full-screen: map.merge(
|
|
|
724
724
|
(
|
|
725
725
|
'color': getCssVar('text-primary-color'),
|
|
726
726
|
'hover-color': getCssVar('primary-color'),
|
|
727
|
-
'font-size':
|
|
727
|
+
'font-size': getCssVar('font-size-extra-small')
|
|
728
728
|
),
|
|
729
729
|
$full-screen
|
|
730
730
|
);
|
|
@@ -761,7 +761,7 @@ $select-group: map.merge(
|
|
|
761
761
|
(
|
|
762
762
|
'text-color': getCssVar('info-color'),
|
|
763
763
|
'height': 30px,
|
|
764
|
-
'font-size':
|
|
764
|
+
'font-size': getCssVar('font-size-extra-small')
|
|
765
765
|
),
|
|
766
766
|
$select-group
|
|
767
767
|
);
|
|
@@ -1105,7 +1105,7 @@ $md-container: map.merge(
|
|
|
1105
1105
|
$pagination: () !default;
|
|
1106
1106
|
$pagination: map.merge(
|
|
1107
1107
|
(
|
|
1108
|
-
'font-size':
|
|
1108
|
+
'font-size': getCssVar('font-size-base'),
|
|
1109
1109
|
'bg-color': getCssVar('fill-color', 'blank'),
|
|
1110
1110
|
'text-color': getCssVar('text-primary-color'),
|
|
1111
1111
|
'border-radius': 2px,
|
|
@@ -1126,7 +1126,7 @@ $pagination: map.merge(
|
|
|
1126
1126
|
$tag: () !default;
|
|
1127
1127
|
$tag: map.merge(
|
|
1128
1128
|
(
|
|
1129
|
-
'font-size':
|
|
1129
|
+
'font-size': getCssVar('font-size-extra-small'),
|
|
1130
1130
|
'border-radius': 4px,
|
|
1131
1131
|
'border-radius-rounded': 9999px,
|
|
1132
1132
|
'content-line-clamp-num': 1,
|
|
@@ -1426,7 +1426,7 @@ $badge: map.merge(
|
|
|
1426
1426
|
(
|
|
1427
1427
|
'bg-color': getCssVar('danger-color'),
|
|
1428
1428
|
'radius': 10px,
|
|
1429
|
-
'font-size':
|
|
1429
|
+
'font-size': getCssVar('font-size-extra-small'),
|
|
1430
1430
|
'padding': 6px,
|
|
1431
1431
|
'size': 18px,
|
|
1432
1432
|
),
|
|
@@ -11,10 +11,10 @@ $name: icon;
|
|
|
11
11
|
|
|
12
12
|
@include b($name) {
|
|
13
13
|
display: inline-block;
|
|
14
|
-
|
|
14
|
+
animation: getCompCssVar('animation');
|
|
15
15
|
color: getCompCssVar(color);
|
|
16
16
|
font-size: getCompCssVar('size');
|
|
17
|
-
|
|
17
|
+
cursor: getCompCssVar(cursor);
|
|
18
18
|
|
|
19
19
|
&:hover {
|
|
20
20
|
color: getCssVarWithDefault(icon-hover-color, getCompCssVar(color));
|
|
@@ -26,4 +26,5 @@ $name: icon;
|
|
|
26
26
|
width: 1em;
|
|
27
27
|
height: 1em;
|
|
28
28
|
object-fit: contain;
|
|
29
|
+
font-size: getCompCssVar('size');
|
|
29
30
|
}
|
|
@@ -170,13 +170,13 @@ $name: tabs;
|
|
|
170
170
|
margin-right: getCompCssVar('item-distance');
|
|
171
171
|
padding: getCompCssVar('item-padding');
|
|
172
172
|
// 滑入时动画的渐变控制
|
|
173
|
-
// color getCssVar('transition-duration')
|
|
174
173
|
transition:
|
|
175
174
|
getCssVar('transition-function-ease-in-out-bezier'),
|
|
176
175
|
padding getCssVar('transition-duration')
|
|
177
176
|
getCssVar('transition-function-ease-in-out-bezier'),
|
|
178
177
|
background-color getCssVar('transition-duration')
|
|
179
|
-
getCssVar('transition-function-ease-in-out-bezier')
|
|
178
|
+
getCssVar('transition-function-ease-in-out-bezier'),
|
|
179
|
+
color getCssVar('transition-duration');
|
|
180
180
|
border: getCompCssVar('item-border');
|
|
181
181
|
border-radius: getCompCssVar('item-border-radius');
|
|
182
182
|
background-color: getCompCssVar('item-bg-color');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vft-badge{--vft-badge-bg-color:var(--vft-danger-color);--vft-badge-radius:10px;--vft-badge-font-size:
|
|
1
|
+
.vft-badge{--vft-badge-bg-color:var(--vft-danger-color);--vft-badge-radius:10px;--vft-badge-font-size:var(--vft-font-size-extra-small);--vft-badge-padding:6px;--vft-badge-size:18px;display:inline-block;position:relative;width:-moz-fit-content;width:fit-content;vertical-align:middle}.vft-badge__content{display:inline-flex;align-items:center;justify-content:center;height:var(--vft-badge-size);padding:0 var(--vft-badge-padding);border:1px solid var(--vft-bg-color);border-radius:var(--vft-badge-radius);background-color:var(--vft-badge-bg-color);color:var(--vft-color-white);font-size:var(--vft-badge-font-size);white-space:nowrap}.vft-badge__content--primary{background-color:var(--vft-color-primary)}.vft-badge__content--success{background-color:var(--vft-color-success)}.vft-badge__content--warning{background-color:var(--vft-color-warning)}.vft-badge__content--info{background-color:var(--vft-color-info)}.vft-badge__content--danger{background-color:var(--vft-color-danger)}.vft-badge__content.is-fixed{position:absolute;z-index:var(--vft-index-normal);top:0;right:calc(1px + var(--vft-badge-size)/ 2);transform:translateY(-50%) translateX(100%)}.vft-badge__content.is-fixed.is-dot{right:5px}.vft-badge__content.is-dot{right:0;width:8px;height:8px;padding:0;border-radius:50%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vft-checkbox{--vft-checkbox-font-size:
|
|
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-weight:var(--vft-checkbox-font-weight);font-size:var(--vft-font-size-base);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:30px;height:32px}.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{padding:0 15px 0 9px;border-radius:var(--vft-border-radius-base);border:var(--vft-border);box-sizing:border-box}.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{height:14px;width: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{height:12px;width: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{height:6px;width:2px}.vft-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative}.vft-checkbox__input.is-disabled .vft-checkbox__inner{background-color:var(--vft-checkbox-disabled-input-fill);border-color:var(--vft-checkbox-disabled-border-color);cursor:not-allowed}.vft-checkbox__input.is-disabled .vft-checkbox__inner::after{cursor:not-allowed;border-color:var(--vft-checkbox-disabled-icon-color)}.vft-checkbox__input.is-disabled.is-checked .vft-checkbox__inner{background-color:var(--vft-checkbox-disabled-checked-input-fill);border-color:var(--vft-checkbox-disabled-checked-input-border-color)}.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{background-color:var(--vft-checkbox-disabled-checked-input-fill);border-color:var(--vft-checkbox-disabled-checked-input-border-color)}.vft-checkbox__input.is-disabled.is-indeterminate .vft-checkbox__inner::before{background-color:var(--vft-checkbox-disabled-checked-icon-color);border-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{background-color:var(--vft-checkbox-checked-bg-color);border-color:var(--vft-checkbox-checked-input-border-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{background-color:var(--vft-checkbox-checked-bg-color);border-color:var(--vft-checkbox-checked-input-border-color)}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::before{content:"";position:absolute;display:block;background-color:var(--vft-checkbox-checked-icon-color);height:2px;transform:scale(.5);left:0;right:0;top:5px}.vft-checkbox__input.is-indeterminate .vft-checkbox__inner::after{display:none}.vft-checkbox__inner{display:inline-block;position:relative;border:var(--vft-checkbox-input-border);border-radius:var(--vft-checkbox-border-radius);box-sizing:border-box;width:var(--vft-checkbox-input-width);height:var(--vft-checkbox-input-height);background-color:var(--vft-checkbox-bg-color);z-index:var(--vft-z-index-normal);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)}.vft-checkbox__inner:hover{border-color:var(--vft-checkbox-input-border-color-hover)}.vft-checkbox__inner::after{box-sizing:content-box;content:"";border:1px solid var(--vft-checkbox-checked-icon-color);border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.vft-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.vft-checkbox__label{display:inline-block;padding-left:8px;line-height:1;font-size:var(--vft-checkbox-font-size)}.vft-checkbox input:focus-visible+.vft-checkbox__inner{outline:2px solid var(--vft-checkbox-input-border-color-hover);outline-offset:1px;border-radius:var(--vft-checkbox-border-radius)}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--vft-full-screen-color:var(--vft-text-primary-color);--vft-full-screen-hover-color:var(--vft-primary-color);--vft-full-screen-font-size:
|
|
1
|
+
:root{--vft-full-screen-color:var(--vft-text-primary-color);--vft-full-screen-hover-color:var(--vft-primary-color);--vft-full-screen-font-size:var(--vft-font-size-extra-small)}.vft-full-screen{display:flex;align-items:center;transition:var(--vft-transition-color);color:var(--vft-full-screen-color);font-size:var(--vft-full-screen-font-size)}.vft-full-screen .vft-icon{margin-right:2px}.vft-full-screen:hover{color:var(--vft-full-screen-hover-color)}.vft-full-screen .icon-full-screen{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="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-full-screen .icon-exit-full-screen{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="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M5.5 2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H5V2.5a.5.5 0 0 1 .5-.5Zm4 0a.5.5 0 0 1 .5.5V5h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5ZM2 9.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V10H2.5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H10v2.5a.5.5 0 0 1-1 0v-3Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M5.5 2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H5V2.5a.5.5 0 0 1 .5-.5Zm4 0a.5.5 0 0 1 .5.5V5h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5ZM2 9.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V10H2.5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H10v2.5a.5.5 0 0 1-1 0v-3Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--vft-icon-text-color:inherit;--vft-icon-text-font-size:
|
|
1
|
+
:root{--vft-icon-text-color:inherit;--vft-icon-text-font-size:var(--vft-font-size-extra-small);--vft-icon-text-cursor:initial}.vft-icon-text{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;color:var(--vft-icon-text-color);font-size:var(--vft-icon-text-font-size);line-height:1;cursor:var(--vft-icon-text-cursor)}.vft-icon-text.is-col{flex-direction:column;height:-moz-fit-content;height:fit-content}.vft-icon-text:hover{color:var(--vft-icon-text-hover-color)}.vft-icon-text:hover i{color:var(--vft-icon-hover-color,var(--vft-icon-text-color))}.vft-icon-text i{flex:none}.vft-icon-text .text-clamp{overflow:visible!important}
|
package/theme-style/vft-icon.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--vft-icon-size:14px;--vft-icon-color:inherit;--vft-icon-cursor:initial;--vft-icon-animation:none}.vft-icon{display:inline-block;
|
|
1
|
+
:root{--vft-icon-size:14px;--vft-icon-color:inherit;--vft-icon-cursor:initial;--vft-icon-animation:none}.vft-icon{display:inline-block;animation:var(--vft-icon-animation);color:var(--vft-icon-color);font-size:var(--vft-icon-size);cursor:var(--vft-icon-cursor)}.vft-icon:hover{color:var(--vft-icon-hover-color,var(--vft-icon-color))}.vft-icon__image{display:inline-block;width:1em;height:1em;-o-object-fit:contain;object-fit:contain;font-size:var(--vft-icon-size)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vft-select-group{margin:0;padding:0}.vft-select-group__wrap{position:relative;margin:0;padding:0;list-style:none}.vft-select-group__title{box-sizing:border-box;padding:0 20px;overflow:hidden;color:var(--vft-info-color);font-size:
|
|
1
|
+
.vft-select-group{margin:0;padding:0}.vft-select-group__wrap{position:relative;margin:0;padding:0;list-style:none}.vft-select-group__title{box-sizing:border-box;padding:0 20px;overflow:hidden;color:var(--vft-info-color);font-size:var(--vft-font-size-extra-small);line-height:30px;text-overflow:ellipsis;white-space:nowrap}.vft-select-group .vft-select-dropdown__item{padding-left:20px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--vft-pagination-font-size:14px;--vft-pagination-bg-color:var(--vft-fill-color-blank);--vft-pagination-text-color:var(--vft-text-primary-color);--vft-pagination-border-radius:2px;--vft-pagination-button-color:var(--vft-text-primary-color);--vft-pagination-button-width:32px;--vft-pagination-button-height:32px;--vft-pagination-button-disabled-color:var(--vft-text-placeholder-color);--vft-pagination-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-pagination-button-bg-color:var(--vft-fill-color);--vft-pagination-hover-color:var(--vft-primary-color);--vft-pagination-font-size-small:12px;--vft-pagination-button-width-small:24px;--vft-pagination-button-height-small:24px;--vft-pagination-item-gap:16px}.vft-pagination{white-space:nowrap;color:var(--vft-pagination-text-color);font-size:var(--vft-pagination-font-size);font-weight:400;display:flex;align-items:center}.vft-pagination__sizes{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__sizes .vft-select{width:110px}.vft-pagination__total{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__jump{display:flex;align-items:center;margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__goto{margin-right:8px}.vft-pagination__editor{text-align:center;box-sizing:border-box}.vft-pagination__editor.vft-input{width:56px;height:26px}.vft-pagination__editor .vft-input__inner::-webkit-inner-spin-button,.vft-pagination__editor .vft-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vft-pagination__classifier{margin-left:8px}.vft-pagination__jump[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__rightwrapper{flex:1;display:flex;align-items:center;justify-content:flex-end}.vft-pagination.is-background .btn-next,.vft-pagination.is-background .btn-prev,.vft-pagination.is-background .vft-pager li{margin:0 4px;background-color:var(--vft-pagination-button-bg-color)}.vft-pagination.is-background .btn-next.is-active,.vft-pagination.is-background .btn-prev.is-active,.vft-pagination.is-background .vft-pager li.is-active{background-color:var(--vft-primary-color);color:var(--vft-color-white)}.vft-pagination.is-background .btn-next.is-disabled,.vft-pagination.is-background .btn-next:disabled,.vft-pagination.is-background .btn-prev.is-disabled,.vft-pagination.is-background .btn-prev:disabled,.vft-pagination.is-background .vft-pager li.is-disabled,.vft-pagination.is-background .vft-pager li:disabled{color:var(--vft-text-placeholder-color);background-color:var(--vft-disabled-bg-color)}.vft-pagination.is-background .btn-next.is-disabled.is-active,.vft-pagination.is-background .btn-next:disabled.is-active,.vft-pagination.is-background .btn-prev.is-disabled.is-active,.vft-pagination.is-background .btn-prev:disabled.is-active,.vft-pagination.is-background .vft-pager li.is-disabled.is-active,.vft-pagination.is-background .vft-pager li:disabled.is-active{color:var(--vft-text-secondary-color);background-color:var(--vft-fill-color-dark)}.vft-pagination.is-background .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination--small .btn-next,.vft-pagination--small .btn-prev,.vft-pagination--small .vft-pager li{height:var(--vft-pagination-button-height-small);line-height:var(--vft-pagination-button-height-small);font-size:var(--vft-pagination-font-size-small);min-width:var(--vft-pagination-button-width-small)}.vft-pagination--small button,.vft-pagination--small span:not([class*=suffix]){font-size:var(--vft-pagination-font-size-small)}.vft-pagination--small .vft-select .vft-input{width:100px}.vft-pagination .icon-arrow-down{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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-arrow-right{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="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%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="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-arrow-left{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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-arrow-up{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="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%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="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .vft-input__inner{text-align:center;-moz-appearance:textfield}.vft-pagination .vft-select .vft-input{width:128px}.vft-pagination button{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pagination button .vft-icon{color:inherit}.vft-pagination button *{pointer-events:none}.vft-pagination button:focus{outline:0}.vft-pagination button:hover{color:var(--vft-pagination-hover-color)}.vft-pagination button.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pagination button.is-active.is-disabled{font-weight:700}.vft-pagination button.is-disabled,.vft-pagination button:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pagination button:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}.vft-pagination .btn-next .vft-icon,.vft-pagination .btn-prev .vft-icon{display:block;font-weight:700}.vft-pagination>.is-first{margin-left:0!important}.vft-pagination>.is-last{margin-right:0!important}.vft-pagination .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination .btn-prev .ico-ep\:arrow-left{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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-d-arrow-left{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="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%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="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-d-arrow-right{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="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%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="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-more-filled{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="M176 416a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224z"%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="M176 416a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0;display:flex;align-items:center}.vft-pager li{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pager li .vft-icon{color:inherit}.vft-pager li *{pointer-events:none}.vft-pager li:focus{outline:0}.vft-pager li:hover{color:var(--vft-pagination-hover-color)}.vft-pager li.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pager li.is-active.is-disabled{font-weight:700}.vft-pager li.is-disabled,.vft-pager li:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pager li:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}
|
|
1
|
+
:root{--vft-pagination-font-size:var(--vft-font-size-base);--vft-pagination-bg-color:var(--vft-fill-color-blank);--vft-pagination-text-color:var(--vft-text-primary-color);--vft-pagination-border-radius:2px;--vft-pagination-button-color:var(--vft-text-primary-color);--vft-pagination-button-width:32px;--vft-pagination-button-height:32px;--vft-pagination-button-disabled-color:var(--vft-text-placeholder-color);--vft-pagination-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-pagination-button-bg-color:var(--vft-fill-color);--vft-pagination-hover-color:var(--vft-primary-color);--vft-pagination-font-size-small:12px;--vft-pagination-button-width-small:24px;--vft-pagination-button-height-small:24px;--vft-pagination-item-gap:16px}.vft-pagination{white-space:nowrap;color:var(--vft-pagination-text-color);font-size:var(--vft-pagination-font-size);font-weight:400;display:flex;align-items:center}.vft-pagination__sizes{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__sizes .vft-select{width:110px}.vft-pagination__total{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__jump{display:flex;align-items:center;margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__goto{margin-right:8px}.vft-pagination__editor{text-align:center;box-sizing:border-box}.vft-pagination__editor.vft-input{width:56px;height:26px}.vft-pagination__editor .vft-input__inner::-webkit-inner-spin-button,.vft-pagination__editor .vft-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vft-pagination__classifier{margin-left:8px}.vft-pagination__jump[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__rightwrapper{flex:1;display:flex;align-items:center;justify-content:flex-end}.vft-pagination.is-background .btn-next,.vft-pagination.is-background .btn-prev,.vft-pagination.is-background .vft-pager li{margin:0 4px;background-color:var(--vft-pagination-button-bg-color)}.vft-pagination.is-background .btn-next.is-active,.vft-pagination.is-background .btn-prev.is-active,.vft-pagination.is-background .vft-pager li.is-active{background-color:var(--vft-primary-color);color:var(--vft-color-white)}.vft-pagination.is-background .btn-next.is-disabled,.vft-pagination.is-background .btn-next:disabled,.vft-pagination.is-background .btn-prev.is-disabled,.vft-pagination.is-background .btn-prev:disabled,.vft-pagination.is-background .vft-pager li.is-disabled,.vft-pagination.is-background .vft-pager li:disabled{color:var(--vft-text-placeholder-color);background-color:var(--vft-disabled-bg-color)}.vft-pagination.is-background .btn-next.is-disabled.is-active,.vft-pagination.is-background .btn-next:disabled.is-active,.vft-pagination.is-background .btn-prev.is-disabled.is-active,.vft-pagination.is-background .btn-prev:disabled.is-active,.vft-pagination.is-background .vft-pager li.is-disabled.is-active,.vft-pagination.is-background .vft-pager li:disabled.is-active{color:var(--vft-text-secondary-color);background-color:var(--vft-fill-color-dark)}.vft-pagination.is-background .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination--small .btn-next,.vft-pagination--small .btn-prev,.vft-pagination--small .vft-pager li{height:var(--vft-pagination-button-height-small);line-height:var(--vft-pagination-button-height-small);font-size:var(--vft-pagination-font-size-small);min-width:var(--vft-pagination-button-width-small)}.vft-pagination--small button,.vft-pagination--small span:not([class*=suffix]){font-size:var(--vft-pagination-font-size-small)}.vft-pagination--small .vft-select .vft-input{width:100px}.vft-pagination .icon-arrow-down{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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-arrow-right{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="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%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="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-arrow-left{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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-arrow-up{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="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%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="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .vft-input__inner{text-align:center;-moz-appearance:textfield}.vft-pagination .vft-select .vft-input{width:128px}.vft-pagination button{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pagination button .vft-icon{color:inherit}.vft-pagination button *{pointer-events:none}.vft-pagination button:focus{outline:0}.vft-pagination button:hover{color:var(--vft-pagination-hover-color)}.vft-pagination button.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pagination button.is-active.is-disabled{font-weight:700}.vft-pagination button.is-disabled,.vft-pagination button:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pagination button:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}.vft-pagination .btn-next .vft-icon,.vft-pagination .btn-prev .vft-icon{display:block;font-weight:700}.vft-pagination>.is-first{margin-left:0!important}.vft-pagination>.is-last{margin-right:0!important}.vft-pagination .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination .btn-prev .ico-ep\:arrow-left{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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-d-arrow-left{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="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%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="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-d-arrow-right{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="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%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="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pagination .icon-more-filled{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="M176 416a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224z"%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="M176 416a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224zm336 0a112 112 0 1 1 0 224a112 112 0 0 1 0-224z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0;display:flex;align-items:center}.vft-pager li{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pager li .vft-icon{color:inherit}.vft-pager li *{pointer-events:none}.vft-pager li:focus{outline:0}.vft-pager li:hover{color:var(--vft-pagination-hover-color)}.vft-pager li.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pager li.is-active.is-disabled{font-weight:700}.vft-pager li.is-disabled,.vft-pager li:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pager li:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vft-select-dropdown{z-index:calc(var(--vft-z-index-top) + 1);box-sizing:border-box;border-radius:var(--vft-border-radius-base)}.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list{padding:0}.vft-select-dropdown__loading{margin:0;padding:10px 0;color:var(--vft-text-secondary-color);font-size:var(--vft-select-font-size);text-align:center}.vft-select-dropdown__empty{margin:0;padding:10px 0;color:var(--vft-text-secondary-color);font-size:var(--vft-select-font-size);text-align:center}.vft-select-dropdown__wrap{max-height:274px}.vft-select-dropdown__list{box-sizing:border-box;margin:0;padding:6px 0;list-style:none}.vft-select-dropdown__list.vft-vl__window{margin:6px 0;padding:0}.vft-select-dropdown__header{border-bottom:1px solid var(--vft-border-color-light)}.vft-select-dropdown__footer{border-top:1px solid var(--vft-border-color-light)}.vft-select-dropdown__item{position:relative;box-sizing:border-box;height:34px;padding:0 32px 0 20px;overflow:hidden;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:34px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.vft-select-dropdown__item.is-hovering{background-color:var(--vft-fill-color-light)}.vft-select-dropdown__item.is-selected{color:var(--vft-primary-color);font-weight:700}.vft-select-dropdown__item.is-disabled{background-color:unset;color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.is-selected::after{content:"";position:absolute;top:50%;right:20px;width:12px;height:12px;transform:translateY(-50%);border-top:none;border-right:none;background-color:var(--vft-primary-color);background-repeat:no-repeat;background-position:center;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.is-disabled::after{background-color:var(--vft-text-placeholder-color)}.vft-select-group{margin:0;padding:0}.vft-select-group__wrap{position:relative;margin:0;padding:0;list-style:none}.vft-select-group__title{box-sizing:border-box;padding:0 20px;overflow:hidden;color:var(--vft-info-color);font-size:12px;line-height:30px;text-overflow:ellipsis;white-space:nowrap}.vft-select-group .vft-select-dropdown__item{padding-left:20px}:root{--vft-select-border-color-hover:var(--vft-border-color-hover);--vft-select-disabled-border:var(--vft-disabled-border-color);--vft-select-font-size:var(--vft-font-size-base);--vft-select-close-hover-color:var(--vft-text-secondary-color);--vft-select-input-color:var(--vft-text-placeholder-color);--vft-select-multiple-input-color:var(--vft-text-regular-color);--vft-select-input-focus-border-color:var(--vft-primary-color);--vft-select-input-font-size:14px;--vft-select-width:100%}.vft-select{display:inline-block;position:relative;width:var(--vft-select-width);vertical-align:middle}.vft-select__wrapper{display:flex;position:relative;box-sizing:border-box;align-items:center;min-height:32px;padding:4px 12px;transform:translate3d(0,0,0);transition:var(--vft-transition-duration);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);font-size:14px;line-height:24px;text-align:left;cursor:pointer;gap:6px;box-shadow:0 0 0 1px var(--vft-border-color) inset}.vft-select__wrapper.is-filterable{cursor:text}.vft-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--vft-primary-color) inset}.vft-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--vft-border-color-hover) inset}.vft-select__wrapper.is-disabled{background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed;box-shadow:0 0 0 1px var(--vft-select-disabled-border) inset}.vft-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--vft-select-disabled-border) inset}.vft-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-select__wrapper.is-disabled .vft-select__selected-item{color:var(--vft-select-disabled-color)}.vft-select__wrapper.is-disabled .vft-select__caret{cursor:not-allowed}.vft-select__wrapper.is-disabled .vft-tag{cursor:not-allowed}.vft-select__wrapper.is-disabled input{cursor:not-allowed}.vft-select__prefix{display:flex;flex-shrink:0;align-items:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:6px}.vft-select__suffix{display:flex;flex-shrink:0;align-items:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:6px}.vft-select__caret{transform:rotateZ(0);transition:var(--vft-transition-duration);color:var(--vft-select-input-color);font-size:var(--vft-select-input-font-size);cursor:pointer}.vft-select__caret.is-reverse{transform:rotateZ(180deg)}.vft-select__clear{cursor:pointer}.vft-select__clear:hover{color:var(--vft-select-close-hover-color)}.vft-select__selection{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;gap:6px}.vft-select__selection.is-near{margin-left:-8px}.vft-select__selection .vft-tag{border-color:transparent;cursor:pointer}.vft-select__selection .vft-tag.vft-tag--plain{border-color:var(--vft-tag-border-color)}.vft-select__selection .vft-tag .vft-tag__content{min-width:0}.vft-select__selected-item{display:flex;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-select__tags-text{display:block;line-height:normal;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-select__placeholder{display:block;position:absolute;z-index:-1;top:50%;width:100%;transform:translateY(-50%);color:var(--vft-input-text-color,var(--vft-text-regular-color));display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-select__placeholder.is-transparent{color:var(--vft-text-placeholder-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-select__popper.vft-popper{border:1px solid var(--vft-border-color-light);background:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-select__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-select__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-select__input-wrapper{flex:1}.vft-select__input-wrapper.is-hidden{position:absolute;z-index:-1;opacity:0}.vft-select__input{width:100%;height:24px;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-select-multiple-input-color);font-family:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vft-select__input.is-disabled{cursor:not-allowed}.vft-select__input-calculator{visibility:hidden;position:absolute;top:0;left:0;max-width:100%;overflow:hidden;white-space:pre}.vft-select--large .vft-select__wrapper{min-height:40px;padding:8px 16px;font-size:14px;line-height:24px;gap:6px}.vft-select--large .vft-select__selection{gap:6px}.vft-select--large .vft-select__selection.is-near{margin-left:-8px}.vft-select--large .vft-select__prefix{gap:6px}.vft-select--large .vft-select__suffix{gap:6px}.vft-select--large .vft-select__input{height:24px}.vft-select--small .vft-select__wrapper{min-height:24px;padding:2px 8px;font-size:12px;line-height:20px;gap:4px}.vft-select--small .vft-select__selection{gap:4px}.vft-select--small .vft-select__selection.is-near{margin-left:-6px}.vft-select--small .vft-select__prefix{gap:4px}.vft-select--small .vft-select__suffix{gap:4px}.vft-select--small .vft-select__input{height:20px}.vft-select .icon-arrow-down{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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-select .icon-circle-close{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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
|
|
1
|
+
.vft-select-dropdown{z-index:calc(var(--vft-z-index-top) + 1);box-sizing:border-box;border-radius:var(--vft-border-radius-base)}.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list{padding:0}.vft-select-dropdown__loading{margin:0;padding:10px 0;color:var(--vft-text-secondary-color);font-size:var(--vft-select-font-size);text-align:center}.vft-select-dropdown__empty{margin:0;padding:10px 0;color:var(--vft-text-secondary-color);font-size:var(--vft-select-font-size);text-align:center}.vft-select-dropdown__wrap{max-height:274px}.vft-select-dropdown__list{box-sizing:border-box;margin:0;padding:6px 0;list-style:none}.vft-select-dropdown__list.vft-vl__window{margin:6px 0;padding:0}.vft-select-dropdown__header{border-bottom:1px solid var(--vft-border-color-light)}.vft-select-dropdown__footer{border-top:1px solid var(--vft-border-color-light)}.vft-select-dropdown__item{position:relative;box-sizing:border-box;height:34px;padding:0 32px 0 20px;overflow:hidden;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);line-height:34px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.vft-select-dropdown__item.is-hovering{background-color:var(--vft-fill-color-light)}.vft-select-dropdown__item.is-selected{color:var(--vft-primary-color);font-weight:700}.vft-select-dropdown__item.is-disabled{background-color:unset;color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.is-selected::after{content:"";position:absolute;top:50%;right:20px;width:12px;height:12px;transform:translateY(-50%);border-top:none;border-right:none;background-color:var(--vft-primary-color);background-repeat:no-repeat;background-position:center;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.is-disabled::after{background-color:var(--vft-text-placeholder-color)}.vft-select-group{margin:0;padding:0}.vft-select-group__wrap{position:relative;margin:0;padding:0;list-style:none}.vft-select-group__title{box-sizing:border-box;padding:0 20px;overflow:hidden;color:var(--vft-info-color);font-size:var(--vft-font-size-extra-small);line-height:30px;text-overflow:ellipsis;white-space:nowrap}.vft-select-group .vft-select-dropdown__item{padding-left:20px}:root{--vft-select-border-color-hover:var(--vft-border-color-hover);--vft-select-disabled-border:var(--vft-disabled-border-color);--vft-select-font-size:var(--vft-font-size-base);--vft-select-close-hover-color:var(--vft-text-secondary-color);--vft-select-input-color:var(--vft-text-placeholder-color);--vft-select-multiple-input-color:var(--vft-text-regular-color);--vft-select-input-focus-border-color:var(--vft-primary-color);--vft-select-input-font-size:14px;--vft-select-width:100%}.vft-select{display:inline-block;position:relative;width:var(--vft-select-width);vertical-align:middle}.vft-select__wrapper{display:flex;position:relative;box-sizing:border-box;align-items:center;min-height:32px;padding:4px 12px;transform:translate3d(0,0,0);transition:var(--vft-transition-duration);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);font-size:14px;line-height:24px;text-align:left;cursor:pointer;gap:6px;box-shadow:0 0 0 1px var(--vft-border-color) inset}.vft-select__wrapper.is-filterable{cursor:text}.vft-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--vft-primary-color) inset}.vft-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--vft-border-color-hover) inset}.vft-select__wrapper.is-disabled{background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed;box-shadow:0 0 0 1px var(--vft-select-disabled-border) inset}.vft-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--vft-select-disabled-border) inset}.vft-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-select__wrapper.is-disabled .vft-select__selected-item{color:var(--vft-select-disabled-color)}.vft-select__wrapper.is-disabled .vft-select__caret{cursor:not-allowed}.vft-select__wrapper.is-disabled .vft-tag{cursor:not-allowed}.vft-select__wrapper.is-disabled input{cursor:not-allowed}.vft-select__prefix{display:flex;flex-shrink:0;align-items:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:6px}.vft-select__suffix{display:flex;flex-shrink:0;align-items:center;color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:6px}.vft-select__caret{transform:rotateZ(0);transition:var(--vft-transition-duration);color:var(--vft-select-input-color);font-size:var(--vft-select-input-font-size);cursor:pointer}.vft-select__caret.is-reverse{transform:rotateZ(180deg)}.vft-select__clear{cursor:pointer}.vft-select__clear:hover{color:var(--vft-select-close-hover-color)}.vft-select__selection{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;gap:6px}.vft-select__selection.is-near{margin-left:-8px}.vft-select__selection .vft-tag{border-color:transparent;cursor:pointer}.vft-select__selection .vft-tag.vft-tag--plain{border-color:var(--vft-tag-border-color)}.vft-select__selection .vft-tag .vft-tag__content{min-width:0}.vft-select__selected-item{display:flex;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-select__tags-text{display:block;line-height:normal;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-select__placeholder{display:block;position:absolute;z-index:-1;top:50%;width:100%;transform:translateY(-50%);color:var(--vft-input-text-color,var(--vft-text-regular-color));display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-select__placeholder.is-transparent{color:var(--vft-text-placeholder-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-select__popper.vft-popper{border:1px solid var(--vft-border-color-light);background:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-select__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-select__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-select__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-select__input-wrapper{flex:1}.vft-select__input-wrapper.is-hidden{position:absolute;z-index:-1;opacity:0}.vft-select__input{width:100%;height:24px;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-select-multiple-input-color);font-family:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vft-select__input.is-disabled{cursor:not-allowed}.vft-select__input-calculator{visibility:hidden;position:absolute;top:0;left:0;max-width:100%;overflow:hidden;white-space:pre}.vft-select--large .vft-select__wrapper{min-height:40px;padding:8px 16px;font-size:14px;line-height:24px;gap:6px}.vft-select--large .vft-select__selection{gap:6px}.vft-select--large .vft-select__selection.is-near{margin-left:-8px}.vft-select--large .vft-select__prefix{gap:6px}.vft-select--large .vft-select__suffix{gap:6px}.vft-select--large .vft-select__input{height:24px}.vft-select--small .vft-select__wrapper{min-height:24px;padding:2px 8px;font-size:12px;line-height:20px;gap:4px}.vft-select--small .vft-select__selection{gap:4px}.vft-select--small .vft-select__selection.is-near{margin-left:-6px}.vft-select--small .vft-select__prefix{gap:4px}.vft-select--small .vft-select__suffix{gap:4px}.vft-select--small .vft-select__input{height:20px}.vft-select .icon-arrow-down{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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%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="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-select .icon-circle-close{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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%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="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
|
package/theme-style/vft-tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.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{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.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{transform:translateY(-30px);opacity:0}.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-active-bg-color:transparent;--vft-tabs-item-hover-bg-color:transparent;--vft-tabs-item-color:black;--vft-tabs-item-active-color:inherit;--vft-tabs-item-hover-color:inherit;--vft-tabs-item-border:0 solid #eee;--vft-tabs-item-active-border:0 solid #eee;--vft-tabs-item-hover-border: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{display:flex;padding:var(--vft-tabs-padding)}.vft-tabs__header{display:flex;position:relative;align-items:center;justify-content:space-between;margin:0 0 15px;padding:0}.vft-tabs__header-vertical{flex-direction:column}.vft-tabs__active-bar{position:absolute;z-index:1;bottom:0;left:0;height:2px;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);background-color:var(--vft-primary-color);list-style:none}.vft-tabs__new-tab{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;margin:10px 0 10px 10px;transition:all .15s;border:1px solid var(--vft-border-color);border-radius:3px;color:var(--vft-text-color-primary);font-size:12px;line-height:20px;text-align:center;cursor:pointer}.vft-tabs__new-tab .is-icon-plus{width:inherit;height:inherit;transform:scale(.8,.8)}.vft-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__new-tab-vertical{margin-left:0}.vft-tabs__nav-wrap{position:relative;flex:1 auto;margin-bottom:-1px;overflow:hidden}.vft-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:var(--vft-tabs-scroll-padding)}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-wrap::after{content:"";display:var(--vft-tabs-show-border-bottom);position:absolute;z-index:var(--vft-z-index-normal);bottom:0;left:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color)}.vft-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs__nav-scroll.is-have-fixed-tab{height:var(--vft-tabs-header-height)}.vft-tabs .icon-close{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="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%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="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .icon-arrow-left{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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .icon-arrow-right{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="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%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="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs__nav-next,.vft-tabs__nav-prev{display:inline-flex;position:absolute;align-items:center;width:20px;height:100%;color:var(--vft-text-color-secondary);font-size:12px;line-height:44px;text-align:center;cursor:pointer}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;position:relative;z-index:calc(var(--vft-z-index-normal) + 1);float:left;transition:transform var(--vft-transition-duration);white-space:nowrap}.vft-tabs__nav.is-stretch{display:flex;min-width:100%}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__nav.is-fixed-nav{transform:translateY(calc(0 - var(--vft-tabs-header-height)));background-color:#eceff3}.vft-tabs__item{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:flex-start;max-width:var(--vft-tabs-item-max-width);height:var(--vft-tabs-header-height);margin-right:var(--vft-tabs-item-distance);padding:var(--vft-tabs-item-padding);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),background-color var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);border:var(--vft-tabs-item-border);border-radius:var(--vft-tabs-item-border-radius);background-color:var(--vft-tabs-item-bg-color);color:var(--vft-tabs-item-color);font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);line-height:1;list-style:none}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active{border:var(--vft-tabs-item-active-border);background-color:var(--vft-tabs-item-active-bg-color);color:var(--vft-tabs-item-active-color);font-weight:var(--vft-tabs-font-weight-active)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)!important;opacity:1}.vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)!important;opacity:1}.vft-tabs__item .is-icon-close{opacity:0}.vft-tabs__item:hover{border:var(--vft-tabs-item-hover-border);background-color:var(--vft-tabs-item-hover-bg-color);color:var(--vft-tabs-item-hover-color);cursor:pointer}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--vft-primary-color) inset}.vft-tabs__item .is-icon-close{display:flex;align-items:center;justify-content:center;width:var(--vft-tabs-active-distance);height:var(--vft-tabs-active-distance);margin-left:var(--vft-tabs-close-icon-left);transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);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__content{position:relative;flex-grow:1;overflow:hidden}.vft-tabs--bottom.vft-tabs--border-card>.vft-tabs__header .vft-tabs__item:nth-child(2),.vft-tabs--bottom.vft-tabs--card>.vft-tabs__header .vft-tabs__item:nth-child(2),.vft-tabs--top.vft-tabs--border-card>.vft-tabs__header .vft-tabs__item:nth-child(2),.vft-tabs--top.vft-tabs--card>.vft-tabs__header .vft-tabs__item:nth-child(2){padding-left:20px}.vft-tabs--bottom.vft-tabs--border-card>.vft-tabs__header .vft-tabs__item:last-child,.vft-tabs--bottom.vft-tabs--card>.vft-tabs__header .vft-tabs__item:last-child,.vft-tabs--top.vft-tabs--border-card>.vft-tabs__header .vft-tabs__item:last-child,.vft-tabs--top.vft-tabs--card>.vft-tabs__header .vft-tabs__item:last-child{padding-right:20px}.vft-tabs--bottom{flex-direction:column}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-top:10px;margin-bottom:0}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__header.is-bottom{border-top:1px solid var(--vft-border-color);border-bottom:0}.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{width:100%;height:30px;line-height:30px;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{top:0;left:auto}.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{top:0;bottom:auto;width:2px;height:100%}.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{flex-direction:column}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-left{justify-content:flex-end}.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-right{justify-content:flex-start}.vft-tabs--bottom .vft-tabs__nav,.vft-tabs--top .vft-tabs__nav{height:var(--vft-tabs-header-height)}.vft-tabs--left{flex-direction:row}.vft-tabs--left .vft-tabs__header.is-left{margin-right:10px;margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{right:0;left:auto}.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-top:1px solid var(--vft-border-color-light);border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-left:none;text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-top:none;border-right:1px solid var(--vft-border-color-light)}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-bottom:none;border-left:none;border-right-color:#fff}.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-right:none;border-bottom:1px solid var(--vft-border-color-light);border-radius:4px 0 0 4px}.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{margin:-1px 0 -1px -1px;border:1px solid transparent}.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--left>.vft-tabs__content+.vft-tabs__header{order:-1}.vft-tabs--right .vft-tabs__header.is-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{right:auto;left:0}.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-top:1px solid var(--vft-border-color-light);border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-top:none;border-left:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-right:none;border-bottom:none;border-left-color:#fff}.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-bottom:1px solid var(--vft-border-color-light);border-left:none;border-radius:0 4px 4px 0}.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{margin:-1px -1px -1px 0;border:1px solid transparent}.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}.vft-tabs .nav-right{position:absolute;top:-50%;right:0;transform:translateY(50%)}.vft-tabs .icon-plus{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="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%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="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .vft-tabs__header .vft-tabs__nav{box-sizing:border-box;border-radius:4px 4px 0 0}.vft-tabs--top{flex-direction:column}.vft-tabs--top>.vft-tabs__content+.vft-tabs__header{order:-1}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;right:0;left:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;right:0;left:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes slideInRight-leave{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes slideInLeft-enter{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes slideInLeft-leave{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(-100%);transform-origin:0 0;opacity:0}}
|
|
1
|
+
.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{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.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{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.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{transform:translateY(-30px);opacity:0}.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:var(--vft-font-size-base);--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-active-bg-color:transparent;--vft-tabs-item-hover-bg-color:transparent;--vft-tabs-item-color:black;--vft-tabs-item-active-color:inherit;--vft-tabs-item-hover-color:inherit;--vft-tabs-item-border:0 solid #eee;--vft-tabs-item-active-border:0 solid #eee;--vft-tabs-item-hover-border: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{display:flex;padding:var(--vft-tabs-padding)}.vft-tabs__header{display:flex;position:relative;align-items:center;justify-content:space-between;margin:0 0 15px;padding:0}.vft-tabs__header-vertical{flex-direction:column}.vft-tabs__active-bar{position:absolute;z-index:1;bottom:0;left:0;height:2px;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);background-color:var(--vft-primary-color);list-style:none}.vft-tabs__new-tab{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;margin:10px 0 10px 10px;transition:all .15s;border:1px solid var(--vft-border-color);border-radius:3px;color:var(--vft-text-color-primary);font-size:12px;line-height:20px;text-align:center;cursor:pointer}.vft-tabs__new-tab .is-icon-plus{width:inherit;height:inherit;transform:scale(.8,.8)}.vft-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__new-tab-vertical{margin-left:0}.vft-tabs__nav-wrap{position:relative;flex:1 auto;margin-bottom:-1px;overflow:hidden}.vft-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:var(--vft-tabs-scroll-padding)}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-wrap::after{content:"";display:var(--vft-tabs-show-border-bottom);position:absolute;z-index:var(--vft-z-index-normal);bottom:0;left:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color)}.vft-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs__nav-scroll.is-have-fixed-tab{height:var(--vft-tabs-header-height)}.vft-tabs .icon-close{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="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%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="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .icon-arrow-left{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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%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="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .icon-arrow-right{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="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%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="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs__nav-next,.vft-tabs__nav-prev{display:inline-flex;position:absolute;align-items:center;width:20px;height:100%;color:var(--vft-text-color-secondary);font-size:12px;line-height:44px;text-align:center;cursor:pointer}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;position:relative;z-index:calc(var(--vft-z-index-normal) + 1);float:left;transition:transform var(--vft-transition-duration);white-space:nowrap}.vft-tabs__nav.is-stretch{display:flex;min-width:100%}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__nav.is-fixed-nav{transform:translateY(calc(0 - var(--vft-tabs-header-height)));background-color:#eceff3}.vft-tabs__item{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:flex-start;max-width:var(--vft-tabs-item-max-width);height:var(--vft-tabs-header-height);margin-right:var(--vft-tabs-item-distance);padding:var(--vft-tabs-item-padding);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),background-color var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),color var(--vft-transition-duration);border:var(--vft-tabs-item-border);border-radius:var(--vft-tabs-item-border-radius);background-color:var(--vft-tabs-item-bg-color);color:var(--vft-tabs-item-color);font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);line-height:1;list-style:none}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__item.is-active{border:var(--vft-tabs-item-active-border);background-color:var(--vft-tabs-item-active-bg-color);color:var(--vft-tabs-item-active-color);font-weight:var(--vft-tabs-font-weight-active)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)!important;opacity:1}.vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)!important;opacity:1}.vft-tabs__item .is-icon-close{opacity:0}.vft-tabs__item:hover{border:var(--vft-tabs-item-hover-border);background-color:var(--vft-tabs-item-hover-bg-color);color:var(--vft-tabs-item-hover-color);cursor:pointer}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--vft-primary-color) inset}.vft-tabs__item .is-icon-close{display:flex;align-items:center;justify-content:center;width:var(--vft-tabs-active-distance);height:var(--vft-tabs-active-distance);margin-left:var(--vft-tabs-close-icon-left);transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);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__content{position:relative;flex-grow:1;overflow:hidden}.vft-tabs--bottom.vft-tabs--border-card>.vft-tabs__header .vft-tabs__item:nth-child(2),.vft-tabs--bottom.vft-tabs--card>.vft-tabs__header .vft-tabs__item:nth-child(2),.vft-tabs--top.vft-tabs--border-card>.vft-tabs__header .vft-tabs__item:nth-child(2),.vft-tabs--top.vft-tabs--card>.vft-tabs__header .vft-tabs__item:nth-child(2){padding-left:20px}.vft-tabs--bottom.vft-tabs--border-card>.vft-tabs__header .vft-tabs__item:last-child,.vft-tabs--bottom.vft-tabs--card>.vft-tabs__header .vft-tabs__item:last-child,.vft-tabs--top.vft-tabs--border-card>.vft-tabs__header .vft-tabs__item:last-child,.vft-tabs--top.vft-tabs--card>.vft-tabs__header .vft-tabs__item:last-child{padding-right:20px}.vft-tabs--bottom{flex-direction:column}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-top:10px;margin-bottom:0}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__header.is-bottom{border-top:1px solid var(--vft-border-color);border-bottom:0}.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{width:100%;height:30px;line-height:30px;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{top:0;left:auto}.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{top:0;bottom:auto;width:2px;height:100%}.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{flex-direction:column}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-left{justify-content:flex-end}.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-right{justify-content:flex-start}.vft-tabs--bottom .vft-tabs__nav,.vft-tabs--top .vft-tabs__nav{height:var(--vft-tabs-header-height)}.vft-tabs--left{flex-direction:row}.vft-tabs--left .vft-tabs__header.is-left{margin-right:10px;margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{right:0;left:auto}.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-top:1px solid var(--vft-border-color-light);border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-left:none;text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-top:none;border-right:1px solid var(--vft-border-color-light)}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-bottom:none;border-left:none;border-right-color:#fff}.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-right:none;border-bottom:1px solid var(--vft-border-color-light);border-radius:4px 0 0 4px}.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{margin:-1px 0 -1px -1px;border:1px solid transparent}.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--left>.vft-tabs__content+.vft-tabs__header{order:-1}.vft-tabs--right .vft-tabs__header.is-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{right:auto;left:0}.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-top:1px solid var(--vft-border-color-light);border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-top:none;border-left:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-right:none;border-bottom:none;border-left-color:#fff}.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-bottom:1px solid var(--vft-border-color-light);border-left:none;border-radius:0 4px 4px 0}.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{margin:-1px -1px -1px 0;border:1px solid transparent}.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}.vft-tabs .nav-right{position:absolute;top:-50%;right:0;transform:translateY(50%)}.vft-tabs .icon-plus{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="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%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="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tabs .vft-tabs__header .vft-tabs__nav{box-sizing:border-box;border-radius:4px 4px 0 0}.vft-tabs--top{flex-direction:column}.vft-tabs--top>.vft-tabs__content+.vft-tabs__header{order:-1}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;right:0;left:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;right:0;left:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes slideInRight-leave{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes slideInLeft-enter{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes slideInLeft-leave{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(-100%);transform-origin:0 0;opacity:0}}
|
package/theme-style/vft-tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--vft-tag-font-size:
|
|
1
|
+
:root{--vft-tag-font-size:var(--vft-font-size-extra-small);--vft-tag-border-radius:4px;--vft-tag-border-radius-rounded:9999px;--vft-tag-content-line-clamp-num:1;--vft-tag-content-max-width:100%}.vft-tag{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;height:24px;padding:0 9px;border-width:1px;border-style:solid;border-radius:var(--vft-tag-border-radius);border-color:var(--vft-tag-border-color);background-color:var(--vft-tag-bg-color);color:var(--vft-tag-text-color);font-size:var(--vft-tag-font-size);line-height:1;white-space:nowrap;--vft-tag-text-color:var(--vft-primary-color);--vft-icon-size:14px;--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag .icon-close{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="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%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="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-tag.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color-light-9);--vft-tag-border-color:var(--vft-success-color-light-8);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color-light-9);--vft-tag-border-color:var(--vft-warning-color-light-8);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color-light-9);--vft-tag-border-color:var(--vft-danger-color-light-8);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color-light-9);--vft-tag-border-color:var(--vft-error-color-light-8);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color-light-9);--vft-tag-border-color:var(--vft-info-color-light-8);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.is-hit{border-color:var(--vft-primary-color)}.vft-tag.is-round{border-radius:var(--vft-tag-border-radius-rounded)}.vft-tag--dark{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3);--vft-tag-text-color:var(--vft-color-white);--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3)}.vft-tag--dark.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color);--vft-tag-border-color:var(--vft-success-color);--vft-tag-hover-color:var(--vft-success-color-light-3)}.vft-tag--dark.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color);--vft-tag-border-color:var(--vft-warning-color);--vft-tag-hover-color:var(--vft-warning-color-light-3)}.vft-tag--dark.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color);--vft-tag-border-color:var(--vft-danger-color);--vft-tag-hover-color:var(--vft-danger-color-light-3)}.vft-tag--dark.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color);--vft-tag-border-color:var(--vft-error-color);--vft-tag-hover-color:var(--vft-error-color-light-3)}.vft-tag--dark.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color);--vft-tag-border-color:var(--vft-info-color);--vft-tag-hover-color:var(--vft-info-color-light-3)}.vft-tag--dark.vft-tag--primary{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--success{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--warning{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--danger{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--error{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--info{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--plain{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-bg-color:var(--vft-fill-color-blank)}.vft-tag--plain.vft-tag--primary{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag--plain.vft-tag--success{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-success-color-light-5);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag--plain.vft-tag--warning{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-warning-color-light-5);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag--plain.vft-tag--danger{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-danger-color-light-5);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag--plain.vft-tag--error{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-error-color-light-5);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag--plain.vft-tag--info{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-info-color-light-5);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag__content{max-width:var(--vft-tag-content-max-width);white-space:break-spaces;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vft-tag-content-line-clamp-num);line-clamp:var(--vft-tag-content-line-clamp-num)}.vft-tag--small .vft-icon-close{transform:scale(.8)}.vft-tag.vft-tag--primary{--vft-tag-text-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-text-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-text-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-text-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-text-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-text-color:var(--vft-info-color)}.vft-tag--large{height:32px;padding:0 11px;--vft-icon-size:16px}.vft-tag--large .vft-tag__close{margin-left:8px}.vft-tag--large.is-closable{padding-right:7px}.vft-tag--small{height:20px;padding:0 7px;--vft-icon-size:12px}.vft-tag--small .vft-tag__close{margin-left:4px}.vft-tag--small.is-closable{padding-right:3px}.vft-tag.vft-tag--primary.is-hit{border-color:var(--vft-primary-color)}.vft-tag.vft-tag--success.is-hit{border-color:var(--vft-success-color)}.vft-tag.vft-tag--warning.is-hit{border-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger.is-hit{border-color:var(--vft-danger-color)}.vft-tag.vft-tag--error.is-hit{border-color:var(--vft-error-color)}.vft-tag.vft-tag--info.is-hit{border-color:var(--vft-info-color)}.vft-tag .vft-tag__close{width:var(--vft-icon-size);height:var(--vft-icon-size);margin-left:6px;border-radius:50%;color:var(--vft-tag-text-color);display:flex;align-items:center;justify-content:center}.vft-tag .vft-tag__close:hover{background-color:var(--vft-tag-hover-color);color:var(--vft-color-white)}.vft-tag .vft-icon{color:inherit;font-size:calc(var(--vft-icon-size) - 2px);cursor:pointer}.vft-tag.is-closable{padding-right:5px}
|
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.302","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
|