persagy-vant 0.0.37 → 0.0.39

package/lib/index.d.ts

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

package/lib/index.js

@@ -246,7 +246,7 @@ __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video-preview"), module.exports);
 __reExport(stdin_exports, require("./work-order-card"), module.exports);
 __reExport(stdin_exports, require("./work-order-filter"), module.exports);
-const version = "0.0.37";
+const version = "0.0.39";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/index.less

@@ -25,11 +25,11 @@
 @import "./video-preview/index.less";
 @import "./share-sheet/index.less";
 @import "./notify/index.less";
+@import "./toast/index.less";
+@import "./calendar/index.less";
 @import "./popover/index.less";
 @import "./friendly-tip/index.less";
 @import "./nav-bar/index.less";
-@import "./toast/index.less";
-@import "./calendar/index.less";
 @import "./action-sheet/index.less";
 @import "./form-panel/index.less";
 @import "./content-panel/index.less";

package/lib/info-card/InfoCard.d.ts

@@ -11,6 +11,7 @@ export declare type InfoCardField = {
     media?: LabelMedia[];
     visible?: boolean;
 };
+export declare type InfoCardCollapsePosition = 'bottom' | 'title';
 declare const infoCardProps: {
     title: {
         type: PropType<string>;
@@ -34,6 +35,15 @@ declare const infoCardProps: {
         type: BooleanConstructor;
         default: true;
     };
+    showCacheBadge: BooleanConstructor;
+    cacheText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapsePosition: {
+        type: PropType<InfoCardCollapsePosition>;
+        default: InfoCardCollapsePosition;
+    };
     divider: BooleanConstructor;
     expandText: {
         type: PropType<string>;
@@ -68,6 +78,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    showCacheBadge: BooleanConstructor;
+    cacheText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapsePosition: {
+        type: PropType<InfoCardCollapsePosition>;
+        default: InfoCardCollapsePosition;
+    };
     divider: BooleanConstructor;
     expandText: {
         type: PropType<string>;
@@ -100,6 +119,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    showCacheBadge: BooleanConstructor;
+    cacheText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapsePosition: {
+        type: PropType<InfoCardCollapsePosition>;
+        default: InfoCardCollapsePosition;
+    };
     divider: BooleanConstructor;
     expandText: {
         type: PropType<string>;
@@ -117,13 +145,16 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     modelValue: boolean;
+    collapsible: boolean;
     fields: InfoCardField[];
     divider: boolean;
     expandText: string;
     collapseText: string;
     showTitle: boolean;
     extraFields: InfoCardField[];
-    collapsible: boolean;
     showCollapse: boolean;
+    showCacheBadge: boolean;
+    cacheText: string;
+    collapsePosition: InfoCardCollapsePosition;
 }>;
 export default _default;

package/lib/info-card/InfoCard.js

@@ -34,6 +34,7 @@ var import_vue = require("vue");
 var import_utils = require("../utils");
 var import_collapse_toggle = __toESM(require("../collapse-toggle"));
 var import_divider = require("../divider");
+var import_icon = require("../icon");
 var import_label = require("../label");
 const [name, bem] = (0, import_utils.createNamespace)("info-card");
 const infoCardProps = {
@@ -50,6 +51,9 @@ const infoCardProps = {
   modelValue: Boolean,
   collapsible: Boolean,
   showCollapse: import_utils.truthProp,
+  showCacheBadge: Boolean,
+  cacheText: (0, import_utils.makeStringProp)(""),
+  collapsePosition: (0, import_utils.makeStringProp)("bottom"),
   divider: Boolean,
   expandText: (0, import_utils.makeStringProp)("\u67E5\u770B\u66F4\u591A"),
   collapseText: (0, import_utils.makeStringProp)("\u6536\u8D77")
@@ -66,7 +70,21 @@ var stdin_default = (0, import_vue.defineComponent)({
     const visibleExtraFields = (0, import_vue.computed)(() => props.extraFields.filter((field) => field.visible !== false));
     const hasExtra = (0, import_vue.computed)(() => visibleExtraFields.value.length > 0 || !!slots.extra);
     const showCollapse = (0, import_vue.computed)(() => props.collapsible && props.showCollapse);
+    const showTitleCollapse = (0, import_vue.computed)(() => showCollapse.value && props.collapsePosition === "title" && props.showTitle && Boolean(slots.title || props.title) && hasExtra.value);
     const showExtra = (0, import_vue.computed)(() => !showCollapse.value || props.modelValue);
+    const onTitleCollapse = (event) => {
+      const value = !props.modelValue;
+      emit("update:modelValue", value);
+      emit("change", value);
+    };
+    const onTitleCollapseKeydown = (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        const value = !props.modelValue;
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    };
     const renderField = (field, index) => (0, import_vue.createVNode)(import_label.Label, {
       "key": `${field.label}-${index}`,
       "label": field.label,
@@ -97,9 +115,33 @@ var stdin_default = (0, import_vue.defineComponent)({
       var _a, _b;
       return (0, import_vue.createVNode)("section", {
         "class": bem()
-      }, [props.showTitle && (slots.title || props.title) && (0, import_vue.createVNode)("div", {
-        "class": bem("title")
-      }, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || props.title]), visibleFields.value.map(renderField), (_b = slots.default) == null ? void 0 : _b.call(slots), hasExtra.value && showCollapse.value && (0, import_vue.createVNode)(import_collapse_toggle.default, {
+      }, [props.showCacheBadge && (0, import_vue.createVNode)("div", {
+        "class": bem("cache-badge")
+      }, [(0, import_vue.createVNode)(import_icon.Icon, {
+        "name": "success",
+        "size": "12",
+        "class": bem("cache-badge-icon")
+      }, null), (0, import_vue.createVNode)("span", null, [props.cacheText])]), props.showTitle && (slots.title || props.title) && (0, import_vue.createVNode)("div", {
+        "class": bem("title", {
+          collapsible: showTitleCollapse.value
+        }),
+        "role": showTitleCollapse.value ? "button" : void 0,
+        "tabindex": showTitleCollapse.value ? 0 : void 0,
+        "aria-expanded": showTitleCollapse.value ? props.modelValue : void 0,
+        "onClick": showTitleCollapse.value ? onTitleCollapse : void 0,
+        "onKeydown": showTitleCollapse.value ? onTitleCollapseKeydown : void 0
+      }, [(0, import_vue.createVNode)("span", {
+        "class": bem("title-content")
+      }, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || props.title]), showTitleCollapse.value && (0, import_vue.createVNode)("div", {
+        "class": bem("title-collapse"),
+        "aria-hidden": "true"
+      }, [(0, import_vue.createVNode)(import_icon.Icon, {
+        "name": "trangle-down",
+        "size": "16",
+        "class": bem("title-collapse-icon", {
+          expanded: props.modelValue
+        })
+      }, null)])]), visibleFields.value.map(renderField), (_b = slots.default) == null ? void 0 : _b.call(slots), hasExtra.value && showCollapse.value && !showTitleCollapse.value && (0, import_vue.createVNode)(import_collapse_toggle.default, {
         "modelValue": props.modelValue,
         "divider": true,
         "expandText": props.expandText,

package/lib/info-card/index.css

@@ -1 +1 @@
-:root{--van-info-card-padding: 12px var(--van-padding-md);--van-info-card-radius: var(--van-border-radius-lg);--van-info-card-gap: 4px;--van-info-card-title-color: var(--van-gray-8);--van-info-card-title-font-size: var(--van-font-size-md);--van-info-card-title-line-height: var(--van-line-height-lg);--van-info-card-divider-margin: 10px 0}.van-info-card{display:flex;flex-direction:column;gap:var(--van-info-card-gap);padding:var(--van-info-card-padding);overflow:hidden;background:var(--van-white);border-radius:var(--van-info-card-radius)}.van-info-card__title{color:var(--van-info-card-title-color);font-size:var(--van-info-card-title-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-info-card-title-line-height);overflow-wrap:anywhere}.van-info-card__extra{display:flex;flex-direction:column;gap:var(--van-info-card-gap)}.van-info-card__divider.van-divider{width:100%;margin:var(--van-info-card-divider-margin)}.van-info-card-expand-enter-active,.van-info-card-expand-leave-active{overflow:hidden;transition:max-height var(--van-animation-duration-fast) var(--van-animation-timing-function-enter),opacity var(--van-animation-duration-fast) ease}.van-info-card-expand-enter-from,.van-info-card-expand-leave-to{max-height:0;opacity:0}.van-info-card-expand-enter-to,.van-info-card-expand-leave-from{max-height:480px;opacity:1}
+:root{--van-info-card-padding: 12px var(--van-padding-md);--van-info-card-radius: var(--van-border-radius-lg);--van-info-card-gap: 4px;--van-info-card-title-color: var(--van-gray-8);--van-info-card-title-font-size: 15px;--van-info-card-title-line-height: var(--van-line-height-lg);--van-info-card-divider-margin: 10px 0}.van-info-card{position:relative;display:flex;flex-direction:column;gap:var(--van-info-card-gap);padding:var(--van-info-card-padding);overflow:hidden;background:var(--van-white);border-radius:var(--van-info-card-radius)}.van-info-card__cache-badge{position:absolute;top:0;right:0;display:flex;gap:var(--van-padding-base);align-items:center;padding:0 var(--van-padding-sm);color:var(--van-black);font-size:var(--van-font-size-xs);line-height:var(--van-line-height-sm);background:var(--van-gray-3);border-radius:0 var(--van-info-card-radius) 0 var(--van-info-card-radius);pointer-events:none}.van-info-card__cache-badge-icon{flex:none;color:var(--van-success-color)}.van-info-card__title{display:flex;align-items:flex-start;min-width:0;color:var(--van-info-card-title-color);font-size:var(--van-info-card-title-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-info-card-title-line-height);overflow-wrap:anywhere}.van-info-card__title-content{min-width:0}.van-info-card__title--collapsible{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-info-card__title--collapsible:active{opacity:var(--van-active-opacity)}.van-info-card__title-collapse{display:flex;flex:none;align-items:center;align-self:flex-start;height:var(--van-info-card-title-line-height);margin-left:var(--van-info-card-gap);color:var(--van-gray-6)}.van-info-card__title-collapse-icon{transition:transform var(--van-animation-duration-fast)}.van-info-card__title-collapse-icon--expanded{transform:rotate(180deg)}.van-info-card__extra{display:flex;flex-direction:column;gap:var(--van-info-card-gap)}.van-info-card__divider.van-divider{width:100%;margin:var(--van-info-card-divider-margin)}.van-info-card-expand-enter-active,.van-info-card-expand-leave-active{overflow:hidden;transition:max-height var(--van-animation-duration-fast) var(--van-animation-timing-function-enter),opacity var(--van-animation-duration-fast) ease}.van-info-card-expand-enter-from,.van-info-card-expand-leave-to{max-height:0;opacity:0}.van-info-card-expand-enter-to,.van-info-card-expand-leave-from{max-height:480px;opacity:1}

package/lib/info-card/index.d.ts

@@ -21,6 +21,15 @@ export declare const InfoCard: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    showCacheBadge: BooleanConstructor;
+    cacheText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapsePosition: {
+        type: import("vue").PropType<import("./InfoCard").InfoCardCollapsePosition>;
+        default: import("./InfoCard").InfoCardCollapsePosition;
+    };
     divider: BooleanConstructor;
     expandText: {
         type: import("vue").PropType<string>;
@@ -53,6 +62,15 @@ export declare const InfoCard: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    showCacheBadge: BooleanConstructor;
+    cacheText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapsePosition: {
+        type: import("vue").PropType<import("./InfoCard").InfoCardCollapsePosition>;
+        default: import("./InfoCard").InfoCardCollapsePosition;
+    };
     divider: BooleanConstructor;
     expandText: {
         type: import("vue").PropType<string>;
@@ -70,17 +88,20 @@ export declare const InfoCard: import("../utils").WithInstall<import("vue").Defi
 }, {
     title: string;
     modelValue: boolean;
+    collapsible: boolean;
     fields: import("./InfoCard").InfoCardField[];
     divider: boolean;
     expandText: string;
     collapseText: string;
     showTitle: boolean;
     extraFields: import("./InfoCard").InfoCardField[];
-    collapsible: boolean;
     showCollapse: boolean;
+    showCacheBadge: boolean;
+    cacheText: string;
+    collapsePosition: import("./InfoCard").InfoCardCollapsePosition;
 }>>;
 export default InfoCard;
-export type { InfoCardField, InfoCardProps } from './InfoCard';
+export type { InfoCardCollapsePosition, InfoCardField, InfoCardProps } from './InfoCard';
 declare module 'vue' {
     interface GlobalComponents {
         VanInfoCard: typeof InfoCard;

package/lib/info-card/index.less

@@ -11,6 +11,7 @@
 }
 
 .van-info-card {
+  position: relative;
   display: flex;
   flex-direction: column;
   gap: var(--van-info-card-gap);
@@ -19,7 +20,31 @@
   background: var(--van-white);
   border-radius: var(--van-info-card-radius);
 
+  &__cache-badge {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    gap: var(--van-padding-base);
+    align-items: center;
+    padding: 0 var(--van-padding-sm);
+    color: var(--van-black);
+    font-size: var(--van-font-size-xs);
+    line-height: var(--van-line-height-sm);
+    background: var(--van-gray-3);
+    border-radius: 0 var(--van-info-card-radius) 0 var(--van-info-card-radius);
+    pointer-events: none;
+  }
+
+  &__cache-badge-icon {
+    flex: none;
+    color: var(--van-success-color);
+  }
+
   &__title {
+    display: flex;
+    align-items: flex-start;
+    min-width: 0;
     color: var(--van-info-card-title-color);
     font-size: var(--van-info-card-title-font-size);
     font-weight: var(--van-font-weight-bold);
@@ -27,6 +52,38 @@
     overflow-wrap: anywhere;
   }
 
+  &__title-content {
+    min-width: 0;
+  }
+
+  &__title--collapsible {
+    cursor: pointer;
+    user-select: none;
+    transition: opacity var(--van-animation-duration-fast);
+
+    &:active {
+      opacity: var(--van-active-opacity);
+    }
+  }
+
+  &__title-collapse {
+    display: flex;
+    flex: none;
+    align-items: center;
+    align-self: flex-start;
+    height: var(--van-info-card-title-line-height);
+    margin-left: var(--van-info-card-gap);
+    color: var(--van-gray-6);
+  }
+
+  &__title-collapse-icon {
+    transition: transform var(--van-animation-duration-fast);
+
+    &--expanded {
+      transform: rotate(180deg);
+    }
+  }
+
   &__extra {
     display: flex;
     flex-direction: column;

package/lib/info-card/var.less

@@ -2,6 +2,6 @@
 @info-card-radius: var(--van-border-radius-lg);
 @info-card-gap: 4px;
 @info-card-title-color: var(--van-gray-8);
-@info-card-title-font-size: var(--van-font-size-md);
+@info-card-title-font-size: 15px;
 @info-card-title-line-height: var(--van-line-height-lg);
 @info-card-divider-margin: 10px 0;

package/lib/label/Label.d.ts

@@ -47,6 +47,12 @@ declare const labelProps: {
         type: PropType<LabelContentAlign>;
         default: LabelContentAlign;
     };
+    leftIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    showLeftIcon: BooleanConstructor;
+    sameColor: BooleanConstructor;
     vertical: BooleanConstructor;
     ellipsis: BooleanConstructor;
     href: StringConstructor;
@@ -94,6 +100,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<LabelContentAlign>;
         default: LabelContentAlign;
     };
+    leftIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    showLeftIcon: BooleanConstructor;
+    sameColor: BooleanConstructor;
     vertical: BooleanConstructor;
     ellipsis: BooleanConstructor;
     href: StringConstructor;
@@ -139,6 +151,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<LabelContentAlign>;
         default: LabelContentAlign;
     };
+    leftIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    showLeftIcon: BooleanConstructor;
+    sameColor: BooleanConstructor;
     vertical: BooleanConstructor;
     ellipsis: BooleanConstructor;
     href: StringConstructor;
@@ -163,10 +181,13 @@ declare const _default: import("vue").DefineComponent<{
     tags: string[];
     media: LabelMedia[];
     vertical: boolean;
+    leftIcon: string;
     ellipsis: boolean;
     showLabel: boolean;
     showContent: boolean;
     showColon: boolean | undefined;
     contentAlign: LabelContentAlign;
+    showLeftIcon: boolean;
+    sameColor: boolean;
 }>;
 export default _default;

package/lib/label/Label.js

@@ -38,6 +38,9 @@ const labelProps = {
   type: (0, import_utils.makeStringProp)("default"),
   size: (0, import_utils.makeStringProp)("default"),
   contentAlign: (0, import_utils.makeStringProp)("follow"),
+  leftIcon: (0, import_utils.makeStringProp)("underway-o"),
+  showLeftIcon: Boolean,
+  sameColor: Boolean,
   vertical: Boolean,
   ellipsis: Boolean,
   href: String,
@@ -71,6 +74,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       return `${props.label}\uFF1A`;
     });
     const showLocation = (0, import_vue.computed)(() => props.vertical && (props.type === "bold" || props.type === "link") && !!props.location);
+    const showLeftIcon = (0, import_vue.computed)(() => props.showLeftIcon && !vertical.value && props.contentAlign === "follow");
     const clearLongPress = () => {
       if (longPressTimer !== void 0) {
         clearTimeout(longPressTimer);
@@ -144,9 +148,15 @@ var stdin_default = (0, import_vue.defineComponent)({
         vertical: vertical.value,
         ellipsis: ellipsis.value,
         location: showLocation.value,
-        "content-right": props.contentAlign === "right"
+        "content-right": props.contentAlign === "right",
+        "same-color": props.sameColor
       }])
-    }, [props.showLabel && (0, import_vue.createVNode)("span", {
+    }, [showLeftIcon.value && (0, import_vue.createVNode)("div", {
+      "class": bem("left-icon")
+    }, [(0, import_vue.createVNode)(import_icon.Icon, {
+      "name": props.leftIcon,
+      "size": "12"
+    }, null)]), props.showLabel && (0, import_vue.createVNode)("span", {
       "class": bem("label"),
       "onPointerdown": () => startLongPress("label", displayLabel.value),
       "onPointerup": clearLongPress,

package/lib/label/index.css

@@ -1 +1 @@
-:root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-gap: 2px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px;--van-label-ellipsis-label-max-width: 120px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label--content-right .van-label__value{text-align:right}.van-label--mini{--van-label-font-size: var(--van-label-mini-font-size);--van-label-line-height: var(--van-label-mini-line-height);--van-label-media-size: var(--van-label-mini-media-size)}.van-label--ellipsis .van-label__label{flex:0 1 var(--van-label-ellipsis-label-max-width);max-width:var(--van-label-ellipsis-label-max-width);overflow:hidden;text-overflow:ellipsis}.van-label--ellipsis .van-label__value{overflow:hidden}.van-label--ellipsis .van-label__text,.van-label--ellipsis .van-label__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__media-item .van-image{display:block;width:100%;height:100%}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}
+:root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-same-color: var(--van-gray-7);--van-label-gap: 2px;--van-label-left-icon-gap: 4px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px;--van-label-ellipsis-label-max-width: 120px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label--content-right .van-label__value{text-align:right}.van-label--mini{--van-label-font-size: var(--van-label-mini-font-size);--van-label-line-height: var(--van-label-mini-line-height);--van-label-media-size: var(--van-label-mini-media-size)}.van-label--ellipsis .van-label__label{flex:0 1 var(--van-label-ellipsis-label-max-width);max-width:var(--van-label-ellipsis-label-max-width);overflow:hidden;text-overflow:ellipsis}.van-label--ellipsis .van-label__value{overflow:hidden}.van-label--ellipsis .van-label__text,.van-label--ellipsis .van-label__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__left-icon{display:flex;flex:none;align-items:center;justify-content:center;width:12px;height:var(--van-label-line-height);margin-right:calc(var(--van-label-left-icon-gap) - var(--van-label-gap));color:var(--van-label-label-color)}.van-label__left-icon .van-icon{width:12px;height:12px;font-size:12px;line-height:12px}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label--same-color .van-label__left-icon,.van-label--same-color .van-label__label,.van-label--same-color .van-label__value,.van-label--same-color .van-label__link{color:var(--van-label-same-color)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__media-item .van-image{display:block;width:100%;height:100%}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}

package/lib/label/index.d.ts

@@ -31,6 +31,12 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Label").LabelContentAlign>;
         default: import("./Label").LabelContentAlign;
     };
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showLeftIcon: BooleanConstructor;
+    sameColor: BooleanConstructor;
     vertical: BooleanConstructor;
     ellipsis: BooleanConstructor;
     href: StringConstructor;
@@ -76,6 +82,12 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Label").LabelContentAlign>;
         default: import("./Label").LabelContentAlign;
     };
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showLeftIcon: BooleanConstructor;
+    sameColor: BooleanConstructor;
     vertical: BooleanConstructor;
     ellipsis: BooleanConstructor;
     href: StringConstructor;
@@ -100,11 +112,14 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
     tags: string[];
     media: import("./Label").LabelMedia[];
     vertical: boolean;
+    leftIcon: string;
     ellipsis: boolean;
     showLabel: boolean;
     showContent: boolean;
     showColon: boolean | undefined;
     contentAlign: import("./Label").LabelContentAlign;
+    showLeftIcon: boolean;
+    sameColor: boolean;
 }>>;
 export default Label;
 export type { LabelLongPressEvent, LabelLongPressTarget, LabelMedia, LabelMediaType, LabelProps, LabelType, } from './Label';

package/lib/label/index.less

@@ -9,7 +9,9 @@
   --van-label-value-color: @label-value-color;
   --van-label-bold-color: @label-bold-color;
   --van-label-link-color: @label-link-color;
+  --van-label-same-color: @label-same-color;
   --van-label-gap: @label-gap;
+  --van-label-left-icon-gap: @label-left-icon-gap;
   --van-label-tags-gap: @label-tags-gap;
   --van-label-media-gap: @label-media-gap;
   --van-label-media-size: @label-media-size;
@@ -72,6 +74,26 @@
     white-space: nowrap;
   }
 
+  &__left-icon {
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    width: 12px;
+    height: var(--van-label-line-height);
+    // The parent uses `gap` for label/content. Add only the remaining space
+    // here so the icon-to-label distance stays exactly 4px.
+    margin-right: calc(var(--van-label-left-icon-gap) - var(--van-label-gap));
+    color: var(--van-label-label-color);
+
+    .van-icon {
+      width: 12px;
+      height: 12px;
+      font-size: 12px;
+      line-height: 12px;
+    }
+  }
+
   &__value {
     flex: 1;
     min-width: 0;
@@ -118,6 +140,15 @@
     font-weight: var(--van-font-weight-bold);
   }
 
+  &--same-color {
+    .van-label__left-icon,
+    .van-label__label,
+    .van-label__value,
+    .van-label__link {
+      color: var(--van-label-same-color);
+    }
+  }
+
   &__link {
     display: inline;
     padding: 0;

package/lib/label/var.less

@@ -6,7 +6,9 @@
 @label-value-color: var(--van-black);
 @label-bold-color: var(--van-gray-8);
 @label-link-color: var(--van-primary-color);
+@label-same-color: var(--van-gray-7);
 @label-gap: 2px;
+@label-left-icon-gap: 4px;
 @label-tags-gap: 4px;
 @label-media-gap: 6px;
 @label-media-size: 64px;

package/lib/list/style/index.js

@@ -1,3 +1,5 @@
 require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
 require("../../loading/index.css");
 require("../index.css");

package/lib/list/style/less.js

@@ -1,3 +1,5 @@
 require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
 require("../../loading/index.less");
 require("../index.less");

package/lib/loading/Loading.js

@@ -22,6 +22,7 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_utils = require("../utils");
+var import_icon = require("../icon");
 const [name, bem] = (0, import_utils.createNamespace)("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => (0, import_vue.createVNode)("i", {
   "class": bem("line", String(index + 1))
@@ -35,31 +36,6 @@ const CircularIcon = (0, import_vue.createVNode)("svg", {
   "r": "20",
   "fill": "none"
 }, null)]);
-const IllustrationIcon = (0, import_vue.createVNode)("svg", {
-  "class": bem("illustration"),
-  "viewBox": "0 0 100 100",
-  "fill": "none",
-  "aria-hidden": "true"
-}, [(0, import_vue.createVNode)("rect", {
-  "x": "18",
-  "y": "36",
-  "width": "64",
-  "height": "48",
-  "rx": "6",
-  "fill": "currentColor",
-  "opacity": "0.14"
-}, null), (0, import_vue.createVNode)("path", {
-  "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
-  "stroke": "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null), (0, import_vue.createVNode)("path", {
-  "d": "M50 18v12m-16-4 8 8m24-8-8 8",
-  "stroke": "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "round"
-}, null)]);
 const loadingProps = {
   size: import_utils.numericProp,
   type: (0, import_utils.makeStringProp)("circular"),
@@ -94,6 +70,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       }
     };
     return () => {
+      var _a;
       const {
         type,
         vertical
@@ -108,7 +85,12 @@ var stdin_default = (0, import_vue.defineComponent)({
       }, [(0, import_vue.createVNode)("span", {
         "class": bem("spinner", type),
         "style": spinnerStyle.value
-      }, [isIllustration ? IllustrationIcon : type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
+      }, [isIllustration ? (0, import_vue.createVNode)(import_icon.Icon, {
+        "class": bem("illustration"),
+        "name": "loading-building",
+        "size": (_a = props.size) != null ? _a : 100,
+        "aria-hidden": "true"
+      }, null) : type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
     };
   }
 });

package/lib/loading/style/index.js

@@ -1,2 +1,4 @@
 require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
 require("../index.css");

package/lib/loading/style/less.js

@@ -1,2 +1,4 @@
 require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
 require("../index.less");

package/lib/location-select/index.css

@@ -1 +1 @@
-.van-location-select{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-location-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.van-location-select__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-location-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-location-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-location-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-location-select__search .van-search__field{padding-left:0}.van-location-select__tabs{flex:none;padding-left:8px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-line-height: 44px;--van-tabs-nav-background-color: transparent}.van-location-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-location-select__card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-location-select__root-option{margin-bottom:8px;background:var(--van-white);border-radius:8px}
+.van-location-select{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-location-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-location-select__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-location-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-location-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-location-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-location-select__search .van-search__field{padding-left:0}.van-location-select__tabs{flex:none;padding-left:8px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-line-height: 44px;--van-tabs-nav-background-color: transparent}.van-location-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-location-select__card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-location-select__root-option{margin-bottom:8px;background:var(--van-white);border-radius:8px}

package/lib/location-select/index.less

@@ -5,7 +5,7 @@
   overflow: hidden;
   background: var(--van-gray-2);
 
-  > .van-action-sheet__content { display: flex; flex: 1; flex-direction: column; min-height: 0; overflow: hidden; }
+  > .van-action-sheet__content { display: flex; flex: 1; flex-direction: column; min-height: 0; gap: 0; padding: 0; overflow: hidden; }
   &__nav { flex: none; --van-nav-bar-background-color: var(--van-gray-2); .van-nav-bar__left--slot { left: var(--van-padding-md); } .van-nav-bar__right--slot { display: flex; gap: 12px; padding-right: var(--van-padding-md); } }
   &__search { flex: none; padding: 8px var(--van-padding-md); --van-search-padding: 0; --van-search-background-color: var(--van-gray-2); --van-search-content-background-color: var(--van-white); .van-search__field { padding-left: 0; } }
   &__tabs { flex: none; padding-left: 8px; --van-tab-font-size: var(--van-font-size-md); --van-tabs-line-height: 44px; --van-tabs-nav-background-color: transparent; }