persagy-vant 0.0.30 → 0.0.32

package/lib/index.d.ts

@@ -26,6 +26,7 @@ export * from "./config-provider";
 export * from "./contact-card";
 export * from "./contact-edit";
 export * from "./contact-list";
+export * from "./content-panel";
 export * from "./count-down";
 export * from "./coupon";
 export * from "./coupon-cell";
@@ -56,7 +57,10 @@ export * from "./list";
 export * from "./loading";
 export * from "./locale";
 export * from "./location-select";
+export * from "./material-action-bar";
 export * from "./material-add";
+export * from "./material-detail";
+export * from "./material-display-bar";
 export * from "./multi-person-select";
 export * from "./nav-bar";
 export * from "./notice-bar";
@@ -99,6 +103,7 @@ export * from "./tabbar";
 export * from "./tabbar-item";
 export * from "./tabs";
 export * from "./tag";
+export * from "./title-bar";
 export * from "./toast";
 export * from "./tree-select";
 export * from "./uploader";
@@ -111,4 +116,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.30";
+export const version: "0.0.32";

package/lib/index.js

@@ -51,6 +51,7 @@ var import_config_provider = require("./config-provider");
 var import_contact_card = require("./contact-card");
 var import_contact_edit = require("./contact-edit");
 var import_contact_list = require("./contact-list");
+var import_content_panel = require("./content-panel");
 var import_count_down = require("./count-down");
 var import_coupon = require("./coupon");
 var import_coupon_cell = require("./coupon-cell");
@@ -80,7 +81,10 @@ var import_list = require("./list");
 var import_loading = require("./loading");
 var import_locale = require("./locale");
 var import_location_select = require("./location-select");
+var import_material_action_bar = require("./material-action-bar");
 var import_material_add = require("./material-add");
+var import_material_detail = require("./material-detail");
+var import_material_display_bar = require("./material-display-bar");
 var import_multi_person_select = require("./multi-person-select");
 var import_nav_bar = require("./nav-bar");
 var import_notice_bar = require("./notice-bar");
@@ -123,6 +127,7 @@ var import_tabbar = require("./tabbar");
 var import_tabbar_item = require("./tabbar-item");
 var import_tabs = require("./tabs");
 var import_tag = require("./tag");
+var import_title_bar = require("./title-bar");
 var import_toast = require("./toast");
 var import_tree_select = require("./tree-select");
 var import_uploader = require("./uploader");
@@ -157,6 +162,7 @@ __reExport(stdin_exports, require("./config-provider"), module.exports);
 __reExport(stdin_exports, require("./contact-card"), module.exports);
 __reExport(stdin_exports, require("./contact-edit"), module.exports);
 __reExport(stdin_exports, require("./contact-list"), module.exports);
+__reExport(stdin_exports, require("./content-panel"), module.exports);
 __reExport(stdin_exports, require("./count-down"), module.exports);
 __reExport(stdin_exports, require("./coupon"), module.exports);
 __reExport(stdin_exports, require("./coupon-cell"), module.exports);
@@ -187,7 +193,10 @@ __reExport(stdin_exports, require("./list"), module.exports);
 __reExport(stdin_exports, require("./loading"), module.exports);
 __reExport(stdin_exports, require("./locale"), module.exports);
 __reExport(stdin_exports, require("./location-select"), module.exports);
+__reExport(stdin_exports, require("./material-action-bar"), module.exports);
 __reExport(stdin_exports, require("./material-add"), module.exports);
+__reExport(stdin_exports, require("./material-detail"), module.exports);
+__reExport(stdin_exports, require("./material-display-bar"), module.exports);
 __reExport(stdin_exports, require("./multi-person-select"), module.exports);
 __reExport(stdin_exports, require("./nav-bar"), module.exports);
 __reExport(stdin_exports, require("./notice-bar"), module.exports);
@@ -230,13 +239,14 @@ __reExport(stdin_exports, require("./tabbar"), module.exports);
 __reExport(stdin_exports, require("./tabbar-item"), module.exports);
 __reExport(stdin_exports, require("./tabs"), module.exports);
 __reExport(stdin_exports, require("./tag"), module.exports);
+__reExport(stdin_exports, require("./title-bar"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __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.30";
+const version = "0.0.32";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,
@@ -267,6 +277,7 @@ function install(app) {
     import_contact_card.ContactCard,
     import_contact_edit.ContactEdit,
     import_contact_list.ContactList,
+    import_content_panel.ContentPanel,
     import_count_down.CountDown,
     import_coupon.Coupon,
     import_coupon_cell.CouponCell,
@@ -296,7 +307,10 @@ function install(app) {
     import_loading.Loading,
     import_locale.Locale,
     import_location_select.LocationSelect,
+    import_material_action_bar.MaterialActionBar,
     import_material_add.MaterialAdd,
+    import_material_detail.MaterialDetail,
+    import_material_display_bar.MaterialDisplayBar,
     import_multi_person_select.MultiPersonSelect,
     import_nav_bar.NavBar,
     import_notice_bar.NoticeBar,
@@ -339,6 +353,7 @@ function install(app) {
     import_tabbar_item.TabbarItem,
     import_tabs.Tabs,
     import_tag.Tag,
+    import_title_bar.TitleBar,
     import_toast.Toast,
     import_tree_select.TreeSelect,
     import_uploader.Uploader,

package/lib/index.less

@@ -2,6 +2,7 @@
 @import "./action-bar/index.less";
 @import "./badge/index.less";
 @import "./icon/index.less";
+@import "./title-bar/index.less";
 @import "./notice-bar/index.less";
 @import "./image/index.less";
 @import "./filter-tag/index.less";
@@ -31,6 +32,7 @@
 @import "./calendar/index.less";
 @import "./action-sheet/index.less";
 @import "./form-panel/index.less";
+@import "./content-panel/index.less";
 @import "./checkbox-group/index.less";
 @import "./checkbox/index.less";
 @import "./coupon/index.less";
@@ -63,6 +65,7 @@
 @import "./sticky/index.less";
 @import "./swipe/index.less";
 @import "./swipe-item/index.less";
+@import "./material-detail/index.less";
 @import "./image-preview/index.less";
 @import "./uploader/index.less";
 @import "./tabs/index.less";
@@ -88,7 +91,10 @@
 @import "./index-bar/index.less";
 @import "./index-anchor/index.less";
 @import "./stepper/index.less";
+@import "./material-action-bar/index.less";
 @import "./material-add/index.less";
+@import "./swipe-cell/index.less";
+@import "./material-display-bar/index.less";
 @import "./pagination/index.less";
 @import "./password-input/index.less";
 @import "./progress/index.less";
@@ -97,6 +103,5 @@
 @import "./space/index.less";
 @import "./steps/index.less";
 @import "./step/index.less";
-@import "./swipe-cell/index.less";
 @import "./tabbar/index.less";
 @import "./tabbar-item/index.less";

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

@@ -2,6 +2,7 @@ import { type ExtractPropTypes, type PropType } from 'vue';
 import { type LabelMedia, type LabelType } from '../label';
 export declare type InfoCardField = {
     label: string;
+    showColon?: boolean;
     content?: string;
     type?: LabelType;
     vertical?: boolean;

package/lib/info-card/InfoCard.js

@@ -70,6 +70,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const renderField = (field, index) => (0, import_vue.createVNode)(import_label.Label, {
       "key": `${field.label}-${index}`,
       "label": field.label,
+      "showColon": field.showColon,
       "content": field.content,
       "type": field.type,
       "vertical": field.vertical,

package/lib/label/Label.d.ts

@@ -1,5 +1,7 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 export declare type LabelType = 'default' | 'bold' | 'link' | 'tag' | 'media';
+export declare type LabelSize = 'default' | 'mini';
+export declare type LabelContentAlign = 'follow' | 'right';
 export declare type LabelMediaType = 'image' | 'video';
 export declare type LabelMedia = {
     url: string;
@@ -12,6 +14,18 @@ declare const labelProps: {
         type: PropType<string>;
         default: string;
     };
+    showLabel: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showContent: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showColon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     content: {
         type: PropType<string>;
         default: string;
@@ -20,6 +34,14 @@ declare const labelProps: {
         type: PropType<LabelType>;
         default: LabelType;
     };
+    size: {
+        type: PropType<LabelSize>;
+        default: LabelSize;
+    };
+    contentAlign: {
+        type: PropType<LabelContentAlign>;
+        default: LabelContentAlign;
+    };
     vertical: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
@@ -38,6 +60,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    showLabel: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showContent: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showColon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     content: {
         type: PropType<string>;
         default: string;
@@ -46,6 +80,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<LabelType>;
         default: LabelType;
     };
+    size: {
+        type: PropType<LabelSize>;
+        default: LabelSize;
+    };
+    contentAlign: {
+        type: PropType<LabelContentAlign>;
+        default: LabelContentAlign;
+    };
     vertical: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
@@ -62,6 +104,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    showLabel: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showContent: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showColon: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     content: {
         type: PropType<string>;
         default: string;
@@ -70,6 +124,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<LabelType>;
         default: LabelType;
     };
+    size: {
+        type: PropType<LabelSize>;
+        default: LabelSize;
+    };
+    contentAlign: {
+        type: PropType<LabelContentAlign>;
+        default: LabelContentAlign;
+    };
     vertical: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
@@ -88,8 +150,13 @@ declare const _default: import("vue").DefineComponent<{
     type: LabelType;
     label: string;
     content: string;
+    size: LabelSize;
     tags: string[];
     media: LabelMedia[];
     vertical: boolean;
+    showLabel: boolean;
+    showContent: boolean;
+    showColon: boolean | undefined;
+    contentAlign: LabelContentAlign;
 }>;
 export default _default;

package/lib/label/Label.js

@@ -28,8 +28,16 @@ var import_tag = require("../tag");
 const [name, bem] = (0, import_utils.createNamespace)("label");
 const labelProps = {
   label: (0, import_utils.makeStringProp)(""),
+  showLabel: import_utils.truthProp,
+  showContent: import_utils.truthProp,
+  showColon: {
+    type: Boolean,
+    default: void 0
+  },
   content: (0, import_utils.makeStringProp)(""),
   type: (0, import_utils.makeStringProp)("default"),
+  size: (0, import_utils.makeStringProp)("default"),
+  contentAlign: (0, import_utils.makeStringProp)("follow"),
   vertical: Boolean,
   href: String,
   location: String,
@@ -51,6 +59,14 @@ var stdin_default = (0, import_vue.defineComponent)({
     emit
   }) {
     const vertical = (0, import_vue.computed)(() => props.vertical || props.type === "media");
+    const displayLabel = (0, import_vue.computed)(() => {
+      var _a;
+      const showColon = (_a = props.showColon) != null ? _a : !vertical.value && props.contentAlign !== "right";
+      if (!showColon || !props.label || /[:：]$/.test(props.label)) {
+        return props.label;
+      }
+      return `${props.label}\uFF1A`;
+    });
     const showLocation = (0, import_vue.computed)(() => props.vertical && (props.type === "bold" || props.type === "link") && !!props.location);
     const renderText = () => {
       var _a;
@@ -88,9 +104,6 @@ var stdin_default = (0, import_vue.defineComponent)({
     }, [(0, import_vue.createVNode)(import_image.Image, {
       "src": item.type === "video" ? item.poster || item.url : item.url,
       "alt": item.alt,
-      "width": "64",
-      "height": "64",
-      "radius": "4",
       "fit": "cover"
     }, null), item.type === "video" && (0, import_vue.createVNode)(import_icon.Icon, {
       "name": "play-circle-o",
@@ -105,12 +118,14 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     return () => (0, import_vue.createVNode)("div", {
       "class": bem([props.type, {
+        mini: props.size === "mini",
         vertical: vertical.value,
-        location: showLocation.value
+        location: showLocation.value,
+        "content-right": props.contentAlign === "right"
       }])
-    }, [(0, import_vue.createVNode)("span", {
+    }, [props.showLabel && (0, import_vue.createVNode)("span", {
       "class": bem("label")
-    }, [props.label]), (0, import_vue.createVNode)("div", {
+    }, [displayLabel.value]), props.showContent && (0, import_vue.createVNode)("div", {
       "class": bem("value")
     }, [renderContent(), showLocation.value && (0, import_vue.createVNode)("div", {
       "class": bem("location")

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-label-color: var(--van-gray-7);--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-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{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__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__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-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{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__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)}

package/lib/label/index.d.ts

@@ -3,6 +3,18 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<string>;
         default: string;
     };
+    showLabel: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showContent: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showColon: {
+        type: import("vue").PropType<boolean | undefined>;
+        default: undefined;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -11,6 +23,14 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Label").LabelType>;
         default: import("./Label").LabelType;
     };
+    size: {
+        type: import("vue").PropType<import("./Label").LabelSize>;
+        default: import("./Label").LabelSize;
+    };
+    contentAlign: {
+        type: import("vue").PropType<import("./Label").LabelContentAlign>;
+        default: import("./Label").LabelContentAlign;
+    };
     vertical: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
@@ -27,6 +47,18 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<string>;
         default: string;
     };
+    showLabel: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showContent: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showColon: {
+        type: import("vue").PropType<boolean | undefined>;
+        default: undefined;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -35,6 +67,14 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Label").LabelType>;
         default: import("./Label").LabelType;
     };
+    size: {
+        type: import("vue").PropType<import("./Label").LabelSize>;
+        default: import("./Label").LabelSize;
+    };
+    contentAlign: {
+        type: import("vue").PropType<import("./Label").LabelContentAlign>;
+        default: import("./Label").LabelContentAlign;
+    };
     vertical: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
@@ -53,9 +93,14 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
     type: import("./Label").LabelType;
     label: string;
     content: string;
+    size: import("./Label").LabelSize;
     tags: string[];
     media: import("./Label").LabelMedia[];
     vertical: boolean;
+    showLabel: boolean;
+    showContent: boolean;
+    showColon: boolean | undefined;
+    contentAlign: import("./Label").LabelContentAlign;
 }>>;
 export default Label;
 export type { LabelMedia, LabelMediaType, LabelProps, LabelType } from './Label';

package/lib/label/index.less

@@ -3,6 +3,8 @@
 :root {
   --van-label-font-size: @label-font-size;
   --van-label-line-height: @label-line-height;
+  --van-label-mini-font-size: @label-mini-font-size;
+  --van-label-mini-line-height: @label-mini-line-height;
   --van-label-label-color: @label-label-color;
   --van-label-value-color: @label-value-color;
   --van-label-bold-color: @label-bold-color;
@@ -11,6 +13,7 @@
   --van-label-tags-gap: @label-tags-gap;
   --van-label-media-gap: @label-media-gap;
   --van-label-media-size: @label-media-size;
+  --van-label-mini-media-size: @label-mini-media-size;
   --van-label-media-radius: @label-media-radius;
   --van-label-location-color: @label-location-color;
   --van-label-location-font-size: @label-location-font-size;
@@ -31,6 +34,16 @@
     flex-direction: column;
   }
 
+  &--content-right .van-label__value {
+    text-align: right;
+  }
+
+  &--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);
+  }
+
   &__label {
     flex: none;
     color: var(--van-label-label-color);
@@ -136,6 +149,12 @@
     }
   }
 
+  &__media-item .van-image {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
   &__play {
     position: absolute;
     top: 50%;

package/lib/label/var.less

@@ -1,6 +1,8 @@
 @label-font-size: var(--van-font-size-md);
 @label-line-height: var(--van-line-height-lg);
-@label-label-color: var(--van-gray-7);
+@label-mini-font-size: var(--van-font-size-sm);
+@label-mini-line-height: var(--van-line-height-md);
+@label-label-color: var(--van-gray-6);
 @label-value-color: var(--van-black);
 @label-bold-color: var(--van-gray-8);
 @label-link-color: var(--van-primary-color);
@@ -8,6 +10,7 @@
 @label-tags-gap: 4px;
 @label-media-gap: 6px;
 @label-media-size: 64px;
+@label-mini-media-size: 48px;
 @label-media-radius: 4px;
 @label-location-color: var(--van-gray-7);
 @label-location-font-size: var(--van-font-size-sm);

package/lib/loading/Loading.js

@@ -38,33 +38,30 @@ const CircularIcon = (0, import_vue.createVNode)("svg", {
 const IllustrationIcon = (0, import_vue.createVNode)("svg", {
   "class": bem("illustration"),
   "viewBox": "0 0 120 120",
-  "fill": "none",
-  "aria-hidden": "true"
+  "role": "img",
+  "aria-label": "Loading"
 }, [(0, import_vue.createVNode)("rect", {
-  "x": "18",
-  "y": "24",
-  "width": "84",
-  "height": "78",
-  "rx": "12",
+  "x": "16",
+  "y": "42",
+  "width": "88",
+  "height": "62",
+  "rx": "8",
   "fill": "currentColor",
-  "opacity": "0.16"
+  "opacity": "0.12"
 }, null), (0, import_vue.createVNode)("path", {
-  "d": "M35 98V48c0-5.5 4.5-10 10-10h30c5.5 0 10 4.5 10 10v50",
+  "d": "M28 42h64v62H28z",
   "fill": "currentColor",
-  "opacity": "0.72"
-}, null), (0, import_vue.createVNode)("path", {
-  "d": "M48 54h8v11h-8zm16 0h8v11h-8zm-16 22h8v11h-8zm16 0h8v11h-8z",
-  "fill": "white"
+  "opacity": "0.24"
 }, null), (0, import_vue.createVNode)("path", {
-  "d": "M56 98V78h8v20",
-  "fill": "white",
-  "opacity": "0.92"
-}, null), (0, import_vue.createVNode)("circle", {
-  "cx": "94",
-  "cy": "31",
-  "r": "9",
+  "d": "M38 54h12v12H38zm18 0h12v12H56zm18 0h12v12H74zM38 74h12v18H38zm18 0h12v18H56zm18 0h12v18H74z",
   "fill": "currentColor",
-  "opacity": "0.9"
+  "opacity": "0.78"
+}, null), (0, import_vue.createVNode)("path", {
+  "d": "M48 42V27c0-7 5-12 12-12s12 5 12 12v15",
+  "fill": "none",
+  "stroke": "currentColor",
+  "stroke-width": "8",
+  "stroke-linecap": "round"
 }, null)]);
 const loadingProps = {
   size: import_utils.numericProp,

package/lib/material-action-bar/MaterialActionBar.d.ts

@@ -0,0 +1,66 @@
+import { type PropType } from 'vue';
+import { type Numeric } from '../utils';
+export declare type MaterialActionBarItem = {
+    id: Numeric;
+    name: string;
+    detail: string;
+    unit: string;
+    kind?: 'material' | 'tool';
+};
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: PropType<MaterialActionBarItem>;
+        required: true;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    keyword: {
+        type: StringConstructor;
+        default: string;
+    };
+    selected: BooleanConstructor;
+    enableInputDialog: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showWarning: BooleanConstructor;
+    warning: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "detail")[], "update:modelValue" | "detail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<MaterialActionBarItem>;
+        required: true;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    keyword: {
+        type: StringConstructor;
+        default: string;
+    };
+    selected: BooleanConstructor;
+    enableInputDialog: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showWarning: BooleanConstructor;
+    warning: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onDetail?: ((...args: any[]) => any) | undefined;
+}, {
+    selected: boolean;
+    warning: string;
+    keyword: string;
+    enableInputDialog: boolean;
+    showWarning: boolean;
+}>;
+export default _default;