persagy-vant 0.0.35 → 0.0.36

package/lib/index.d.ts

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

package/lib/index.js

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

package/lib/index.less

@@ -2,7 +2,6 @@
 @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";
@@ -18,6 +17,7 @@
 @import "./picker/index.less";
 @import "./datetime-picker/index.less";
 @import "./button/index.less";
+@import "./title-bar/index.less";
 @import "./submit-bar/index.less";
 @import "./action-bar-button/index.less";
 @import "./overlay/index.less";

package/lib/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/lib/label/Label.js

@@ -39,6 +39,7 @@ const labelProps = {
   size: (0, import_utils.makeStringProp)("default"),
   contentAlign: (0, import_utils.makeStringProp)("follow"),
   vertical: Boolean,
+  ellipsis: Boolean,
   href: String,
   location: String,
   tags: {
@@ -53,12 +54,14 @@ const labelProps = {
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: labelProps,
-  emits: ["click", "click-media"],
+  emits: ["click", "click-media", "long-press"],
   setup(props, {
     slots,
     emit
   }) {
+    let longPressTimer;
     const vertical = (0, import_vue.computed)(() => props.vertical || props.type === "media");
+    const ellipsis = (0, import_vue.computed)(() => props.ellipsis && !vertical.value && !["tag", "media"].includes(props.type));
     const displayLabel = (0, import_vue.computed)(() => {
       var _a;
       const showColon = (_a = props.showColon) != null ? _a : !vertical.value && props.contentAlign !== "right";
@@ -68,6 +71,25 @@ var stdin_default = (0, import_vue.defineComponent)({
       return `${props.label}\uFF1A`;
     });
     const showLocation = (0, import_vue.computed)(() => props.vertical && (props.type === "bold" || props.type === "link") && !!props.location);
+    const 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;
@@ -120,13 +142,22 @@ var stdin_default = (0, import_vue.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 && (0, import_vue.createVNode)("span", {
-      "class": bem("label")
+      "class": bem("label"),
+      "onPointerdown": () => startLongPress("label", displayLabel.value),
+      "onPointerup": clearLongPress,
+      "onPointercancel": clearLongPress,
+      "onPointerleave": clearLongPress
     }, [displayLabel.value]), props.showContent && (0, import_vue.createVNode)("div", {
-      "class": bem("value")
+      "class": bem("value"),
+      "onPointerdown": () => startLongPress("content", props.content),
+      "onPointerup": clearLongPress,
+      "onPointercancel": clearLongPress,
+      "onPointerleave": clearLongPress
     }, [renderContent(), showLocation.value && (0, import_vue.createVNode)("div", {
       "class": bem("location")
     }, [(0, import_vue.createVNode)(import_icon.Icon, {

package/lib/label/index.css

@@ -1 +1 @@
-:root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-gap: 2px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px}.van-label{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/lib/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/lib/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/lib/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/lib/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/lib/material-action-bar/MaterialActionBar.js

@@ -25,6 +25,7 @@ var import_dialog = require("../dialog");
 var import_icon = require("../icon");
 var import_stepper = require("../stepper");
 var import_tag = require("../tag");
+var import_toast = require("../toast");
 var import_utils = require("../utils");
 const [name, bem] = (0, import_utils.createNamespace)("material-action-bar");
 var stdin_default = (0, import_vue.defineComponent)({
@@ -48,14 +49,20 @@ var stdin_default = (0, import_vue.defineComponent)({
     warning: {
       type: String,
       default: ""
+    },
+    picking: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "detail"],
   setup(props, {
+    slots,
     emit
   }) {
     const showInputDialog = (0, import_vue.ref)(false);
     const inputValue = (0, import_vue.ref)("");
+    let detailLongPressTimer;
     const openInputDialog = () => {
       if (!props.enableInputDialog)
         return;
@@ -68,6 +75,25 @@ var stdin_default = (0, import_vue.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(() => {
+        (0, import_toast.Toast)({
+          message: props.item.detail,
+          position: "middle"
+        });
+      }, 500);
+    };
     const highlight = (text) => {
       const query = props.keyword.trim();
       if (!query)
@@ -90,62 +116,85 @@ var stdin_default = (0, import_vue.defineComponent)({
         parts.push(text.slice(start));
       return parts;
     };
-    return () => (0, import_vue.createVNode)("div", {
-      "class": bem({
-        selected: props.selected
-      })
-    }, [(0, import_vue.createVNode)("div", {
-      "class": bem("main")
-    }, [(0, import_vue.createVNode)("button", {
-      "type": "button",
-      "class": bem("detail"),
-      "onClick": () => emit("detail", props.item)
-    }, [(0, import_vue.createVNode)("span", null, [highlight(props.item.name)]), props.selected && props.item.kind && (0, import_vue.createVNode)(import_tag.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"]
-    }), (0, import_vue.createVNode)(import_icon.Icon, {
-      "name": "arrow",
-      "size": "12"
-    }, null)]), (0, import_vue.createVNode)("div", {
-      "class": bem("stepper-wrapper")
-    }, [(0, import_vue.createVNode)(import_stepper.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 && (0, import_vue.createVNode)("button", {
-      "type": "button",
-      "class": bem("number-trigger"),
-      "aria-label": "\u8F93\u5165\u6570\u91CF",
-      "onClick": openInputDialog
-    }, null)]), (0, import_vue.createVNode)("span", {
-      "class": bem("unit")
-    }, [props.item.unit])]), (0, import_vue.createVNode)("p", {
-      "class": bem("desc")
-    }, [highlight(props.item.detail)]), props.showWarning && props.warning && (0, import_vue.createVNode)("p", {
-      "class": bem("warning")
-    }, [props.warning]), (0, import_vue.createVNode)(import_dialog.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)]);
+    (0, import_vue.onBeforeUnmount)(clearDetailLongPress);
+    return () => {
+      var _a, _b, _c, _d, _e;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem({
+          selected: props.selected
+        })
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem("main")
+      }, [(0, import_vue.createVNode)("button", {
+        "type": "button",
+        "class": bem("detail"),
+        "onClick": () => emit("detail", props.item)
+      }, [(0, import_vue.createVNode)("span", null, [highlight(props.item.name)]), props.selected && props.item.kind && (0, import_vue.createVNode)(import_tag.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"]
+      }), (0, import_vue.createVNode)(import_icon.Icon, {
+        "name": "arrow",
+        "size": "12"
+      }, null)]), (((_a = props.picking) == null ? void 0 : _a.quantityLabel) || slots["stepper-prefix"]) && (0, import_vue.createVNode)("div", {
+        "class": bem("stepper-prefix")
+      }, [((_b = props.picking) == null ? void 0 : _b.quantityLabel) || ((_c = slots["stepper-prefix"]) == null ? void 0 : _c.call(slots))]), (0, import_vue.createVNode)("div", {
+        "class": bem("stepper-wrapper")
+      }, [(0, import_vue.createVNode)(import_stepper.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 && (0, import_vue.createVNode)("button", {
+        "type": "button",
+        "class": bem("number-trigger"),
+        "aria-label": "\u8F93\u5165\u6570\u91CF",
+        "onClick": openInputDialog
+      }, null)]), (0, import_vue.createVNode)("span", {
+        "class": bem("unit")
+      }, [props.item.unit])]), (0, import_vue.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 && (0, import_vue.createVNode)("p", {
+        "class": bem("warning")
+      }, [props.warning]), ((_d = props.picking) == null ? void 0 : _d.outboundValue) !== void 0 && (0, import_vue.createVNode)("p", {
+        "class": bem("picking-outbound")
+      }, [(0, import_vue.createVNode)("span", {
+        "class": bem("picking-label")
+      }, [props.picking.outboundLabel || "\u5E94\u51FA\uFF1A"]), (0, import_vue.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), (0, import_vue.createVNode)(import_dialog.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)]);
+    };
   }
 });

package/lib/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: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-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: 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{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__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/lib/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/lib/material-action-bar/index.js

@@ -28,10 +28,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   MaterialActionBar: () => MaterialActionBar,
+  MaterialActionList: () => MaterialActionList,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_MaterialActionBar = __toESM(require("./MaterialActionBar"));
-const MaterialActionBar = (0, import_utils.withInstall)(import_MaterialActionBar.default);
-var stdin_default = MaterialActionBar;
+const MaterialActionList = (0, import_utils.withInstall)(import_MaterialActionBar.default);
+const MaterialActionBar = MaterialActionList;
+var stdin_default = MaterialActionList;