persagy-vant 0.0.36 → 0.0.38

package/es/area/style/index.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../../loading/index.css";
 import "../../picker/index.css";

package/es/area/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../../picker/index.less";

package/es/cell/Cell.d.ts

@@ -9,6 +9,8 @@ export declare const cellSharedProps: {
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -61,6 +63,8 @@ declare const cellProps: {
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -118,6 +122,8 @@ declare const _default: import("vue").DefineComponent<{
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -173,6 +179,8 @@ declare const _default: import("vue").DefineComponent<{
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -231,6 +239,7 @@ declare const _default: import("vue").DefineComponent<{
     replace: boolean;
     required: boolean;
     center: boolean;
+    threeLine: boolean;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;

package/es/cell/Cell.mjs

@@ -13,6 +13,8 @@ const cellSharedProps = {
   title: numericProp,
   value: numericProp,
   label: numericProp,
+  description: numericProp,
+  threeLine: Boolean,
   labelSize: numericProp,
   avatar: String,
   rightAvatar: String,
@@ -112,6 +114,14 @@ var stdin_default = defineComponent({
         }, [slots.label ? slots.label() : props.label]);
       }
     };
+    const renderDescription = () => {
+      const showDescription = slots.description || isDef(props.description);
+      if (showDescription) {
+        return _createVNode("div", {
+          "class": bem("description")
+        }, [slots.description ? slots.description() : props.description]);
+      }
+    };
     const renderTitle = () => {
       if (slots.title || isDef(props.title)) {
         return _createVNode("div", {
@@ -119,7 +129,7 @@ var stdin_default = defineComponent({
           "style": props.titleStyle
         }, [_createVNode("div", {
           "class": bem("title-row")
-        }, [slots.title ? slots.title() : _createVNode("span", null, [props.title]), renderTags(), renderTitleIcon()]), renderLabel()]);
+        }, [slots.title ? slots.title() : _createVNode("span", null, [props.title]), renderTags(), renderTitleIcon()]), renderLabel(), props.threeLine && renderDescription()]);
       }
     };
     const renderValue = () => {
@@ -307,7 +317,8 @@ var stdin_default = defineComponent({
         isLink,
         required,
         rightIcon,
-        titleBold
+        titleBold,
+        threeLine
       } = props;
       const clickable = (_a2 = props.clickable) != null ? _a2 : isLink || rightIcon === "arrow" || hasSelect("left") || hasSelect("right");
       const hasBadge = !!slots.badge || isDef(props.badge);
@@ -317,7 +328,8 @@ var stdin_default = defineComponent({
         required,
         "title-bold": titleBold,
         clickable,
-        borderless: !border
+        borderless: !border,
+        "three-line": threeLine
       };
       if (cellSize) {
         classes[cellSize] = !!cellSize;

package/es/cell/index.css

@@ -1 +1 @@
-:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}
+:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__title{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}

package/es/cell/index.d.ts

@@ -4,6 +4,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -59,6 +61,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -117,6 +121,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     replace: boolean;
     required: boolean;
     center: boolean;
+    threeLine: boolean;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;
@@ -131,7 +136,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     clickable: boolean | null;
 }>>;
 export default Cell;
-export type { CellSize, CellProps, CellArrowDirection, CellSelectType } from './Cell';
+export type { CellSize, CellProps, CellArrowDirection, CellSelectType, } from './Cell';
 declare module 'vue' {
     interface GlobalComponents {
         VanCell: typeof Cell;

package/es/cell/index.less

@@ -15,12 +15,18 @@
   --van-cell-label-font-size: @cell-label-font-size;
   --van-cell-label-line-height: @cell-label-line-height;
   --van-cell-label-margin-top: @cell-label-margin-top;
+  --van-cell-title-value-gap: @cell-title-value-gap;
+  --van-cell-description-color: @cell-description-color;
+  --van-cell-description-font-size: @cell-description-font-size;
+  --van-cell-description-line-height: @cell-description-line-height;
+  --van-cell-description-margin-top: @cell-description-margin-top;
   --van-cell-value-color: @cell-value-color;
   --van-cell-icon-size: @cell-icon-size;
   --van-cell-right-icon-color: @cell-right-icon-color;
   --van-cell-large-vertical-padding: @cell-large-vertical-padding;
   --van-cell-large-title-font-size: @cell-large-title-font-size;
   --van-cell-large-label-font-size: @cell-large-label-font-size;
+  --van-cell-large-description-font-size: @cell-large-description-font-size;
   --van-cell-large-value-font-size: @cell-large-value-font-size;
   --van-cell-blue-mark-width: @cell-blue-mark-width;
 }
@@ -59,8 +65,14 @@
     line-height: var(--van-cell-label-line-height);
   }
 
-  &__title,
-  &__value {
+  &__description {
+    margin-top: var(--van-cell-description-margin-top);
+    color: var(--van-cell-description-color);
+    font-size: var(--van-cell-description-font-size);
+    line-height: var(--van-cell-description-line-height);
+  }
+
+  &__title {
     flex: 1;
     min-width: 0;
   }
@@ -72,6 +84,9 @@
   }
 
   &__value {
+    flex: none;
+    min-width: 0;
+    margin-left: var(--van-cell-title-value-gap);
     position: relative;
     overflow: hidden;
     color: var(--van-cell-value-color);
@@ -80,6 +95,7 @@
     word-wrap: break-word;
 
     &--alone {
+      margin-left: 0;
       color: var(--van-text-color);
       text-align: left;
     }
@@ -245,6 +261,11 @@
       margin-top: var(--van-padding-base);
     }
 
+    .van-cell__description {
+      font-size: var(--van-cell-large-description-font-size);
+      margin-top: var(--van-padding-base);
+    }
+
     .van-cell__value {
       font-size: var(--van-cell-large-value-font-size);
     }
@@ -253,4 +274,5 @@
   &--title-bold {
     .van-cell__title { font-weight: var(--van-font-weight-bold); }
   }
+
 }

package/es/cell/var.less

@@ -13,11 +13,17 @@
 @cell-label-font-size: var(--van-font-size-sm);
 @cell-label-line-height: var(--van-line-height-sm);
 @cell-label-margin-top: 2px;
+@cell-title-value-gap: var(--van-padding-xs);
+@cell-description-color: var(--van-text-color-2);
+@cell-description-font-size: var(--van-font-size-sm);
+@cell-description-line-height: var(--van-line-height-sm);
+@cell-description-margin-top: 2px;
 @cell-value-color: var(--van-text-color-2);
 @cell-icon-size: 16px;
 @cell-right-icon-color: var(--van-gray-6);
 @cell-large-vertical-padding: var(--van-padding-sm);
 @cell-large-title-font-size: var(--van-font-size-lg);
 @cell-large-label-font-size: var(--van-font-size-md);
+@cell-large-description-font-size: var(--van-font-size-md);
 @cell-large-value-font-size: 16px;
 @cell-blue-mark-width: 2px;

package/es/cell-group/CellGroup.d.ts

@@ -2,6 +2,7 @@ import { type ExtractPropTypes } from 'vue';
 declare const cellGroupProps: {
     title: StringConstructor;
     inset: BooleanConstructor;
+    grayCard: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
@@ -11,6 +12,7 @@ export declare type CellGroupProps = ExtractPropTypes<typeof cellGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     inset: BooleanConstructor;
+    grayCard: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
@@ -18,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
+    grayCard: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
@@ -25,5 +28,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     border: boolean;
     inset: boolean;
+    grayCard: boolean;
 }>;
 export default _default;

package/es/cell-group/CellGroup.mjs

@@ -4,6 +4,7 @@ const [name, bem] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
   inset: Boolean,
+  grayCard: Boolean,
   border: truthProp
 };
 var stdin_default = defineComponent({
@@ -18,9 +19,10 @@ var stdin_default = defineComponent({
       var _a;
       return _createVNode("div", _mergeProps({
         "class": [bem({
-          inset: props.inset
+          inset: props.inset,
+          "gray-card": props.grayCard
         }), {
-          [BORDER_TOP_BOTTOM]: props.border && !props.inset
+          [BORDER_TOP_BOTTOM]: props.border && !props.inset && !props.grayCard
         }]
       }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };

package/es/cell-group/index.css

@@ -1 +1 @@
-:root{--van-cell-group-background-color: var(--van-background-color-light);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-border-radius: var(--van-border-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) var(--van-padding-xl)}.van-cell-group{background:var(--van-cell-group-background-color)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-border-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}
+:root{--van-cell-group-background-color: var(--van-background-color-light);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-border-radius: var(--van-border-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) var(--van-padding-xl);--van-cell-group-gray-card-padding: var(--van-padding-xs);--van-cell-group-gray-card-background: var(--van-gradient-gray);--van-cell-group-gray-card-cell-background: var(--van-white)}.van-cell-group{background:var(--van-cell-group-background-color)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-border-radius);overflow:hidden}.van-cell-group--gray-card{margin:var(--van-cell-group-inset-padding);padding:var(--van-cell-group-gray-card-padding);overflow:hidden;background:var(--van-cell-group-gray-card-background);border-radius:var(--van-cell-group-inset-border-radius)}.van-cell-group--gray-card>.van-cell{background:var(--van-cell-group-gray-card-cell-background)}.van-cell-group--gray-card>.van-cell:first-child{border-radius:var(--van-border-radius-md) var(--van-border-radius-md) 0 0}.van-cell-group--gray-card>.van-cell:last-child{border-radius:0 0 var(--van-border-radius-md) var(--van-border-radius-md)}.van-cell-group--gray-card>.van-cell:only-child{border-radius:var(--van-border-radius-md)}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}

package/es/cell-group/index.d.ts

@@ -1,6 +1,7 @@
 export declare const CellGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     inset: BooleanConstructor;
+    grayCard: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
@@ -8,6 +9,7 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
+    grayCard: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
@@ -15,6 +17,7 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
 }>>, {
     border: boolean;
     inset: boolean;
+    grayCard: boolean;
 }>>;
 export default CellGroup;
 export type { CellGroupProps } from './CellGroup';

package/es/cell-group/index.less

@@ -9,6 +9,9 @@
   --van-cell-group-inset-padding: @cell-group-inset-padding;
   --van-cell-group-inset-border-radius: @cell-group-inset-border-radius;
   --van-cell-group-inset-title-padding: @cell-group-inset-title-padding;
+  --van-cell-group-gray-card-padding: @cell-group-gray-card-padding;
+  --van-cell-group-gray-card-background: @cell-group-gray-card-background;
+  --van-cell-group-gray-card-cell-background: @cell-group-gray-card-cell-background;
 }
 
 .van-cell-group {
@@ -20,6 +23,30 @@
     overflow: hidden;
   }
 
+  &--gray-card {
+    margin: var(--van-cell-group-inset-padding);
+    padding: var(--van-cell-group-gray-card-padding);
+    overflow: hidden;
+    background: var(--van-cell-group-gray-card-background);
+    border-radius: var(--van-cell-group-inset-border-radius);
+
+    > .van-cell {
+      background: var(--van-cell-group-gray-card-cell-background);
+
+      &:first-child {
+        border-radius: var(--van-border-radius-md) var(--van-border-radius-md) 0 0;
+      }
+
+      &:last-child {
+        border-radius: 0 0 var(--van-border-radius-md) var(--van-border-radius-md);
+      }
+
+      &:only-child {
+        border-radius: var(--van-border-radius-md);
+      }
+    }
+  }
+
   &__title {
     padding: var(--van-cell-group-title-padding);
     color: var(--van-cell-group-title-color);

package/es/cell-group/var.less

@@ -10,3 +10,6 @@
 @cell-group-inset-border-radius: var(--van-border-radius-lg);
 @cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)
   var(--van-padding-xs) var(--van-padding-xl);
+@cell-group-gray-card-padding: var(--van-padding-xs);
+@cell-group-gray-card-background: var(--van-gradient-gray);
+@cell-group-gray-card-cell-background: var(--van-white);

package/es/collapse-item/CollapseItem.d.ts

@@ -5,6 +5,8 @@ declare const collapseItemProps: {
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -70,6 +72,8 @@ declare const _default: import("vue").DefineComponent<{
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -133,6 +137,8 @@ declare const _default: import("vue").DefineComponent<{
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -193,6 +199,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     required: boolean;
     center: boolean;
+    threeLine: boolean;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;

package/es/collapse-item/index.d.ts

@@ -4,6 +4,8 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -67,6 +69,8 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -127,6 +131,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
 }>>, {
     required: boolean;
     center: boolean;
+    threeLine: boolean;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;

package/es/field/Field.d.ts

@@ -50,6 +50,8 @@ declare const fieldProps: {
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -171,6 +173,8 @@ declare const _default: import("vue").DefineComponent<{
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -290,6 +294,8 @@ declare const _default: import("vue").DefineComponent<{
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -419,6 +425,7 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     size: CellSize;
     center: boolean;
+    threeLine: boolean;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;

package/es/field/index.d.ts

@@ -5,6 +5,8 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -124,6 +126,8 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    description: (NumberConstructor | StringConstructor)[];
+    threeLine: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
@@ -253,6 +257,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     required: boolean;
     size: import("..").CellSize;
     center: boolean;
+    threeLine: boolean;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;

package/es/icon/Icon.mjs

@@ -2,8 +2,9 @@ import { inject, computed, defineComponent, createVNode as _createVNode, mergePr
 import { addUnit, numericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { Badge } from "../badge/index.mjs";
 import { CONFIG_PROVIDER_KEY } from "../config-provider/ConfigProvider.mjs";
+import { getIconGif } from "./gif.mjs";
 const [name, bem] = createNamespace("icon");
-const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
+const isImage = (name2) => (name2 == null ? void 0 : name2.includes("/")) || Boolean(getIconGif(name2));
 const iconProps = {
   dot: Boolean,
   tag: makeStringProp("i"),
@@ -23,6 +24,7 @@ var stdin_default = defineComponent({
     const config = inject(CONFIG_PROVIDER_KEY, null);
     const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem());
     return () => {
+      var _a;
       const {
         tag,
         dot,
@@ -32,6 +34,7 @@ var stdin_default = defineComponent({
         color
       } = props;
       const isImageIcon = isImage(name2);
+      const imageName = (_a = getIconGif(name2)) != null ? _a : name2;
       return _createVNode(Badge, _mergeProps({
         "dot": dot,
         "tag": tag,
@@ -43,10 +46,10 @@ var stdin_default = defineComponent({
         "content": badge
       }, props.badgeProps), {
         default: () => {
-          var _a;
-          return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && _createVNode("img", {
+          var _a2;
+          return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots), isImageIcon && _createVNode("img", {
             "class": bem("image"),
-            "src": name2
+            "src": imageName
           }, null)];
         }
       });

package/es/icon/assets/copy.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M19 6.25C20.5188 6.25 21.75 7.48122 21.75 9V19C21.75 20.5188 20.5188 21.75 19 21.75H9C7.48122 21.75 6.25 20.5188 6.25 19V9C6.25 7.48122 7.48122 6.25 9 6.25H19ZM9 7.75C8.30964 7.75 7.75 8.30964 7.75 9V19C7.75 19.6904 8.30964 20.25 9 20.25H19C19.6904 20.25 20.25 19.6904 20.25 19V9C20.25 8.30964 19.6904 7.75 19 7.75H9Z" fill="currentColor"/>
+  <path d="M15 2.25C16.5142 2.25 17.75 3.48579 17.75 5C17.75 5.41421 17.4142 5.75 17 5.75C16.5858 5.75 16.25 5.41421 16.25 5C16.25 4.31421 15.6858 3.75 15 3.75H5C4.31421 3.75 3.75 4.31421 3.75 5V15C3.75 15.6858 4.31421 16.25 5 16.25C5.41421 16.25 5.75 16.5858 5.75 17C5.75 17.4142 5.41421 17.75 5 17.75C3.48579 17.75 2.25 16.5142 2.25 15V5C2.25 3.48579 3.48579 2.25 5 2.25H15Z" fill="currentColor"/>
+</svg>

package/es/icon/config.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     name: string;
     basic: string[];
+    svg: string[];
     outline: string[];
     filled: string[];
 };

package/es/icon/config.mjs

@@ -12,6 +12,7 @@ var stdin_default = {
     "fail",
     "circle"
   ],
+  svg: ["copy"],
   outline: [
     "alarm-clock-minus",
     "activity",