persagy-vant 0.0.34 → 0.0.36

package/lib/vant.js

@@ -4889,7 +4889,11 @@
     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,
@@ -4923,7 +4927,11 @@
           plain,
           round: round2,
           size,
-          closeable
+          closeable,
+          rightIcon,
+          number,
+          showNumber,
+          numberColor
         } = props2;
         const classes = {
           mark,
@@ -4938,10 +4946,19 @@
           "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
@@ -13262,6 +13279,7 @@
     size: makeStringProp("default"),
     contentAlign: makeStringProp("follow"),
     vertical: Boolean,
+    ellipsis: Boolean,
     href: String,
     location: String,
     tags: {
@@ -13276,12 +13294,14 @@
   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";
@@ -13291,6 +13311,25 @@
         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;
@@ -13343,13 +13382,22 @@
         "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, {
@@ -14389,14 +14437,20 @@
       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;
@@ -14409,6 +14463,25 @@
           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)
@@ -14431,67 +14504,91 @@
           parts.push(text.slice(start2));
         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 = {
@@ -14513,6 +14610,7 @@
       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(() => {
@@ -14569,14 +14667,18 @@
       });
       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) => {
@@ -15411,10 +15513,12 @@
           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,
@@ -15430,7 +15534,7 @@
         route2();
       };
       const renderBar = () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         return vue.createVNode("section", {
           "class": bem$t({
             rounded: props2.rounded
@@ -15452,12 +15556,12 @@
           "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()])]);
       };
@@ -15477,7 +15581,9 @@
       }) : 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",
@@ -19104,6 +19210,8 @@
     showIcon: Boolean,
     showDescription: Boolean,
     showArrow: Boolean,
+    actionText: makeStringProp("操作"),
+    showAction: Boolean,
     size: makeStringProp("default"),
     expandable: Boolean,
     modelValue: truthProp
@@ -19111,7 +19219,7 @@
   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
@@ -19123,6 +19231,21 @@
         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", {
@@ -19130,20 +19253,32 @@
             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
@@ -23802,7 +23937,7 @@
       });
     }
   };
-  const version = "0.0.34";
+  const version = "0.0.36";
   function install(app) {
     const components = [
       ActionBar,
@@ -23992,9 +24127,12 @@
   exports2.Locale = Locale;
   exports2.LocationSelect = LocationSelect;
   exports2.MaterialActionBar = MaterialActionBar;
+  exports2.MaterialActionList = MaterialActionList;
   exports2.MaterialAdd = MaterialAdd;
   exports2.MaterialDetail = MaterialDetail;
   exports2.MaterialDisplayBar = MaterialDisplayBar;
+  exports2.MaterialPreview = MaterialPreview;
+  exports2.MaterialPreviewList = MaterialPreviewList;
   exports2.MultiPersonSelect = MultiPersonSelect;
   exports2.NavBar = NavBar;
   exports2.NoticeBar = NoticeBar;