persagy-vant 0.0.36 → 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;
@@ -8002,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({
@@ -8016,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)]);
     };
@@ -15574,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;
@@ -15583,6 +15606,7 @@ var stdin_default$s = defineComponent({
       expandedSpecialties.value = {
         "strong-electricity": true
       };
+      expandOnlySpecialty();
     };
     watch(() => props2.show, (show) => show && reset(), {
       immediate: true
@@ -15650,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
@@ -15738,6 +15762,7 @@ var stdin_default$s = defineComponent({
         "selected": specialtyType.value === 0,
         "onClick": () => {
           specialtyType.value = 0;
+          expandOnlySpecialty();
         }
       }, {
         default: () => [createTextVNode("设备")]
@@ -15745,6 +15770,7 @@ var stdin_default$s = defineComponent({
         "selected": specialtyType.value === 1,
         "onClick": () => {
           specialtyType.value = 1;
+          expandOnlySpecialty();
         }
       }, {
         default: () => [createTextVNode("系统")]
@@ -18025,7 +18051,8 @@ const titleBarProps = {
   showAction: Boolean,
   size: makeStringProp("default"),
   expandable: Boolean,
-  modelValue: truthProp
+  modelValue: truthProp,
+  required: Boolean
 };
 var stdin_default$9 = defineComponent({
   name: name$4,
@@ -18062,7 +18089,8 @@ var stdin_default$9 = defineComponent({
       return createVNode("section", {
         "class": bem$4({
           mini: props2.size === "mini",
-          expandable: props2.expandable
+          expandable: props2.expandable,
+          required: props2.required
         })
       }, [createVNode("div", {
         "class": bem$4("header"),
@@ -18084,7 +18112,7 @@ var stdin_default$9 = defineComponent({
         "class": bem$4("action-divider")
       }, null), createVNode(Button, {
         "type": "text",
-        "size": "small",
+        "size": "normal",
         "text": props2.actionText,
         "onClick": onActionClick
       }, null)])]), props2.size !== "mini" && props2.showDescription && props2.description && createVNode("span", {
@@ -18141,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) {
@@ -18157,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,
@@ -18168,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
@@ -18209,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"];
@@ -18247,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,
@@ -18262,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"
@@ -18275,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,
@@ -18349,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) => {
@@ -18412,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") {
@@ -18455,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) {
@@ -18503,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
       })
@@ -20348,7 +20480,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.36";
+const version = "0.0.37";
 function install(app) {
   const components = [
     ActionBar,