persagy-vant 0.0.35 → 0.0.37

package/lib/vant.es.js

@@ -2720,6 +2720,8 @@ const cellSharedProps = {
   title: numericProp,
   value: numericProp,
   label: numericProp,
+  description: numericProp,
+  threeLine: Boolean,
   labelSize: numericProp,
   avatar: String,
   rightAvatar: String,
@@ -2819,6 +2821,14 @@ var stdin_default$1O = defineComponent({
         }, [slots.label ? slots.label() : props2.label]);
       }
     };
+    const renderDescription = () => {
+      const showDescription = slots.description || isDef(props2.description);
+      if (showDescription) {
+        return createVNode("div", {
+          "class": bem$1B("description")
+        }, [slots.description ? slots.description() : props2.description]);
+      }
+    };
     const renderTitle = () => {
       if (slots.title || isDef(props2.title)) {
         return createVNode("div", {
@@ -2826,7 +2836,7 @@ var stdin_default$1O = defineComponent({
           "style": props2.titleStyle
         }, [createVNode("div", {
           "class": bem$1B("title-row")
-        }, [slots.title ? slots.title() : createVNode("span", null, [props2.title]), renderTags(), renderTitleIcon()]), renderLabel()]);
+        }, [slots.title ? slots.title() : createVNode("span", null, [props2.title]), renderTags(), renderTitleIcon()]), renderLabel(), props2.threeLine && renderDescription()]);
       }
     };
     const renderValue = () => {
@@ -3014,7 +3024,8 @@ var stdin_default$1O = defineComponent({
         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);
@@ -3024,7 +3035,8 @@ var stdin_default$1O = defineComponent({
         required,
         "title-bold": titleBold,
         clickable,
-        borderless: !border
+        borderless: !border,
+        "three-line": threeLine
       };
       if (cellSize) {
         classes[cellSize] = !!cellSize;
@@ -4543,7 +4555,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 +4593,11 @@ var stdin_default$1H = defineComponent({
         plain,
         round,
         size,
-        closeable
+        closeable,
+        rightIcon,
+        number,
+        showNumber,
+        numberColor
       } = props2;
       const classes = {
         mark,
@@ -4592,10 +4612,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
@@ -7985,6 +8014,7 @@ const [name$1a, bem$19] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
   inset: Boolean,
+  grayCard: Boolean,
   border: truthProp
 };
 var stdin_default$1j = defineComponent({
@@ -7999,9 +8029,10 @@ var stdin_default$1j = defineComponent({
       var _a;
       return createVNode("div", 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)]);
     };
@@ -12067,6 +12098,7 @@ const labelProps = {
   size: makeStringProp("default"),
   contentAlign: makeStringProp("follow"),
   vertical: Boolean,
+  ellipsis: Boolean,
   href: String,
   location: String,
   tags: {
@@ -12081,12 +12113,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 +12130,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 +12201,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 +13256,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 +13282,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 +13323,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 = {
@@ -14226,6 +14337,7 @@ var stdin_default$y = defineComponent({
         "label": field.label,
         "showLabel": field.showLabel,
         "showContent": field.showContent,
+        "showColon": field.showColon,
         "content": field.content,
         "type": field.type,
         "vertical": field.vertical,
@@ -14241,7 +14353,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
@@ -14263,12 +14375,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()])]);
     };
@@ -14288,8 +14400,9 @@ var stdin_default$y = defineComponent({
     }) : 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",
@@ -15475,6 +15588,15 @@ var stdin_default$s = defineComponent({
     const expandedSelected = ref(false);
     const searching = ref(false);
     const keyword = 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({}, expandedSpecialties.value, {
+          [specialty.id]: true
+        });
+      }
+    };
     const reset = () => {
       view.value = 0;
       specialtyType.value = 0;
@@ -15484,6 +15606,7 @@ var stdin_default$s = defineComponent({
       expandedSpecialties.value = {
         "strong-electricity": true
       };
+      expandOnlySpecialty();
     };
     watch(() => props2.show, (show) => show && reset(), {
       immediate: true
@@ -15551,7 +15674,7 @@ var stdin_default$s = defineComponent({
     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 createVNode("section", {
         "class": bem$n("specialty"),
         "key": specialty.id
@@ -15639,6 +15762,7 @@ var stdin_default$s = defineComponent({
         "selected": specialtyType.value === 0,
         "onClick": () => {
           specialtyType.value = 0;
+          expandOnlySpecialty();
         }
       }, {
         default: () => [createTextVNode("设备")]
@@ -15646,6 +15770,7 @@ var stdin_default$s = defineComponent({
         "selected": specialtyType.value === 1,
         "onClick": () => {
           specialtyType.value = 1;
+          expandOnlySpecialty();
         }
       }, {
         default: () => [createTextVNode("系统")]
@@ -17922,14 +18047,17 @@ const titleBarProps = {
   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 = defineComponent({
   name: name$4,
   props: titleBarProps,
-  emits: ["update:modelValue", "change", "click"],
+  emits: ["update:modelValue", "change", "click", "click-action"],
   setup(props2, {
     slots,
     emit
@@ -17941,27 +18069,55 @@ 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", {
         "class": bem$4({
           mini: props2.size === "mini",
-          expandable: props2.expandable
+          expandable: props2.expandable,
+          required: props2.required
         })
-      }, [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": "normal",
+        "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
@@ -18013,6 +18169,7 @@ function filterFiles(items, maxSize) {
   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) {
@@ -18029,6 +18186,77 @@ function isImageFile(item) {
   }
   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 = defineComponent({
   props: {
     name: numericProp,
@@ -18040,7 +18268,7 @@ var stdin_default$8 = defineComponent({
     previewSize: [Number, String, Array],
     beforeDelete: Function
   },
-  emits: ["delete", "preview"],
+  emits: ["delete", "preview", "click"],
   setup(props2, {
     emit,
     slots
@@ -18081,7 +18309,11 @@ var stdin_default$8 = defineComponent({
         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"];
@@ -18119,10 +18351,12 @@ var stdin_default$8 = defineComponent({
         imageFit,
         previewSize
       } = props2;
-      if (isImageFile(item)) {
+      const isImage2 = isImageFile(item);
+      const isVideo = isVideoFile(item);
+      if (isImage2 || isVideo && item.videoThumbnail) {
         return 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,
@@ -18134,7 +18368,8 @@ var stdin_default$8 = defineComponent({
       }
       return createVNode("div", {
         "class": bem$3("file"),
-        "style": getSizeStyle(props2.previewSize)
+        "style": getSizeStyle(props2.previewSize),
+        "onClick": onFilePreview
       }, [createVNode(Icon, {
         "class": bem$3("file-icon"),
         "name": "description"
@@ -18147,11 +18382,33 @@ var stdin_default$8 = defineComponent({
     }, [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,
@@ -18221,37 +18478,29 @@ var stdin_default$7 = defineComponent({
         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) => {
@@ -18284,7 +18533,7 @@ var stdin_default$7 = defineComponent({
     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") {
@@ -18327,6 +18576,15 @@ var stdin_default$7 = defineComponent({
         return props2.modelValue.map(renderPreviewItem);
       }
     };
+    const renderLabel = () => {
+      if (!props2.label)
+        return;
+      return createVNode("div", {
+        "class": bem$3("label")
+      }, [props2.required && createVNode("span", {
+        "class": bem$3("required")
+      }, [createTextVNode("*")]), props2.label]);
+    };
     const onClickUpload = (event) => emit("click-upload", event);
     const renderUpload = () => {
       if (props2.modelValue.length >= props2.maxCount || !props2.showUpload) {
@@ -18375,8 +18633,10 @@ var stdin_default$7 = defineComponent({
     });
     useCustomFieldValue(() => props2.modelValue);
     return () => createVNode("div", {
-      "class": bem$3()
-    }, [createVNode("div", {
+      "class": bem$3({
+        required: props2.required && !props2.label
+      })
+    }, [renderLabel(), createVNode("div", {
       "class": bem$3("wrapper", {
         disabled: props2.disabled
       })
@@ -20220,7 +20480,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.35";
+const version = "0.0.37";
 function install(app) {
   const components = [
     ActionBar,
@@ -20411,10 +20671,12 @@ export {
   Locale,
   LocationSelect,
   MaterialActionBar,
+  MaterialActionList,
   MaterialAdd,
   MaterialDetail,
   MaterialDisplayBar,
   MaterialPreview,
+  MaterialPreviewList,
   MultiPersonSelect,
   NavBar,
   NoticeBar,