persagy-vant 0.0.36 → 0.0.37

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;

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/index.d.ts

@@ -116,4 +116,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.36";
+export const version: "0.0.37";

package/es/index.mjs

@@ -109,7 +109,7 @@ import { Uploader } from "./uploader/index.mjs";
 import { VideoPreview } from "./video-preview/index.mjs";
 import { WorkOrderCard } from "./work-order-card/index.mjs";
 import { WorkOrderFilter } from "./work-order-filter/index.mjs";
-const version = "0.0.36";
+const version = "0.0.37";
 function install(app) {
   const components = [
     ActionBar,

package/es/loading/index.css

@@ -1 +1 @@
-:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-animation-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__spinner--illustration{animation:none}.van-loading__illustration{display:block;width:100%;height:100%}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}.van-loading--vertical.van-loading--illustration .van-loading__text{margin-top:var(--van-padding-xs)}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
+:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-animation-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__spinner--illustration{animation:none}.van-loading__illustration{display:block;width:100%;height:100%}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}.van-loading--vertical.van-loading--illustration .van-loading__text{margin-top:0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}

package/es/loading/index.less

@@ -94,7 +94,7 @@
 
   &--vertical&--illustration {
     .van-loading__text {
-      margin-top: var(--van-padding-xs);
+      margin-top: 0;
     }
   }
 }

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);