vft 0.0.459 → 0.0.464

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.
Files changed (14) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/config-provider/hooks/use-global-config.js +3 -3
  3. package/es/hooks/use-z-index/index.js +3 -3
  4. package/es/package.json.d.ts +1 -1
  5. package/es/package.json.js +1 -1
  6. package/lib/package.json.cjs +1 -1
  7. package/lib/package.json.d.ts +1 -1
  8. package/package.json +4 -4
  9. package/theme-style/index.css +1 -1
  10. package/theme-style/src/input-tag.scss +1 -1
  11. package/theme-style/src/select.scss +1 -1
  12. package/theme-style/vft-input-tag.css +1 -1
  13. package/theme-style/vft-select.css +1 -1
  14. package/web-types.json +1 -1
package/theme-style/src/input-tag.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  @use 'common/var' as *;
6
6
 
7
7
  @mixin mixed-input-border($color) {
8
- box-shadow: 0 0 0 1px $color inset;
8
+ border: 1px solid $color;
9
9
  }
10
10
 
11
11
  @include b(input-tag) {
package/theme-style/src/select.scss CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
10
10
  @mixin mixed-input-border($color) {
11
- box-shadow: 0 0 0 1px $color inset;
11
+ border: 1px solid $color;
12
12
  }
13
13
 
14
14
  @include set-root-css-vars('select', $select);
package/theme-style/vft-input-tag.css CHANGED
@@ -1 +1 @@
1
- .vft-input-tag{--vft-input-tag-border-color-hover:var(--vft-border-color-hover);--vft-input-tag-placeholder-color:var(--vft-text-placeholder-color);--vft-input-tag-disabled-color:var(--vft-disabled-text-color);--vft-input-tag-disabled-border:var(--vft-disabled-border-color);--vft-input-tag-font-size:var(--vft-font-size-base);--vft-input-tag-close-hover-color:var(--vft-text-secondary-color);--vft-input-tag-text-color:var(--vft-text-regular-color);--vft-input-tag-input-focus-border-color:var(--vft-primary-color);--vft-input-tag-width:100%;--vft-input-tag-mini-height:var(--vft-component-size);--vft-input-tag-gap:6px;--vft-input-tag-padding:4px;--vft-input-tag-inner-padding:8px;--vft-input-tag-line-height:24px}.vft-input-tag{display:flex;box-sizing:border-box;align-items:center;width:var(--vft-input-tag-width);min-height:var(--vft-input-tag-mini-height);padding:var(--vft-input-tag-padding);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:var(--vft-input-tag-font-size);line-height:var(--vft-input-tag-line-height);cursor:pointer;box-shadow:0 0 0 1px var(--vft-border-color) inset}.vft-input-tag.is-focused{box-shadow:0 0 0 1px var(--vft-primary-color) inset}.vft-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--vft-border-color-hover) inset}.vft-input-tag.is-disabled{background-color:var(--vft-fill-color-light);cursor:not-allowed;box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-input-tag__input{cursor:not-allowed}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-tag{cursor:not-allowed}.vft-input-tag__prefix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-input-tag__suffix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:8px}.vft-input-tag__suffix .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%}.vft-input-tag__inner{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;gap:var(--vft-input-tag-gap)}.vft-input-tag__inner.is-left-space{margin-left:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-right-space{margin-right:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-draggable .vft-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-tag__drop-indicator{position:absolute;top:0;width:1px;height:var(--el-input-tag-line-height);background-color:var(--vft-primary-color)}.vft-input-tag__inner .vft-tag{max-width:100%;border-color:transparent;cursor:pointer}.vft-input-tag__inner .vft-tag.vft-tag--plain{border-color:var(--vft-tag-border-color)}.vft-input-tag__inner .vft-tag .vft-tag__content{min-width:0;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.vft-input-tag__input-wrapper{flex:1}.vft-input-tag__input{width:100%;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vft-input-tag__input::-moz-placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input::placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input-calculator{visibility:hidden;position:absolute;top:0;left:0;max-width:100%;overflow:hidden;white-space:pre}.vft-input-tag--large{--vft-input-tag-gap:6px;--vft-input-tag-padding:8px;--vft-input-tag-padding-left:8px;--vft-input-tag-font-size:14px}.vft-input-tag--small{--vft-input-tag-gap:4px;--vft-input-tag-padding:2px;--vft-input-tag-padding-left:6px;--vft-input-tag-font-size:12px;--vft-input-tag-line-height:20px;--vft-input-tag-mini-height:var(--vft-component-size-small)}
1
+ .vft-input-tag{--vft-input-tag-border-color-hover:var(--vft-border-color-hover);--vft-input-tag-placeholder-color:var(--vft-text-placeholder-color);--vft-input-tag-disabled-color:var(--vft-disabled-text-color);--vft-input-tag-disabled-border:var(--vft-disabled-border-color);--vft-input-tag-font-size:var(--vft-font-size-base);--vft-input-tag-close-hover-color:var(--vft-text-secondary-color);--vft-input-tag-text-color:var(--vft-text-regular-color);--vft-input-tag-input-focus-border-color:var(--vft-primary-color);--vft-input-tag-width:100%;--vft-input-tag-mini-height:var(--vft-component-size);--vft-input-tag-gap:6px;--vft-input-tag-padding:4px;--vft-input-tag-inner-padding:8px;--vft-input-tag-line-height:24px}.vft-input-tag{display:flex;box-sizing:border-box;align-items:center;width:var(--vft-input-tag-width);min-height:var(--vft-input-tag-mini-height);padding:var(--vft-input-tag-padding);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:var(--vft-input-tag-font-size);line-height:var(--vft-input-tag-line-height);cursor:pointer;border:1px solid var(--vft-border-color)}.vft-input-tag.is-focused{border:1px solid var(--vft-primary-color)}.vft-input-tag.is-hovering:not(.is-focused){border:1px solid var(--vft-border-color-hover)}.vft-input-tag.is-disabled{background-color:var(--vft-fill-color-light);cursor:not-allowed;border:1px solid var(--vft-input-tag-disabled-border)}.vft-input-tag.is-disabled:hover{border:1px solid var(--vft-input-tag-disabled-border)}.vft-input-tag.is-disabled.is-focus{border:1px solid var(--vft-input-focus-border-color)}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-input-tag__input{cursor:not-allowed}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-tag{cursor:not-allowed}.vft-input-tag__prefix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-input-tag__suffix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:8px}.vft-input-tag__suffix .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%}.vft-input-tag__inner{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;gap:var(--vft-input-tag-gap)}.vft-input-tag__inner.is-left-space{margin-left:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-right-space{margin-right:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-draggable .vft-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-tag__drop-indicator{position:absolute;top:0;width:1px;height:var(--el-input-tag-line-height);background-color:var(--vft-primary-color)}.vft-input-tag__inner .vft-tag{max-width:100%;border-color:transparent;cursor:pointer}.vft-input-tag__inner .vft-tag.vft-tag--plain{border-color:var(--vft-tag-border-color)}.vft-input-tag__inner .vft-tag .vft-tag__content{min-width:0;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.vft-input-tag__input-wrapper{flex:1}.vft-input-tag__input{width:100%;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vft-input-tag__input::-moz-placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input::placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input-calculator{visibility:hidden;position:absolute;top:0;left:0;max-width:100%;overflow:hidden;white-space:pre}.vft-input-tag--large{--vft-input-tag-gap:6px;--vft-input-tag-padding:8px;--vft-input-tag-padding-left:8px;--vft-input-tag-font-size:14px}.vft-input-tag--small{--vft-input-tag-gap:4px;--vft-input-tag-padding:2px;--vft-input-tag-padding-left:6px;--vft-input-tag-font-size:12px;--vft-input-tag-line-height:20px;--vft-input-tag-mini-height:var(--vft-component-size-small)}
package/theme-style/vft-select.css CHANGED
@@ -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: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;word-break:break-all}.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;word-break:break-all}.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;border:1px solid var(--vft-border-color)}.vft-select__wrapper.is-filterable{cursor:text}.vft-select__wrapper.is-focused{border:1px solid var(--vft-primary-color)}.vft-select__wrapper.is-hovering:not(.is-focused){border:1px solid var(--vft-border-color-hover)}.vft-select__wrapper.is-disabled{background-color:var(--vft-fill-color-light);color:var(--vft-text-placeholder-color);cursor:not-allowed;border:1px solid var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled:hover{border:1px solid var(--vft-select-disabled-border)}.vft-select__wrapper.is-disabled.is-focus{border:1px solid var(--vft-input-focus-border-color)}.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;word-break:break-all}.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;word-break:break-all}.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%}