persagy-vant 0.0.35 → 0.0.37

package/es/material-display-bar/MaterialDisplayBar.mjs

@@ -43,6 +43,7 @@ var stdin_default = defineComponent({
         "label": field.label,
         "showLabel": field.showLabel,
         "showContent": field.showContent,
+        "showColon": field.showColon,
         "content": field.content,
         "type": field.type,
         "vertical": field.vertical,
@@ -58,7 +59,7 @@ var stdin_default = defineComponent({
       route();
     };
     const renderBar = () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       return _createVNode("section", {
         "class": bem({
           rounded: props.rounded
@@ -80,12 +81,12 @@ var stdin_default = defineComponent({
         "class": bem("quantity")
       }, [((_b = slots.quantity) == null ? void 0 : _b.call(slots)) || _createVNode(_Fragment, null, [props.quantityLabel && _createVNode("span", {
         "class": bem("quantity-label")
-      }, [props.quantityLabel]), _createVNode("strong", null, [props.quantity]), props.unit && _createVNode("span", null, [props.unit])])])]), props.fields.filter((field) => field.visible !== false).length > 0 && _createVNode("div", {
+      }, [props.quantityLabel]), _createVNode("strong", null, [props.quantity]), props.unit && _createVNode("span", null, [props.unit])]), (_c = slots["quantity-suffix"]) == null ? void 0 : _c.call(slots)])]), props.fields.filter((field) => field.visible !== false).length > 0 && _createVNode("div", {
         "class": bem("fields")
       }, [props.fields.map(renderField)])]), props.divider && _createVNode(Divider, {
         "hairline": true,
         "class": bem("divider")
-      }, null), ((_c = slots.default) == null ? void 0 : _c.call(slots)) && _createVNode("div", {
+      }, null), ((_d = slots.default) == null ? void 0 : _d.call(slots)) && _createVNode("div", {
         "class": bem("bottom")
       }, [slots.default()])]);
     };

package/es/material-display-bar/index.css

@@ -1 +1 @@
-:root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-field-label-max-width: 120px;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 2px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-material-display-bar-gap);min-width:0}.van-material-display-bar__title{flex:1 1 0;min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;overflow:hidden;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:400;line-height:var(--van-material-display-bar-title-line-height);text-align:left;background:transparent;border:0;cursor:pointer}.van-material-display-bar__title:active{opacity:var(--van-active-opacity)}.van-material-display-bar__title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__title-arrow{flex:none;color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-icon-size)}.van-material-display-bar__quantity{flex:none;gap:var(--van-material-display-bar-quantity-gap);color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-font-size);line-height:var(--van-material-display-bar-title-line-height);white-space:nowrap}.van-material-display-bar__quantity strong{color:var(--van-material-display-bar-quantity-color);font-weight:var(--van-font-weight-bold)}.van-material-display-bar__quantity-label{margin-right:var(--van-material-display-bar-quantity-label-gap)}.van-material-display-bar__stock-insufficient{flex:none;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md);white-space:nowrap}.van-material-display-bar__fields{display:flex;flex-direction:column;gap:var(--van-material-display-bar-fields-gap);width:100%}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media){min-width:0}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__label{max-width:var(--van-material-display-bar-field-label-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__value,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{display:block}.van-material-display-bar__divider.van-divider{margin:0 var(--van-padding-md)}.van-material-display-bar__bottom{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap)}.van-material-display-bar__swipe-cell{overflow:hidden;background:var(--van-gray-2)}.van-material-display-bar__swipe-cell--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__delete{width:calc(100% - 8px);height:100%;margin:0 4px;border:0;border-radius:8px}
+:root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-field-label-max-width: 120px;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 4px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-material-display-bar-gap);min-width:0}.van-material-display-bar__title{flex:1 1 0;min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;overflow:hidden;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:400;line-height:var(--van-material-display-bar-title-line-height);text-align:left;background:transparent;border:0;cursor:pointer}.van-material-display-bar__title:active{opacity:var(--van-active-opacity)}.van-material-display-bar__title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__title-arrow{flex:none;color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-icon-size)}.van-material-display-bar__quantity{flex:none;gap:var(--van-material-display-bar-quantity-gap);color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-font-size);line-height:var(--van-material-display-bar-title-line-height);white-space:nowrap}.van-material-display-bar__quantity strong{color:var(--van-material-display-bar-quantity-color);font-weight:var(--van-font-weight-bold)}.van-material-display-bar__quantity-label{margin-right:var(--van-material-display-bar-quantity-label-gap)}.van-material-display-bar__stock-insufficient{flex:none;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md);white-space:nowrap}.van-material-display-bar__fields{display:flex;flex-direction:column;gap:var(--van-material-display-bar-fields-gap);width:100%}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media){min-width:0}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__label{max-width:var(--van-material-display-bar-field-label-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__value,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{display:block}.van-material-display-bar__divider.van-divider{margin:0 var(--van-padding-md)}.van-material-display-bar__bottom{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap)}.van-material-display-bar__swipe-cell{overflow:hidden;background:var(--van-gray-2)}.van-material-display-bar__swipe-cell--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__delete{width:calc(100% - 8px);height:100%;margin:0 4px;border:0;border-radius:8px}

package/es/material-display-bar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const MaterialPreview: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const MaterialPreviewList: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: {
         type: import("vue").PropType<string>;
         default: string;
@@ -91,8 +91,109 @@ export declare const MaterialPreview: import("../utils").WithInstall<import("vue
     fields: import("./MaterialDisplayBar").MaterialDisplayBarField[];
     divider: boolean;
     showArrow: boolean;
+    quantityLabel: string;
     unit: string;
+    rounded: boolean;
+    stockInsufficient: boolean;
+    stockInsufficientText: string;
+    swipeDelete: boolean;
+    deleteText: string;
+}>>;
+export declare const MaterialPreview: import("../utils").WithInstall<import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: import("vue").PropType<import("./MaterialDisplayBar").MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "click-title" | "click-media" | "click-field")[], "delete" | "click-title" | "click-media" | "click-field", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: import("vue").PropType<import("./MaterialDisplayBar").MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}>> & {
+    onDelete?: ((...args: any[]) => any) | undefined;
+    "onClick-title"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+    "onClick-field"?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    name: string;
+    fields: import("./MaterialDisplayBar").MaterialDisplayBarField[];
+    divider: boolean;
+    showArrow: boolean;
     quantityLabel: string;
+    unit: string;
     rounded: boolean;
     stockInsufficient: boolean;
     stockInsufficientText: string;
@@ -192,13 +293,13 @@ export declare const MaterialDisplayBar: import("../utils").WithInstall<import("
     fields: import("./MaterialDisplayBar").MaterialDisplayBarField[];
     divider: boolean;
     showArrow: boolean;
-    unit: string;
     quantityLabel: string;
+    unit: string;
     rounded: boolean;
     stockInsufficient: boolean;
     stockInsufficientText: string;
     swipeDelete: boolean;
     deleteText: string;
 }>>;
-export default MaterialPreview;
-export type { MaterialDisplayBarField, MaterialDisplayBarProps, MaterialDisplayBarField as MaterialPreviewField, MaterialDisplayBarProps as MaterialPreviewProps, } from './MaterialDisplayBar';
+export default MaterialPreviewList;
+export type { MaterialDisplayBarField, MaterialDisplayBarProps, MaterialDisplayBarField as MaterialPreviewListField, MaterialDisplayBarProps as MaterialPreviewListProps, MaterialDisplayBarField as MaterialPreviewField, MaterialDisplayBarProps as MaterialPreviewProps, } from './MaterialDisplayBar';

package/es/material-display-bar/index.mjs

@@ -1,10 +1,12 @@
 import { withInstall } from "../utils/index.mjs";
 import _MaterialDisplayBar from "./MaterialDisplayBar.mjs";
-const MaterialPreview = withInstall(_MaterialDisplayBar);
-const MaterialDisplayBar = MaterialPreview;
-var stdin_default = MaterialPreview;
+const MaterialPreviewList = withInstall(_MaterialDisplayBar);
+const MaterialPreview = MaterialPreviewList;
+const MaterialDisplayBar = MaterialPreviewList;
+var stdin_default = MaterialPreviewList;
 export {
   MaterialDisplayBar,
   MaterialPreview,
+  MaterialPreviewList,
   stdin_default as default
 };

package/es/material-display-bar/var.less

@@ -9,5 +9,5 @@
 @material-detail-title-gap: 2px;
 @material-detail-title-icon-size: 12px;
 @material-detail-quantity-color: var(--van-orange-700);
-@material-detail-quantity-gap: 2px;
+@material-detail-quantity-gap: 4px;
 @material-detail-quantity-label-gap: 4px;

package/es/object-select/ObjectSelect.mjs

@@ -391,6 +391,15 @@ var stdin_default = defineComponent({
     const expandedSelected = ref(false);
     const searching = ref(false);
     const keyword = ref("");
+    const currentSpecialtyItems = (specialty) => specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
+    const expandOnlySpecialty = () => {
+      if (props.specialties.length === 1) {
+        const [specialty] = props.specialties;
+        expandedSpecialties.value = extend({}, expandedSpecialties.value, {
+          [specialty.id]: true
+        });
+      }
+    };
     const reset = () => {
       view.value = 0;
       specialtyType.value = 0;
@@ -400,6 +409,7 @@ var stdin_default = defineComponent({
       expandedSpecialties.value = {
         "strong-electricity": true
       };
+      expandOnlySpecialty();
     };
     watch(() => props.show, (show) => show && reset(), {
       immediate: true
@@ -467,7 +477,7 @@ var stdin_default = defineComponent({
     const renderSpecialty = (specialty) => {
       var _a;
       const expanded = (_a = expandedSpecialties.value[specialty.id]) != null ? _a : false;
-      const items = specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
+      const items = currentSpecialtyItems(specialty);
       return _createVNode("section", {
         "class": bem("specialty"),
         "key": specialty.id
@@ -555,6 +565,7 @@ var stdin_default = defineComponent({
         "selected": specialtyType.value === 0,
         "onClick": () => {
           specialtyType.value = 0;
+          expandOnlySpecialty();
         }
       }, {
         default: () => [_createTextVNode("\u8BBE\u5907")]
@@ -562,6 +573,7 @@ var stdin_default = defineComponent({
         "selected": specialtyType.value === 1,
         "onClick": () => {
           specialtyType.value = 1;
+          expandOnlySpecialty();
         }
       }, {
         default: () => [_createTextVNode("\u7CFB\u7EDF")]

package/es/style/base.css

@@ -1 +1 @@
-:root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-4);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
+:root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-gradient-gray: linear-gradient(90deg, var(--van-gray-2), rgba(241, 244, 246, 0));--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-4);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.gradient-gray,.van-gradient-gray{background:var(--van-gradient-gray)}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}

package/es/style/base.less

@@ -26,6 +26,11 @@
   .multi-ellipsis(3);
 }
 
+.gradient-gray,
+.van-gradient-gray {
+  background: var(--van-gradient-gray);
+}
+
 .van-safe-area-top {
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);

package/es/style/css-variables.css

@@ -1 +1 @@
-:root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-4);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}
+:root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-gradient-gray: linear-gradient(90deg, var(--van-gray-2), rgba(241, 244, 246, 0));--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-4);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}

package/es/style/css-variables.less

@@ -81,6 +81,7 @@
   // Gradient Colors
   --van-gradient-red: @gradient-red;
   --van-gradient-orange: @gradient-orange;
+  --van-gradient-gray: @gradient-gray;
 
   // Component Colors
   --van-primary-color: @primary-color;

package/es/style/var.less

@@ -79,6 +79,7 @@
 // Gradient Colors
 @gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
 @gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
+@gradient-gray: linear-gradient(90deg, var(--van-gray-2), rgb(241 244 246 / 0%));
 
 // Component Colors
 @primary-color: var(--van-blue);

package/es/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' | 'gray';
+export declare type TagSize = 'large' | 'medium' | 'small';
+export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'gray' | 'turquoise' | 'purple' | 'violet';
 declare const tagProps: {
     size: {
         type: PropType<TagSize>;
@@ -20,6 +20,10 @@ declare const tagProps: {
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
+    rightIcon: StringConstructor;
+    number: (NumberConstructor | StringConstructor)[];
+    showNumber: BooleanConstructor;
+    numberColor: StringConstructor;
 };
 export declare type TagProps = ExtractPropTypes<typeof tagProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -41,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
+    rightIcon: StringConstructor;
+    number: (NumberConstructor | StringConstructor)[];
+    showNumber: BooleanConstructor;
+    numberColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: {
         type: PropType<TagSize>;
@@ -60,6 +68,10 @@ declare const _default: import("vue").DefineComponent<{
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
+    rightIcon: StringConstructor;
+    number: (NumberConstructor | StringConstructor)[];
+    showNumber: BooleanConstructor;
+    numberColor: StringConstructor;
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
@@ -70,5 +82,6 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     plain: boolean;
     closeable: boolean;
+    showNumber: boolean;
 }>;
 export default _default;

package/es/tag/Tag.mjs

@@ -11,7 +11,11 @@ const tagProps = {
   plain: Boolean,
   round: Boolean,
   textColor: String,
-  closeable: Boolean
+  closeable: Boolean,
+  rightIcon: String,
+  number: [String, Number],
+  showNumber: Boolean,
+  numberColor: String
 };
 var stdin_default = defineComponent({
   name,
@@ -45,7 +49,11 @@ var stdin_default = defineComponent({
         plain,
         round,
         size,
-        closeable
+        closeable,
+        rightIcon,
+        number,
+        showNumber,
+        numberColor
       } = props;
       const classes = {
         mark,
@@ -60,10 +68,19 @@ var stdin_default = defineComponent({
         "class": [bem("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
+      const RightIcon = rightIcon && _createVNode(Icon, {
+        "name": rightIcon,
+        "class": bem("right-icon")
+      }, null);
       return _createVNode("span", {
         "style": getStyle(),
         "class": bem([classes, type])
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
+      }, [showNumber && number !== void 0 && _createVNode("span", {
+        "class": bem("number"),
+        "style": {
+          color: numberColor
+        }
+      }, [number]), (_a = slots.default) == null ? void 0 : _a.call(slots), RightIcon, CloseIcon]);
     };
     return () => _createVNode(Transition, {
       "name": props.closeable ? "van-fade" : void 0

package/es/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-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}
+: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-small-padding: 1px 4px;--van-tag-small-font-size: var(--van-font-size-xs);--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-icon-gap: 2px;--van-tag-right-icon-size: 12px;--van-tag-small-right-icon-size: 10px;--van-tag-large-right-icon-size: 14px;--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-turquoise-color: #0f766e;--van-tag-turquoise-background-color: #ccfbf1;--van-tag-purple-color: #7e22ce;--van-tag-purple-background-color: #f3e8ff;--van-tag-violet-color: #6d28d9;--van-tag-violet-background-color: #ede9fe;--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--turquoise{background:var(--van-tag-turquoise-background-color);color:var(--van-tag-turquoise-color)}.van-tag--purple{background:var(--van-tag-purple-background-color);color:var(--van-tag-purple-color)}.van-tag--violet{background:var(--van-tag-violet-background-color);color:var(--van-tag-violet-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--small{padding:var(--van-tag-small-padding);font-size:var(--van-tag-small-font-size);--van-tag-right-icon-size: var(--van-tag-small-right-icon-size)}.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-right-icon-size: var(--van-tag-large-right-icon-size)}.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:var(--van-tag-icon-gap)}.van-tag__right-icon{margin-left:var(--van-tag-icon-gap);font-size:var(--van-tag-right-icon-size)}.van-tag__number{margin-right:2px;font-weight:600}

package/es/tag/index.d.ts

@@ -17,6 +17,10 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
+    rightIcon: StringConstructor;
+    number: (NumberConstructor | StringConstructor)[];
+    showNumber: BooleanConstructor;
+    numberColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: import("vue").PropType<import("./Tag").TagSize>;
@@ -36,6 +40,10 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
+    rightIcon: StringConstructor;
+    number: (NumberConstructor | StringConstructor)[];
+    showNumber: BooleanConstructor;
+    numberColor: StringConstructor;
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
@@ -46,6 +54,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     show: boolean;
     plain: boolean;
     closeable: boolean;
+    showNumber: boolean;
 }>>;
 export default Tag;
 export type { TagSize, TagType, TagProps } from './Tag';

package/es/tag/index.less

@@ -7,10 +7,16 @@
   --van-tag-border-radius: @tag-border-radius;
   --van-tag-line-height: @tag-line-height;
   --van-tag-medium-padding: @tag-medium-padding;
+  --van-tag-small-padding: @tag-small-padding;
+  --van-tag-small-font-size: @tag-small-font-size;
   --van-tag-large-padding: @tag-large-padding;
   --van-tag-large-border-radius: @tag-large-border-radius;
   --van-tag-large-font-size: @tag-large-font-size;
   --van-tag-round-border-radius: @tag-round-border-radius;
+  --van-tag-icon-gap: @tag-icon-gap;
+  --van-tag-right-icon-size: @tag-right-icon-size;
+  --van-tag-small-right-icon-size: @tag-small-right-icon-size;
+  --van-tag-large-right-icon-size: @tag-large-right-icon-size;
   --van-tag-danger-color: @tag-danger-color;
   --van-tag-danger-background-color: @tag-danger-background-color;
   --van-tag-primary-color: @tag-primary-color;
@@ -21,6 +27,12 @@
   --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-turquoise-color: @tag-turquoise-color;
+  --van-tag-turquoise-background-color: @tag-turquoise-background-color;
+  --van-tag-purple-color: @tag-purple-color;
+  --van-tag-purple-background-color: @tag-purple-background-color;
+  --van-tag-violet-color: @tag-violet-color;
+  --van-tag-violet-background-color: @tag-violet-background-color;
   --van-tag-default-color: @tag-default-color;
   --van-tag-plain-background-color: @tag-plain-background-color;
 }
@@ -68,6 +80,21 @@
     color: var(--van-tag-gray-color);
   }
 
+  &--turquoise {
+    background: var(--van-tag-turquoise-background-color);
+    color: var(--van-tag-turquoise-color);
+  }
+
+  &--purple {
+    background: var(--van-tag-purple-background-color);
+    color: var(--van-tag-purple-color);
+  }
+
+  &--violet {
+    background: var(--van-tag-violet-background-color);
+    color: var(--van-tag-violet-color);
+  }
+
   &--plain {
     background: var(--van-tag-plain-background-color);
     border-color: currentColor;
@@ -90,10 +117,17 @@
     padding: var(--van-tag-medium-padding);
   }
 
+  &--small {
+    padding: var(--van-tag-small-padding);
+    font-size: var(--van-tag-small-font-size);
+    --van-tag-right-icon-size: var(--van-tag-small-right-icon-size);
+  }
+
   &--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-right-icon-size: var(--van-tag-large-right-icon-size);
   }
 
   &--mark {
@@ -112,6 +146,16 @@
   }
 
   &__close {
-    margin-left: 2px;
+    margin-left: var(--van-tag-icon-gap);
+  }
+
+  &__right-icon {
+    margin-left: var(--van-tag-icon-gap);
+    font-size: var(--van-tag-right-icon-size);
+  }
+
+  &__number {
+    margin-right: 2px;
+    font-weight: 600;
   }
 }

package/es/tag/var.less

@@ -6,10 +6,16 @@
 @tag-border-radius: 2px;
 @tag-line-height: 16px;
 @tag-medium-padding: 2px 6px;
+@tag-small-padding: 1px 4px;
+@tag-small-font-size: var(--van-font-size-xs);
 @tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
 @tag-large-border-radius: var(--van-border-radius-md);
 @tag-large-font-size: var(--van-font-size-md);
 @tag-round-border-radius: var(--van-border-radius-max);
+@tag-icon-gap: 2px;
+@tag-right-icon-size: 12px;
+@tag-small-right-icon-size: 10px;
+@tag-large-right-icon-size: 14px;
 
 @tag-danger-color: var(--van-red-700);
 @tag-danger-background-color: var(--van-red-100);
@@ -26,6 +32,13 @@
 @tag-gray-color: var(--van-gray-8);
 @tag-gray-background-color: var(--van-gray-3);
 
+@tag-turquoise-color: #0f766e;
+@tag-turquoise-background-color: #ccfbf1;
+@tag-purple-color: #7e22ce;
+@tag-purple-background-color: #f3e8ff;
+@tag-violet-color: #6d28d9;
+@tag-violet-background-color: #ede9fe;
+
 @tag-default-color: var(--van-gray-6);
 
 @tag-plain-background-color: transparent;