persagy-vant 0.0.25 → 0.0.26

package/es/work-order-card/WorkOrderCard.d.ts

@@ -0,0 +1,145 @@
+import { type ExtractPropTypes } from 'vue';
+import type { WorkOrderCardAction, WorkOrderCardInfo, WorkOrderCardTag } from './types';
+declare const props: {
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+};
+export declare type WorkOrderCardProps = ExtractPropTypes<typeof props>;
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-action" | "update:expanded")[], "click" | "click-action" | "update:expanded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-action"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    tags: WorkOrderCardTag[];
+    clickable: boolean;
+    expanded: boolean | undefined;
+    actions: WorkOrderCardAction[];
+    expandable: boolean;
+    defaultExpanded: boolean;
+    showLocation: boolean;
+    primaryInfos: WorkOrderCardInfo[];
+    expandedInfos: WorkOrderCardInfo[];
+    showOverdue: boolean;
+}>;
+export default _default;

package/es/work-order-card/WorkOrderCard.mjs

@@ -0,0 +1,121 @@
+import { computed, defineComponent, ref, watch, createVNode as _createVNode } from "vue";
+import { Button } from "../button/index.mjs";
+import { createNamespace, makeArrayProp, makeStringProp, truthProp } from "../utils/index.mjs";
+import { Divider } from "../divider/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Tag } from "../tag/index.mjs";
+const [name, bem] = createNamespace("work-order-card");
+const props = {
+  title: makeStringProp(""),
+  expanded: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultExpanded: Boolean,
+  expandable: truthProp,
+  tags: makeArrayProp(),
+  location: String,
+  showLocation: truthProp,
+  primaryInfos: makeArrayProp(),
+  expandedInfos: makeArrayProp(),
+  actions: makeArrayProp(),
+  overdue: String,
+  showOverdue: truthProp,
+  clickable: Boolean
+};
+var stdin_default = defineComponent({
+  name,
+  props,
+  emits: ["click", "click-action", "update:expanded"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const innerExpanded = ref(props2.defaultExpanded);
+    const isExpanded = computed(() => {
+      var _a;
+      return (_a = props2.expanded) != null ? _a : innerExpanded.value;
+    });
+    watch(() => props2.defaultExpanded, (value) => {
+      if (props2.expanded === void 0)
+        innerExpanded.value = value;
+    });
+    const toggle = () => {
+      if (!props2.expandable)
+        return;
+      const value = !isExpanded.value;
+      if (props2.expanded === void 0)
+        innerExpanded.value = value;
+      emit("update:expanded", value);
+    };
+    const renderInfo = (info) => _createVNode("div", {
+      "class": bem("info")
+    }, [info.icon && _createVNode(Icon, {
+      "name": info.icon,
+      "size": "12"
+    }, null), _createVNode("span", null, [info.text])]);
+    const renderAction = (action, index) => _createVNode(Button, {
+      "type": "text",
+      "disabled": action.disabled,
+      "style": {
+        "--van-button-primary-background-color": action.color || "var(--van-gray-7)"
+      },
+      "onClick": (event) => {
+        event.stopPropagation();
+        emit("click-action", action, index);
+      }
+    }, {
+      default: () => [action.text]
+    });
+    const hasExpandedContent = () => Boolean(slots.expanded || props2.expandedInfos.length);
+    return () => _createVNode("div", {
+      "class": [bem(), bem({
+        expanded: isExpanded.value,
+        expandable: props2.expandable,
+        actions: props2.actions.length > 0,
+        expandedContent: hasExpandedContent()
+      })],
+      "onClick": () => props2.clickable && emit("click")
+    }, [props2.showOverdue && props2.overdue && _createVNode("div", {
+      "class": bem("overdue")
+    }, [props2.overdue]), _createVNode("div", {
+      "class": bem("header"),
+      "onClick": toggle
+    }, [_createVNode("div", {
+      "class": bem("title")
+    }, [slots.title ? slots.title() : props2.title]), props2.expandable && _createVNode(Icon, {
+      "name": "trangle-down",
+      "size": "16",
+      "class": bem("arrow")
+    }, null)]), _createVNode("div", {
+      "class": bem("tags")
+    }, [slots.tags ? slots.tags() : props2.tags.map((tag) => _createVNode(Tag, {
+      "color": tag.color,
+      "textColor": tag.textColor
+    }, {
+      default: () => [tag.text]
+    }))]), props2.showLocation && props2.location && _createVNode("div", {
+      "class": bem("location")
+    }, [_createVNode(Icon, {
+      "name": "location-o",
+      "size": "12"
+    }, null), _createVNode("span", null, [props2.location])]), _createVNode("div", {
+      "class": bem("infos")
+    }, [slots.info ? slots.info() : props2.primaryInfos.map(renderInfo)]), hasExpandedContent() && _createVNode("div", {
+      "class": bem("expanded-wrapper", {
+        visible: isExpanded.value
+      }),
+      "aria-hidden": !isExpanded.value
+    }, [_createVNode("div", {
+      "class": bem("expanded-content")
+    }, [_createVNode(Divider, {
+      "dashed": true,
+      "hairline": true
+    }, null), slots.expanded ? slots.expanded() : props2.expandedInfos.map(renderInfo)])]), props2.actions.length > 0 && _createVNode("div", {
+      "class": bem("actions")
+    }, [props2.actions.map(renderAction)])]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/work-order-card/index.css

@@ -0,0 +1 @@
+:root{--van-work-order-card-padding: var(--van-padding-md);--van-work-order-card-radius: var(--van-border-radius-lg);--van-work-order-card-title-font-size: 15px;--van-work-order-card-title-color: var(--van-gray-8);--van-work-order-card-info-color: var(--van-gray-7)}.van-work-order-card{position:relative;overflow:hidden;background:var(--van-white);border-radius:var(--van-work-order-card-radius)}.van-work-order-card__header{display:flex;align-items:flex-start;padding:var(--van-work-order-card-padding) var(--van-work-order-card-padding) 0;cursor:pointer}.van-work-order-card__title{flex:1;min-width:0;overflow:hidden;color:var(--van-work-order-card-title-color);font-size:var(--van-work-order-card-title-font-size);font-weight:var(--van-font-weight-bold);line-height:23px;text-overflow:ellipsis;white-space:nowrap}.van-work-order-card__arrow{flex:none;margin:4px 0 0 2px;color:var(--van-gray-6);transition:transform .2s}.van-work-order-card--expanded .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card--expanded .van-work-order-card__arrow{color:var(--van-black);transform:rotate(180deg)}.van-work-order-card__tags{display:flex;flex-wrap:wrap;gap:4px;padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card__location{display:flex;gap:4px;align-items:center;margin:8px 10px 0;padding:0 6px;overflow:hidden;color:var(--van-gray-8);font-size:13px;line-height:21px;white-space:nowrap;background:linear-gradient(90deg,rgba(223,232,243,.7),rgba(223,232,243,0));border-radius:4px}.van-work-order-card__location span{overflow:hidden;text-overflow:ellipsis}.van-work-order-card__infos{padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos{padding-bottom:8px}.van-work-order-card__info{display:flex;gap:4px;align-items:center;min-height:21px;color:var(--van-work-order-card-info-color);font-size:13px;line-height:21px}.van-work-order-card__expanded-wrapper{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.van-work-order-card__expanded-wrapper--visible{grid-template-rows:1fr;opacity:1}.van-work-order-card__expanded-content{min-height:0;padding:0 var(--van-work-order-card-padding);overflow:hidden}.van-work-order-card:not(.van-work-order-card--actions) .van-work-order-card__expanded-content{padding-bottom:8px}.van-work-order-card__expanded-content .van-divider{margin:4px 0;border-color:var(--van-gray-4)}.van-work-order-card__overdue{position:absolute;top:0;right:0;padding:2px 8px;color:var(--van-white);font-size:10px;line-height:12px;background:var(--van-danger-color);border-radius:0 2px 0 8px}.van-work-order-card__actions{position:relative;display:flex;margin-top:8px;padding-top:1px;--van-button-default-height: 38px;--van-button-default-font-size: var(--van-font-size-md);--van-button-default-line-height: 22px;--van-button-border-radius: 0;--van-button-plain-background-color: transparent}.van-work-order-card__actions:before{position:absolute;top:0;right:var(--van-work-order-card-padding);left:var(--van-work-order-card-padding);height:.5px;background:var(--van-gray-2);content:""}.van-work-order-card__actions .van-button{flex:1}.van-work-order-card__actions .van-button+.van-button{position:relative}.van-work-order-card__actions .van-button+.van-button:after{position:absolute;top:50%;left:0;width:.5px;height:12px;background:var(--van-gray-2);transform:translateY(-50%);content:""}

package/es/work-order-card/index.d.ts

@@ -0,0 +1,107 @@
+export declare const WorkOrderCard: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<import("./types").WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<import("./types").WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-action" | "update:expanded")[], "click" | "click-action" | "update:expanded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<import("./types").WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<import("./types").WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-action"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    tags: import("./types").WorkOrderCardTag[];
+    clickable: boolean;
+    expanded: boolean | undefined;
+    actions: import("./types").WorkOrderCardAction[];
+    expandable: boolean;
+    defaultExpanded: boolean;
+    showLocation: boolean;
+    primaryInfos: import("./types").WorkOrderCardInfo[];
+    expandedInfos: import("./types").WorkOrderCardInfo[];
+    showOverdue: boolean;
+}>>;
+export default WorkOrderCard;
+export type { WorkOrderCardProps } from './WorkOrderCard';
+export type { WorkOrderCardAction, WorkOrderCardInfo, WorkOrderCardTag } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanWorkOrderCard: typeof WorkOrderCard;
+    }
+}

package/es/work-order-card/index.less

@@ -0,0 +1,34 @@
+@import './var.less';
+
+:root {
+  --van-work-order-card-padding: @work-order-card-padding;
+  --van-work-order-card-radius: @work-order-card-radius;
+  --van-work-order-card-title-font-size: @work-order-card-title-font-size;
+  --van-work-order-card-title-color: @work-order-card-title-color;
+  --van-work-order-card-info-color: @work-order-card-info-color;
+}
+
+.van-work-order-card { position: relative; overflow: hidden; background: var(--van-white); border-radius: var(--van-work-order-card-radius); }
+.van-work-order-card__header { display: flex; align-items: flex-start; padding: var(--van-work-order-card-padding) var(--van-work-order-card-padding) 0; cursor: pointer; }
+.van-work-order-card__title { flex: 1; min-width: 0; overflow: hidden; color: var(--van-work-order-card-title-color); font-size: var(--van-work-order-card-title-font-size); font-weight: var(--van-font-weight-bold); line-height: 23px; text-overflow: ellipsis; white-space: nowrap; }
+.van-work-order-card__arrow { flex: none; margin: 4px 0 0 2px; color: var(--van-gray-6); transition: transform .2s; }
+.van-work-order-card--expanded .van-work-order-card__title { overflow: visible; white-space: normal; }
+.van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title { overflow: visible; white-space: normal; }
+.van-work-order-card--expanded .van-work-order-card__arrow { color: var(--van-black); transform: rotate(180deg); }
+.van-work-order-card__tags { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px var(--van-work-order-card-padding) 0; }
+.van-work-order-card__location { display: flex; gap: 4px; align-items: center; margin: 8px 10px 0; padding: 0 6px; overflow: hidden; color: var(--van-gray-8); font-size: 13px; line-height: 21px; white-space: nowrap; background: linear-gradient(90deg, rgb(223 232 243 / 70%), rgb(223 232 243 / 0%)); border-radius: 4px; }
+.van-work-order-card__location span { overflow: hidden; text-overflow: ellipsis; }
+.van-work-order-card__infos { padding: 8px var(--van-work-order-card-padding) 0; }
+.van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos { padding-bottom: 8px; }
+.van-work-order-card__info { display: flex; gap: 4px; align-items: center; min-height: 21px; color: var(--van-work-order-card-info-color); font-size: 13px; line-height: 21px; }
+.van-work-order-card__expanded-wrapper { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .24s cubic-bezier(.2, .8, .2, 1), opacity .18s ease; }
+.van-work-order-card__expanded-wrapper--visible { grid-template-rows: 1fr; opacity: 1; }
+.van-work-order-card__expanded-content { min-height: 0; padding: 0 var(--van-work-order-card-padding); overflow: hidden; }
+.van-work-order-card:not(.van-work-order-card--actions) .van-work-order-card__expanded-content { padding-bottom: 8px; }
+.van-work-order-card__expanded-content .van-divider { margin: 4px 0; border-color: var(--van-gray-4); }
+.van-work-order-card__overdue { position: absolute; top: 0; right: 0; padding: 2px 8px; color: var(--van-white); font-size: 10px; line-height: 12px; background: var(--van-danger-color); border-radius: 0 2px 0 8px; }
+.van-work-order-card__actions { position: relative; display: flex; margin-top: 8px; padding-top: 1px; --van-button-default-height: 38px; --van-button-default-font-size: var(--van-font-size-md); --van-button-default-line-height: 22px; --van-button-border-radius: 0; --van-button-plain-background-color: transparent; }
+.van-work-order-card__actions::before { position: absolute; top: 0; right: var(--van-work-order-card-padding); left: var(--van-work-order-card-padding); height: .5px; background: var(--van-gray-2); content: ''; }
+.van-work-order-card__actions .van-button { flex: 1; }
+.van-work-order-card__actions .van-button + .van-button { position: relative; }
+.van-work-order-card__actions .van-button + .van-button::after { position: absolute; top: 50%; left: 0; width: .5px; height: 12px; background: var(--van-gray-2); transform: translateY(-50%); content: ''; }

package/es/work-order-card/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _WorkOrderCard from "./WorkOrderCard.mjs";
+const WorkOrderCard = withInstall(_WorkOrderCard);
+var stdin_default = WorkOrderCard;
+export {
+  WorkOrderCard,
+  stdin_default as default
+};

package/es/work-order-card/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/work-order-card/style/index.mjs

@@ -0,0 +1,8 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../tag/index.css";
+import "../../loading/index.css";
+import "../../button/index.css";
+import "../../divider/index.css";
+import "../index.css";

package/es/work-order-card/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/es/work-order-card/style/less.mjs

@@ -0,0 +1,8 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../tag/index.less";
+import "../../loading/index.less";
+import "../../button/index.less";
+import "../../divider/index.less";
+import "../index.less";

package/es/work-order-card/types.d.ts

@@ -0,0 +1,16 @@
+import type { Numeric } from '../utils';
+export declare type WorkOrderCardTag = {
+    text: string;
+    color?: string;
+    textColor?: string;
+};
+export declare type WorkOrderCardInfo = {
+    icon?: string;
+    text: string;
+};
+export declare type WorkOrderCardAction = {
+    text: string;
+    color?: string;
+    disabled?: boolean;
+};
+export declare type WorkOrderCardValue = Numeric;

package/es/work-order-card/var.less

@@ -0,0 +1,6 @@
+@import '../style/var.less';
+@work-order-card-padding: var(--van-padding-md);
+@work-order-card-radius: var(--van-border-radius-lg);
+@work-order-card-title-font-size: 15px;
+@work-order-card-title-color: var(--van-gray-8);
+@work-order-card-info-color: var(--van-gray-7);

package/lib/background/index.css

@@ -1 +1 @@
-:root{--van-background-min-height: 100vh;--van-background-color: var(--van-gray-1);--van-background-size: 100% auto;--van-background-position: top center}.van-background{min-height:var(--van-background-min-height);background-color:var(--van-background-color);background-position:var(--van-background-position);background-repeat:no-repeat;background-size:var(--van-background-size)}.van-background--default{--van-background-image: url(./assets/background-default.png)}.van-background--light{--van-background-image: url(./assets/background-light.png)}.van-background--style-1{--van-background-image: url(./assets/background-style-1.png)}.van-background--style-2{--van-background-image: url(./assets/background-style-2.png)}.van-background--style-3{--van-background-image: url(./assets/background-style-3.png)}.van-background,.van-background[style*=--van-background-image]{background-image:var(--van-background-image)}
+:root{--van-background-min-height: 100vh;--van-background-color: var(--van-gray-1);--van-background-size: 100% auto;--van-background-position: top center}.van-background{min-height:var(--van-background-min-height);background-color:var(--van-background-color);background-position:var(--van-background-position);background-repeat:no-repeat;background-size:var(--van-background-size)}.van-background--default{--van-background-image: url(./assets/background-default.png)}.van-background--light{--van-background-image: url(./assets/background-light.png)}.van-background--solid{--van-background-color: #e4effd;--van-background-image: none}.van-background--gray{--van-background-color: var(--van-grey-200);--van-background-image: none}.van-background--style-1{--van-background-image: url(./assets/background-style-1.png)}.van-background--style-2{--van-background-image: url(./assets/background-style-2.png)}.van-background--style-3{--van-background-image: url(./assets/background-style-3.png)}.van-background,.van-background[style*=--van-background-image]{background-image:var(--van-background-image)}

package/lib/background/index.less

@@ -22,6 +22,16 @@
     --van-background-image: url('./assets/background-light.png');
   }
 
+  &--solid {
+    --van-background-color: #e4effd;
+    --van-background-image: none;
+  }
+
+  &--gray {
+    --van-background-color: var(--van-grey-200);
+    --van-background-image: none;
+  }
+
   &--style-1 {
     --van-background-image: url('./assets/background-style-1.png');
   }

package/lib/background/types.d.ts

@@ -1 +1 @@
-export declare type BackgroundTheme = 'default' | 'light' | 'style-1' | 'style-2' | 'style-3';
+export declare type BackgroundTheme = 'default' | 'light' | 'gray' | 'solid' | 'style-1' | 'style-2' | 'style-3';