persagy-vant 0.0.36 → 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;
@@ -9226,6 +9238,7 @@
   const cellGroupProps = {
     title: String,
     inset: Boolean,
+    grayCard: Boolean,
     border: truthProp
   };
   var stdin_default$1j = vue.defineComponent({
@@ -9240,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)]);
       };
@@ -16769,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;
@@ -16778,6 +16801,7 @@
         expandedSpecialties.value = {
           "strong-electricity": true
         };
+        expandOnlySpecialty();
       };
       vue.watch(() => props2.show, (show) => show && reset(), {
         immediate: true
@@ -16845,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
@@ -16933,6 +16957,7 @@
           "selected": specialtyType.value === 0,
           "onClick": () => {
             specialtyType.value = 0;
+            expandOnlySpecialty();
           }
         }, {
           default: () => [vue.createTextVNode("设备")]
@@ -16940,6 +16965,7 @@
           "selected": specialtyType.value === 1,
           "onClick": () => {
             specialtyType.value = 1;
+            expandOnlySpecialty();
           }
         }, {
           default: () => [vue.createTextVNode("系统")]
@@ -19214,7 +19240,8 @@
     showAction: Boolean,
     size: makeStringProp("default"),
     expandable: Boolean,
-    modelValue: truthProp
+    modelValue: truthProp,
+    required: Boolean
   };
   var stdin_default$9 = vue.defineComponent({
     name: name$4,
@@ -19251,7 +19278,8 @@
         return vue.createVNode("section", {
           "class": bem$4({
             mini: props2.size === "mini",
-            expandable: props2.expandable
+            expandable: props2.expandable,
+            required: props2.required
           })
         }, [vue.createVNode("div", {
           "class": bem$4("header"),
@@ -19273,7 +19301,7 @@
           "class": bem$4("action-divider")
         }, null), vue.createVNode(Button, {
           "type": "text",
-          "size": "small",
+          "size": "normal",
           "text": props2.actionText,
           "onClick": onActionClick
         }, null)])]), props2.size !== "mini" && props2.showDescription && props2.description && vue.createVNode("span", {
@@ -19330,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) {
@@ -19346,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,
@@ -19357,7 +19457,7 @@
       previewSize: [Number, String, Array],
       beforeDelete: Function
     },
-    emits: ["delete", "preview"],
+    emits: ["delete", "preview", "click"],
     setup(props2, {
       emit,
       slots
@@ -19398,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"];
@@ -19436,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,
@@ -19451,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"
@@ -19464,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,
@@ -19538,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) => {
@@ -19601,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") {
@@ -19644,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) {
@@ -19692,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
         })
@@ -23937,7 +24069,7 @@
       });
     }
   };
-  const version = "0.0.36";
+  const version = "0.0.37";
   function install(app) {
     const components = [
       ActionBar,