vft 0.0.74 → 0.0.76

package/theme-style/src/tabs.scss

@@ -15,7 +15,9 @@ $name: tabs;
   padding: getCompCssVar('padding');
   @include e(header) {
     padding: getCompCssVar('header-padding');
-    border-bottom: getCompCssVar('header-border-bottom');
+    //height: getCompCssVar('header-height');
+
+    //border-bottom: getCompCssVar('header-border-bottom');
     position: relative;
     margin: getCompCssVar('header-margin');
   }
@@ -41,8 +43,6 @@ $name: tabs;
     transition: getCssVar('transition-function-ease-in-out-bezier'), padding getCssVar('transition-duration') getCssVar('transition-function-ease-in-out-bezier');
     max-width: getCompCssVar('item-max-width');
 
-
-
     @include when(disabled) {
       color: getCssVar('disabled-text-color');
       cursor: not-allowed;
@@ -70,18 +70,18 @@ $name: tabs;
     }
 
     &:hover {
-      color: getCompCssVar('item-color-hover');
-      background-color: getCompCssVar('item-bg-color-hover');
-      border: getCompCssVar('item-border-hover');
+      color: getCompCssVar('item-hover-color');
+      background-color: getCompCssVar('item-hover-bg-color');
+      border: getCompCssVar('item-hover-border');
       cursor: pointer;
     }
 
     // 当前标签激活时的样式
     @include when(active) {
-      color: getCompCssVar('item-color-active');
-      background-color: getCompCssVar('item-bg-color-active');
+      color: getCompCssVar('item-active-color');
+      background-color: getCompCssVar('item-active-bg-color');
       font-weight: getCompCssVar('font-weight-active');
-      border: getCompCssVar('item-border-active');
+      border: getCompCssVar('item-active-border');
 
       &.is-closable {
         .is-icon-close {
@@ -156,7 +156,7 @@ $name: tabs;
       width: 100%;
       height: 2px;
       background-color: getCompCssVar('nav-color');
-      z-index: getCssVar('index-normal');
+      z-index: getCssVar('z-index-normal');
       display: getCompCssVar('show-border-bottom');
     }
 
@@ -174,21 +174,14 @@ $name: tabs;
     overflow: hidden;
   }
 
-  // tabs 的高度 以及 底部边框颜色
-  .#{$namespace}-tabs__header {
-    border-bottom: getCompCssVar('border-bottom');
-    height: getCompCssVar('header-height');
-  }
-  .#{$namespace}-tabs__header .#{$namespace}-tabs__nav-wrap::after {
-    content: none;
-  }
+  //.#{$namespace}-tabs__header .#{$namespace}-tabs__nav-wrap::after {
+  //  content: none;
+  //}
   .#{$namespace}-tabs__header .#{$namespace}-tabs__nav {
     border-radius: 4px 4px 0 0;
     box-sizing: border-box;
   }
-  .#{$namespace}-tabs__header .#{$namespace}-tabs__active-bar {
-    //display: none;
-  }
+
 
   // 前进后退样式
   @include e((nav-next, nav-prev)) {
@@ -210,7 +203,7 @@ $name: tabs;
     position: relative;
     transition: transform getCssVar('transition-duration');
     float: left;
-    z-index: calc(#{getCssVar('index-normal')} + 1);
+    z-index: calc(#{getCssVar('z-index-normal')} + 1);
 
     @include when(stretch) {
       min-width: 100%;
@@ -237,8 +230,6 @@ $name: tabs;
       margin-right: 0;
     }
 
-    &.#{$namespace}-tabs--border-card,
-    &.#{$namespace}-tabs--card,
     .#{$namespace}-tabs--left,
     .#{$namespace}-tabs--right {
       > .#{$namespace}-tabs__header {
@@ -257,25 +248,7 @@ $name: tabs;
       margin-bottom: 0;
       margin-top: 10px;
     }
-    &.#{$namespace}-tabs--border-card {
-      .#{$namespace}-tabs__header.is-bottom {
-        border-bottom: 0;
-        border-top: 1px solid getCssVar('border-color');
-      }
-
-      .#{$namespace}-tabs__nav-wrap.is-bottom {
-        margin-top: -1px;
-        margin-bottom: 0;
-      }
 
-      .#{$namespace}-tabs__item.is-bottom:not(.is-active) {
-        border: 1px solid transparent;
-      }
-
-      .#{$namespace}-tabs__item.is-bottom {
-        margin: 0 -1px -1px;
-      }
-    }
   }
   @include m((left, right)) {
     overflow: hidden;
@@ -366,66 +339,6 @@ $name: tabs;
       text-align: right;
     }
 
-    &.#{$namespace}-tabs--card {
-      .#{$namespace}-tabs__active-bar.is-left {
-        display: none;
-      }
-
-      .#{$namespace}-tabs__item.is-left {
-        border-left: none;
-        border-right: 1px solid getCssVar('border-color-light');
-        border-bottom: none;
-        border-top: 1px solid getCssVar('border-color-light');
-        text-align: left;
-      }
-
-      .#{$namespace}-tabs__item.is-left:first-child {
-        border-right: 1px solid getCssVar('border-color-light');
-        border-top: none;
-      }
-
-      .#{$namespace}-tabs__item.is-left.is-active {
-        border: 1px solid getCssVar('border-color-light');
-        border-right-color: #fff;
-        border-left: none;
-        border-bottom: none;
-
-        &:first-child {
-          border-top: none;
-        }
-
-        &:last-child {
-          border-bottom: none;
-        }
-      }
-
-      .#{$namespace}-tabs__nav {
-        border-radius: 4px 0 0 4px;
-        border-bottom: 1px solid getCssVar('border-color-light');
-        border-right: none;
-      }
-
-      .#{$namespace}-tabs__new-tab {
-        float: none;
-      }
-    }
-
-    &.#{$namespace}-tabs--border-card {
-      .#{$namespace}-tabs__header.is-left {
-        border-right: 1px solid getCssVar('border-color');
-      }
-
-      .#{$namespace}-tabs__item.is-left {
-        border: 1px solid transparent;
-        margin: -1px 0 -1px -1px;
-
-        &.is-active {
-          border-color: transparent;
-          border-top-color: rgb(209, 219, 229);
-          border-bottom-color: rgb(209, 219, 229);
-        }
-      }
-    }
   }
   @include m(right) {
     .#{$namespace}-tabs__header.is-right {
@@ -446,59 +359,6 @@ $name: tabs;
     .#{$namespace}-tabs__active-bar.is-right {
       left: 0;
     }
-
-    &.#{$namespace}-tabs--card {
-      .#{$namespace}-tabs__active-bar.is-right {
-        display: none;
-      }
-
-      .#{$namespace}-tabs__item.is-right {
-        border-bottom: none;
-        border-top: 1px solid getCssVar('border-color-light');
-      }
-
-      .#{$namespace}-tabs__item.is-right:first-child {
-        border-left: 1px solid getCssVar('border-color-light');
-        border-top: none;
-      }
-
-      .#{$namespace}-tabs__item.is-right.is-active {
-        border: 1px solid getCssVar('border-color-light');
-        border-left-color: #fff;
-        border-right: none;
-        border-bottom: none;
-
-        &:first-child {
-          border-top: none;
-        }
-
-        &:last-child {
-          border-bottom: none;
-        }
-      }
-
-      .#{$namespace}-tabs__nav {
-        border-radius: 0 4px 4px 0;
-        border-bottom: 1px solid getCssVar('border-color-light');
-        border-left: none;
-      }
-    }
-    &.#{$namespace}-tabs--border-card {
-      .#{$namespace}-tabs__header.is-right {
-        border-left: 1px solid getCssVar('border-color');
-      }
-
-      .#{$namespace}-tabs__item.is-right {
-        border: 1px solid transparent;
-        margin: -1px -1px -1px 0;
-
-        &.is-active {
-          border-color: transparent;
-          border-top-color: rgb(209, 219, 229);
-          border-bottom-color: rgb(209, 219, 229);
-        }
-      }
-    }
   }
 }
 

package/theme-style/src/timeline-item.scss

@@ -66,11 +66,11 @@
   }
 
   @include e(content) {
-    color: getCssVar('text-color', 'primary');
+    color: getCssVar('text-primary-color');
   }
 
   @include e(timestamp) {
-    color: getCssVar('text-color', 'secondary');
+    color: getCssVar('text-secondary-color');
     line-height: 1;
     font-size: getCssVar('font-size-small');
 

package/theme-style/src/transfer.scss

@@ -86,7 +86,7 @@
     }
 
     &.#{$namespace}-checkbox {
-      color: getCssVar('text-color', 'regular');
+      color: getCssVar('text-regular-color');
     }
 
     &:hover {
@@ -148,7 +148,7 @@
 
       .#{$namespace}-checkbox__label {
         font-size: 16px;
-        color: getCssVar('text-color', 'primary');
+        color: getCssVar('text-primary-color');
         font-weight: normal;
 
         span {
@@ -156,7 +156,7 @@
           right: 15px;
           top: 50%;
           transform: translate3d(0, -50%, 0);
-          color: getCssVar('text-color', 'secondary');
+          color: getCssVar('text-secondary-color');
           font-size: 12px;
           font-weight: normal;
         }
@@ -176,7 +176,7 @@
 
     .#{$namespace}-checkbox {
       padding-left: 20px;
-      color: getCssVar('text-color', 'regular');
+      color: getCssVar('text-regular-color');
     }
   }
 
@@ -185,7 +185,7 @@
     height: getCssVar('transfer-item-height');
     line-height: getCssVar('transfer-item-height');
     padding: 6px 15px 0;
-    color: getCssVar('text-color', 'secondary');
+    color: getCssVar('text-secondary-color');
     text-align: center;
   }
 

package/theme-style/src/tree.scss

@@ -27,7 +27,7 @@
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
-    color: getCssVar('text-color', 'secondary');
+    color: getCssVar('text-secondary-color');
     font-size: getCssVar('font-size', 'base');
   }
 
@@ -63,10 +63,6 @@
     height: 26px;
     cursor: pointer;
 
-    & > .#{$namespace}-tree-node__expand-icon {
-      padding: 6px;
-      box-sizing: content-box;
-    }
     & > label.#{$namespace}-checkbox {
       margin-right: 8px;
     }
@@ -91,6 +87,7 @@
     cursor: pointer;
     color: getCssVar('tree-expand-icon-color');
     font-size: 12px;
+    margin-right: 6px;
 
     transform: rotate(0deg);
     transition: transform getCssVar('transition-duration') ease-in-out;

package/theme-style/src/upload.scss

@@ -33,7 +33,7 @@
 
   @include e(tip) {
     font-size: 12px;
-    color: getCssVar('text-color', 'regular');
+    color: getCssVar('text-regular-color');
     margin-top: 7px;
   }
 
@@ -63,7 +63,7 @@
 
     i {
       font-size: 28px;
-      color: getCssVar('text-color', 'secondary');
+      color: getCssVar('text-secondary-color');
     }
 
     &:hover {
@@ -100,7 +100,7 @@
 
   .#{bem('icon', '', 'upload')} {
     font-size: 67px;
-    color: getCssVar('text-color', 'placeholder');
+    color: getCssVar('text-placeholder-color');
     margin-bottom: 16px;
     line-height: 50px;
   }
@@ -116,7 +116,7 @@
   }
 
   .#{bem('upload', 'text')} {
-    color: getCssVar('text-color', 'regular');
+    color: getCssVar('text-regular-color');
     font-size: 14px;
     text-align: center;
 
@@ -133,7 +133,7 @@
   @include when(dragover) {
     padding: calc(#{getCssVar('upload-dragger-padding-horizontal')} - 1px)
       calc(#{getCssVar('upload-dragger-padding-vertical')} - 1px);
-    background-color: getCssVar('color', 'primary', 'light-9');
+    background-color: getCssVar('primary-color', 'light-9');
     border: 2px dashed getCssVar('primary-color');
   }
 }
@@ -146,7 +146,7 @@
   @include e(item) {
     transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
     font-size: 14px;
-    color: getCssVar('text-color', 'regular');
+    color: getCssVar('text-regular-color');
     margin-bottom: 5px;
     position: relative;
     box-sizing: border-box;
@@ -181,7 +181,7 @@
       top: 50%;
       cursor: pointer;
       opacity: 0.75;
-      color: getCssVar('text-color', 'regular');
+      color: getCssVar('text-regular-color');
       transition: opacity getCssVar('transition-duration');
       transform: translateY(-50%);
 
@@ -261,7 +261,7 @@
   }
 
   @include e(item-name) {
-    color: getCssVar('text-color', 'regular');
+    color: getCssVar('text-regular-color');
     display: inline-flex;
     text-align: center;
     align-items: center;
@@ -273,7 +273,7 @@
 
     .#{$namespace}-icon {
       margin-right: 6px;
-      color: getCssVar('text-color', 'secondary');
+      color: getCssVar('text-secondary-color');
     }
   }
 
@@ -302,7 +302,7 @@
     right: 10px;
     top: 0;
     font-size: 12px;
-    color: getCssVar('text-color', 'regular');
+    color: getCssVar('text-regular-color');
     display: none;
 
     &:hover {
@@ -610,7 +610,7 @@
     margin: 0;
     line-height: 36px;
     font-size: 14px;
-    color: getCssVar('text-color', 'primary');
+    color: getCssVar('text-primary-color');
   }
 
   + .#{bem('upload', 'inner')} {

package/theme-style/src/var.scss

@@ -17,7 +17,7 @@
   @include set-css-var-value('font-line-height-primary', 24px);
 
   // z-index --vft-index-#{$type}
-  @include set-component-css-var('index', $z-index);
+  @include set-component-css-var('z-index', $z-index);
 
   // --vft-border-radius-#{$type}
   @include set-component-css-var('border-radius', $border-radius);

package/theme-style/vft-alert.css

@@ -1 +1 @@
-.vft-alert{--vft-alert-padding:8px 16px;--vft-alert-border-radius-base:var(--vft-border-radius-base);--vft-alert-title-font-size:13px;--vft-alert-description-font-size:12px;--vft-alert-close-font-size:12px;--vft-alert-close-customed-font-size:13px;--vft-alert-icon-size:16px;--vft-alert-icon-large-size:28px;width:100%;padding:var(--vft-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--vft-alert-border-radius-base);position:relative;background-color:var(--vft-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--vft-transition-duration-fast)}.vft-alert.is-light .vft-alert__close-btn{color:var(--vft-text-color-placeholder)}.vft-alert.is-dark .vft-alert__close-btn{color:var(--vft-color-white)}.vft-alert.is-dark .vft-alert__description{color:var(--vft-color-white)}.vft-alert.is-center{justify-content:center}.vft-alert--success{--vft-alert-bg-color:var(--vft-success-color-light-9)}.vft-alert--success.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-success-color)}.vft-alert--success.is-light .vft-alert__description{color:var(--vft-success-color)}.vft-alert--success.is-dark{background-color:var(--vft-success-color);color:var(--vft-color-white)}.vft-alert--info{--vft-alert-bg-color:var(--vft-info-color-light-9)}.vft-alert--info.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-info-color)}.vft-alert--info.is-light .vft-alert__description{color:var(--vft-info-color)}.vft-alert--info.is-dark{background-color:var(--vft-info-color);color:var(--vft-color-white)}.vft-alert--warning{--vft-alert-bg-color:var(--vft-warning-color-light-9)}.vft-alert--warning.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-warning-color)}.vft-alert--warning.is-light .vft-alert__description{color:var(--vft-warning-color)}.vft-alert--warning.is-dark{background-color:var(--vft-warning-color);color:var(--vft-color-white)}.vft-alert--error{--vft-alert-bg-color:var(--vft-error-color-light-9)}.vft-alert--error.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-error-color)}.vft-alert--error.is-light .vft-alert__description{color:var(--vft-error-color)}.vft-alert--error.is-dark{background-color:var(--vft-error-color);color:var(--vft-color-white)}.vft-alert__content{display:table-cell;padding:0 8px}.vft-alert .vft-alert__icon{font-size:var(--vft-alert-icon-size);width:var(--vft-alert-icon-size)}.vft-alert .vft-alert__icon.is-big{font-size:var(--vft-alert-icon-large-size);width:var(--vft-alert-icon-large-size)}.vft-alert__title{font-size:var(--vft-alert-title-font-size);line-height:18px;vertical-align:text-top}.vft-alert__title.is-bold{font-weight:700}.vft-alert .vft-alert__description{font-size:var(--vft-alert-description-font-size);margin:5px 0 0 0}.vft-alert .vft-alert__close-btn{font-size:var(--vft-alert-close-font-size);opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.vft-alert .vft-alert__close-btn.is-customed{font-style:normal;font-size:var(--vft-alert-close-customed-font-size);top:9px}.vft-alert-fade-enter-from,.vft-alert-fade-leave-active{opacity:0}
+.vft-alert{--vft-alert-padding:8px 16px;--vft-alert-border-radius-base:var(--vft-border-radius-base);--vft-alert-title-font-size:13px;--vft-alert-description-font-size:12px;--vft-alert-close-font-size:12px;--vft-alert-close-customed-font-size:13px;--vft-alert-icon-size:16px;--vft-alert-icon-large-size:28px;width:100%;padding:var(--vft-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--vft-alert-border-radius-base);position:relative;background-color:var(--vft-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--vft-transition-duration-fast)}.vft-alert.is-light .vft-alert__close-btn{color:var(--vft-text-placeholder-color)}.vft-alert.is-dark .vft-alert__close-btn{color:var(--vft-color-white)}.vft-alert.is-dark .vft-alert__description{color:var(--vft-color-white)}.vft-alert.is-center{justify-content:center}.vft-alert--success{--vft-alert-bg-color:var(--vft-success-color-light-9)}.vft-alert--success.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-success-color)}.vft-alert--success.is-light .vft-alert__description{color:var(--vft-success-color)}.vft-alert--success.is-dark{background-color:var(--vft-success-color);color:var(--vft-color-white)}.vft-alert--info{--vft-alert-bg-color:var(--vft-info-color-light-9)}.vft-alert--info.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-info-color)}.vft-alert--info.is-light .vft-alert__description{color:var(--vft-info-color)}.vft-alert--info.is-dark{background-color:var(--vft-info-color);color:var(--vft-color-white)}.vft-alert--warning{--vft-alert-bg-color:var(--vft-warning-color-light-9)}.vft-alert--warning.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-warning-color)}.vft-alert--warning.is-light .vft-alert__description{color:var(--vft-warning-color)}.vft-alert--warning.is-dark{background-color:var(--vft-warning-color);color:var(--vft-color-white)}.vft-alert--error{--vft-alert-bg-color:var(--vft-error-color-light-9)}.vft-alert--error.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-error-color)}.vft-alert--error.is-light .vft-alert__description{color:var(--vft-error-color)}.vft-alert--error.is-dark{background-color:var(--vft-error-color);color:var(--vft-color-white)}.vft-alert__content{display:table-cell;padding:0 8px}.vft-alert .vft-alert__icon{font-size:var(--vft-alert-icon-size);width:var(--vft-alert-icon-size)}.vft-alert .vft-alert__icon.is-big{font-size:var(--vft-alert-icon-large-size);width:var(--vft-alert-icon-large-size)}.vft-alert__title{font-size:var(--vft-alert-title-font-size);line-height:18px;vertical-align:text-top}.vft-alert__title.is-bold{font-weight:700}.vft-alert .vft-alert__description{font-size:var(--vft-alert-description-font-size);margin:5px 0 0 0}.vft-alert .vft-alert__close-btn{font-size:var(--vft-alert-close-font-size);opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.vft-alert .vft-alert__close-btn.is-customed{font-style:normal;font-size:var(--vft-alert-close-customed-font-size);top:9px}.vft-alert-fade-enter-from,.vft-alert-fade-leave-active{opacity:0}

package/theme-style/vft-autocomplete.css

@@ -1 +1 @@
-.vft-autocomplete{position:relative;display:inline-block}.vft-autocomplete__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-autocomplete__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-autocomplete__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-autocomplete-suggestion{border-radius:var(--vft-border-radius-base);box-sizing:border-box}.vft-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;box-sizing:border-box}.vft-autocomplete-suggestion__list{margin:0;padding:0}.vft-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:var(--vft-text-color-regular);font-size:var(--vft-font-size-base);list-style:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vft-autocomplete-suggestion li:hover{background-color:var(--vft-fill-color-light)}.vft-autocomplete-suggestion li.highlighted{background-color:var(--vft-fill-color-light)}.vft-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid var(--vft-color-black)}.vft-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.vft-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:var(--vft-text-color-secondary)}.vft-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.vft-autocomplete-suggestion.is-loading li:hover{background-color:var(--vft-bg-color-overlay)}.vft-autocomplete-suggestion.is-loading .vft-icon-loading{vertical-align:middle}
+.vft-autocomplete{position:relative;display:inline-block}.vft-autocomplete__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-autocomplete__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-border-color-light)}.vft-autocomplete__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-autocomplete__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-autocomplete-suggestion{border-radius:var(--vft-border-radius-base);box-sizing:border-box}.vft-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;box-sizing:border-box}.vft-autocomplete-suggestion__list{margin:0;padding:0}.vft-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:var(--vft-text-regular-color);font-size:var(--vft-font-size-base);list-style:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vft-autocomplete-suggestion li:hover{background-color:var(--vft-fill-color-light)}.vft-autocomplete-suggestion li.highlighted{background-color:var(--vft-fill-color-light)}.vft-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid var(--vft-color-black)}.vft-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.vft-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:var(--vft-text-secondary-color)}.vft-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.vft-autocomplete-suggestion.is-loading li:hover{background-color:var(--vft-bg-color-overlay)}.vft-autocomplete-suggestion.is-loading .vft-icon-loading{vertical-align:middle}

package/theme-style/vft-breadcrumb.css

@@ -1 +1 @@
-.vft-breadcrumb{font-size:14px;line-height:1}.vft-breadcrumb::after,.vft-breadcrumb::before{display:table;content:""}.vft-breadcrumb::after{clear:both}.vft-breadcrumb__separator{margin:0 9px;font-weight:700;color:var(--vft-text-color-placeholder)}.vft-breadcrumb__separator.vft-icon{margin:0 6px;font-weight:400}.vft-breadcrumb__separator.vft-icon svg{vertical-align:middle}.vft-breadcrumb__item{float:left;display:inline-flex;align-items:center}.vft-breadcrumb__inner{color:var(--vft-text-color-regular)}.vft-breadcrumb__inner a,.vft-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;transition:var(--vft-transition-color);color:var(--vft-text-color-primary)}.vft-breadcrumb__inner a:hover,.vft-breadcrumb__inner.is-link:hover{color:var(--vft-primary-color);cursor:pointer}.vft-breadcrumb__item:last-child .vft-breadcrumb__inner,.vft-breadcrumb__item:last-child .vft-breadcrumb__inner a,.vft-breadcrumb__item:last-child .vft-breadcrumb__inner a:hover,.vft-breadcrumb__item:last-child .vft-breadcrumb__inner:hover{font-weight:400;color:var(--vft-text-color-regular);cursor:text}.vft-breadcrumb__item:last-child .vft-breadcrumb__separator{display:none}
+.vft-breadcrumb{font-size:14px;line-height:1}.vft-breadcrumb::after,.vft-breadcrumb::before{display:table;content:""}.vft-breadcrumb::after{clear:both}.vft-breadcrumb__separator{margin:0 9px;font-weight:700;color:var(--vft-text-placeholder-color)}.vft-breadcrumb__separator.vft-icon{margin:0 6px;font-weight:400}.vft-breadcrumb__separator.vft-icon svg{vertical-align:middle}.vft-breadcrumb__item{float:left;display:inline-flex;align-items:center}.vft-breadcrumb__inner{color:var(--vft-text-regular-color)}.vft-breadcrumb__inner a,.vft-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;transition:var(--vft-transition-color);color:var(--vft-text-primary-color)}.vft-breadcrumb__inner a:hover,.vft-breadcrumb__inner.is-link:hover{color:var(--vft-primary-color);cursor:pointer}.vft-breadcrumb__item:last-child .vft-breadcrumb__inner,.vft-breadcrumb__item:last-child .vft-breadcrumb__inner a,.vft-breadcrumb__item:last-child .vft-breadcrumb__inner a:hover,.vft-breadcrumb__item:last-child .vft-breadcrumb__inner:hover{font-weight:400;color:var(--vft-text-regular-color);cursor:text}.vft-breadcrumb__item:last-child .vft-breadcrumb__separator{display:none}

package/theme-style/vft-calendar.css

@@ -1 +1 @@
-.vft-calendar{--vft-calendar-border:var(--vft-table-border, 1px solid var(--vft-border-color-lighter));--vft-calendar-header-border-bottom:var(--vft-calendar-border);--vft-calendar-selected-bg-color:var(--vft-color-primary-light-9);--vft-calendar-cell-width:85px;background-color:var(--vft-fill-color-blank)}.vft-calendar__header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:var(--vft-calendar-header-border-bottom)}.vft-calendar__title{color:var(--vft-text-color);align-self:center}.vft-calendar__body{padding:12px 20px 35px}.vft-calendar-table{table-layout:fixed;width:100%}.vft-calendar-table thead th{padding:12px 0;color:var(--vft-text-color-regular);font-weight:400}.vft-calendar-table:not(.is-range) td.next,.vft-calendar-table:not(.is-range) td.prev{color:var(--vft-text-color-placeholder)}.vft-calendar-table td{border-bottom:var(--vft-calendar-border);border-right:var(--vft-calendar-border);vertical-align:top;transition:background-color var(--vft-transition-duration-fast) ease}.vft-calendar-table td.is-selected{background-color:var(--vft-calendar-selected-bg-color)}.vft-calendar-table td.is-today{color:var(--vft-primary-color)}.vft-calendar-table tr:first-child td{border-top:var(--vft-calendar-border)}.vft-calendar-table tr td:first-child{border-left:var(--vft-calendar-border)}.vft-calendar-table tr.vft-calendar-table__row--hide-border td{border-top:none}.vft-calendar-table .vft-calendar-day{box-sizing:border-box;padding:8px;height:var(--vft-calendar-cell-width)}.vft-calendar-table .vft-calendar-day:hover{cursor:pointer;background-color:var(--vft-calendar-selected-bg-color)}
+.vft-calendar{--vft-calendar-border:var(--vft-table-border, 1px solid var(--vft-border-color-lighter));--vft-calendar-header-border-bottom:var(--vft-calendar-border);--vft-calendar-selected-bg-color:var(--vft-primary-color-light-9);--vft-calendar-cell-width:85px;background-color:var(--vft-fill-color-blank)}.vft-calendar__header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:var(--vft-calendar-header-border-bottom)}.vft-calendar__title{color:var(--vft-text-color);align-self:center}.vft-calendar__body{padding:12px 20px 35px}.vft-calendar-table{table-layout:fixed;width:100%}.vft-calendar-table thead th{padding:12px 0;color:var(--vft-text-regular-color);font-weight:400}.vft-calendar-table:not(.is-range) td.next,.vft-calendar-table:not(.is-range) td.prev{color:var(--vft-text-placeholder-color)}.vft-calendar-table td{border-bottom:var(--vft-calendar-border);border-right:var(--vft-calendar-border);vertical-align:top;transition:background-color var(--vft-transition-duration-fast) ease}.vft-calendar-table td.is-selected{background-color:var(--vft-calendar-selected-bg-color)}.vft-calendar-table td.is-today{color:var(--vft-primary-color)}.vft-calendar-table tr:first-child td{border-top:var(--vft-calendar-border)}.vft-calendar-table tr td:first-child{border-left:var(--vft-calendar-border)}.vft-calendar-table tr.vft-calendar-table__row--hide-border td{border-top:none}.vft-calendar-table .vft-calendar-day{box-sizing:border-box;padding:8px;height:var(--vft-calendar-cell-width)}.vft-calendar-table .vft-calendar-day:hover{cursor:pointer;background-color:var(--vft-calendar-selected-bg-color)}

package/theme-style/vft-card.css

@@ -1 +1 @@
-.vft-card{--vft-card-border-color:var(--vft-border-color-light);--vft-card-border-radius:4px;--vft-card-padding:20px;--vft-card-bg-color:var(--vft-fill-color-blank)}.vft-card{border-radius:var(--vft-card-border-radius);border:1px solid var(--vft-card-border-color);background-color:var(--vft-card-bg-color);overflow:hidden;color:var(--vft-text-color-primary);transition:var(--vft-transition-duration)}.vft-card.is-always-shadow{box-shadow:var(--vft-box-shadow-light)}.vft-card.is-hover-shadow:focus,.vft-card.is-hover-shadow:hover{box-shadow:var(--vft-box-shadow-light)}.vft-card__header{padding:calc(var(--vft-card-padding) - 2px) var(--vft-card-padding);border-bottom:1px solid var(--vft-card-border-color);box-sizing:border-box}.vft-card__body{padding:var(--vft-card-padding)}
+.vft-card{--vft-card-border-color:var(--vft-border-color-light);--vft-card-border-radius:4px;--vft-card-padding:20px;--vft-card-bg-color:var(--vft-fill-color-blank)}.vft-card{border-radius:var(--vft-card-border-radius);border:1px solid var(--vft-card-border-color);background-color:var(--vft-card-bg-color);overflow:hidden;color:var(--vft-text-primary-color);transition:var(--vft-transition-duration)}.vft-card.is-always-shadow{box-shadow:var(--vft-box-shadow-light)}.vft-card.is-hover-shadow:focus,.vft-card.is-hover-shadow:hover{box-shadow:var(--vft-box-shadow-light)}.vft-card__header{padding:calc(var(--vft-card-padding) - 2px) var(--vft-card-padding);border-bottom:1px solid var(--vft-card-border-color);box-sizing:border-box}.vft-card__body{padding:var(--vft-card-padding)}

package/theme-style/vft-carousel.css

@@ -1 +1 @@
-.vft-carousel{--vft-carousel-arrow-font-size:12px;--vft-carousel-arrow-size:36px;--vft-carousel-arrow-background:rgba(31, 45, 61, 0.11);--vft-carousel-arrow-hover-background:rgba(31, 45, 61, 0.23);--vft-carousel-indicator-width:30px;--vft-carousel-indicator-height:2px;--vft-carousel-indicator-padding-horizontal:4px;--vft-carousel-indicator-padding-vertical:12px;--vft-carousel-indicator-out-color:var(--vft-border-color-hover);position:relative}.vft-carousel--horizontal{overflow-x:hidden}.vft-carousel--vertical{overflow-y:hidden}.vft-carousel__container{position:relative;height:300px}.vft-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--vft-carousel-arrow-size);width:var(--vft-carousel-arrow-size);cursor:pointer;transition:var(--vft-transition-duration);border-radius:50%;background-color:var(--vft-carousel-arrow-background);color:#fff;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:var(--vft-carousel-arrow-font-size);display:inline-flex;align-items:center;justify-content:center}.vft-carousel__arrow--left{left:16px}.vft-carousel__arrow--right{right:16px}.vft-carousel__arrow:hover{background-color:var(--vft-carousel-arrow-hover-background)}.vft-carousel__arrow i{cursor:pointer}.vft-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:calc(var(--vft-index-normal) + 1)}.vft-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.vft-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.vft-carousel__indicators--outside{bottom:calc(var(--vft-carousel-indicator-height) + var(--vft-carousel-indicator-padding-vertical) * 2);text-align:center;position:static;transform:none}.vft-carousel__indicators--outside .vft-carousel__indicator:hover button{opacity:.64}.vft-carousel__indicators--outside button{background-color:var(--vft-carousel-indicator-out-color);opacity:.24}.vft-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.vft-carousel__indicators--labels .vft-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px;color:#000}.vft-carousel__indicators--labels .vft-carousel__indicator{padding:6px 4px}.vft-carousel__indicator{background-color:transparent;cursor:pointer}.vft-carousel__indicator:hover button{opacity:.72}.vft-carousel__indicator--horizontal{display:inline-block;padding:var(--vft-carousel-indicator-padding-vertical) var(--vft-carousel-indicator-padding-horizontal)}.vft-carousel__indicator--vertical{padding:var(--vft-carousel-indicator-padding-horizontal) var(--vft-carousel-indicator-padding-vertical)}.vft-carousel__indicator--vertical .vft-carousel__button{width:var(--vft-carousel-indicator-height);height:calc(var(--vft-carousel-indicator-width)/ 2)}.vft-carousel__indicator.is-active button{opacity:1}.vft-carousel__button{display:block;opacity:.48;width:var(--vft-carousel-indicator-width);height:var(--vft-carousel-indicator-height);background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:var(--vft-transition-duration)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}
+.vft-carousel{--vft-carousel-arrow-font-size:12px;--vft-carousel-arrow-size:36px;--vft-carousel-arrow-background:rgba(31, 45, 61, 0.11);--vft-carousel-arrow-hover-background:rgba(31, 45, 61, 0.23);--vft-carousel-indicator-width:30px;--vft-carousel-indicator-height:2px;--vft-carousel-indicator-padding-horizontal:4px;--vft-carousel-indicator-padding-vertical:12px;--vft-carousel-indicator-out-color:var(--vft-border-color-hover);position:relative}.vft-carousel--horizontal{overflow-x:hidden}.vft-carousel--vertical{overflow-y:hidden}.vft-carousel__container{position:relative;height:300px}.vft-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--vft-carousel-arrow-size);width:var(--vft-carousel-arrow-size);cursor:pointer;transition:var(--vft-transition-duration);border-radius:50%;background-color:var(--vft-carousel-arrow-background);color:#fff;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:var(--vft-carousel-arrow-font-size);display:inline-flex;align-items:center;justify-content:center}.vft-carousel__arrow--left{left:16px}.vft-carousel__arrow--right{right:16px}.vft-carousel__arrow:hover{background-color:var(--vft-carousel-arrow-hover-background)}.vft-carousel__arrow i{cursor:pointer}.vft-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:calc(var(--vft-z-index-normal) + 1)}.vft-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.vft-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.vft-carousel__indicators--outside{bottom:calc(var(--vft-carousel-indicator-height) + var(--vft-carousel-indicator-padding-vertical) * 2);text-align:center;position:static;transform:none}.vft-carousel__indicators--outside .vft-carousel__indicator:hover button{opacity:.64}.vft-carousel__indicators--outside button{background-color:var(--vft-carousel-indicator-out-color);opacity:.24}.vft-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.vft-carousel__indicators--labels .vft-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px;color:#000}.vft-carousel__indicators--labels .vft-carousel__indicator{padding:6px 4px}.vft-carousel__indicator{background-color:transparent;cursor:pointer}.vft-carousel__indicator:hover button{opacity:.72}.vft-carousel__indicator--horizontal{display:inline-block;padding:var(--vft-carousel-indicator-padding-vertical) var(--vft-carousel-indicator-padding-horizontal)}.vft-carousel__indicator--vertical{padding:var(--vft-carousel-indicator-padding-horizontal) var(--vft-carousel-indicator-padding-vertical)}.vft-carousel__indicator--vertical .vft-carousel__button{width:var(--vft-carousel-indicator-height);height:calc(var(--vft-carousel-indicator-width)/ 2)}.vft-carousel__indicator.is-active button{opacity:1}.vft-carousel__button{display:block;opacity:.48;width:var(--vft-carousel-indicator-width);height:var(--vft-carousel-indicator-height);background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:var(--vft-transition-duration)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}

package/theme-style/vft-cascader.css

@@ -1 +1 @@
-.vft-cascader{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color);display:inline-block;vertical-align:middle;position:relative;font-size:var(--vft-font-size-base);line-height:32px;outline:0}.vft-cascader:not(.is-disabled):hover .vft-input__wrapper{cursor:pointer;box-shadow:0 0 0 1px var(--vft-input-hover-border-color) inset}.vft-cascader .vft-input{display:flex;cursor:pointer}.vft-cascader .vft-input .vft-input__inner{text-overflow:ellipsis;cursor:pointer}.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon{height:calc(100% - 2px)}.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon svg{vertical-align:middle}.vft-cascader .vft-input .icon-arrow-down{transition:transform var(--vft-transition-duration);font-size:14px}.vft-cascader .vft-input .icon-arrow-down.is-reverse{transform:rotateZ(180deg)}.vft-cascader .vft-input .icon-circle-close:hover{color:var(--vft-input-clear-hover-color,var(--vft-text-secondary-color))}.vft-cascader .vft-input.is-focus .vft-input__wrapper{box-shadow:0 0 0 1px var(--vft-input-focus-border-color,var(--vft-primary-color)) inset}.vft-cascader--large{font-size:14px;line-height:40px}.vft-cascader--small{font-size:12px;line-height:24px}.vft-cascader.is-disabled .vft-cascader__label{z-index:calc(var(--vft-index-normal) + 1);color:var(--vft-disabled-text-color)}.vft-cascader__dropdown{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color)}.vft-cascader__dropdown{font-size:var(--vft-cascader-menu-font-size);border-radius:var(--vft-cascader-menu-radius)}.vft-cascader__dropdown.vft-popper{background:var(--vft-cascader-menu-fill);border:var(--vft-cascader-menu-border);box-shadow:var(--vft-cascader-menu-shadow)}.vft-cascader__dropdown.vft-popper .vft-popper__arrow::before{border:var(--vft-cascader-menu-border)}.vft-cascader__dropdown.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-cascader__dropdown.vft-popper{box-shadow:var(--vft-cascader-menu-shadow)}.vft-cascader__tags{position:absolute;left:0;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.vft-cascader__tags .vft-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--vft-cascader-tag-background)}.vft-cascader__tags .vft-tag:not(.is-hit){border-color:transparent}.vft-cascader__tags .vft-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.vft-cascader__tags .vft-tag .vft-icon-close{flex:none;background-color:var(--vft-text-color-placeholder);color:var(--vft-color-white)}.vft-cascader__tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-color-secondary)}.vft-cascader__collapse-tags{white-space:normal;z-index:var(--vft-index-normal)}.vft-cascader__collapse-tags .vft-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--vft-fill-color)}.vft-cascader__collapse-tags .vft-tag:not(.is-hit){border-color:transparent}.vft-cascader__collapse-tags .vft-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.vft-cascader__collapse-tags .vft-tag .vft-icon-close{flex:none;background-color:var(--vft-text-color-placeholder);color:var(--vft-color-white)}.vft-cascader__collapse-tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-color-secondary)}.vft-cascader__suggestion-panel{border-radius:var(--vft-cascader-menu-radius)}.vft-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--vft-font-size-base);color:var(--vft-cascader-menu-text-color);text-align:center}.vft-cascader__suggestion-item{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.vft-cascader__suggestion-item:focus,.vft-cascader__suggestion-item:hover{background:var(--vft-cascader-node-background-hover)}.vft-cascader__suggestion-item.is-checked{color:var(--vft-cascader-menu-selected-text-color);font-weight:700}.vft-cascader__suggestion-item>span{margin-right:10px}.vft-cascader__empty-text{margin:10px 0;color:var(--vft-cascader-color-empty)}.vft-cascader__search-input{flex:1;height:24px;min-width:60px;margin:2px 0 2px 11px;padding:0;color:var(--vft-cascader-menu-text-color);border:none;outline:0;box-sizing:border-box;background:0 0}.vft-cascader__search-input::-moz-placeholder{color:transparent}.vft-cascader__search-input::placeholder{color:transparent}
+.vft-cascader{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color);display:inline-block;vertical-align:middle;position:relative;font-size:var(--vft-font-size-base);line-height:32px;outline:0}.vft-cascader:not(.is-disabled):hover .vft-input__wrapper{cursor:pointer;box-shadow:0 0 0 1px var(--vft-input-hover-border-color) inset}.vft-cascader .vft-input{display:flex;cursor:pointer}.vft-cascader .vft-input .vft-input__inner{text-overflow:ellipsis;cursor:pointer}.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon{height:calc(100% - 2px)}.vft-cascader .vft-input .vft-input__suffix-inner .vft-icon svg{vertical-align:middle}.vft-cascader .vft-input .icon-arrow-down{transition:transform var(--vft-transition-duration);font-size:14px}.vft-cascader .vft-input .icon-arrow-down.is-reverse{transform:rotateZ(180deg)}.vft-cascader .vft-input .icon-circle-close:hover{color:var(--vft-input-clear-hover-color,var(--vft-text-secondary-color))}.vft-cascader .vft-input.is-focus .vft-input__wrapper{box-shadow:0 0 0 1px var(--vft-input-focus-border-color,var(--vft-primary-color)) inset}.vft-cascader--large{font-size:14px;line-height:40px}.vft-cascader--small{font-size:12px;line-height:24px}.vft-cascader.is-disabled .vft-cascader__label{z-index:calc(var(--vft-index-normal) + 1);color:var(--vft-disabled-text-color)}.vft-cascader__dropdown{--vft-cascader-menu-text-color:var(--vft-text-regular-color);--vft-cascader-menu-selected-text-color:var(--vft-primary-color);--vft-cascader-menu-fill:var(--vft-bg-color-overlay);--vft-cascader-menu-font-size:var(--vft-font-size-base);--vft-cascader-menu-radius:var(--vft-border-radius-base);--vft-cascader-menu-border:solid 1px var(--vft-border-color-light);--vft-cascader-menu-shadow:var(--vft-box-shadow-light);--vft-cascader-node-background-hover:var(--vft-fill-color-light);--vft-cascader-node-color-disabled:var(--vft-text-placeholder-color);--vft-cascader-color-empty:var(--vft-text-placeholder-color);--vft-cascader-tag-background:var(--vft-fill-color)}.vft-cascader__dropdown{font-size:var(--vft-cascader-menu-font-size);border-radius:var(--vft-cascader-menu-radius)}.vft-cascader__dropdown.vft-popper{background:var(--vft-cascader-menu-fill);border:var(--vft-cascader-menu-border);box-shadow:var(--vft-cascader-menu-shadow)}.vft-cascader__dropdown.vft-popper .vft-popper__arrow::before{border:var(--vft-cascader-menu-border)}.vft-cascader__dropdown.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-cascader__dropdown.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-cascader__dropdown.vft-popper{box-shadow:var(--vft-cascader-menu-shadow)}.vft-cascader__tags{position:absolute;left:0;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.vft-cascader__tags .vft-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--vft-cascader-tag-background)}.vft-cascader__tags .vft-tag:not(.is-hit){border-color:transparent}.vft-cascader__tags .vft-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.vft-cascader__tags .vft-tag .vft-icon-close{flex:none;background-color:var(--vft-text-placeholder-color);color:var(--vft-color-white)}.vft-cascader__tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-cascader__collapse-tags{white-space:normal;z-index:var(--vft-z-index-normal)}.vft-cascader__collapse-tags .vft-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--vft-fill-color)}.vft-cascader__collapse-tags .vft-tag:not(.is-hit){border-color:transparent}.vft-cascader__collapse-tags .vft-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.vft-cascader__collapse-tags .vft-tag .vft-icon-close{flex:none;background-color:var(--vft-text-placeholder-color);color:var(--vft-color-white)}.vft-cascader__collapse-tags .vft-tag .vft-icon-close:hover{background-color:var(--vft-text-secondary-color)}.vft-cascader__suggestion-panel{border-radius:var(--vft-cascader-menu-radius)}.vft-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--vft-font-size-base);color:var(--vft-cascader-menu-text-color);text-align:center}.vft-cascader__suggestion-item{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.vft-cascader__suggestion-item:focus,.vft-cascader__suggestion-item:hover{background:var(--vft-cascader-node-background-hover)}.vft-cascader__suggestion-item.is-checked{color:var(--vft-cascader-menu-selected-text-color);font-weight:700}.vft-cascader__suggestion-item>span{margin-right:10px}.vft-cascader__empty-text{margin:10px 0;color:var(--vft-cascader-color-empty)}.vft-cascader__search-input{flex:1;height:24px;min-width:60px;margin:2px 0 2px 11px;padding:0;color:var(--vft-cascader-menu-text-color);border:none;outline:0;box-sizing:border-box;background:0 0}.vft-cascader__search-input::-moz-placeholder{color:transparent}.vft-cascader__search-input::placeholder{color:transparent}

package/theme-style/vft-check-tag.css

@@ -1 +1 @@
-.vft-check-tag{background-color:var(--vft-color-info-light-9);border-radius:var(--vft-border-radius-base);color:var(--vft-color-info);cursor:pointer;display:inline-block;font-size:var(--vft-font-size-base);line-height:var(--vft-font-size-base);padding:7px 15px;transition:var(--vft-transition-all);font-weight:700}.vft-check-tag:hover{background-color:var(--vft-color-info-light-7)}.vft-check-tag.is-checked{background-color:var(--vft-color-primary-light-8);color:var(--vft-color-primary)}.vft-check-tag.is-checked:hover{background-color:var(--vft-color-primary-light-7)}
+.vft-check-tag{background-color:var(--vft-color-info-light-9);border-radius:var(--vft-border-radius-base);color:var(--vft-color-info);cursor:pointer;display:inline-block;font-size:var(--vft-font-size-base);line-height:var(--vft-font-size-base);padding:7px 15px;transition:var(--vft-transition-all);font-weight:700}.vft-check-tag:hover{background-color:var(--vft-color-info-light-7)}.vft-check-tag.is-checked{background-color:var(--vft-primary-color-light-8);color:var(--vft-primary-color)}.vft-check-tag.is-checked:hover{background-color:var(--vft-primary-color-light-7)}

package/theme-style/vft-checkbox.css

@@ -1 +1 @@
-.vft-checkbox{--vft-checkbox-font-size:14px;--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.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.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--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.vft-checkbox--small .vft-checkbox__inner::after{height:6px;width:2px}.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__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-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.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.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}
+.vft-checkbox{--vft-checkbox-font-size:14px;--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.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.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--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.vft-checkbox--small .vft-checkbox__inner::after{height:6px;width:2px}.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__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.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.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}

package/theme-style/vft-color-picker.css

@@ -1 +1 @@
-.vft-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.vft-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.vft-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.vft-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.vft-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--vft-primary-color)}.vft-color-predefine__color-selector>div{display:flex;height:100%;border-radius:3px}.vft-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.vft-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px;float:right}.vft-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.vft-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--vft-border-color-lighter);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vft-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.vft-color-hue-slider.is-vertical .vft-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.vft-color-hue-slider.is-vertical .vft-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.vft-color-svpanel{position:relative;width:280px;height:180px}.vft-color-svpanel__black,.vft-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.vft-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.vft-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.vft-color-svpanel__cursor{position:absolute}.vft-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px)}.vft-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-image:linear-gradient(45deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.vft-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--vft-bg-color) 100%);height:100%}.vft-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--vft-border-color-lighter);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vft-color-alpha-slider.is-vertical{width:20px;height:180px}.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.vft-color-dropdown{width:300px}.vft-color-dropdown__main-wrapper{margin-bottom:6px}.vft-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.vft-color-dropdown__btns{margin-top:12px;text-align:right}.vft-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.vft-color-picker{display:inline-block;position:relative;line-height:normal;outline:0}.vft-color-picker:hover:not(.is-disabled) .vft-color-picker__trigger{border:1px solid var(--vft-border-color-hover)}.vft-color-picker:focus-visible:not(.is-disabled) .vft-color-picker__trigger{outline:2px solid var(--vft-primary-color);outline-offset:1px}.vft-color-picker.is-disabled .vft-color-picker__trigger{cursor:not-allowed}.vft-color-picker--large{height:40px}.vft-color-picker--large .vft-color-picker__trigger{height:40px;width:40px}.vft-color-picker--large .vft-color-picker__mask{height:38px;width:38px}.vft-color-picker--small{height:24px}.vft-color-picker--small .vft-color-picker__trigger{height:24px;width:24px}.vft-color-picker--small .vft-color-picker__mask{height:22px;width:22px}.vft-color-picker--small .vft-color-picker__empty,.vft-color-picker--small .vft-color-picker__icon{transform:scale(.8)}.vft-color-picker__mask{height:30px;width:30px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.vft-color-picker__trigger{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:32px;width:32px;padding:4px;border:1px solid var(--vft-border-color);border-radius:4px;font-size:0;position:relative;cursor:pointer}.vft-color-picker__color{position:relative;display:block;box-sizing:border-box;border:1px solid var(--vft-text-color-secondary);border-radius:var(--vft-border-radius-small);width:100%;height:100%;text-align:center}.vft-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.vft-color-picker__color-inner{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%}.vft-color-picker .vft-color-picker__empty{font-size:12px;color:var(--vft-text-color-secondary)}.vft-color-picker .vft-color-picker__icon{display:inline-flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.vft-color-picker__panel{position:absolute;z-index:10;padding:6px;box-sizing:content-box;background-color:#fff;border-radius:var(--vft-border-radius-base);box-shadow:var(--vft-box-shadow-light)}.vft-color-picker__panel.vft-popper{border:1px solid var(--vft-border-color-lighter)}.vft-color-picker,.vft-color-picker__panel{--vft-color-picker-alpha-bg-a:#ccc;--vft-color-picker-alpha-bg-b:transparent}.dark .vft-color-picker,.dark .vft-color-picker__panel{--vft-color-picker-alpha-bg-a:#333333}
+.vft-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.vft-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.vft-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.vft-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.vft-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--vft-primary-color)}.vft-color-predefine__color-selector>div{display:flex;height:100%;border-radius:3px}.vft-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.vft-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px;float:right}.vft-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.vft-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--vft-border-color-lighter);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vft-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.vft-color-hue-slider.is-vertical .vft-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.vft-color-hue-slider.is-vertical .vft-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.vft-color-svpanel{position:relative;width:280px;height:180px}.vft-color-svpanel__black,.vft-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.vft-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.vft-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.vft-color-svpanel__cursor{position:absolute}.vft-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px)}.vft-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-image:linear-gradient(45deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.vft-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--vft-bg-color) 100%);height:100%}.vft-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid var(--vft-border-color-lighter);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vft-color-alpha-slider.is-vertical{width:20px;height:180px}.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.vft-color-alpha-slider.is-vertical .vft-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.vft-color-dropdown{width:300px}.vft-color-dropdown__main-wrapper{margin-bottom:6px}.vft-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.vft-color-dropdown__btns{margin-top:12px;text-align:right}.vft-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.vft-color-picker{display:inline-block;position:relative;line-height:normal;outline:0}.vft-color-picker:hover:not(.is-disabled) .vft-color-picker__trigger{border:1px solid var(--vft-border-color-hover)}.vft-color-picker:focus-visible:not(.is-disabled) .vft-color-picker__trigger{outline:2px solid var(--vft-primary-color);outline-offset:1px}.vft-color-picker.is-disabled .vft-color-picker__trigger{cursor:not-allowed}.vft-color-picker--large{height:40px}.vft-color-picker--large .vft-color-picker__trigger{height:40px;width:40px}.vft-color-picker--large .vft-color-picker__mask{height:38px;width:38px}.vft-color-picker--small{height:24px}.vft-color-picker--small .vft-color-picker__trigger{height:24px;width:24px}.vft-color-picker--small .vft-color-picker__mask{height:22px;width:22px}.vft-color-picker--small .vft-color-picker__empty,.vft-color-picker--small .vft-color-picker__icon{transform:scale(.8)}.vft-color-picker__mask{height:30px;width:30px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.vft-color-picker__trigger{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:32px;width:32px;padding:4px;border:1px solid var(--vft-border-color);border-radius:4px;font-size:0;position:relative;cursor:pointer}.vft-color-picker__color{position:relative;display:block;box-sizing:border-box;border:1px solid var(--vft-text-secondary-color);border-radius:var(--vft-border-radius-small);width:100%;height:100%;text-align:center}.vft-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-a) 25%,var(--vft-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--vft-color-picker-alpha-bg-b) 75%,var(--vft-color-picker-alpha-bg-a) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.vft-color-picker__color-inner{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%}.vft-color-picker .vft-color-picker__empty{font-size:12px;color:var(--vft-text-secondary-color)}.vft-color-picker .vft-color-picker__icon{display:inline-flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.vft-color-picker__panel{position:absolute;z-index:10;padding:6px;box-sizing:content-box;background-color:#fff;border-radius:var(--vft-border-radius-base);box-shadow:var(--vft-box-shadow-light)}.vft-color-picker__panel.vft-popper{border:1px solid var(--vft-border-color-lighter)}.vft-color-picker,.vft-color-picker__panel{--vft-color-picker-alpha-bg-a:#ccc;--vft-color-picker-alpha-bg-b:transparent}.dark .vft-color-picker,.dark .vft-color-picker__panel{--vft-color-picker-alpha-bg-a:#333333}