persagy-vant 0.0.34 → 0.0.36

package/lib/vant.cjs.js

@@ -4545,7 +4545,11 @@ const tagProps = {
   plain: Boolean,
   round: Boolean,
   textColor: String,
-  closeable: Boolean
+  closeable: Boolean,
+  rightIcon: String,
+  number: [String, Number],
+  showNumber: Boolean,
+  numberColor: String
 };
 var stdin_default$1H = vue.defineComponent({
   name: name$1y,
@@ -4579,7 +4583,11 @@ var stdin_default$1H = vue.defineComponent({
         plain,
         round,
         size,
-        closeable
+        closeable,
+        rightIcon,
+        number,
+        showNumber,
+        numberColor
       } = props2;
       const classes = {
         mark,
@@ -4594,10 +4602,19 @@ var stdin_default$1H = vue.defineComponent({
         "class": [bem$1u("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
+      const RightIcon = rightIcon && vue.createVNode(Icon, {
+        "name": rightIcon,
+        "class": bem$1u("right-icon")
+      }, null);
       return vue.createVNode("span", {
         "style": getStyle(),
         "class": bem$1u([classes, type])
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
+      }, [showNumber && number !== void 0 && vue.createVNode("span", {
+        "class": bem$1u("number"),
+        "style": {
+          color: numberColor
+        }
+      }, [number]), (_a = slots.default) == null ? void 0 : _a.call(slots), RightIcon, CloseIcon]);
     };
     return () => vue.createVNode(vue.Transition, {
       "name": props2.closeable ? "van-fade" : void 0
@@ -12069,6 +12086,7 @@ const labelProps = {
   size: makeStringProp("default"),
   contentAlign: makeStringProp("follow"),
   vertical: Boolean,
+  ellipsis: Boolean,
   href: String,
   location: String,
   tags: {
@@ -12083,12 +12101,14 @@ const labelProps = {
 var stdin_default$M = vue.defineComponent({
   name: name$E,
   props: labelProps,
-  emits: ["click", "click-media"],
+  emits: ["click", "click-media", "long-press"],
   setup(props2, {
     slots,
     emit
   }) {
+    let longPressTimer;
     const vertical = vue.computed(() => props2.vertical || props2.type === "media");
+    const ellipsis = vue.computed(() => props2.ellipsis && !vertical.value && !["tag", "media"].includes(props2.type));
     const displayLabel = vue.computed(() => {
       var _a;
       const showColon = (_a = props2.showColon) != null ? _a : !vertical.value && props2.contentAlign !== "right";
@@ -12098,6 +12118,25 @@ var stdin_default$M = vue.defineComponent({
       return `${props2.label}：`;
     });
     const showLocation = vue.computed(() => props2.vertical && (props2.type === "bold" || props2.type === "link") && !!props2.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)) || props2.content;
@@ -12150,13 +12189,22 @@ var stdin_default$M = vue.defineComponent({
       "class": bem$E([props2.type, {
         mini: props2.size === "mini",
         vertical: vertical.value,
+        ellipsis: ellipsis.value,
         location: showLocation.value,
         "content-right": props2.contentAlign === "right"
       }])
     }, [props2.showLabel && vue.createVNode("span", {
-      "class": bem$E("label")
+      "class": bem$E("label"),
+      "onPointerdown": () => startLongPress("label", displayLabel.value),
+      "onPointerup": clearLongPress,
+      "onPointercancel": clearLongPress,
+      "onPointerleave": clearLongPress
     }, [displayLabel.value]), props2.showContent && vue.createVNode("div", {
-      "class": bem$E("value")
+      "class": bem$E("value"),
+      "onPointerdown": () => startLongPress("content", props2.content),
+      "onPointerup": clearLongPress,
+      "onPointercancel": clearLongPress,
+      "onPointerleave": clearLongPress
     }, [renderContent(), showLocation.value && vue.createVNode("div", {
       "class": bem$E("location")
     }, [vue.createVNode(Icon, {
@@ -13196,14 +13244,20 @@ var stdin_default$E = vue.defineComponent({
     warning: {
       type: String,
       default: ""
+    },
+    picking: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "detail"],
   setup(props2, {
+    slots,
     emit
   }) {
     const showInputDialog = vue.ref(false);
     const inputValue = vue.ref("");
+    let detailLongPressTimer;
     const openInputDialog = () => {
       if (!props2.enableInputDialog)
         return;
@@ -13216,6 +13270,25 @@ var stdin_default$E = 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(() => {
+        Toast({
+          message: props2.item.detail,
+          position: "middle"
+        });
+      }, 500);
+    };
     const highlight = (text) => {
       const query = props2.keyword.trim();
       if (!query)
@@ -13238,67 +13311,91 @@ var stdin_default$E = vue.defineComponent({
         parts.push(text.slice(start));
       return parts;
     };
-    return () => vue.createVNode("div", {
-      "class": bem$x({
-        selected: props2.selected
-      })
-    }, [vue.createVNode("div", {
-      "class": bem$x("main")
-    }, [vue.createVNode("button", {
-      "type": "button",
-      "class": bem$x("detail"),
-      "onClick": () => emit("detail", props2.item)
-    }, [vue.createVNode("span", null, [highlight(props2.item.name)]), props2.selected && props2.item.kind && vue.createVNode(Tag, {
-      "class": bem$x("kind-tag"),
-      "color": props2.item.kind === "material" ? "#d9ebff" : "#d9f7f7",
-      "textColor": props2.item.kind === "material" ? "var(--van-primary-color)" : "#00aeb3"
-    }, {
-      default: () => [props2.item.kind === "material" ? "物资" : "工具"]
-    }), vue.createVNode(Icon, {
-      "name": "arrow",
-      "size": "12"
-    }, null)]), vue.createVNode("div", {
-      "class": bem$x("stepper-wrapper")
-    }, [vue.createVNode(Stepper, {
-      "class": bem$x("stepper"),
-      "modelValue": props2.modelValue,
-      "min": 0,
-      "theme": "round",
-      "buttonSize": 18,
-      "disableInput": true,
-      "onUpdate:modelValue": (value) => emit("update:modelValue", Number(value))
-    }, null), props2.enableInputDialog && vue.createVNode("button", {
-      "type": "button",
-      "class": bem$x("number-trigger"),
-      "aria-label": "输入数量",
-      "onClick": openInputDialog
-    }, null)]), vue.createVNode("span", {
-      "class": bem$x("unit")
-    }, [props2.item.unit])]), vue.createVNode("p", {
-      "class": bem$x("desc")
-    }, [highlight(props2.item.detail)]), props2.showWarning && props2.warning && vue.createVNode("p", {
-      "class": bem$x("warning")
-    }, [props2.warning]), vue.createVNode(Dialog.Component, {
-      "show": showInputDialog.value,
-      "inputValue": inputValue.value,
-      "inputAlign": "left",
-      "title": "输入数量",
-      "inputPlaceholder": "请输入数量",
-      "inputAutofocus": true,
-      "showInput": true,
-      "showCancelButton": true,
-      "onUpdate:show": (value) => {
-        showInputDialog.value = value;
-      },
-      "onUpdate:inputValue": (value) => {
-        inputValue.value = value;
-      },
-      "onConfirm": confirmInputValue
-    }, null)]);
+    vue.onBeforeUnmount(clearDetailLongPress);
+    return () => {
+      var _a, _b, _c, _d, _e;
+      return vue.createVNode("div", {
+        "class": bem$x({
+          selected: props2.selected
+        })
+      }, [vue.createVNode("div", {
+        "class": bem$x("main")
+      }, [vue.createVNode("button", {
+        "type": "button",
+        "class": bem$x("detail"),
+        "onClick": () => emit("detail", props2.item)
+      }, [vue.createVNode("span", null, [highlight(props2.item.name)]), props2.selected && props2.item.kind && vue.createVNode(Tag, {
+        "class": bem$x("kind-tag"),
+        "color": props2.item.kind === "material" ? "#d9ebff" : "#d9f7f7",
+        "textColor": props2.item.kind === "material" ? "var(--van-primary-color)" : "#00aeb3"
+      }, {
+        default: () => [props2.item.kind === "material" ? "物资" : "工具"]
+      }), vue.createVNode(Icon, {
+        "name": "arrow",
+        "size": "12"
+      }, null)]), (((_a = props2.picking) == null ? void 0 : _a.quantityLabel) || slots["stepper-prefix"]) && vue.createVNode("div", {
+        "class": bem$x("stepper-prefix")
+      }, [((_b = props2.picking) == null ? void 0 : _b.quantityLabel) || ((_c = slots["stepper-prefix"]) == null ? void 0 : _c.call(slots))]), vue.createVNode("div", {
+        "class": bem$x("stepper-wrapper")
+      }, [vue.createVNode(Stepper, {
+        "class": bem$x("stepper"),
+        "modelValue": props2.modelValue,
+        "min": 0,
+        "theme": "round",
+        "buttonSize": 18,
+        "disableInput": true,
+        "onUpdate:modelValue": (value) => emit("update:modelValue", Number(value))
+      }, null), props2.enableInputDialog && vue.createVNode("button", {
+        "type": "button",
+        "class": bem$x("number-trigger"),
+        "aria-label": "输入数量",
+        "onClick": openInputDialog
+      }, null)]), vue.createVNode("span", {
+        "class": bem$x("unit")
+      }, [props2.item.unit])]), vue.createVNode("p", {
+        "class": bem$x("desc"),
+        "onTouchstart": onDetailLongPressStart,
+        "onTouchmove": clearDetailLongPress,
+        "onTouchend": clearDetailLongPress,
+        "onTouchcancel": clearDetailLongPress,
+        "onMousedown": onDetailLongPressStart,
+        "onMousemove": clearDetailLongPress,
+        "onMouseup": clearDetailLongPress,
+        "onMouseleave": clearDetailLongPress
+      }, [highlight(props2.item.detail)]), props2.showWarning && props2.warning && vue.createVNode("p", {
+        "class": bem$x("warning")
+      }, [props2.warning]), ((_d = props2.picking) == null ? void 0 : _d.outboundValue) !== void 0 && vue.createVNode("p", {
+        "class": bem$x("picking-outbound")
+      }, [vue.createVNode("span", {
+        "class": bem$x("picking-label")
+      }, [props2.picking.outboundLabel || "应出："]), vue.createVNode("span", {
+        "class": bem$x("picking-value"),
+        "style": {
+          fontWeight: props2.picking.outboundBold ? 600 : 400
+        }
+      }, [props2.picking.outboundValue])]), (_e = slots.default) == null ? void 0 : _e.call(slots), vue.createVNode(Dialog.Component, {
+        "show": showInputDialog.value,
+        "inputValue": inputValue.value,
+        "inputAlign": "left",
+        "title": "输入数量",
+        "inputPlaceholder": "请输入数量",
+        "inputAutofocus": true,
+        "showInput": true,
+        "showCancelButton": true,
+        "onUpdate:show": (value) => {
+          showInputDialog.value = value;
+        },
+        "onUpdate:inputValue": (value) => {
+          inputValue.value = value;
+        },
+        "onConfirm": confirmInputValue
+      }, null)]);
+    };
   }
 });
-const MaterialActionBar = withInstall(stdin_default$E);
-var stdin_default$D = MaterialActionBar;
+const MaterialActionList = withInstall(stdin_default$E);
+const MaterialActionBar = MaterialActionList;
+var stdin_default$D = MaterialActionList;
 const [name$w, bem$w] = createNamespace("material-detail");
 const defaultImages = ["/dog1.jpg", "/dog2.jpg", "/dog3.jpg"];
 const materialDetailProps = {
@@ -13320,6 +13417,7 @@ var stdin_default$C = vue.defineComponent({
     const usageExpanded = vue.ref(true);
     const noticeExpanded = vue.ref(true);
     const bannerIndex = vue.ref(0);
+    const swipeRef = vue.ref();
     const item = vue.computed(() => props2.item);
     const close = () => emit("update:show", false);
     const infoRows = vue.computed(() => {
@@ -13376,14 +13474,18 @@ var stdin_default$C = vue.defineComponent({
     });
     const displayImages = vue.computed(() => props2.images.length ? props2.images : defaultImages);
     return () => vue.createVNode(vue.Transition, {
-      "name": "van-material-detail"
+      "name": "van-material-detail",
+      "onAfterEnter": () => {
+        var _a;
+        return (_a = swipeRef.value) == null ? void 0 : _a.resize();
+      }
     }, {
       default: () => [props2.show && item.value ? vue.createVNode("div", {
         "class": bem$w()
       }, [vue.createVNode("div", {
         "class": bem$w("banner")
       }, [vue.createVNode(Swipe, {
-        "loop": false,
+        "ref": swipeRef,
         "showIndicators": false,
         "class": bem$w("swipe"),
         "onChange": (index) => {
@@ -14218,10 +14320,12 @@ var stdin_default$y = vue.defineComponent({
         return;
       return vue.createVNode(Label, {
         "key": `${field.label}-${index}`,
+        "class": bem$t("field"),
         "size": "mini",
         "label": field.label,
         "showLabel": field.showLabel,
         "showContent": field.showContent,
+        "showColon": field.showColon,
         "content": field.content,
         "type": field.type,
         "vertical": field.vertical,
@@ -14237,7 +14341,7 @@ var stdin_default$y = vue.defineComponent({
       route2();
     };
     const renderBar = () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       return vue.createVNode("section", {
         "class": bem$t({
           rounded: props2.rounded
@@ -14259,12 +14363,12 @@ var stdin_default$y = vue.defineComponent({
         "class": bem$t("quantity")
       }, [((_b = slots.quantity) == null ? void 0 : _b.call(slots)) || vue.createVNode(vue.Fragment, null, [props2.quantityLabel && vue.createVNode("span", {
         "class": bem$t("quantity-label")
-      }, [props2.quantityLabel]), vue.createVNode("strong", null, [props2.quantity]), props2.unit && vue.createVNode("span", null, [props2.unit])])])]), props2.fields.filter((field) => field.visible !== false).length > 0 && vue.createVNode("div", {
+      }, [props2.quantityLabel]), vue.createVNode("strong", null, [props2.quantity]), props2.unit && vue.createVNode("span", null, [props2.unit])]), (_c = slots["quantity-suffix"]) == null ? void 0 : _c.call(slots)])]), props2.fields.filter((field) => field.visible !== false).length > 0 && vue.createVNode("div", {
         "class": bem$t("fields")
       }, [props2.fields.map(renderField)])]), props2.divider && vue.createVNode(Divider, {
         "hairline": true,
         "class": bem$t("divider")
-      }, null), ((_c = slots.default) == null ? void 0 : _c.call(slots)) && vue.createVNode("div", {
+      }, null), ((_d = slots.default) == null ? void 0 : _d.call(slots)) && vue.createVNode("div", {
         "class": bem$t("bottom")
       }, [slots.default()])]);
     };
@@ -14284,7 +14388,9 @@ var stdin_default$y = vue.defineComponent({
     }) : renderBar();
   }
 });
-const MaterialDisplayBar = withInstall(stdin_default$y);
+const MaterialPreviewList = withInstall(stdin_default$y);
+const MaterialPreview = MaterialPreviewList;
+const MaterialDisplayBar = MaterialPreviewList;
 const [name$s, bem$s] = createNamespace("multi-person-select");
 const defaultGroups$1 = [{
   id: "air-conditioning-a",
@@ -17917,6 +18023,8 @@ const titleBarProps = {
   showIcon: Boolean,
   showDescription: Boolean,
   showArrow: Boolean,
+  actionText: makeStringProp("操作"),
+  showAction: Boolean,
   size: makeStringProp("default"),
   expandable: Boolean,
   modelValue: truthProp
@@ -17924,7 +18032,7 @@ const titleBarProps = {
 var stdin_default$9 = vue.defineComponent({
   name: name$4,
   props: titleBarProps,
-  emits: ["update:modelValue", "change", "click"],
+  emits: ["update:modelValue", "change", "click", "click-action"],
   setup(props2, {
     slots,
     emit
@@ -17936,6 +18044,21 @@ var stdin_default$9 = vue.defineComponent({
       emit("update:modelValue", value);
       emit("change", value);
     };
+    const onHeaderClick = (event) => {
+      emit("click", event);
+      toggle();
+    };
+    const onActionClick = (event) => {
+      event.stopPropagation();
+      emit("click-action", event);
+    };
+    const onHeaderKeydown = (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        emit("click", event);
+        toggle();
+      }
+    };
     return () => {
       var _a, _b, _c;
       return vue.createVNode("section", {
@@ -17943,20 +18066,32 @@ var stdin_default$9 = vue.defineComponent({
           mini: props2.size === "mini",
           expandable: props2.expandable
         })
-      }, [vue.createVNode("button", {
-        "type": "button",
+      }, [vue.createVNode("div", {
         "class": bem$4("header"),
+        "role": "button",
+        "tabindex": "0",
         "aria-expanded": props2.expandable ? props2.modelValue : void 0,
-        "onClick": (event) => {
-          emit("click", event);
-          toggle();
-        }
+        "onClick": onHeaderClick,
+        "onKeydown": onHeaderKeydown
       }, [props2.showIcon && props2.icon && vue.createVNode(Icon, {
         "name": props2.icon,
         "class": bem$4("icon")
       }, null), vue.createVNode("span", {
         "class": bem$4("text")
-      }, [vue.createVNode("strong", null, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || props2.title]), props2.size !== "mini" && props2.showDescription && props2.description && vue.createVNode("span", null, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props2.description])]), (props2.showArrow || props2.expandable) && vue.createVNode(Icon, {
+      }, [vue.createVNode("span", {
+        "class": bem$4("title-row")
+      }, [vue.createVNode("strong", null, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || props2.title]), props2.showAction && props2.actionText && vue.createVNode("span", {
+        "class": bem$4("action")
+      }, [vue.createVNode("i", {
+        "class": bem$4("action-divider")
+      }, null), vue.createVNode(Button, {
+        "type": "text",
+        "size": "small",
+        "text": props2.actionText,
+        "onClick": onActionClick
+      }, null)])]), props2.size !== "mini" && props2.showDescription && props2.description && vue.createVNode("span", {
+        "class": bem$4("description")
+      }, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props2.description])]), (props2.showArrow || props2.expandable) && vue.createVNode(Icon, {
         "name": "arrow-up",
         "class": bem$4("arrow", {
           expanded: props2.expandable && props2.modelValue
@@ -20215,7 +20350,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.34";
+const version = "0.0.36";
 function install(app) {
   const components = [
     ActionBar,
@@ -20405,9 +20540,12 @@ exports.Loading = Loading;
 exports.Locale = Locale;
 exports.LocationSelect = LocationSelect;
 exports.MaterialActionBar = MaterialActionBar;
+exports.MaterialActionList = MaterialActionList;
 exports.MaterialAdd = MaterialAdd;
 exports.MaterialDetail = MaterialDetail;
 exports.MaterialDisplayBar = MaterialDisplayBar;
+exports.MaterialPreview = MaterialPreview;
+exports.MaterialPreviewList = MaterialPreviewList;
 exports.MultiPersonSelect = MultiPersonSelect;
 exports.NavBar = NavBar;
 exports.NoticeBar = NoticeBar;