persagy-vant 0.0.34 → 0.0.36

package/es/index.d.ts

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

package/es/index.mjs

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

package/es/label/Label.d.ts

@@ -3,6 +3,11 @@ 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 LabelLongPressTarget = 'label' | 'content';
+export declare type LabelLongPressEvent = {
+    target: LabelLongPressTarget;
+    text: string;
+};
 export declare type LabelMedia = {
     url: string;
     type?: LabelMediaType;
@@ -43,6 +48,7 @@ declare const labelProps: {
         default: LabelContentAlign;
     };
     vertical: BooleanConstructor;
+    ellipsis: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
     tags: {
@@ -89,6 +95,7 @@ declare const _default: import("vue").DefineComponent<{
         default: LabelContentAlign;
     };
     vertical: BooleanConstructor;
+    ellipsis: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
     tags: {
@@ -99,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<LabelMedia[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-media")[], "click" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-media" | "long-press")[], "click" | "click-media" | "long-press", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     label: {
         type: PropType<string>;
         default: string;
@@ -133,6 +140,7 @@ declare const _default: import("vue").DefineComponent<{
         default: LabelContentAlign;
     };
     vertical: BooleanConstructor;
+    ellipsis: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
     tags: {
@@ -146,6 +154,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     "onClick-media"?: ((...args: any[]) => any) | undefined;
+    "onLong-press"?: ((...args: any[]) => any) | undefined;
 }, {
     type: LabelType;
     label: string;
@@ -154,6 +163,7 @@ declare const _default: import("vue").DefineComponent<{
     tags: string[];
     media: LabelMedia[];
     vertical: boolean;
+    ellipsis: boolean;
     showLabel: boolean;
     showContent: boolean;
     showColon: boolean | undefined;

package/es/label/Label.mjs

@@ -17,6 +17,7 @@ const labelProps = {
   size: makeStringProp("default"),
   contentAlign: makeStringProp("follow"),
   vertical: Boolean,
+  ellipsis: Boolean,
   href: String,
   location: String,
   tags: {
@@ -31,12 +32,14 @@ const labelProps = {
 var stdin_default = defineComponent({
   name,
   props: labelProps,
-  emits: ["click", "click-media"],
+  emits: ["click", "click-media", "long-press"],
   setup(props, {
     slots,
     emit
   }) {
+    let longPressTimer;
     const vertical = computed(() => props.vertical || props.type === "media");
+    const ellipsis = computed(() => props.ellipsis && !vertical.value && !["tag", "media"].includes(props.type));
     const displayLabel = computed(() => {
       var _a;
       const showColon = (_a = props.showColon) != null ? _a : !vertical.value && props.contentAlign !== "right";
@@ -46,6 +49,25 @@ var stdin_default = defineComponent({
       return `${props.label}\uFF1A`;
     });
     const showLocation = computed(() => props.vertical && (props.type === "bold" || props.type === "link") && !!props.location);
+    const clearLongPress = () => {
+      if (longPressTimer !== void 0) {
+        clearTimeout(longPressTimer);
+        longPressTimer = void 0;
+      }
+    };
+    const startLongPress = (target, text) => {
+      if (!ellipsis.value || !text)
+        return;
+      clearLongPress();
+      longPressTimer = setTimeout(() => {
+        longPressTimer = void 0;
+        const payload = {
+          target,
+          text
+        };
+        emit("long-press", payload);
+      }, 500);
+    };
     const renderText = () => {
       var _a;
       const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || props.content;
@@ -98,13 +120,22 @@ var stdin_default = defineComponent({
       "class": bem([props.type, {
         mini: props.size === "mini",
         vertical: vertical.value,
+        ellipsis: ellipsis.value,
         location: showLocation.value,
         "content-right": props.contentAlign === "right"
       }])
     }, [props.showLabel && _createVNode("span", {
-      "class": bem("label")
+      "class": bem("label"),
+      "onPointerdown": () => startLongPress("label", displayLabel.value),
+      "onPointerup": clearLongPress,
+      "onPointercancel": clearLongPress,
+      "onPointerleave": clearLongPress
     }, [displayLabel.value]), props.showContent && _createVNode("div", {
-      "class": bem("value")
+      "class": bem("value"),
+      "onPointerdown": () => startLongPress("content", props.content),
+      "onPointerup": clearLongPress,
+      "onPointercancel": clearLongPress,
+      "onPointerleave": clearLongPress
     }, [renderContent(), showLocation.value && _createVNode("div", {
       "class": bem("location")
     }, [_createVNode(Icon, {

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-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)}
+: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)}

package/es/label/index.d.ts

@@ -32,6 +32,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         default: import("./Label").LabelContentAlign;
     };
     vertical: BooleanConstructor;
+    ellipsis: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
     tags: {
@@ -42,7 +43,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Label").LabelMedia[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-media")[], "click" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-media" | "long-press")[], "click" | "click-media" | "long-press", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         default: string;
@@ -76,6 +77,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         default: import("./Label").LabelContentAlign;
     };
     vertical: BooleanConstructor;
+    ellipsis: BooleanConstructor;
     href: StringConstructor;
     location: StringConstructor;
     tags: {
@@ -89,6 +91,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     "onClick-media"?: ((...args: any[]) => any) | undefined;
+    "onLong-press"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./Label").LabelType;
     label: string;
@@ -97,13 +100,14 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
     tags: string[];
     media: import("./Label").LabelMedia[];
     vertical: boolean;
+    ellipsis: boolean;
     showLabel: boolean;
     showContent: boolean;
     showColon: boolean | undefined;
     contentAlign: import("./Label").LabelContentAlign;
 }>>;
 export default Label;
-export type { LabelMedia, LabelMediaType, LabelProps, LabelType } from './Label';
+export type { LabelLongPressEvent, LabelLongPressTarget, LabelMedia, LabelMediaType, LabelProps, LabelType, } from './Label';
 declare module 'vue' {
     interface GlobalComponents {
         VanLabel: typeof Label;

package/es/label/index.less

@@ -20,6 +20,7 @@
   --van-label-location-line-height: @label-location-line-height;
   --van-label-location-icon-size: @label-location-icon-size;
   --van-label-location-gap: @label-location-gap;
+  --van-label-ellipsis-label-max-width: @label-ellipsis-label-max-width;
 }
 
 .van-label {
@@ -44,6 +45,27 @@
     --van-label-media-size: var(--van-label-mini-media-size);
   }
 
+  &--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__value {
+      overflow: hidden;
+    }
+
+    .van-label__text,
+    .van-label__link {
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
   &__label {
     flex: none;
     color: var(--van-label-label-color);

package/es/label/var.less

@@ -17,3 +17,4 @@
 @label-location-line-height: var(--van-line-height-md);
 @label-location-icon-size: 12px;
 @label-location-gap: 2px;
+@label-ellipsis-label-max-width: 120px;

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

@@ -7,6 +7,12 @@ export declare type MaterialActionBarItem = {
     unit: string;
     kind?: 'material' | 'tool';
 };
+export declare type MaterialActionBarPicking = {
+    quantityLabel?: string;
+    outboundLabel?: string;
+    outboundValue?: Numeric;
+    outboundBold?: boolean;
+};
 declare const _default: import("vue").DefineComponent<{
     item: {
         type: PropType<MaterialActionBarItem>;
@@ -30,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    picking: {
+        type: PropType<MaterialActionBarPicking>;
+        default: undefined;
+    };
 }, () => 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>;
@@ -53,6 +63,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    picking: {
+        type: PropType<MaterialActionBarPicking>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDetail?: ((...args: any[]) => any) | undefined;
@@ -62,5 +76,6 @@ declare const _default: import("vue").DefineComponent<{
     keyword: string;
     enableInputDialog: boolean;
     showWarning: boolean;
+    picking: MaterialActionBarPicking;
 }>;
 export default _default;

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

@@ -1,8 +1,9 @@
-import { defineComponent, ref, createVNode as _createVNode } from "vue";
+import { defineComponent, onBeforeUnmount, 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 { Toast } from "../toast/index.mjs";
 import { createNamespace, truthProp } from "../utils/index.mjs";
 const [name, bem] = createNamespace("material-action-bar");
 var stdin_default = defineComponent({
@@ -26,14 +27,20 @@ var stdin_default = defineComponent({
     warning: {
       type: String,
       default: ""
+    },
+    picking: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "detail"],
   setup(props, {
+    slots,
     emit
   }) {
     const showInputDialog = ref(false);
     const inputValue = ref("");
+    let detailLongPressTimer;
     const openInputDialog = () => {
       if (!props.enableInputDialog)
         return;
@@ -46,6 +53,25 @@ var stdin_default = defineComponent({
         emit("update:modelValue", Math.max(0, value));
       }
     };
+    const clearDetailLongPress = () => {
+      if (detailLongPressTimer) {
+        clearTimeout(detailLongPressTimer);
+        detailLongPressTimer = void 0;
+      }
+    };
+    const onDetailLongPressStart = (event) => {
+      const target = event.currentTarget;
+      if (target.scrollWidth <= target.clientWidth) {
+        return;
+      }
+      clearDetailLongPress();
+      detailLongPressTimer = setTimeout(() => {
+        Toast({
+          message: props.item.detail,
+          position: "middle"
+        });
+      }, 500);
+    };
     const highlight = (text) => {
       const query = props.keyword.trim();
       if (!query)
@@ -68,63 +94,86 @@ var stdin_default = defineComponent({
         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)]);
+    onBeforeUnmount(clearDetailLongPress);
+    return () => {
+      var _a, _b, _c, _d, _e;
+      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)]), (((_a = props.picking) == null ? void 0 : _a.quantityLabel) || slots["stepper-prefix"]) && _createVNode("div", {
+        "class": bem("stepper-prefix")
+      }, [((_b = props.picking) == null ? void 0 : _b.quantityLabel) || ((_c = slots["stepper-prefix"]) == null ? void 0 : _c.call(slots))]), _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"),
+        "onTouchstart": onDetailLongPressStart,
+        "onTouchmove": clearDetailLongPress,
+        "onTouchend": clearDetailLongPress,
+        "onTouchcancel": clearDetailLongPress,
+        "onMousedown": onDetailLongPressStart,
+        "onMousemove": clearDetailLongPress,
+        "onMouseup": clearDetailLongPress,
+        "onMouseleave": clearDetailLongPress
+      }, [highlight(props.item.detail)]), props.showWarning && props.warning && _createVNode("p", {
+        "class": bem("warning")
+      }, [props.warning]), ((_d = props.picking) == null ? void 0 : _d.outboundValue) !== void 0 && _createVNode("p", {
+        "class": bem("picking-outbound")
+      }, [_createVNode("span", {
+        "class": bem("picking-label")
+      }, [props.picking.outboundLabel || "\u5E94\u51FA\uFF1A"]), _createVNode("span", {
+        "class": bem("picking-value"),
+        "style": {
+          fontWeight: props.picking.outboundBold ? 600 : 400
+        }
+      }, [props.picking.outboundValue])]), (_e = slots.default) == null ? void 0 : _e.call(slots), _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 {

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

@@ -1 +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)}
+.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:1 1 0;gap:2px;align-items:center;min-width:0;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-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.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: 24px;--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:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;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__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}

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

@@ -1,3 +1,68 @@
+export declare const MaterialActionList: 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;
+    };
+    picking: {
+        type: import("vue").PropType<import("./MaterialActionBar").MaterialActionBarPicking>;
+        default: undefined;
+    };
+}, () => 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;
+    };
+    picking: {
+        type: import("vue").PropType<import("./MaterialActionBar").MaterialActionBarPicking>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onDetail?: ((...args: any[]) => any) | undefined;
+}, {
+    selected: boolean;
+    warning: string;
+    keyword: string;
+    enableInputDialog: boolean;
+    showWarning: boolean;
+    picking: import("./MaterialActionBar").MaterialActionBarPicking;
+}>>;
 export declare const MaterialActionBar: import("../utils").WithInstall<import("vue").DefineComponent<{
     item: {
         type: import("vue").PropType<import("./MaterialActionBar").MaterialActionBarItem>;
@@ -21,6 +86,10 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
         type: StringConstructor;
         default: string;
     };
+    picking: {
+        type: import("vue").PropType<import("./MaterialActionBar").MaterialActionBarPicking>;
+        default: undefined;
+    };
 }, () => 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>;
@@ -44,6 +113,10 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
         type: StringConstructor;
         default: string;
     };
+    picking: {
+        type: import("vue").PropType<import("./MaterialActionBar").MaterialActionBarPicking>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDetail?: ((...args: any[]) => any) | undefined;
@@ -53,6 +126,7 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
     keyword: string;
     enableInputDialog: boolean;
     showWarning: boolean;
+    picking: import("./MaterialActionBar").MaterialActionBarPicking;
 }>>;
-export default MaterialActionBar;
-export type { MaterialActionBarItem } from './MaterialActionBar';
+export default MaterialActionList;
+export type { MaterialActionBarItem, MaterialActionBarItem as MaterialActionListItem, MaterialActionBarPicking, } from './MaterialActionBar';

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

@@ -21,13 +21,17 @@
   }
 
   &__main { display: flex; align-items: center; min-height: 22px; }
-  &__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); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
-  &__stepper-wrapper { position: relative; margin-left: auto; }
+  &__detail { display: inline-flex; flex: 1 1 0; gap: 2px; align-items: center; min-width: 0; 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); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
+  &__stepper-prefix { flex: none; margin: 0 4px 0 8px; color: var(--van-text-color-2); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); }
+  &__stepper-wrapper { position: relative; flex: none; margin-left: 4px; }
   &__kind-tag { flex: none; margin-left: 4px; }
-  &__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); }
-  &__number-trigger { position: absolute; z-index: 1; top: 0; left: 18px; width: 32px; height: 18px; padding: 0; background: transparent; border: 0; cursor: pointer; }
-  &__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; }
+  &__stepper { flex: none; margin-left: 0; --van-stepper-input-width: 24px; --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); }
+  &__number-trigger { position: absolute; z-index: 1; top: 0; left: 18px; width: 24px; height: 18px; padding: 0; background: transparent; border: 0; cursor: pointer; }
+  &__unit { flex: none; 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; }
   &__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; }
   &__warning { margin: 2px 0 0; color: var(--van-red-500); font-size: var(--van-font-size-sm); line-height: 20px; }
+  &__picking-outbound { display: flex; gap: 4px; margin: 2px 0 0; color: var(--van-text-color); font-size: var(--van-font-size-sm); line-height: 20px; }
+  &__picking-label { color: var(--van-gray-6); }
+  &__picking-value { font-weight: 600; }
   &__keyword { color: var(--van-primary-color); }
 }