persagy-vant 0.0.30 → 0.0.31

package/es/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/es/label/Label.mjs

@@ -1,13 +1,21 @@
 import { computed, defineComponent, createVNode as _createVNode } from "vue";
-import { createNamespace, makeStringProp } from "../utils/index.mjs";
+import { createNamespace, makeStringProp, truthProp } from "../utils/index.mjs";
 import { Image } from "../image/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Tag } from "../tag/index.mjs";
 const [name, bem] = createNamespace("label");
 const labelProps = {
   label: makeStringProp(""),
+  showLabel: truthProp,
+  showContent: truthProp,
+  showColon: {
+    type: Boolean,
+    default: void 0
+  },
   content: makeStringProp(""),
   type: makeStringProp("default"),
+  size: makeStringProp("default"),
+  contentAlign: makeStringProp("follow"),
   vertical: Boolean,
   href: String,
   location: String,
@@ -29,6 +37,14 @@ var stdin_default = defineComponent({
     emit
   }) {
     const vertical = computed(() => props.vertical || props.type === "media");
+    const displayLabel = 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 = computed(() => props.vertical && (props.type === "bold" || props.type === "link") && !!props.location);
     const renderText = () => {
       var _a;
@@ -66,9 +82,6 @@ var stdin_default = defineComponent({
     }, [_createVNode(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" && _createVNode(Icon, {
       "name": "play-circle-o",
@@ -83,12 +96,14 @@ var stdin_default = defineComponent({
     };
     return () => _createVNode("div", {
       "class": bem([props.type, {
+        mini: props.size === "mini",
         vertical: vertical.value,
-        location: showLocation.value
+        location: showLocation.value,
+        "content-right": props.contentAlign === "right"
       }])
-    }, [_createVNode("span", {
+    }, [props.showLabel && _createVNode("span", {
       "class": bem("label")
-    }, [props.label]), _createVNode("div", {
+    }, [displayLabel.value]), props.showContent && _createVNode("div", {
       "class": bem("value")
     }, [renderContent(), showLocation.value && _createVNode("div", {
       "class": bem("location")

package/es/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/es/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/es/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/es/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/es/loading/Loading.mjs

@@ -16,33 +16,30 @@ const CircularIcon = _createVNode("svg", {
 const IllustrationIcon = _createVNode("svg", {
   "class": bem("illustration"),
   "viewBox": "0 0 120 120",
-  "fill": "none",
-  "aria-hidden": "true"
+  "role": "img",
+  "aria-label": "Loading"
 }, [_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), _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), _createVNode("path", {
-  "d": "M48 54h8v11h-8zm16 0h8v11h-8zm-16 22h8v11h-8zm16 0h8v11h-8z",
-  "fill": "white"
+  "opacity": "0.24"
 }, null), _createVNode("path", {
-  "d": "M56 98V78h8v20",
-  "fill": "white",
-  "opacity": "0.92"
-}, null), _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), _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: numericProp,

package/es/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;

package/es/material-action-bar/MaterialActionBar.mjs

@@ -0,0 +1,132 @@
+import { defineComponent, ref, createVNode as _createVNode } from "vue";
+import { Dialog } from "../dialog/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Stepper } from "../stepper/index.mjs";
+import { Tag } from "../tag/index.mjs";
+import { createNamespace, truthProp } from "../utils/index.mjs";
+const [name, bem] = createNamespace("material-action-bar");
+var stdin_default = defineComponent({
+  name,
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: Number,
+      required: true
+    },
+    keyword: {
+      type: String,
+      default: ""
+    },
+    selected: Boolean,
+    enableInputDialog: truthProp,
+    showWarning: Boolean,
+    warning: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "detail"],
+  setup(props, {
+    emit
+  }) {
+    const showInputDialog = ref(false);
+    const inputValue = ref("");
+    const openInputDialog = () => {
+      if (!props.enableInputDialog)
+        return;
+      inputValue.value = String(props.modelValue);
+      showInputDialog.value = true;
+    };
+    const confirmInputValue = () => {
+      const value = Number(inputValue.value);
+      if (!Number.isNaN(value)) {
+        emit("update:modelValue", Math.max(0, value));
+      }
+    };
+    const highlight = (text) => {
+      const query = props.keyword.trim();
+      if (!query)
+        return text;
+      const lowerText = text.toLowerCase();
+      const lowerQuery = query.toLowerCase();
+      const parts = [];
+      let start = 0;
+      let index = lowerText.indexOf(lowerQuery, start);
+      while (index !== -1) {
+        if (index > start)
+          parts.push(text.slice(start, index));
+        parts.push(_createVNode("span", {
+          "class": bem("keyword")
+        }, [text.slice(index, index + query.length)]));
+        start = index + query.length;
+        index = lowerText.indexOf(lowerQuery, start);
+      }
+      if (start < text.length)
+        parts.push(text.slice(start));
+      return parts;
+    };
+    return () => _createVNode("div", {
+      "class": bem({
+        selected: props.selected
+      })
+    }, [_createVNode("div", {
+      "class": bem("main")
+    }, [_createVNode("button", {
+      "type": "button",
+      "class": bem("detail"),
+      "onClick": () => emit("detail", props.item)
+    }, [_createVNode("span", null, [highlight(props.item.name)]), props.selected && props.item.kind && _createVNode(Tag, {
+      "class": bem("kind-tag"),
+      "color": props.item.kind === "material" ? "#d9ebff" : "#d9f7f7",
+      "textColor": props.item.kind === "material" ? "var(--van-primary-color)" : "#00aeb3"
+    }, {
+      default: () => [props.item.kind === "material" ? "\u7269\u8D44" : "\u5DE5\u5177"]
+    }), _createVNode(Icon, {
+      "name": "arrow",
+      "size": "12"
+    }, null)]), _createVNode("div", {
+      "class": bem("stepper-wrapper")
+    }, [_createVNode(Stepper, {
+      "class": bem("stepper"),
+      "modelValue": props.modelValue,
+      "min": 0,
+      "theme": "round",
+      "buttonSize": 18,
+      "disableInput": true,
+      "onUpdate:modelValue": (value) => emit("update:modelValue", Number(value))
+    }, null), props.enableInputDialog && _createVNode("button", {
+      "type": "button",
+      "class": bem("number-trigger"),
+      "aria-label": "\u8F93\u5165\u6570\u91CF",
+      "onClick": openInputDialog
+    }, null)]), _createVNode("span", {
+      "class": bem("unit")
+    }, [props.item.unit])]), _createVNode("p", {
+      "class": bem("desc")
+    }, [highlight(props.item.detail)]), props.showWarning && props.warning && _createVNode("p", {
+      "class": bem("warning")
+    }, [props.warning]), _createVNode(Dialog.Component, {
+      "show": showInputDialog.value,
+      "inputValue": inputValue.value,
+      "inputAlign": "left",
+      "title": "\u8F93\u5165\u6570\u91CF",
+      "inputPlaceholder": "\u8BF7\u8F93\u5165\u6570\u91CF",
+      "inputAutofocus": true,
+      "showInput": true,
+      "showCancelButton": true,
+      "onUpdate:show": (value) => {
+        showInputDialog.value = value;
+      },
+      "onUpdate:inputValue": (value) => {
+        inputValue.value = value;
+      },
+      "onConfirm": confirmInputValue
+    }, null)]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/material-action-bar/index.css

@@ -0,0 +1 @@
+.van-material-action-bar{position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:none;gap:2px;align-items:center;max-width:calc(100% - 96px);padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-wrapper{position:relative;margin-left:auto}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:32px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__keyword{color:var(--van-primary-color)}

package/es/material-action-bar/index.d.ts

@@ -0,0 +1,58 @@
+export declare const MaterialActionBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    item: {
+        type: import("vue").PropType<import("./MaterialActionBar").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: import("vue").PropType<import("./MaterialActionBar").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 MaterialActionBar;
+export type { MaterialActionBarItem } from './MaterialActionBar';