vft 0.0.92 → 0.0.96
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/index.js +90 -90
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +15 -13
- package/es/components/search/search.vue2.js +15 -15
- package/es/components/table/table.vue2.js +68 -66
- package/es/index.js +90 -90
- package/es/package.json.js +1 -1
- package/lib/components/index.cjs +1 -1
- package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/search/search.vue2.cjs +1 -1
- package/lib/components/table/table.vue2.cjs +1 -1
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +8 -8
- package/theme-style/index.css +1 -1
- package/theme-style/src/select.scss +8 -8
- package/theme-style/vft-select.css +1 -1
- package/web-types.json +1 -1
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
|
|
56
56
|
@include e(popper) {
|
|
57
57
|
@include picker-popper(
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
58
|
+
map.get($select-dropdown, 'bg-color'),
|
|
59
|
+
map.get($select-dropdown, 'border'),
|
|
60
|
+
map.get($select-dropdown, 'shadow')
|
|
61
61
|
);
|
|
62
62
|
}
|
|
63
63
|
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
|
|
85
85
|
&:hover:not(.#{$namespace}-select--disabled) {
|
|
86
86
|
.#{$namespace}-input__wrapper {
|
|
87
|
-
|
|
87
|
+
border:1px solid getCssVar('select-border-color-hover');
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
|
|
@@ -95,8 +95,8 @@
|
|
|
95
95
|
|
|
96
96
|
@include when(focus) {
|
|
97
97
|
@include inset-input-border(
|
|
98
|
-
|
|
99
|
-
|
|
98
|
+
getCssVar('select-input-focus-border-color'),
|
|
99
|
+
true
|
|
100
100
|
);
|
|
101
101
|
}
|
|
102
102
|
}
|
|
@@ -156,8 +156,8 @@
|
|
|
156
156
|
|
|
157
157
|
&.is-focus .#{$namespace}-input__wrapper {
|
|
158
158
|
@include inset-input-border(
|
|
159
|
-
|
|
160
|
-
|
|
159
|
+
getCssVar('select-input-focus-border-color'),
|
|
160
|
+
true
|
|
161
161
|
);
|
|
162
162
|
}
|
|
163
163
|
}
|
|
@@ -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.is-multiple .vft-select-dropdown__item.selected{color:var(--vft-primary-color);background-color:var(--vft-bg-color-overlay)}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.selected.hover{background-color:var(--vft-fill-color-light)}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.selected::after{content:"";position:absolute;top:50%;right:20px;border-top:none;border-right:none;background-repeat:no-repeat;background-position:center;background-color:var(--vft-primary-color);-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%;transform:translateY(-50%);width:12px;height:12px}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.selected.is-disabled::after{background-color:var(--vft-text-disabled-color)}.vft-select-dropdown .vft-select-dropdown__option-item.is-selected::after{content:"";position:absolute;top:50%;right:20px;border-top:none;border-right:none;background-repeat:no-repeat;background-position:center;background-color:var(--vft-primary-color);-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%;transform:translateY(-50%);width:12px;height:12px}.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list{padding:0}.vft-select-dropdown .vft-select-dropdown__item.is-disabled:hover{background-color:unset}.vft-select-dropdown .vft-select-dropdown__item.is-disabled.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;padding:6px 0;margin:0;box-sizing:border-box}.vft-select{--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;line-height:32px}.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 .vft-select-tags-wrapper.has-prefix{margin-left:6px}.vft-select--large{line-height:40px}.vft-select--large .vft-select-tags-wrapper.has-prefix{margin-left:8px}.vft-select--small{line-height:24px}.vft-select--small .vft-select-tags-wrapper.has-prefix{margin-left:4px}.vft-select .vft-select__tags>span{display:inline-block}.vft-select:hover:not(.vft-select--disabled) .vft-input__wrapper{
|
|
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.is-multiple .vft-select-dropdown__item.selected{color:var(--vft-primary-color);background-color:var(--vft-bg-color-overlay)}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.selected.hover{background-color:var(--vft-fill-color-light)}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.selected::after{content:"";position:absolute;top:50%;right:20px;border-top:none;border-right:none;background-repeat:no-repeat;background-position:center;background-color:var(--vft-primary-color);-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%;transform:translateY(-50%);width:12px;height:12px}.vft-select-dropdown.is-multiple .vft-select-dropdown__item.selected.is-disabled::after{background-color:var(--vft-text-disabled-color)}.vft-select-dropdown .vft-select-dropdown__option-item.is-selected::after{content:"";position:absolute;top:50%;right:20px;border-top:none;border-right:none;background-repeat:no-repeat;background-position:center;background-color:var(--vft-primary-color);-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%;transform:translateY(-50%);width:12px;height:12px}.vft-select-dropdown .vft-scrollbar.is-empty .vft-select-dropdown__list{padding:0}.vft-select-dropdown .vft-select-dropdown__item.is-disabled:hover{background-color:unset}.vft-select-dropdown .vft-select-dropdown__item.is-disabled.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;padding:6px 0;margin:0;box-sizing:border-box}.vft-select{--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;line-height:32px}.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 .vft-select-tags-wrapper.has-prefix{margin-left:6px}.vft-select--large{line-height:40px}.vft-select--large .vft-select-tags-wrapper.has-prefix{margin-left:8px}.vft-select--small{line-height:24px}.vft-select--small .vft-select-tags-wrapper.has-prefix{margin-left:4px}.vft-select .vft-select__tags>span{display:inline-block}.vft-select:hover:not(.vft-select--disabled) .vft-input__wrapper{border:1px solid var(--vft-select-border-color-hover)}.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 .vft-input__wrapper{cursor:pointer}.vft-select .vft-input__wrapper.is-focus{border:1px solid var(--vft-select-input-focus-border-color)!important}.vft-select .vft-input__inner{cursor:pointer}.vft-select .vft-input{display:flex}.vft-select .vft-input .vft-select__caret{color:var(--vft-select-input-color);font-size:var(--vft-select-input-font-size);transition:transform var(--vft-transition-duration);transform:rotateZ(0);cursor:pointer}.vft-select .vft-input .vft-select__caret.is-reverse{transform:rotateZ(-180deg)}.vft-select .vft-input .vft-select__caret.is-show-close{font-size:var(--vft-select-font-size);text-align:center;transform:rotateZ(0);border-radius:var(--vft-border-radius-circle);color:var(--vft-select-input-color);transition:var(--vft-transition-color)}.vft-select .vft-input .vft-select__caret.is-show-close:hover{color:var(--vft-select-close-hover-color)}.vft-select .vft-input .vft-select__caret.vft-icon{position:relative;z-index:2}.vft-select .vft-input.is-disabled .vft-input__wrapper{cursor:not-allowed}.vft-select .vft-input.is-disabled .vft-input__wrapper:hover{border:1px solid var(--vft-select-disabled-border)}.vft-select .vft-input.is-disabled .vft-input__inner{cursor:not-allowed}.vft-select .vft-input.is-disabled .vft-select__caret{cursor:not-allowed}.vft-select .vft-input.is-focus .vft-input__wrapper{border:1px solid var(--vft-select-input-focus-border-color)!important}.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;background-color:transparent}.vft-select__input--iOS{position:absolute;left:0;top:0;z-index:6}.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__tags{position:absolute;line-height:normal;top:50%;transform:translateY(-50%);white-space:normal;z-index:var(--vft-z-index-normal);display:flex;align-items:center;flex-wrap:wrap;cursor:pointer}.vft-select__tags .vft-tag{box-sizing:border-box;border-color:transparent;margin:2px 6px 2px 0}.vft-select__tags .vft-tag:last-child{margin-right:0}.vft-select__tags .vft-tag .vft-icon-close{background-color:var(--vft-text-placeholder-color);right:-7px;top:0;color:#fff}.vft-select__tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-select__tags .vft-tag .vft-icon-close::before{display:block;transform:translate(0,.5px)}.vft-select__tags .vft-tag--info{background-color:var(--vft-fill-color)}.vft-select__collapse-tags{white-space:normal;z-index:var(--vft-z-index-normal);display:flex;align-items:center;flex-wrap:wrap;cursor:pointer}.vft-select__collapse-tags .vft-tag{box-sizing:border-box;border-color:transparent;margin:2px 6px 2px 0}.vft-select__collapse-tags .vft-tag:last-child{margin-right:0}.vft-select__collapse-tags .vft-tag .vft-icon-close{background-color:var(--vft-text-placeholder-color);right:-7px;top:0;color:#fff}.vft-select__collapse-tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-select__collapse-tags .vft-tag .vft-icon-close::before{display:block;transform:translate(0,.5px)}.vft-select__collapse-tags .vft-tag--info{background-color:var(--vft-fill-color)}.vft-select__collapse-tag{line-height:inherit;height:inherit;display:flex}
|