persagy-vant 0.0.26 → 0.0.28

package/lib/tabs/index.css

@@ -1 +1 @@
-:root{--van-tab-text-color: var(--van-gray-7);--van-tab-active-text-color: var(--van-text-color);--van-tab-disabled-text-color: var(--van-text-color-3);--van-tab-font-size: var(--van-font-size-md);--van-tab-line-height: var(--van-line-height-md);--van-tabs-default-color: var(--van-primary-color);--van-tabs-line-height: 44px;--van-tabs-card-height: 30px;--van-tabs-nav-background-color: var(--van-background-color-light);--van-tabs-bottom-bar-width: 40px;--van-tabs-bottom-bar-height: 3px;--van-tabs-bottom-bar-color: var(--van-primary-color);--van-tabs-card-active-background-color: var(--van-gray-2);--van-tabs-card-border-color: var(--van-gray-5);--van-tabs-card-gray-background-color: var(--van-gray-1);--van-tabs-card-gray-active-background-color: var(--van-white);--van-tabs-card-gray-active-shadow: 0 2px 5px rgba(27, 33, 41, .1);--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-100);--van-tabs-filter-border-radius: var(--van-border-radius-lg);--van-tabs-more-width: 44px;--van-tabs-more-icon-size: 18px}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab--grow{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tab--shrink{flex:none;padding:0 var(--van-padding-xs)}.van-tab--card{position:relative;z-index:1;height:var(--van-tabs-card-height);margin-right:-1px;padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7);border:var(--van-border-width-base) solid var(--van-tabs-card-border-color);background:var(--van-white)}.van-tab--card:first-child{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-tab--card:last-child{margin-right:0;border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-tab--card.van-tab--active{z-index:2;color:var(--van-tabs-default-color);border-color:var(--van-tabs-default-color);background-color:var(--van-tabs-card-active-background-color)}.van-tab--card.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab--card-gray{height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7)}.van-tab--card-gray.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-card-gray-active-background-color);box-shadow:var(--van-tabs-card-gray-active-shadow);border-radius:var(--van-border-radius-md)}.van-tab--card-gray.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter{flex:none;min-height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-sm);color:var(--van-gray-8);background:var(--van-tabs-filter-background-color);border-radius:var(--van-tabs-filter-border-radius)}.van-tab--filter.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-filter-active-background-color)}.van-tabs{position:relative}.van-tabs__wrap{position:relative;overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--shrink,.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:0;border-radius:var(--van-border-radius-md);overflow:hidden;isolation:isolate}.van-tabs__nav--card.van-tabs__nav--shrink{display:inline-flex}.van-tabs__nav--card-gray{box-sizing:border-box;height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));margin:0 var(--van-padding-md);padding:var(--van-padding-base);background:var(--van-tabs-card-gray-background-color);border-radius:var(--van-border-radius-md);overflow:hidden}.van-tabs__nav--filter{box-sizing:border-box;min-height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));padding:var(--van-padding-xs) var(--van-padding-md);gap:6px}.van-tabs__nav--more{padding-right:var(--van-tabs-more-width)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs__more{position:absolute;top:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--van-tabs-more-width);padding:0;color:var(--van-tab-text-color);font:inherit;font-size:var(--van-tabs-more-icon-size);background:linear-gradient(270deg,var(--van-tabs-nav-background-color) 70%,transparent);border:0}.van-tabs__more:active{opacity:var(--van-active-opacity)}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}.van-tabs--card-gray{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card-gray>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter .van-tabs__more{top:var(--van-padding-xs)}
+:root{--van-tab-text-color: var(--van-gray-7);--van-tab-active-text-color: var(--van-text-color);--van-tab-disabled-text-color: var(--van-text-color-3);--van-tab-font-size: var(--van-font-size-md);--van-tab-line-height: var(--van-line-height-md);--van-tabs-default-color: var(--van-primary-color);--van-tabs-line-height: 44px;--van-tabs-card-height: 30px;--van-tabs-nav-background-color: var(--van-background-color-light);--van-tabs-bottom-bar-width: 40px;--van-tabs-bottom-bar-height: 3px;--van-tabs-bottom-bar-color: var(--van-primary-color);--van-tabs-card-active-background-color: var(--van-gray-2);--van-tabs-card-border-color: var(--van-gray-5);--van-tabs-card-gray-background-color: var(--van-gray-1);--van-tabs-card-gray-active-background-color: var(--van-white);--van-tabs-card-gray-active-shadow: 0 2px 5px rgba(27, 33, 41, .1);--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-100);--van-tabs-filter-border-radius: var(--van-border-radius-lg);--van-tabs-more-width: 44px;--van-tabs-more-icon-size: 18px}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab--grow{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tab--shrink{flex:none;padding:0 var(--van-padding-xs)}.van-tab--card{position:relative;z-index:1;height:var(--van-tabs-card-height);margin-right:-1px;padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7);border:var(--van-border-width-base) solid var(--van-tabs-card-border-color);background:var(--van-white)}.van-tab--card:first-child{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-tab--card:last-child{margin-right:0;border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-tab--card.van-tab--active{z-index:2;color:var(--van-tabs-default-color);border-color:var(--van-tabs-default-color);background-color:var(--van-tabs-card-active-background-color)}.van-tab--card.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab__badge{display:inline-flex;align-items:center;gap:4px}.van-tab__badge .van-badge--fixed{position:static;transform:none}.van-tab--card-gray{height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7)}.van-tab--card-gray.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-card-gray-active-background-color);box-shadow:var(--van-tabs-card-gray-active-shadow);border-radius:var(--van-border-radius-md)}.van-tab--card-gray.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter{flex:none;min-height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-sm);color:var(--van-gray-8);background:var(--van-tabs-filter-background-color);border-radius:var(--van-tabs-filter-border-radius)}.van-tab--filter.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-filter-active-background-color)}.van-tabs{position:relative}.van-tabs__wrap{position:relative;overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--shrink,.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:0;border-radius:var(--van-border-radius-md);overflow:hidden;isolation:isolate}.van-tabs__nav--card.van-tabs__nav--shrink{display:inline-flex}.van-tabs__nav--card-gray{box-sizing:border-box;height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));margin:0 var(--van-padding-md);padding:var(--van-padding-base);background:var(--van-tabs-card-gray-background-color);border-radius:var(--van-border-radius-md);overflow:hidden}.van-tabs__nav--filter{box-sizing:border-box;min-height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));padding:var(--van-padding-xs) var(--van-padding-md);gap:6px}.van-tabs__nav--more{padding-right:var(--van-tabs-more-width)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs__more{position:absolute;top:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--van-tabs-more-width);padding:0;color:var(--van-tab-text-color);font:inherit;font-size:var(--van-tabs-more-icon-size);background:linear-gradient(270deg,var(--van-tabs-nav-background-color) 70%,transparent);border:0}.van-tabs__more:active{opacity:var(--van-active-opacity)}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}.van-tabs--card-gray{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card-gray>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter .van-tabs__more{top:var(--van-padding-xs)}

package/lib/tabs/index.less

@@ -99,6 +99,17 @@
     }
   }
 
+  &__badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+
+    .van-badge--fixed {
+      position: static;
+      transform: none;
+    }
+  }
+
   &--card-gray {
     height: var(--van-tabs-card-height);
     padding: var(--van-padding-base) var(--van-padding-md);

package/lib/tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type TagSize = 'large' | 'medium';
-export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'gray';
 declare const tagProps: {
     size: {
         type: PropType<TagSize>;

package/lib/tag/index.css

@@ -1 +1 @@
-:root{--van-tag-padding: 0 var(--van-padding-base);--van-tag-text-color: var(--van-white);--van-tag-font-size: var(--van-font-size-sm);--van-tag-border-radius: 2px;--van-tag-line-height: 16px;--van-tag-medium-padding: 2px 6px;--van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);--van-tag-large-border-radius: var(--van-border-radius-md);--van-tag-large-font-size: var(--van-font-size-md);--van-tag-round-border-radius: var(--van-border-radius-max);--van-tag-danger-color: var(--van-red-700);--van-tag-danger-background-color: var(--van-red-100);--van-tag-primary-color: var(--van-blue-700);--van-tag-primary-background-color: var(--van-blue-100);--van-tag-success-color: var(--van-green-700);--van-tag-success-background-color: var(--van-green-100);--van-tag-warning-color: var(--van-orange-700);--van-tag-warning-background-color: var(--van-orange-100);--van-tag-default-color: var(--van-gray-6);--van-tag-plain-background-color: transparent}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-border-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-background-color);color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-background-color);color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-background-color);color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-background-color);color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background-color);border-color:currentColor}.van-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-border-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0}.van-tag--mark:after{display:block;width:2px;content:""}.van-tag--round{border-radius:var(--van-tag-round-border-radius)}.van-tag__close{margin-left:2px}
+:root{--van-tag-padding: 0 var(--van-padding-base);--van-tag-text-color: var(--van-white);--van-tag-font-size: var(--van-font-size-sm);--van-tag-border-radius: 2px;--van-tag-line-height: 16px;--van-tag-medium-padding: 2px 6px;--van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);--van-tag-large-border-radius: var(--van-border-radius-md);--van-tag-large-font-size: var(--van-font-size-md);--van-tag-round-border-radius: var(--van-border-radius-max);--van-tag-danger-color: var(--van-red-700);--van-tag-danger-background-color: var(--van-red-100);--van-tag-primary-color: var(--van-blue-700);--van-tag-primary-background-color: var(--van-blue-100);--van-tag-success-color: var(--van-green-700);--van-tag-success-background-color: var(--van-green-100);--van-tag-warning-color: var(--van-orange-700);--van-tag-warning-background-color: var(--van-orange-100);--van-tag-gray-color: var(--van-gray-8);--van-tag-gray-background-color: var(--van-gray-3);--van-tag-default-color: var(--van-gray-6);--van-tag-plain-background-color: transparent}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-border-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-background-color);color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-background-color);color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-background-color);color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-background-color);color:var(--van-tag-warning-color)}.van-tag--gray{background:var(--van-tag-gray-background-color);color:var(--van-tag-gray-color)}.van-tag--plain{background:var(--van-tag-plain-background-color);border-color:currentColor}.van-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-border-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0}.van-tag--mark:after{display:block;width:2px;content:""}.van-tag--round{border-radius:var(--van-tag-round-border-radius)}.van-tag__close{margin-left:2px}

package/lib/tag/index.less

@@ -19,6 +19,8 @@
   --van-tag-success-background-color: @tag-success-background-color;
   --van-tag-warning-color: @tag-warning-color;
   --van-tag-warning-background-color: @tag-warning-background-color;
+  --van-tag-gray-color: @tag-gray-color;
+  --van-tag-gray-background-color: @tag-gray-background-color;
   --van-tag-default-color: @tag-default-color;
   --van-tag-plain-background-color: @tag-plain-background-color;
 }
@@ -61,6 +63,11 @@
     color: var(--van-tag-warning-color);
   }
 
+  &--gray {
+    background: var(--van-tag-gray-background-color);
+    color: var(--van-tag-gray-color);
+  }
+
   &--plain {
     background: var(--van-tag-plain-background-color);
     border-color: currentColor;

package/lib/tag/var.less

@@ -23,6 +23,9 @@
 @tag-warning-color: var(--van-orange-700);
 @tag-warning-background-color: var(--van-orange-100);
 
+@tag-gray-color: var(--van-gray-8);
+@tag-gray-background-color: var(--van-gray-3);
+
 @tag-default-color: var(--van-gray-6);
 
 @tag-plain-background-color: transparent;