persagy-vant 0.0.42 → 0.0.43

package/lib/index.d.ts

@@ -117,4 +117,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.42";
+export const version: "0.0.43";

package/lib/index.js

@@ -248,7 +248,7 @@ __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video-preview"), module.exports);
 __reExport(stdin_exports, require("./work-order-card"), module.exports);
 __reExport(stdin_exports, require("./work-order-filter"), module.exports);
-const version = "0.0.42";
+const version = "0.0.43";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/locale/lang/en-US.d.ts

@@ -63,5 +63,11 @@ declare const _default: {
     vanTabs: {
         moreTitle: string;
     };
+    vanUploader: {
+        sourcePickerTitle: string;
+        takePhoto: string;
+        recordVideo: string;
+        chooseFromAlbum: string;
+    };
 };
 export default _default;

package/lib/locale/lang/en-US.js

@@ -84,5 +84,11 @@ var stdin_default = {
   },
   vanTabs: {
     moreTitle: "More tabs"
+  },
+  vanUploader: {
+    sourcePickerTitle: "Choose upload source",
+    takePhoto: "Take photo",
+    recordVideo: "Record video",
+    chooseFromAlbum: "Choose from album"
   }
 };

package/lib/locale/lang/zh-CN.d.ts

@@ -63,5 +63,11 @@ declare const _default: {
     vanTabs: {
         moreTitle: string;
     };
+    vanUploader: {
+        sourcePickerTitle: string;
+        takePhoto: string;
+        recordVideo: string;
+        chooseFromAlbum: string;
+    };
 };
 export default _default;

package/lib/locale/lang/zh-CN.js

@@ -84,5 +84,11 @@ var stdin_default = {
   },
   vanTabs: {
     moreTitle: "\u66F4\u591A\u6807\u7B7E"
+  },
+  vanUploader: {
+    sourcePickerTitle: "\u9009\u62E9\u4E0A\u4F20\u65B9\u5F0F",
+    takePhoto: "\u62CD\u7167",
+    recordVideo: "\u62CD\u89C6\u9891",
+    chooseFromAlbum: "\u4ECE\u76F8\u518C\u9009\u62E9"
   }
 };

package/lib/uploader/Uploader.d.ts

@@ -14,6 +14,7 @@ declare const uploaderProps: {
     };
     capture: StringConstructor;
     multiple: BooleanConstructor;
+    sourcePicker: BooleanConstructor;
     label: StringConstructor;
     required: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -79,6 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     capture: StringConstructor;
     multiple: BooleanConstructor;
+    sourcePicker: BooleanConstructor;
     label: StringConstructor;
     required: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -131,7 +133,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview" | "select-source")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview" | "select-source", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -142,6 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     capture: StringConstructor;
     multiple: BooleanConstructor;
+    sourcePicker: BooleanConstructor;
     label: StringConstructor;
     required: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -201,6 +204,7 @@ declare const _default: import("vue").DefineComponent<{
     "onClick-upload"?: ((...args: any[]) => any) | undefined;
     "onClose-preview"?: ((...args: any[]) => any) | undefined;
     "onClick-preview"?: ((...args: any[]) => any) | undefined;
+    "onSelect-source"?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
     name: string | number;
@@ -210,6 +214,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     multiple: boolean;
     lazyLoad: boolean;
+    sourcePicker: boolean;
     maxCount: string | number;
     imageFit: ImageFit;
     resultType: UploaderResultType;

package/lib/uploader/Uploader.js

@@ -56,6 +56,7 @@ var import_utils2 = require("./utils");
 var import_use = require("@vant/use");
 var import_use_expose = require("../composables/use-expose");
 var import_icon = require("../icon");
+var import_action_sheet = require("../action-sheet");
 var import_image_preview = require("../image-preview");
 var import_UploaderPreviewItem = __toESM(require("./UploaderPreviewItem"));
 const uploaderProps = {
@@ -63,6 +64,7 @@ const uploaderProps = {
   accept: (0, import_utils.makeStringProp)("image/*"),
   capture: String,
   multiple: Boolean,
+  sourcePicker: Boolean,
   label: String,
   required: Boolean,
   disabled: Boolean,
@@ -92,21 +94,26 @@ const uploaderProps = {
 var stdin_default = (0, import_vue.defineComponent)({
   name: import_utils2.name,
   props: uploaderProps,
-  emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "update:modelValue"],
+  emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "select-source", "update:modelValue"],
   setup(props, {
     emit,
     slots
   }) {
     const inputRef = (0, import_vue.ref)();
+    const cameraInputRef = (0, import_vue.ref)();
+    const videoInputRef = (0, import_vue.ref)();
+    const sourcePickerVisible = (0, import_vue.ref)(false);
     const urls = [];
     const getDetail = (index = props.modelValue.length) => ({
       name: props.name,
       index
     });
     const resetInput = () => {
-      if (inputRef.value) {
-        inputRef.value.value = "";
-      }
+      [inputRef, cameraInputRef, videoInputRef].forEach((input) => {
+        if (input.value) {
+          input.value.value = "";
+        }
+      });
     };
     const onAfterRead = (items) => {
       resetInput();
@@ -242,21 +249,69 @@ var stdin_default = (0, import_vue.defineComponent)({
         "class": (0, import_utils2.bem)("required")
       }, [(0, import_vue.createTextVNode)("*")]), props.label]);
     };
-    const onClickUpload = (event) => emit("click-upload", event);
+    const acceptTypes = () => props.accept.split(",").map((type) => type.trim().toLowerCase()).filter(Boolean);
+    const acceptsMediaType = (type) => acceptTypes().some((accept) => accept === `${type}/*` || accept.startsWith(`${type}/`));
+    const triggerInput = (source) => {
+      const target = source === "camera" ? cameraInputRef.value : source === "video" ? videoInputRef.value : inputRef.value;
+      if (target && !props.disabled && !props.readonly) {
+        emit("select-source", source);
+        target.click();
+      }
+    };
+    const onClickUpload = (event) => {
+      emit("click-upload", event);
+      if (props.sourcePicker && !props.disabled && !props.readonly) {
+        sourcePickerVisible.value = true;
+      }
+    };
+    const renderInput = (input, accept, capture, multiple = false, hidden = false) => (0, import_vue.createVNode)("input", {
+      "ref": input,
+      "type": "file",
+      "class": (0, import_utils2.bem)("input", {
+        hidden
+      }),
+      "accept": accept,
+      "capture": capture,
+      "multiple": multiple,
+      "disabled": props.disabled,
+      "onChange": onChange
+    }, null);
+    const renderSourcePicker = () => {
+      if (!props.sourcePicker)
+        return;
+      const actions = [];
+      if (acceptsMediaType("image")) {
+        actions.push({
+          name: (0, import_utils2.t)("takePhoto"),
+          callback: () => triggerInput("camera")
+        });
+      }
+      if (acceptsMediaType("video")) {
+        actions.push({
+          name: (0, import_utils2.t)("recordVideo"),
+          callback: () => triggerInput("video")
+        });
+      }
+      actions.push({
+        name: (0, import_utils2.t)("chooseFromAlbum"),
+        callback: () => triggerInput("album")
+      });
+      return (0, import_vue.createVNode)(import_action_sheet.ActionSheet, {
+        "show": sourcePickerVisible.value,
+        "title": (0, import_utils2.t)("sourcePickerTitle"),
+        "actions": actions,
+        "contentAdaptive": true,
+        "closeOnClickAction": true,
+        "onUpdate:show": (show) => {
+          sourcePickerVisible.value = show;
+        }
+      }, null);
+    };
     const renderUpload = () => {
       if (props.modelValue.length >= props.maxCount || !props.showUpload) {
         return;
       }
-      const Input = props.readonly ? null : (0, import_vue.createVNode)("input", {
-        "ref": inputRef,
-        "type": "file",
-        "class": (0, import_utils2.bem)("input"),
-        "accept": props.accept,
-        "capture": props.capture,
-        "multiple": props.multiple,
-        "disabled": props.disabled,
-        "onChange": onChange
-      }, null);
+      const Input = props.readonly ? null : props.sourcePicker ? [renderInput(inputRef, props.accept, void 0, props.multiple, true), acceptsMediaType("image") && renderInput(cameraInputRef, "image/*", props.capture || "environment", false, true), acceptsMediaType("video") && renderInput(videoInputRef, "video/*", props.capture || "environment", false, true)] : renderInput(inputRef, props.accept, props.capture, props.multiple);
       if (slots.default) {
         return (0, import_vue.createVNode)("div", {
           "class": (0, import_utils2.bem)("input-wrapper"),
@@ -276,8 +331,14 @@ var stdin_default = (0, import_vue.defineComponent)({
         "class": (0, import_utils2.bem)("upload-text")
       }, [props.uploadText]), Input]);
     };
-    const chooseFile = () => {
-      if (inputRef.value && !props.disabled) {
+    const chooseFile = (source) => {
+      if (props.disabled || props.readonly)
+        return;
+      if (source) {
+        triggerInput(source);
+      } else if (props.sourcePicker) {
+        sourcePickerVisible.value = true;
+      } else if (inputRef.value) {
         inputRef.value.click();
       }
     };
@@ -297,6 +358,6 @@ var stdin_default = (0, import_vue.defineComponent)({
       "class": (0, import_utils2.bem)("wrapper", {
         disabled: props.disabled
       })
-    }, [props.uploadFirst ? (0, import_vue.createVNode)(import_vue.Fragment, null, [renderUpload(), renderPreviewList()]) : (0, import_vue.createVNode)(import_vue.Fragment, null, [renderPreviewList(), renderUpload()])])]);
+    }, [props.uploadFirst ? (0, import_vue.createVNode)(import_vue.Fragment, null, [renderUpload(), renderPreviewList()]) : (0, import_vue.createVNode)(import_vue.Fragment, null, [renderPreviewList(), renderUpload()])]), renderSourcePicker()]);
   }
 });

package/lib/uploader/index.css

@@ -1 +1 @@
-:root{--van-uploader-size: 72px;--van-uploader-border-radius: 8px;--van-uploader-border: 1px solid var(--van-grey-50);--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background-color: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background-color: rgba(0, 0, 0, .7);--van-uploader-file-background-color: var(--van-background-color);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background-color: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity);--van-uploader-required-color: var(--van-danger-color);--van-uploader-label-color: var(--van-text-color);--van-uploader-label-font-size: var(--van-font-size-md);--van-uploader-label-line-height: var(--van-line-height-md);--van-uploader-label-margin-bottom: var(--van-padding-sm)}.van-uploader{position:relative;display:inline-block}.van-uploader--required:before{position:absolute;top:0;left:calc(-1 * var(--van-padding-sm));color:var(--van-uploader-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);content:"*"}.van-uploader__label{position:relative;margin-bottom:var(--van-uploader-label-margin-bottom);color:var(--van-uploader-label-color);font-size:var(--van-uploader-label-font-size);line-height:var(--van-uploader-label-line-height)}.van-uploader__required{position:absolute;top:0;left:calc(-1 * (var(--van-padding-md) - var(--van-padding-xs)));color:var(--van-uploader-required-color)}.van-uploader__wrapper{display:flex;flex-wrap:wrap;gap:var(--van-padding-xs)}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-upload-background-color);border-radius:var(--van-uploader-border-radius);border:var(--van-uploader-border)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;cursor:pointer;border-radius:var(--van-uploader-border-radius);overflow:hidden}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);border-radius:var(--van-uploader-border-radius);border:var(--van-uploader-border);overflow:hidden;box-sizing:border-box}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color);border-radius:var(--van-uploader-border-radius);border:var(--van-uploader-border)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+:root{--van-uploader-size: 72px;--van-uploader-border-radius: 8px;--van-uploader-border: 1px solid var(--van-grey-50);--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background-color: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background-color: rgba(0, 0, 0, .7);--van-uploader-file-background-color: var(--van-background-color);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background-color: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity);--van-uploader-required-color: var(--van-danger-color);--van-uploader-label-color: var(--van-text-color);--van-uploader-label-font-size: var(--van-font-size-md);--van-uploader-label-line-height: var(--van-line-height-md);--van-uploader-label-margin-bottom: var(--van-padding-sm)}.van-uploader{position:relative;display:inline-block}.van-uploader--required:before{position:absolute;top:0;left:calc(-1 * var(--van-padding-sm));color:var(--van-uploader-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);content:"*"}.van-uploader__label{position:relative;margin-bottom:var(--van-uploader-label-margin-bottom);color:var(--van-uploader-label-color);font-size:var(--van-uploader-label-font-size);line-height:var(--van-uploader-label-line-height)}.van-uploader__required{position:absolute;top:0;left:calc(-1 * (var(--van-padding-md) - var(--van-padding-xs)));color:var(--van-uploader-required-color)}.van-uploader__wrapper{display:flex;flex-wrap:wrap;gap:var(--van-padding-xs)}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input--hidden{display:none}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-upload-background-color);border-radius:var(--van-uploader-border-radius);border:var(--van-uploader-border)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;cursor:pointer;border-radius:var(--van-uploader-border-radius);overflow:hidden}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);border-radius:var(--van-uploader-border-radius);border:var(--van-uploader-border);overflow:hidden;box-sizing:border-box}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color);border-radius:var(--van-uploader-border-radius);border:var(--van-uploader-border)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}

package/lib/uploader/index.d.ts

@@ -10,6 +10,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     };
     capture: StringConstructor;
     multiple: BooleanConstructor;
+    sourcePicker: BooleanConstructor;
     label: StringConstructor;
     required: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -62,7 +63,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview" | "select-source")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview" | "select-source", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -73,6 +74,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     };
     capture: StringConstructor;
     multiple: BooleanConstructor;
+    sourcePicker: BooleanConstructor;
     label: StringConstructor;
     required: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -132,6 +134,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     "onClick-upload"?: ((...args: any[]) => any) | undefined;
     "onClose-preview"?: ((...args: any[]) => any) | undefined;
     "onClick-preview"?: ((...args: any[]) => any) | undefined;
+    "onSelect-source"?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
     name: string | number;
@@ -141,6 +144,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     readonly: boolean;
     multiple: boolean;
     lazyLoad: boolean;
+    sourcePicker: boolean;
     maxCount: string | number;
     imageFit: import("..").ImageFit;
     resultType: import("./types").UploaderResultType;
@@ -154,7 +158,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
 }>>;
 export default Uploader;
 export type { UploaderProps };
-export type { UploaderInstance, UploaderResultType, UploaderFileListItem, } from './types';
+export type { UploaderInstance, UploaderResultType, UploaderSourceType, UploaderFileListItem, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanUploader: typeof Uploader;

package/lib/uploader/index.less

@@ -84,6 +84,10 @@
     cursor: pointer;
     opacity: 0;
 
+    &--hidden {
+      display: none;
+    }
+
     &-wrapper {
       position: relative;
     }

package/lib/uploader/style/index.js

@@ -5,6 +5,9 @@ require("../../image/index.css");
 require("../../loading/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
+require("../../popover/index.css");
+require("../../nav-bar/index.css");
+require("../../action-sheet/index.css");
 require("../../swipe/index.css");
 require("../../swipe-item/index.css");
 require("../../image-preview/index.css");

package/lib/uploader/style/less.js

@@ -5,6 +5,9 @@ require("../../image/index.less");
 require("../../loading/index.less");
 require("../../overlay/index.less");
 require("../../popup/index.less");
+require("../../popover/index.less");
+require("../../nav-bar/index.less");
+require("../../action-sheet/index.less");
 require("../../swipe/index.less");
 require("../../swipe-item/index.less");
 require("../../image-preview/index.less");

package/lib/uploader/types.d.ts

@@ -3,6 +3,7 @@ import type { ImageFit } from '../image';
 import type { Numeric, Interceptor } from '../utils';
 import type { UploaderProps } from './Uploader';
 export declare type UploaderResultType = 'dataUrl' | 'text' | 'file';
+export declare type UploaderSourceType = 'camera' | 'video' | 'album';
 export declare type UploaderFileListItem = {
     url?: string;
     file?: File;
@@ -26,7 +27,7 @@ export declare type UploaderAfterRead = (items: UploaderFileListItem | UploaderF
     index: number;
 }) => void;
 export declare type UploaderExpose = {
-    chooseFile: () => void;
+    chooseFile: (source?: UploaderSourceType) => void;
     closeImagePreview: () => void;
 };
 export declare type UploaderInstance = ComponentPublicInstance<UploaderProps, UploaderExpose>;

package/lib/vant.cjs.js

@@ -301,6 +301,12 @@ var stdin_default$29 = {
   },
   vanTabs: {
     moreTitle: "更多标签"
+  },
+  vanUploader: {
+    sourcePickerTitle: "选择上传方式",
+    takePhoto: "拍照",
+    recordVideo: "拍视频",
+    chooseFromAlbum: "从相册选择"
   }
 };
 const lang = vue.ref("zh-CN");
@@ -1786,6 +1792,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   closeable: truthProp,
   cancelText: String,
   description: String,
+  contentAdaptive: Boolean,
   closeOnPopstate: truthProp,
   closeOnClickAction: Boolean,
   safeAreaInsetBottom: truthProp
@@ -1894,7 +1901,9 @@ var stdin_default$1W = vue.defineComponent({
       }
     };
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": bem$1I(),
+      "class": bem$1I({
+        "content-adaptive": props2.contentAdaptive
+      }),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props2, popupInheritKeys$2)), {
@@ -19217,6 +19226,7 @@ const uploaderProps = {
   accept: makeStringProp("image/*"),
   capture: String,
   multiple: Boolean,
+  sourcePicker: Boolean,
   label: String,
   required: Boolean,
   disabled: Boolean,
@@ -19246,21 +19256,26 @@ const uploaderProps = {
 var stdin_default$7 = vue.defineComponent({
   name: name$3,
   props: uploaderProps,
-  emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "update:modelValue"],
+  emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "select-source", "update:modelValue"],
   setup(props2, {
     emit,
     slots
   }) {
     const inputRef = vue.ref();
+    const cameraInputRef = vue.ref();
+    const videoInputRef = vue.ref();
+    const sourcePickerVisible = vue.ref(false);
     const urls = [];
     const getDetail = (index = props2.modelValue.length) => ({
       name: props2.name,
       index
     });
     const resetInput = () => {
-      if (inputRef.value) {
-        inputRef.value.value = "";
-      }
+      [inputRef, cameraInputRef, videoInputRef].forEach((input) => {
+        if (input.value) {
+          input.value.value = "";
+        }
+      });
     };
     const onAfterRead = (items) => {
       resetInput();
@@ -19396,21 +19411,69 @@ var stdin_default$7 = vue.defineComponent({
         "class": bem$3("required")
       }, [vue.createTextVNode("*")]), props2.label]);
     };
-    const onClickUpload = (event) => emit("click-upload", event);
+    const acceptTypes = () => props2.accept.split(",").map((type) => type.trim().toLowerCase()).filter(Boolean);
+    const acceptsMediaType = (type) => acceptTypes().some((accept) => accept === `${type}/*` || accept.startsWith(`${type}/`));
+    const triggerInput = (source) => {
+      const target = source === "camera" ? cameraInputRef.value : source === "video" ? videoInputRef.value : inputRef.value;
+      if (target && !props2.disabled && !props2.readonly) {
+        emit("select-source", source);
+        target.click();
+      }
+    };
+    const onClickUpload = (event) => {
+      emit("click-upload", event);
+      if (props2.sourcePicker && !props2.disabled && !props2.readonly) {
+        sourcePickerVisible.value = true;
+      }
+    };
+    const renderInput = (input, accept, capture, multiple = false, hidden = false) => vue.createVNode("input", {
+      "ref": input,
+      "type": "file",
+      "class": bem$3("input", {
+        hidden
+      }),
+      "accept": accept,
+      "capture": capture,
+      "multiple": multiple,
+      "disabled": props2.disabled,
+      "onChange": onChange
+    }, null);
+    const renderSourcePicker = () => {
+      if (!props2.sourcePicker)
+        return;
+      const actions = [];
+      if (acceptsMediaType("image")) {
+        actions.push({
+          name: t("takePhoto"),
+          callback: () => triggerInput("camera")
+        });
+      }
+      if (acceptsMediaType("video")) {
+        actions.push({
+          name: t("recordVideo"),
+          callback: () => triggerInput("video")
+        });
+      }
+      actions.push({
+        name: t("chooseFromAlbum"),
+        callback: () => triggerInput("album")
+      });
+      return vue.createVNode(ActionSheet, {
+        "show": sourcePickerVisible.value,
+        "title": t("sourcePickerTitle"),
+        "actions": actions,
+        "contentAdaptive": true,
+        "closeOnClickAction": true,
+        "onUpdate:show": (show) => {
+          sourcePickerVisible.value = show;
+        }
+      }, null);
+    };
     const renderUpload = () => {
       if (props2.modelValue.length >= props2.maxCount || !props2.showUpload) {
         return;
       }
-      const Input = props2.readonly ? null : vue.createVNode("input", {
-        "ref": inputRef,
-        "type": "file",
-        "class": bem$3("input"),
-        "accept": props2.accept,
-        "capture": props2.capture,
-        "multiple": props2.multiple,
-        "disabled": props2.disabled,
-        "onChange": onChange
-      }, null);
+      const Input = props2.readonly ? null : props2.sourcePicker ? [renderInput(inputRef, props2.accept, void 0, props2.multiple, true), acceptsMediaType("image") && renderInput(cameraInputRef, "image/*", props2.capture || "environment", false, true), acceptsMediaType("video") && renderInput(videoInputRef, "video/*", props2.capture || "environment", false, true)] : renderInput(inputRef, props2.accept, props2.capture, props2.multiple);
       if (slots.default) {
         return vue.createVNode("div", {
           "class": bem$3("input-wrapper"),
@@ -19430,8 +19493,14 @@ var stdin_default$7 = vue.defineComponent({
         "class": bem$3("upload-text")
       }, [props2.uploadText]), Input]);
     };
-    const chooseFile = () => {
-      if (inputRef.value && !props2.disabled) {
+    const chooseFile = (source) => {
+      if (props2.disabled || props2.readonly)
+        return;
+      if (source) {
+        triggerInput(source);
+      } else if (props2.sourcePicker) {
+        sourcePickerVisible.value = true;
+      } else if (inputRef.value) {
         inputRef.value.click();
       }
     };
@@ -19451,7 +19520,7 @@ var stdin_default$7 = vue.defineComponent({
       "class": bem$3("wrapper", {
         disabled: props2.disabled
       })
-    }, [props2.uploadFirst ? vue.createVNode(vue.Fragment, null, [renderUpload(), renderPreviewList()]) : vue.createVNode(vue.Fragment, null, [renderPreviewList(), renderUpload()])])]);
+    }, [props2.uploadFirst ? vue.createVNode(vue.Fragment, null, [renderUpload(), renderPreviewList()]) : vue.createVNode(vue.Fragment, null, [renderPreviewList(), renderUpload()])]), renderSourcePicker()]);
   }
 });
 const Uploader = withInstall(stdin_default$7);
@@ -21331,7 +21400,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.42";
+const version = "0.0.43";
 function install(app) {
   const components = [
     ActionBar,