persagy-vant 0.0.35 → 0.0.37

package/lib/vant.js

@@ -3069,6 +3069,8 @@
     title: numericProp,
     value: numericProp,
     label: numericProp,
+    description: numericProp,
+    threeLine: Boolean,
     labelSize: numericProp,
     avatar: String,
     rightAvatar: String,
@@ -3168,6 +3170,14 @@
           }, [slots.label ? slots.label() : props2.label]);
         }
       };
+      const renderDescription = () => {
+        const showDescription = slots.description || isDef(props2.description);
+        if (showDescription) {
+          return vue.createVNode("div", {
+            "class": bem$1B("description")
+          }, [slots.description ? slots.description() : props2.description]);
+        }
+      };
       const renderTitle = () => {
         if (slots.title || isDef(props2.title)) {
           return vue.createVNode("div", {
@@ -3175,7 +3185,7 @@
             "style": props2.titleStyle
           }, [vue.createVNode("div", {
             "class": bem$1B("title-row")
-          }, [slots.title ? slots.title() : vue.createVNode("span", null, [props2.title]), renderTags(), renderTitleIcon()]), renderLabel()]);
+          }, [slots.title ? slots.title() : vue.createVNode("span", null, [props2.title]), renderTags(), renderTitleIcon()]), renderLabel(), props2.threeLine && renderDescription()]);
         }
       };
       const renderValue = () => {
@@ -3363,7 +3373,8 @@
           isLink,
           required,
           rightIcon,
-          titleBold
+          titleBold,
+          threeLine
         } = props2;
         const clickable = (_a2 = props2.clickable) != null ? _a2 : isLink || rightIcon === "arrow" || hasSelect("left") || hasSelect("right");
         const hasBadge = !!slots.badge || isDef(props2.badge);
@@ -3373,7 +3384,8 @@
           required,
           "title-bold": titleBold,
           clickable,
-          borderless: !border
+          borderless: !border,
+          "three-line": threeLine
         };
         if (cellSize) {
           classes[cellSize] = !!cellSize;
@@ -4889,7 +4901,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 +4939,11 @@
           plain,
           round: round2,
           size,
-          closeable
+          closeable,
+          rightIcon,
+          number,
+          showNumber,
+          numberColor
         } = props2;
         const classes = {
           mark,
@@ -4938,10 +4958,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
@@ -9209,6 +9238,7 @@
   const cellGroupProps = {
     title: String,
     inset: Boolean,
+    grayCard: Boolean,
     border: truthProp
   };
   var stdin_default$1j = vue.defineComponent({
@@ -9223,9 +9253,10 @@
         var _a;
         return vue.createVNode("div", vue.mergeProps({
           "class": [bem$19({
-            inset: props2.inset
+            inset: props2.inset,
+            "gray-card": props2.grayCard
           }), {
-            [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
+            [BORDER_TOP_BOTTOM]: props2.border && !props2.inset && !props2.grayCard
           }]
         }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
@@ -13262,6 +13293,7 @@
     size: makeStringProp("default"),
     contentAlign: makeStringProp("follow"),
     vertical: Boolean,
+    ellipsis: Boolean,
     href: String,
     location: String,
     tags: {
@@ -13276,12 +13308,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 +13325,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 +13396,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 +14451,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 +14477,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 +14518,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 = {
@@ -15421,6 +15532,7 @@
           "label": field.label,
           "showLabel": field.showLabel,
           "showContent": field.showContent,
+          "showColon": field.showColon,
           "content": field.content,
           "type": field.type,
           "vertical": field.vertical,
@@ -15436,7 +15548,7 @@
         route2();
       };
       const renderBar = () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         return vue.createVNode("section", {
           "class": bem$t({
             rounded: props2.rounded
@@ -15458,12 +15570,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()])]);
       };
@@ -15483,8 +15595,9 @@
       }) : renderBar();
     }
   });
-  const MaterialPreview = withInstall(stdin_default$y);
-  const MaterialDisplayBar = MaterialPreview;
+  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",
@@ -16670,6 +16783,15 @@
       const expandedSelected = vue.ref(false);
       const searching = vue.ref(false);
       const keyword = vue.ref("");
+      const currentSpecialtyItems = (specialty) => specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
+      const expandOnlySpecialty = () => {
+        if (props2.specialties.length === 1) {
+          const [specialty] = props2.specialties;
+          expandedSpecialties.value = extend$1({}, expandedSpecialties.value, {
+            [specialty.id]: true
+          });
+        }
+      };
       const reset = () => {
         view.value = 0;
         specialtyType.value = 0;
@@ -16679,6 +16801,7 @@
         expandedSpecialties.value = {
           "strong-electricity": true
         };
+        expandOnlySpecialty();
       };
       vue.watch(() => props2.show, (show) => show && reset(), {
         immediate: true
@@ -16746,7 +16869,7 @@
       const renderSpecialty = (specialty) => {
         var _a;
         const expanded = (_a = expandedSpecialties.value[specialty.id]) != null ? _a : false;
-        const items = specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
+        const items = currentSpecialtyItems(specialty);
         return vue.createVNode("section", {
           "class": bem$n("specialty"),
           "key": specialty.id
@@ -16834,6 +16957,7 @@
           "selected": specialtyType.value === 0,
           "onClick": () => {
             specialtyType.value = 0;
+            expandOnlySpecialty();
           }
         }, {
           default: () => [vue.createTextVNode("设备")]
@@ -16841,6 +16965,7 @@
           "selected": specialtyType.value === 1,
           "onClick": () => {
             specialtyType.value = 1;
+            expandOnlySpecialty();
           }
         }, {
           default: () => [vue.createTextVNode("系统")]
@@ -19111,14 +19236,17 @@
     showIcon: Boolean,
     showDescription: Boolean,
     showArrow: Boolean,
+    actionText: makeStringProp("操作"),
+    showAction: Boolean,
     size: makeStringProp("default"),
     expandable: Boolean,
-    modelValue: truthProp
+    modelValue: truthProp,
+    required: Boolean
   };
   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
@@ -19130,27 +19258,55 @@
         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", {
           "class": bem$4({
             mini: props2.size === "mini",
-            expandable: props2.expandable
+            expandable: props2.expandable,
+            required: props2.required
           })
-        }, [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": "normal",
+          "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
@@ -19202,6 +19358,7 @@
     return { valid, invalid };
   }
   const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+  const VIDEO_REGEXP = /\.(mp4|webm|ogg|mov)(?:$|\?)/i;
   const isImageUrl = (url) => IMAGE_REGEXP.test(url);
   function isImageFile(item) {
     if (item.isImage) {
@@ -19218,6 +19375,77 @@
     }
     return false;
   }
+  function isVideoFile(item) {
+    var _a;
+    if ((_a = item.file) == null ? void 0 : _a.type) {
+      return item.file.type.indexOf("video/") === 0;
+    }
+    if (item.url) {
+      return VIDEO_REGEXP.test(item.url);
+    }
+    return typeof item.content === "string" && item.content.indexOf("data:video") === 0;
+  }
+  function createVideoThumbnail(file) {
+    if (typeof document === "undefined" || typeof URL === "undefined" || typeof URL.createObjectURL !== "function") {
+      return Promise.resolve(void 0);
+    }
+    return new Promise((resolve) => {
+      const video = document.createElement("video");
+      const objectUrl = URL.createObjectURL(file);
+      let settled = false;
+      let timeout;
+      const cleanup = () => {
+        if (timeout !== void 0) {
+          window.clearTimeout(timeout);
+        }
+        URL.revokeObjectURL(objectUrl);
+        video.removeAttribute("src");
+        try {
+          video.load();
+        } catch (e) {
+        }
+      };
+      const done = (thumbnail) => {
+        if (settled)
+          return;
+        settled = true;
+        cleanup();
+        resolve(thumbnail);
+      };
+      const captureFrame = () => {
+        if (!video.videoWidth || !video.videoHeight) {
+          done();
+          return;
+        }
+        const canvas = document.createElement("canvas");
+        canvas.width = video.videoWidth;
+        canvas.height = video.videoHeight;
+        const context = canvas.getContext("2d");
+        if (!context) {
+          done();
+          return;
+        }
+        context.drawImage(video, 0, 0, canvas.width, canvas.height);
+        done(canvas.toDataURL("image/jpeg", 0.8));
+      };
+      video.muted = true;
+      video.playsInline = true;
+      video.preload = "auto";
+      video.onloadedmetadata = () => {
+        const duration = Number.isFinite(video.duration) ? video.duration : 0.1;
+        const frameTime = Math.min(0.1, Math.max(duration - 0.01, 0));
+        if (frameTime) {
+          video.currentTime = frameTime;
+        } else {
+          captureFrame();
+        }
+      };
+      video.onseeked = captureFrame;
+      video.onerror = () => done();
+      video.src = objectUrl;
+      timeout = window.setTimeout(() => done(), 3e3);
+    });
+  }
   var stdin_default$8 = vue.defineComponent({
     props: {
       name: numericProp,
@@ -19229,7 +19457,7 @@
       previewSize: [Number, String, Array],
       beforeDelete: Function
     },
-    emits: ["delete", "preview"],
+    emits: ["delete", "preview", "click"],
     setup(props2, {
       emit,
       slots
@@ -19270,7 +19498,11 @@
           done: () => emit("delete")
         });
       };
-      const onPreview = () => emit("preview");
+      const onPreview = () => {
+        emit("preview");
+        emit("click");
+      };
+      const onFilePreview = () => emit("click");
       const renderDeleteIcon = () => {
         if (props2.deletable && props2.item.status !== "uploading") {
           const slot = slots["preview-delete"];
@@ -19308,10 +19540,12 @@
           imageFit,
           previewSize
         } = props2;
-        if (isImageFile(item)) {
+        const isImage2 = isImageFile(item);
+        const isVideo = isVideoFile(item);
+        if (isImage2 || isVideo && item.videoThumbnail) {
           return vue.createVNode(Image$1, {
             "fit": imageFit,
-            "src": item.content || item.url,
+            "src": isVideo ? item.videoThumbnail : item.content || item.url,
             "class": bem$3("preview-image"),
             "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
             "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
@@ -19323,7 +19557,8 @@
         }
         return vue.createVNode("div", {
           "class": bem$3("file"),
-          "style": getSizeStyle(props2.previewSize)
+          "style": getSizeStyle(props2.previewSize),
+          "onClick": onFilePreview
         }, [vue.createVNode(Icon, {
           "class": bem$3("file-icon"),
           "name": "description"
@@ -19336,11 +19571,33 @@
       }, [renderPreview(), renderMask(), renderDeleteIcon()]);
     }
   });
+  var __async$1 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   const uploaderProps = {
     name: makeNumericProp(""),
     accept: makeStringProp("image/*"),
     capture: String,
     multiple: Boolean,
+    label: String,
+    required: Boolean,
     disabled: Boolean,
     readonly: Boolean,
     lazyLoad: Boolean,
@@ -19410,37 +19667,29 @@
           modelValue,
           resultType
         } = props2;
+        const createFileItem = (file) => __async$1(this, null, function* () {
+          const content = yield readFileContent(file, resultType);
+          const result = {
+            file,
+            status: "",
+            message: ""
+          };
+          if (content) {
+            result.content = content;
+          }
+          if (isVideoFile(result)) {
+            result.videoThumbnail = yield createVideoThumbnail(file);
+          }
+          return result;
+        });
         if (Array.isArray(files)) {
           const remainCount = +maxCount - modelValue.length;
           if (files.length > remainCount) {
             files = files.slice(0, remainCount);
           }
-          Promise.all(files.map((file) => readFileContent(file, resultType))).then((contents) => {
-            const fileList = files.map((file, index) => {
-              const result = {
-                file,
-                status: "",
-                message: ""
-              };
-              if (contents[index]) {
-                result.content = contents[index];
-              }
-              return result;
-            });
-            onAfterRead(fileList);
-          });
+          Promise.all(files.map(createFileItem)).then(onAfterRead);
         } else {
-          readFileContent(files, resultType).then((content) => {
-            const result = {
-              file: files,
-              status: "",
-              message: ""
-            };
-            if (content) {
-              result.content = content;
-            }
-            onAfterRead(result);
-          });
+          createFileItem(files).then(onAfterRead);
         }
       };
       const onChange = (event) => {
@@ -19473,7 +19722,7 @@
       let imagePreview;
       const onClosePreview = () => emit("close-preview");
       const previewImage = (item) => {
-        if (props2.previewFullImage) {
+        if (props2.previewFullImage && isImageFile(item)) {
           const imageFiles = props2.modelValue.filter(isImageFile);
           const images = imageFiles.map((item2) => {
             if (item2.file && !item2.url && item2.status !== "failed") {
@@ -19516,6 +19765,15 @@
           return props2.modelValue.map(renderPreviewItem);
         }
       };
+      const renderLabel = () => {
+        if (!props2.label)
+          return;
+        return vue.createVNode("div", {
+          "class": bem$3("label")
+        }, [props2.required && vue.createVNode("span", {
+          "class": bem$3("required")
+        }, [vue.createTextVNode("*")]), props2.label]);
+      };
       const onClickUpload = (event) => emit("click-upload", event);
       const renderUpload = () => {
         if (props2.modelValue.length >= props2.maxCount || !props2.showUpload) {
@@ -19564,8 +19822,10 @@
       });
       useCustomFieldValue(() => props2.modelValue);
       return () => vue.createVNode("div", {
-        "class": bem$3()
-      }, [vue.createVNode("div", {
+        "class": bem$3({
+          required: props2.required && !props2.label
+        })
+      }, [renderLabel(), vue.createVNode("div", {
         "class": bem$3("wrapper", {
           disabled: props2.disabled
         })
@@ -23809,7 +24069,7 @@
       });
     }
   };
-  const version = "0.0.35";
+  const version = "0.0.37";
   function install(app) {
     const components = [
       ActionBar,
@@ -23999,10 +24259,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;