persagy-vant 0.0.34 → 0.0.36

package/lib/vant.es.js

@@ -4543,7 +4543,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 = defineComponent({
   name: name$1y,
@@ -4577,7 +4581,11 @@ var stdin_default$1H = defineComponent({
         plain,
         round,
         size,
-        closeable
+        closeable,
+        rightIcon,
+        number,
+        showNumber,
+        numberColor
       } = props2;
       const classes = {
         mark,
@@ -4592,10 +4600,19 @@ var stdin_default$1H = defineComponent({
         "class": [bem$1u("close"), HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
+      const RightIcon = rightIcon && createVNode(Icon, {
+        "name": rightIcon,
+        "class": bem$1u("right-icon")
+      }, null);
       return createVNode("span", {
         "style": getStyle(),
         "class": bem$1u([classes, type])
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
+      }, [showNumber && number !== void 0 && createVNode("span", {
+        "class": bem$1u("number"),
+        "style": {
+          color: numberColor
+        }
+      }, [number]), (_a = slots.default) == null ? void 0 : _a.call(slots), RightIcon, CloseIcon]);
     };
     return () => createVNode(Transition, {
       "name": props2.closeable ? "van-fade" : void 0
@@ -12067,6 +12084,7 @@ const labelProps = {
   size: makeStringProp("default"),
   contentAlign: makeStringProp("follow"),
   vertical: Boolean,
+  ellipsis: Boolean,
   href: String,
   location: String,
   tags: {
@@ -12081,12 +12099,14 @@ const labelProps = {
 var stdin_default$M = defineComponent({
   name: name$E,
   props: labelProps,
-  emits: ["click", "click-media"],
+  emits: ["click", "click-media", "long-press"],
   setup(props2, {
     slots,
     emit
   }) {
+    let longPressTimer;
     const vertical = computed(() => props2.vertical || props2.type === "media");
+    const ellipsis = computed(() => props2.ellipsis && !vertical.value && !["tag", "media"].includes(props2.type));
     const displayLabel = computed(() => {
       var _a;
       const showColon = (_a = props2.showColon) != null ? _a : !vertical.value && props2.contentAlign !== "right";
@@ -12096,6 +12116,25 @@ var stdin_default$M = defineComponent({
       return `${props2.label}：`;
     });
     const showLocation = 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;
@@ -12148,13 +12187,22 @@ var stdin_default$M = 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 && 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 && createVNode("div", {
-      "class": bem$E("value")
+      "class": bem$E("value"),
+      "onPointerdown": () => startLongPress("content", props2.content),
+      "onPointerup": clearLongPress,
+      "onPointercancel": clearLongPress,
+      "onPointerleave": clearLongPress
     }, [renderContent(), showLocation.value && createVNode("div", {
       "class": bem$E("location")
     }, [createVNode(Icon, {
@@ -13194,14 +13242,20 @@ var stdin_default$E = defineComponent({
     warning: {
       type: String,
       default: ""
+    },
+    picking: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "detail"],
   setup(props2, {
+    slots,
     emit
   }) {
     const showInputDialog = ref(false);
     const inputValue = ref("");
+    let detailLongPressTimer;
     const openInputDialog = () => {
       if (!props2.enableInputDialog)
         return;
@@ -13214,6 +13268,25 @@ var stdin_default$E = 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)
@@ -13236,67 +13309,91 @@ var stdin_default$E = defineComponent({
         parts.push(text.slice(start));
       return parts;
     };
-    return () => createVNode("div", {
-      "class": bem$x({
-        selected: props2.selected
-      })
-    }, [createVNode("div", {
-      "class": bem$x("main")
-    }, [createVNode("button", {
-      "type": "button",
-      "class": bem$x("detail"),
-      "onClick": () => emit("detail", props2.item)
-    }, [createVNode("span", null, [highlight(props2.item.name)]), props2.selected && props2.item.kind && 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" ? "物资" : "工具"]
-    }), createVNode(Icon, {
-      "name": "arrow",
-      "size": "12"
-    }, null)]), createVNode("div", {
-      "class": bem$x("stepper-wrapper")
-    }, [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 && createVNode("button", {
-      "type": "button",
-      "class": bem$x("number-trigger"),
-      "aria-label": "输入数量",
-      "onClick": openInputDialog
-    }, null)]), createVNode("span", {
-      "class": bem$x("unit")
-    }, [props2.item.unit])]), createVNode("p", {
-      "class": bem$x("desc")
-    }, [highlight(props2.item.detail)]), props2.showWarning && props2.warning && createVNode("p", {
-      "class": bem$x("warning")
-    }, [props2.warning]), 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)]);
+    onBeforeUnmount(clearDetailLongPress);
+    return () => {
+      var _a, _b, _c, _d, _e;
+      return createVNode("div", {
+        "class": bem$x({
+          selected: props2.selected
+        })
+      }, [createVNode("div", {
+        "class": bem$x("main")
+      }, [createVNode("button", {
+        "type": "button",
+        "class": bem$x("detail"),
+        "onClick": () => emit("detail", props2.item)
+      }, [createVNode("span", null, [highlight(props2.item.name)]), props2.selected && props2.item.kind && 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" ? "物资" : "工具"]
+      }), createVNode(Icon, {
+        "name": "arrow",
+        "size": "12"
+      }, null)]), (((_a = props2.picking) == null ? void 0 : _a.quantityLabel) || slots["stepper-prefix"]) && 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))]), createVNode("div", {
+        "class": bem$x("stepper-wrapper")
+      }, [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 && createVNode("button", {
+        "type": "button",
+        "class": bem$x("number-trigger"),
+        "aria-label": "输入数量",
+        "onClick": openInputDialog
+      }, null)]), createVNode("span", {
+        "class": bem$x("unit")
+      }, [props2.item.unit])]), 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 && createVNode("p", {
+        "class": bem$x("warning")
+      }, [props2.warning]), ((_d = props2.picking) == null ? void 0 : _d.outboundValue) !== void 0 && createVNode("p", {
+        "class": bem$x("picking-outbound")
+      }, [createVNode("span", {
+        "class": bem$x("picking-label")
+      }, [props2.picking.outboundLabel || "应出："]), 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), 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 = {
@@ -13318,6 +13415,7 @@ var stdin_default$C = defineComponent({
     const usageExpanded = ref(true);
     const noticeExpanded = ref(true);
     const bannerIndex = ref(0);
+    const swipeRef = ref();
     const item = computed(() => props2.item);
     const close = () => emit("update:show", false);
     const infoRows = computed(() => {
@@ -13374,14 +13472,18 @@ var stdin_default$C = defineComponent({
     });
     const displayImages = computed(() => props2.images.length ? props2.images : defaultImages);
     return () => createVNode(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 ? createVNode("div", {
         "class": bem$w()
       }, [createVNode("div", {
         "class": bem$w("banner")
       }, [createVNode(Swipe, {
-        "loop": false,
+        "ref": swipeRef,
         "showIndicators": false,
         "class": bem$w("swipe"),
         "onChange": (index) => {
@@ -14216,10 +14318,12 @@ var stdin_default$y = defineComponent({
         return;
       return 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,
@@ -14235,7 +14339,7 @@ var stdin_default$y = defineComponent({
       route2();
     };
     const renderBar = () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       return createVNode("section", {
         "class": bem$t({
           rounded: props2.rounded
@@ -14257,12 +14361,12 @@ var stdin_default$y = defineComponent({
         "class": bem$t("quantity")
       }, [((_b = slots.quantity) == null ? void 0 : _b.call(slots)) || createVNode(Fragment, null, [props2.quantityLabel && createVNode("span", {
         "class": bem$t("quantity-label")
-      }, [props2.quantityLabel]), createVNode("strong", null, [props2.quantity]), props2.unit && createVNode("span", null, [props2.unit])])])]), props2.fields.filter((field) => field.visible !== false).length > 0 && createVNode("div", {
+      }, [props2.quantityLabel]), createVNode("strong", null, [props2.quantity]), props2.unit && createVNode("span", null, [props2.unit])]), (_c = slots["quantity-suffix"]) == null ? void 0 : _c.call(slots)])]), props2.fields.filter((field) => field.visible !== false).length > 0 && createVNode("div", {
         "class": bem$t("fields")
       }, [props2.fields.map(renderField)])]), props2.divider && createVNode(Divider, {
         "hairline": true,
         "class": bem$t("divider")
-      }, null), ((_c = slots.default) == null ? void 0 : _c.call(slots)) && createVNode("div", {
+      }, null), ((_d = slots.default) == null ? void 0 : _d.call(slots)) && createVNode("div", {
         "class": bem$t("bottom")
       }, [slots.default()])]);
     };
@@ -14282,7 +14386,9 @@ var stdin_default$y = 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",
@@ -17915,6 +18021,8 @@ const titleBarProps = {
   showIcon: Boolean,
   showDescription: Boolean,
   showArrow: Boolean,
+  actionText: makeStringProp("操作"),
+  showAction: Boolean,
   size: makeStringProp("default"),
   expandable: Boolean,
   modelValue: truthProp
@@ -17922,7 +18030,7 @@ const titleBarProps = {
 var stdin_default$9 = defineComponent({
   name: name$4,
   props: titleBarProps,
-  emits: ["update:modelValue", "change", "click"],
+  emits: ["update:modelValue", "change", "click", "click-action"],
   setup(props2, {
     slots,
     emit
@@ -17934,6 +18042,21 @@ var stdin_default$9 = 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 createVNode("section", {
@@ -17941,20 +18064,32 @@ var stdin_default$9 = defineComponent({
           mini: props2.size === "mini",
           expandable: props2.expandable
         })
-      }, [createVNode("button", {
-        "type": "button",
+      }, [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 && createVNode(Icon, {
         "name": props2.icon,
         "class": bem$4("icon")
       }, null), createVNode("span", {
         "class": bem$4("text")
-      }, [createVNode("strong", null, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || props2.title]), props2.size !== "mini" && props2.showDescription && props2.description && createVNode("span", null, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props2.description])]), (props2.showArrow || props2.expandable) && createVNode(Icon, {
+      }, [createVNode("span", {
+        "class": bem$4("title-row")
+      }, [createVNode("strong", null, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || props2.title]), props2.showAction && props2.actionText && createVNode("span", {
+        "class": bem$4("action")
+      }, [createVNode("i", {
+        "class": bem$4("action-divider")
+      }, null), createVNode(Button, {
+        "type": "text",
+        "size": "small",
+        "text": props2.actionText,
+        "onClick": onActionClick
+      }, null)])]), props2.size !== "mini" && props2.showDescription && props2.description && createVNode("span", {
+        "class": bem$4("description")
+      }, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props2.description])]), (props2.showArrow || props2.expandable) && createVNode(Icon, {
         "name": "arrow-up",
         "class": bem$4("arrow", {
           expanded: props2.expandable && props2.modelValue
@@ -20213,7 +20348,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.34";
+const version = "0.0.36";
 function install(app) {
   const components = [
     ActionBar,
@@ -20404,9 +20539,12 @@ export {
   Locale,
   LocationSelect,
   MaterialActionBar,
+  MaterialActionList,
   MaterialAdd,
   MaterialDetail,
   MaterialDisplayBar,
+  MaterialPreview,
+  MaterialPreviewList,
   MultiPersonSelect,
   NavBar,
   NoticeBar,