vft 0.0.129 → 0.0.131
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/config-provider/config-provider.vue2.js +24 -23
- package/es/components/icon/icon.vue2.js +22 -23
- package/es/components/modal/modal.vue2.js +27 -25
- package/es/components/table/use/use-table.js +22 -21
- package/es/package.json.js +1 -1
- package/lib/components/config-provider/config-provider.vue2.cjs +1 -1
- package/lib/components/icon/icon.vue2.cjs +1 -1
- package/lib/components/modal/modal.vue2.cjs +1 -1
- package/lib/components/table/use/use-table.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +2 -2
- package/theme-style/index.css +1 -1
- package/theme-style/src/multiple-tabs.scss +21 -21
- package/theme-style/src/select.scss +2 -2
- package/theme-style/vft-multiple-tabs.css +1 -1
- package/theme-style/vft-select.css +1 -1
- package/web-types.json +1 -1
|
@@ -16,26 +16,26 @@ $name: multiple-tabs;
|
|
|
16
16
|
@include e(title) {
|
|
17
17
|
overflow: hidden;
|
|
18
18
|
}
|
|
19
|
+
}
|
|
19
20
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
21
|
+
.icon-refresh-right {
|
|
22
|
+
@include icon-common($icon-refresh-right)
|
|
23
|
+
}
|
|
24
|
+
.icon-new-tab {
|
|
25
|
+
@include icon-common($icon-new-tab)
|
|
26
|
+
}
|
|
27
|
+
.icon-close-tab {
|
|
28
|
+
@include icon-common($icon-close-tab)
|
|
29
|
+
}
|
|
30
|
+
.icon-arrow-close-left {
|
|
31
|
+
@include icon-common($icon-arrow-close-left)
|
|
32
|
+
}
|
|
33
|
+
.icon-arrow-close-right {
|
|
34
|
+
@include icon-common($icon-arrow-close-right)
|
|
35
|
+
}
|
|
36
|
+
.icon-close-box-multiple-outline {
|
|
37
|
+
@include icon-common($icon-close-box-multiple-outline)
|
|
38
|
+
}
|
|
39
|
+
.icon-vector-square-delete {
|
|
40
|
+
@include icon-common($icon-vector-square-delete)
|
|
41
41
|
}
|
|
@@ -228,7 +228,7 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
|
|
|
228
228
|
);
|
|
229
229
|
|
|
230
230
|
.#{$namespace}-input__icon {
|
|
231
|
-
height: inherit;
|
|
231
|
+
height: inherit!important;
|
|
232
232
|
|
|
233
233
|
&:not(:first-child) {
|
|
234
234
|
margin-left: 8px;
|
|
@@ -261,7 +261,7 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
|
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
&.#{$namespace}-icon {
|
|
264
|
-
height: inherit;
|
|
264
|
+
height: inherit!important;
|
|
265
265
|
|
|
266
266
|
svg {
|
|
267
267
|
vertical-align: middle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--vft-multiple-tabs-bg-color:var(--vft-header-layout-bg-color);--vft-multiple-tabs-height:30px}.vft-multiple-tabs{background-color:var(--vft-multiple-tabs-bg-color);height:var(--vft-multiple-tabs-height)}.vft-multiple-tabs__title{overflow:hidden}.
|
|
1
|
+
:root{--vft-multiple-tabs-bg-color:var(--vft-header-layout-bg-color);--vft-multiple-tabs-height:30px}.vft-multiple-tabs{background-color:var(--vft-multiple-tabs-bg-color);height:var(--vft-multiple-tabs-height)}.vft-multiple-tabs__title{overflow:hidden}.icon-refresh-right{-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="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%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="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.icon-new-tab{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.icon-close-tab{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.icon-arrow-close-left{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.icon-arrow-close-right{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.icon-close-box-multiple-outline{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.icon-vector-square-delete{-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vft-select-dropdown{z-index:calc(var(--vft-z-index-top) + 1);border-radius:var(--vft-border-radius-base);box-sizing:border-box}.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list{padding:0}.vft-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled{color:var(--vft-text-disabled-color)}.vft-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled::after{background-color:var(--vft-text-disabled-color)}.vft-select-dropdown__option-item:hover:not(.hover){background-color:transparent}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-disabled.is-selected{color:var(--vft-text-disabled-color)}.vft-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--vft-text-secondary-color);font-size:var(--vft-select-font-size)}.vft-select-dropdown__wrap{max-height:274px}.vft-select-dropdown__list{list-style:none;margin:6px 0!important;padding:0!important;box-sizing:border-box}.vft-select-dropdown__option-item{font-size:var(--vft-select-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vft-text-regular-color);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.vft-select-dropdown__option-item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-select-dropdown__option-item.is-disabled:hover{background-color:var(--vft-bg-color)}.vft-select-dropdown__option-item.is-selected{background-color:var(--vft-fill-color-light);font-weight:700}.vft-select-dropdown__option-item.is-selected:not(.is-multiple){color:var(--vft-primary-color)}.vft-select-dropdown__option-item.hover{background-color:var(--vft-fill-color-light)!important}.vft-select-dropdown__option-item:hover{background-color:var(--vft-fill-color-light)}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected{color:var(--vft-primary-color);background-color:var(--vft-bg-color-overlay)}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected .vft-icon{position:absolute;right:20px;top:0;height:inherit;font-size:12px}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected .vft-icon svg{height:inherit;vertical-align:middle}.vft-select-group{margin:0;padding:0}.vft-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.vft-select-group__wrap:not(:last-of-type){padding-bottom:24px}.vft-select-group__wrap:not(:last-of-type)::after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:var(--vft-border-color-light)}.vft-select-group__split-dash{position:absolute;left:20px;right:20px;height:1px;background:var(--vft-border-color-light)}.vft-select-group__title{padding-left:20px;font-size:12px;color:var(--vft-info-color);line-height:30px}.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{display:inline-block;position:relative;vertical-align:middle;font-size:14px}.vft-select__wrapper{display:flex;align-items:center;flex-wrap:wrap;position:relative;box-sizing:border-box;cursor:pointer;padding:1px 30px 1px 0;border:1px solid var(--vft-border-color);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);transition:var(--vft-transition-duration)}.vft-select__wrapper:hover{border-color:var(--vft-text-placeholder-color)}.vft-select__wrapper.is-filterable{cursor:text}.vft-select__wrapper.is-focused{border-color:var(--vft-primary-color)}.vft-select__wrapper.is-hovering:not(.is-focused){border-color:var(--vft-border-color-hover)}.vft-select__wrapper.is-disabled{cursor:not-allowed;background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);border-color:var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled:hover{border-color:var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled.is-focus{border-color:var(--vft-input-focus-border-color)}.vft-select__wrapper.is-disabled .is-transparent{opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-select__wrapper.is-disabled .vft-select__caret{cursor:not-allowed}.vft-select__wrapper.is-disabled .vft-select__combobox-input{cursor:not-allowed}.vft-select__wrapper .vft-select__input-wrapper{box-sizing:border-box;position:relative;-webkit-margin-start:12px;margin-inline-start:12px;max-width:100%;overflow:hidden}.vft-select__wrapper,.vft-select__wrapper .vft-select__input-wrapper{line-height:32px}.vft-select__wrapper .vft-select__input-wrapper input{--vft-input-inner-height:calc(var(--vft-component-size, 32px) - 8px);height:var(--vft-input-inner-height);line-height:var(--vft-input-inner-height);min-width:4px;width:100%;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;margin:2px 0;outline:0;padding:0}.vft-select .vft-select__tags-text{display:inline-block;line-height:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-select__empty{padding:10px 0;margin:0;text-align:center;color:var(--vft-text-secondary-color);font-size:14px}.vft-select__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light);box-shadow:var(--vft-box-shadow-light)}.vft-select__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-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--large .vft-select__wrapper .vft-select__combobox-input{height:32px}.vft-select--large .vft-select__caret{height:40px}.vft-select--large .vft-select__suffix{height:40px}.vft-select--large .vft-select__placeholder{font-size:14px;line-height:40px}.vft-select--small .vft-select__wrapper .vft-select__combobox-input{height:16px}.vft-select--small .vft-select__caret{height:24px}.vft-select--small .vft-select__suffix{height:24px}.vft-select--small .vft-select__placeholder{font-size:12px;line-height:24px}.vft-select .vft-select__selection>span{display:inline-block}.vft-select:hover .vft-select__combobox-input{border-color:var(--vft-select-border-color-hover)}.vft-select .vft-select__selection-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.vft-select .vft-select__combobox-input{padding-right:35px;display:block;color:var(--vft-text-regular-color)}.vft-select .vft-select__combobox-input:focus{border-color:var(--vft-select-input-focus-border-color)}.vft-select__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--vft-select-multiple-input-color);font-size:var(--vft-select-font-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px}.vft-select__input.is-small{height:14px}.vft-select__close{cursor:pointer;position:absolute;top:8px;z-index:var(--vft-z-index-top);right:25px;color:var(--vft-select-input-color);line-height:18px;font-size:var(--vft-select-input-font-size)}.vft-select__close:hover{color:var(--vft-select-close-hover-color)}.vft-select__suffix{display:inline-flex;position:absolute;right:12px;height:32px;top:50%;transform:translateY(-50%);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-select__suffix .vft-input__icon{height:inherit}.vft-select__suffix .vft-input__icon:not(:first-child){margin-left:8px}.vft-select__caret{color:var(--vft-select-input-color);font-size:var(--vft-select-input-font-size);transition:var(--vft-transition-duration);transform:rotateZ(180deg);cursor:pointer}.vft-select__caret.is-reverse{transform:rotateZ(0)}.vft-select__caret.is-show-close{font-size:var(--vft-select-font-size);text-align:center;transform:rotateZ(180deg);border-radius:var(--vft-border-radius-circle);color:var(--vft-select-input-color);transition:var(--vft-transition-color)}.vft-select__caret.is-show-close:hover{color:var(--vft-select-close-hover-color)}.vft-select__caret.vft-icon{height:inherit}.vft-select__caret.vft-icon svg{vertical-align:middle}.vft-select__selection{white-space:normal;z-index:var(--vft-z-index-normal);display:flex;align-items:center;flex-wrap:wrap;width:100%}.vft-select__input-calculator{left:0;position:absolute;top:0;visibility:hidden;white-space:pre;z-index:999}.vft-select__selected-item{line-height:inherit;height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-wrap:wrap}.vft-select__placeholder{position:absolute;top:50%;transform:translateY(-50%);-webkit-margin-start:12px;margin-inline-start:12px;width:calc(100% - 52px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:var(--vft-input-text-color,var(--vft-text-regular-color))}.vft-select__placeholder.is-transparent{color:var(--vft-text-placeholder-color)}.vft-select .vft-select__selection .vft-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:var(--vft-fill-color)}.vft-select .vft-select__selection .vft-tag .vft-icon-close{background-color:var(--vft-text-placeholder-color);right:-7px;color:var(--vft-color-white)}.vft-select .vft-select__selection .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-select .vft-select__selection .vft-tag .vft-icon-close::before{display:block;transform:translate(0,.5px)}.vft-select.vft-select--small .vft-select__selection .vft-tag{margin:1px 0 1px 6px;height:18px}.vft-select .icon-arrow-up{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-select .icon-circle-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}
|
|
1
|
+
.vft-select-dropdown{z-index:calc(var(--vft-z-index-top) + 1);border-radius:var(--vft-border-radius-base);box-sizing:border-box}.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list{padding:0}.vft-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled{color:var(--vft-text-disabled-color)}.vft-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled::after{background-color:var(--vft-text-disabled-color)}.vft-select-dropdown__option-item:hover:not(.hover){background-color:transparent}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-disabled.is-selected{color:var(--vft-text-disabled-color)}.vft-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--vft-text-secondary-color);font-size:var(--vft-select-font-size)}.vft-select-dropdown__wrap{max-height:274px}.vft-select-dropdown__list{list-style:none;margin:6px 0!important;padding:0!important;box-sizing:border-box}.vft-select-dropdown__option-item{font-size:var(--vft-select-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vft-text-regular-color);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.vft-select-dropdown__option-item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-select-dropdown__option-item.is-disabled:hover{background-color:var(--vft-bg-color)}.vft-select-dropdown__option-item.is-selected{background-color:var(--vft-fill-color-light);font-weight:700}.vft-select-dropdown__option-item.is-selected:not(.is-multiple){color:var(--vft-primary-color)}.vft-select-dropdown__option-item.hover{background-color:var(--vft-fill-color-light)!important}.vft-select-dropdown__option-item:hover{background-color:var(--vft-fill-color-light)}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected{color:var(--vft-primary-color);background-color:var(--vft-bg-color-overlay)}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected .vft-icon{position:absolute;right:20px;top:0;height:inherit;font-size:12px}.vft-select-dropdown.is-multiple .vft-select-dropdown__option-item.is-selected .vft-icon svg{height:inherit;vertical-align:middle}.vft-select-group{margin:0;padding:0}.vft-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.vft-select-group__wrap:not(:last-of-type){padding-bottom:24px}.vft-select-group__wrap:not(:last-of-type)::after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:var(--vft-border-color-light)}.vft-select-group__split-dash{position:absolute;left:20px;right:20px;height:1px;background:var(--vft-border-color-light)}.vft-select-group__title{padding-left:20px;font-size:12px;color:var(--vft-info-color);line-height:30px}.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{display:inline-block;position:relative;vertical-align:middle;font-size:14px}.vft-select__wrapper{display:flex;align-items:center;flex-wrap:wrap;position:relative;box-sizing:border-box;cursor:pointer;padding:1px 30px 1px 0;border:1px solid var(--vft-border-color);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);transition:var(--vft-transition-duration)}.vft-select__wrapper:hover{border-color:var(--vft-text-placeholder-color)}.vft-select__wrapper.is-filterable{cursor:text}.vft-select__wrapper.is-focused{border-color:var(--vft-primary-color)}.vft-select__wrapper.is-hovering:not(.is-focused){border-color:var(--vft-border-color-hover)}.vft-select__wrapper.is-disabled{cursor:not-allowed;background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);border-color:var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled:hover{border-color:var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled.is-focus{border-color:var(--vft-input-focus-border-color)}.vft-select__wrapper.is-disabled .is-transparent{opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-select__wrapper.is-disabled .vft-select__caret{cursor:not-allowed}.vft-select__wrapper.is-disabled .vft-select__combobox-input{cursor:not-allowed}.vft-select__wrapper .vft-select__input-wrapper{box-sizing:border-box;position:relative;-webkit-margin-start:12px;margin-inline-start:12px;max-width:100%;overflow:hidden}.vft-select__wrapper,.vft-select__wrapper .vft-select__input-wrapper{line-height:32px}.vft-select__wrapper .vft-select__input-wrapper input{--vft-input-inner-height:calc(var(--vft-component-size, 32px) - 8px);height:var(--vft-input-inner-height);line-height:var(--vft-input-inner-height);min-width:4px;width:100%;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;margin:2px 0;outline:0;padding:0}.vft-select .vft-select__tags-text{display:inline-block;line-height:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.vft-select__empty{padding:10px 0;margin:0;text-align:center;color:var(--vft-text-secondary-color);font-size:14px}.vft-select__popper.vft-popper{background:var(--vft-bg-color-overlay);border:1px solid var(--vft-border-color-light);box-shadow:var(--vft-box-shadow-light)}.vft-select__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-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--large .vft-select__wrapper .vft-select__combobox-input{height:32px}.vft-select--large .vft-select__caret{height:40px}.vft-select--large .vft-select__suffix{height:40px}.vft-select--large .vft-select__placeholder{font-size:14px;line-height:40px}.vft-select--small .vft-select__wrapper .vft-select__combobox-input{height:16px}.vft-select--small .vft-select__caret{height:24px}.vft-select--small .vft-select__suffix{height:24px}.vft-select--small .vft-select__placeholder{font-size:12px;line-height:24px}.vft-select .vft-select__selection>span{display:inline-block}.vft-select:hover .vft-select__combobox-input{border-color:var(--vft-select-border-color-hover)}.vft-select .vft-select__selection-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.vft-select .vft-select__combobox-input{padding-right:35px;display:block;color:var(--vft-text-regular-color)}.vft-select .vft-select__combobox-input:focus{border-color:var(--vft-select-input-focus-border-color)}.vft-select__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--vft-select-multiple-input-color);font-size:var(--vft-select-font-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px}.vft-select__input.is-small{height:14px}.vft-select__close{cursor:pointer;position:absolute;top:8px;z-index:var(--vft-z-index-top);right:25px;color:var(--vft-select-input-color);line-height:18px;font-size:var(--vft-select-input-font-size)}.vft-select__close:hover{color:var(--vft-select-close-hover-color)}.vft-select__suffix{display:inline-flex;position:absolute;right:12px;height:32px;top:50%;transform:translateY(-50%);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-select__suffix .vft-input__icon{height:inherit!important}.vft-select__suffix .vft-input__icon:not(:first-child){margin-left:8px}.vft-select__caret{color:var(--vft-select-input-color);font-size:var(--vft-select-input-font-size);transition:var(--vft-transition-duration);transform:rotateZ(180deg);cursor:pointer}.vft-select__caret.is-reverse{transform:rotateZ(0)}.vft-select__caret.is-show-close{font-size:var(--vft-select-font-size);text-align:center;transform:rotateZ(180deg);border-radius:var(--vft-border-radius-circle);color:var(--vft-select-input-color);transition:var(--vft-transition-color)}.vft-select__caret.is-show-close:hover{color:var(--vft-select-close-hover-color)}.vft-select__caret.vft-icon{height:inherit!important}.vft-select__caret.vft-icon svg{vertical-align:middle}.vft-select__selection{white-space:normal;z-index:var(--vft-z-index-normal);display:flex;align-items:center;flex-wrap:wrap;width:100%}.vft-select__input-calculator{left:0;position:absolute;top:0;visibility:hidden;white-space:pre;z-index:999}.vft-select__selected-item{line-height:inherit;height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-wrap:wrap}.vft-select__placeholder{position:absolute;top:50%;transform:translateY(-50%);-webkit-margin-start:12px;margin-inline-start:12px;width:calc(100% - 52px);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:var(--vft-input-text-color,var(--vft-text-regular-color))}.vft-select__placeholder.is-transparent{color:var(--vft-text-placeholder-color)}.vft-select .vft-select__selection .vft-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:var(--vft-fill-color)}.vft-select .vft-select__selection .vft-tag .vft-icon-close{background-color:var(--vft-text-placeholder-color);right:-7px;color:var(--vft-color-white)}.vft-select .vft-select__selection .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-select .vft-select__selection .vft-tag .vft-icon-close::before{display:block;transform:translate(0,.5px)}.vft-select.vft-select--small .vft-select__selection .vft-tag{margin:1px 0 1px 6px;height:18px}.vft-select .icon-arrow-up{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}.vft-select .icon-circle-close{-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%;background-color:currentColor;color:var(--vft-icon-color);width:1em;height:1em}
|