vant 4.0.0-alpha.2 → 4.0.0-beta.0

package/es/uploader/Uploader.mjs

@@ -0,0 +1,248 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
+import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/index.mjs";
+import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils.mjs";
+import { useCustomFieldValue } from "@vant/use";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Icon } from "../icon/index.mjs";
+import { showImagePreview } from "../image-preview/index.mjs";
+import UploaderPreviewItem from "./UploaderPreviewItem.mjs";
+const uploaderProps = {
+  name: makeNumericProp(""),
+  accept: makeStringProp("image/*"),
+  capture: String,
+  multiple: Boolean,
+  disabled: Boolean,
+  readonly: Boolean,
+  lazyLoad: Boolean,
+  maxCount: makeNumericProp(Infinity),
+  imageFit: makeStringProp("cover"),
+  resultType: makeStringProp("dataUrl"),
+  uploadIcon: makeStringProp("photograph"),
+  uploadText: String,
+  deletable: truthProp,
+  afterRead: Function,
+  showUpload: truthProp,
+  modelValue: makeArrayProp(),
+  beforeRead: Function,
+  beforeDelete: Function,
+  previewSize: [Number, String, Array],
+  previewImage: truthProp,
+  previewOptions: Object,
+  previewFullImage: truthProp,
+  maxSize: {
+    type: [Number, String, Function],
+    default: Infinity
+  }
+};
+var stdin_default = defineComponent({
+  name,
+  props: uploaderProps,
+  emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const inputRef = ref();
+    const urls = [];
+    const getDetail = (index = props.modelValue.length) => ({
+      name: props.name,
+      index
+    });
+    const resetInput = () => {
+      if (inputRef.value) {
+        inputRef.value.value = "";
+      }
+    };
+    const onAfterRead = (items) => {
+      resetInput();
+      if (isOversize(items, props.maxSize)) {
+        if (Array.isArray(items)) {
+          const result = filterFiles(items, props.maxSize);
+          items = result.valid;
+          emit("oversize", result.invalid, getDetail());
+          if (!items.length) {
+            return;
+          }
+        } else {
+          emit("oversize", items, getDetail());
+          return;
+        }
+      }
+      items = reactive(items);
+      emit("update:modelValue", [...props.modelValue, ...toArray(items)]);
+      if (props.afterRead) {
+        props.afterRead(items, getDetail());
+      }
+    };
+    const readFile = (files) => {
+      const {
+        maxCount,
+        modelValue,
+        resultType
+      } = props;
+      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);
+        });
+      } else {
+        readFileContent(files, resultType).then((content) => {
+          const result = {
+            file: files,
+            status: "",
+            message: ""
+          };
+          if (content) {
+            result.content = content;
+          }
+          onAfterRead(result);
+        });
+      }
+    };
+    const onChange = (event) => {
+      const {
+        files
+      } = event.target;
+      if (props.disabled || !files || !files.length) {
+        return;
+      }
+      const file = files.length === 1 ? files[0] : [].slice.call(files);
+      if (props.beforeRead) {
+        const response = props.beforeRead(file, getDetail());
+        if (!response) {
+          resetInput();
+          return;
+        }
+        if (isPromise(response)) {
+          response.then((data) => {
+            if (data) {
+              readFile(data);
+            } else {
+              readFile(file);
+            }
+          }).catch(resetInput);
+          return;
+        }
+      }
+      readFile(file);
+    };
+    let imagePreview;
+    const onClosePreview = () => emit("closePreview");
+    const previewImage = (item) => {
+      if (props.previewFullImage) {
+        const imageFiles = props.modelValue.filter(isImageFile);
+        const images = imageFiles.map((item2) => {
+          if (item2.file && !item2.url && item2.status !== "failed") {
+            item2.url = URL.createObjectURL(item2.file);
+            urls.push(item2.url);
+          }
+          return item2.url;
+        }).filter(Boolean);
+        imagePreview = showImagePreview(extend({
+          images,
+          startPosition: imageFiles.indexOf(item),
+          onClose: onClosePreview
+        }, props.previewOptions));
+      }
+    };
+    const closeImagePreview = () => {
+      if (imagePreview) {
+        imagePreview.close();
+      }
+    };
+    const deleteFile = (item, index) => {
+      const fileList = props.modelValue.slice(0);
+      fileList.splice(index, 1);
+      emit("update:modelValue", fileList);
+      emit("delete", item, getDetail(index));
+    };
+    const renderPreviewItem = (item, index) => {
+      const needPickData = ["imageFit", "deletable", "previewSize", "beforeDelete"];
+      const previewData = extend(pick(props, needPickData), pick(item, needPickData, true));
+      return _createVNode(UploaderPreviewItem, _mergeProps({
+        "item": item,
+        "index": index,
+        "onClick": () => emit("clickPreview", item, getDetail(index)),
+        "onDelete": () => deleteFile(item, index),
+        "onPreview": () => previewImage(item)
+      }, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
+    };
+    const renderPreviewList = () => {
+      if (props.previewImage) {
+        return props.modelValue.map(renderPreviewItem);
+      }
+    };
+    const onClickUpload = (event) => emit("clickUpload", event);
+    const renderUpload = () => {
+      if (props.modelValue.length >= props.maxCount || !props.showUpload) {
+        return;
+      }
+      const Input = props.readonly ? null : _createVNode("input", {
+        "ref": inputRef,
+        "type": "file",
+        "class": bem("input"),
+        "accept": props.accept,
+        "capture": props.capture,
+        "multiple": props.multiple,
+        "disabled": props.disabled,
+        "onChange": onChange
+      }, null);
+      if (slots.default) {
+        return _createVNode("div", {
+          "class": bem("input-wrapper"),
+          "onClick": onClickUpload
+        }, [slots.default(), Input]);
+      }
+      return _createVNode("div", {
+        "class": bem("upload", {
+          readonly: props.readonly
+        }),
+        "style": getSizeStyle(props.previewSize),
+        "onClick": onClickUpload
+      }, [_createVNode(Icon, {
+        "name": props.uploadIcon,
+        "class": bem("upload-icon")
+      }, null), props.uploadText && _createVNode("span", {
+        "class": bem("upload-text")
+      }, [props.uploadText]), Input]);
+    };
+    const chooseFile = () => {
+      if (inputRef.value && !props.disabled) {
+        inputRef.value.click();
+      }
+    };
+    onBeforeUnmount(() => {
+      urls.forEach((url) => URL.revokeObjectURL(url));
+    });
+    useExpose({
+      chooseFile,
+      closeImagePreview
+    });
+    useCustomFieldValue(() => props.modelValue);
+    return () => _createVNode("div", {
+      "class": bem()
+    }, [_createVNode("div", {
+      "class": bem("wrapper", {
+        disabled: props.disabled
+      })
+    }, [renderPreviewList(), renderUpload()])]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/uploader/UploaderPreviewItem.mjs

@@ -0,0 +1,128 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { t, bem, isImageFile } from "./utils.mjs";
+import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Image } from "../image/index.mjs";
+import { Loading } from "../loading/index.mjs";
+var stdin_default = defineComponent({
+  props: {
+    name: numericProp,
+    item: makeRequiredProp(Object),
+    index: Number,
+    imageFit: String,
+    lazyLoad: Boolean,
+    deletable: Boolean,
+    previewSize: [Number, String, Array],
+    beforeDelete: Function
+  },
+  emits: ["delete", "preview"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const renderMask = () => {
+      const {
+        status,
+        message
+      } = props.item;
+      if (status === "uploading" || status === "failed") {
+        const MaskIcon = status === "failed" ? _createVNode(Icon, {
+          "name": "close",
+          "class": bem("mask-icon")
+        }, null) : _createVNode(Loading, {
+          "class": bem("loading")
+        }, null);
+        const showMessage = isDef(message) && message !== "";
+        return _createVNode("div", {
+          "class": bem("mask")
+        }, [MaskIcon, showMessage && _createVNode("div", {
+          "class": bem("mask-message")
+        }, [message])]);
+      }
+    };
+    const onDelete = (event) => {
+      const {
+        name,
+        item,
+        index,
+        beforeDelete
+      } = props;
+      event.stopPropagation();
+      callInterceptor(beforeDelete, {
+        args: [item, {
+          name,
+          index
+        }],
+        done: () => emit("delete")
+      });
+    };
+    const onPreview = () => emit("preview");
+    const renderDeleteIcon = () => {
+      if (props.deletable && props.item.status !== "uploading") {
+        const slot = slots["preview-delete"];
+        return _createVNode("div", {
+          "role": "button",
+          "class": bem("preview-delete", {
+            shadow: !slot
+          }),
+          "tabindex": 0,
+          "aria-label": t("delete"),
+          "onClick": onDelete
+        }, [slot ? slot() : _createVNode(Icon, {
+          "name": "cross",
+          "class": bem("preview-delete-icon")
+        }, null)]);
+      }
+    };
+    const renderCover = () => {
+      if (slots["preview-cover"]) {
+        const {
+          index,
+          item
+        } = props;
+        return _createVNode("div", {
+          "class": bem("preview-cover")
+        }, [slots["preview-cover"](extend({
+          index
+        }, item))]);
+      }
+    };
+    const renderPreview = () => {
+      const {
+        item,
+        lazyLoad,
+        imageFit,
+        previewSize
+      } = props;
+      if (isImageFile(item)) {
+        return _createVNode(Image, {
+          "fit": imageFit,
+          "src": item.content || item.url,
+          "class": bem("preview-image"),
+          "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
+          "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
+          "lazyLoad": lazyLoad,
+          "onClick": onPreview
+        }, {
+          default: renderCover
+        });
+      }
+      return _createVNode("div", {
+        "class": bem("file"),
+        "style": getSizeStyle(props.previewSize)
+      }, [_createVNode(Icon, {
+        "class": bem("file-icon"),
+        "name": "description"
+      }, null), _createVNode("div", {
+        "class": [bem("file-name"), "van-ellipsis"]
+      }, [item.file ? item.file.name : item.url]), renderCover()]);
+    };
+    return () => _createVNode("div", {
+      "class": bem("preview")
+    }, [renderPreview(), renderMask(), renderDeleteIcon()]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/uploader/index.css

@@ -1 +1 @@
-body{--van-uploader-size: 80px;--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: 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: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--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: 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{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.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);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.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;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);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)}.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)}.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}
+body{--van-uploader-size: 80px;--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: 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: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--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: 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{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.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);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.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;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.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);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)}.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)}.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/es/uploader/index.d.ts

@@ -50,7 +50,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: import("vue").PropType<import("..").ImagePreviewOptions>;
+    previewOptions: import("vue").PropType<Partial<import("..").ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;
@@ -110,7 +110,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    previewOptions: import("vue").PropType<import("..").ImagePreviewOptions>;
+    previewOptions: import("vue").PropType<Partial<import("..").ImagePreviewOptions>>;
     previewFullImage: {
         type: BooleanConstructor;
         default: true;

package/es/uploader/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Uploader from "./Uploader.mjs";
+const Uploader = withInstall(_Uploader);
+var stdin_default = Uploader;
+export {
+  Uploader,
+  stdin_default as default
+};

package/es/uploader/utils.d.ts

@@ -1,7 +1,6 @@
 import type { UploaderMaxSize, UploaderResultType, UploaderFileListItem } from './types';
 declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
 export { name, bem, t };
-export declare const toArray: <T>(item: T | T[]) => T[];
 export declare function readFileContent(file: File, resultType: UploaderResultType): Promise<string | void>;
 export declare function isOversize(items: UploaderFileListItem | UploaderFileListItem[], maxSize: UploaderMaxSize): boolean;
 export declare function filterFiles(items: UploaderFileListItem[], maxSize: UploaderMaxSize): {

package/es/uploader/utils.mjs

@@ -0,0 +1,69 @@
+import { toArray, createNamespace, isFunction } from "../utils/index.mjs";
+const [name, bem, t] = createNamespace("uploader");
+function readFileContent(file, resultType) {
+  return new Promise((resolve) => {
+    if (resultType === "file") {
+      resolve();
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      resolve(event.target.result);
+    };
+    if (resultType === "dataUrl") {
+      reader.readAsDataURL(file);
+    } else if (resultType === "text") {
+      reader.readAsText(file);
+    }
+  });
+}
+function isOversize(items, maxSize) {
+  return toArray(items).some((item) => {
+    if (item.file) {
+      if (isFunction(maxSize)) {
+        return maxSize(item.file);
+      }
+      return item.file.size > maxSize;
+    }
+    return false;
+  });
+}
+function filterFiles(items, maxSize) {
+  const valid = [];
+  const invalid = [];
+  items.forEach((item) => {
+    if (isOversize(item, maxSize)) {
+      invalid.push(item);
+    } else {
+      valid.push(item);
+    }
+  });
+  return { valid, invalid };
+}
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const isImageUrl = (url) => IMAGE_REGEXP.test(url);
+function isImageFile(item) {
+  if (item.isImage) {
+    return true;
+  }
+  if (item.file && item.file.type) {
+    return item.file.type.indexOf("image") === 0;
+  }
+  if (item.url) {
+    return isImageUrl(item.url);
+  }
+  if (typeof item.content === "string") {
+    return item.content.indexOf("data:image") === 0;
+  }
+  return false;
+}
+export {
+  bem,
+  filterFiles,
+  isImageFile,
+  isImageUrl,
+  isOversize,
+  name,
+  readFileContent,
+  t
+};

package/es/utils/basic.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentPublicInstance } from 'vue';
 export declare function noop(): void;
 export declare const extend: {
-    <T, U>(target: T, source: U): T & U;
-    <T_1, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
-    <T_2, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
+    <T extends {}, U>(target: T, source: U): T & U;
+    <T_1 extends {}, U_1, V>(target: T_1, source1: U_1, source2: V): T_1 & U_1 & V;
+    <T_2 extends {}, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
     (target: object, ...sources: any[]): any;
 };
 export declare const inBrowser: boolean;
@@ -15,3 +15,4 @@ export declare type Writeable<T> = {
 };
 export declare function pick<T, U extends keyof T>(obj: T, keys: ReadonlyArray<U>, ignoreUndefined?: boolean): Writeable<Pick<T, U>>;
 export declare const isSameValue: (newValue: unknown, oldValue: unknown) => boolean;
+export declare const toArray: <T>(item: T | T[]) => T[];

package/es/utils/basic.mjs

@@ -0,0 +1,32 @@
+function noop() {
+}
+const extend = Object.assign;
+const inBrowser = typeof window !== "undefined";
+function get(object, path) {
+  const keys = path.split(".");
+  let result = object;
+  keys.forEach((key) => {
+    var _a;
+    result = (_a = result[key]) != null ? _a : "";
+  });
+  return result;
+}
+function pick(obj, keys, ignoreUndefined) {
+  return keys.reduce((ret, key) => {
+    if (!ignoreUndefined || obj[key] !== void 0) {
+      ret[key] = obj[key];
+    }
+    return ret;
+  }, {});
+}
+const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
+const toArray = (item) => Array.isArray(item) ? item : [item];
+export {
+  extend,
+  get,
+  inBrowser,
+  isSameValue,
+  noop,
+  pick,
+  toArray
+};

package/es/utils/create.d.ts

@@ -12,6 +12,6 @@ export declare type Mods = Mod | Mod[];
  * b('text', { disabled }) // 'button__text button__text--disabled'
  * b(['disabled', 'primary']) // 'button button--disabled button--primary'
  */
-export declare function createBEM(name: string): (el?: Mods | undefined, mods?: Mods | undefined) => Mods;
+export declare function createBEM(name: string): (el?: Mods, mods?: Mods) => Mods;
 export declare type BEM = ReturnType<typeof createBEM>;
 export declare function createNamespace(name: string): readonly [string, (el?: Mods | undefined, mods?: Mods | undefined) => Mods, (path: string, ...args: unknown[]) => any];

package/es/utils/create.mjs

@@ -0,0 +1,47 @@
+import { get } from "./basic.mjs";
+import { camelize } from "./format.mjs";
+import { isFunction } from "./validate.mjs";
+import locale from "../locale/index.mjs";
+function createTranslate(name) {
+  const prefix = camelize(name) + ".";
+  return (path, ...args) => {
+    const messages = locale.messages();
+    const message = get(messages, prefix + path) || get(messages, path);
+    return isFunction(message) ? message(...args) : message;
+  };
+}
+function genBem(name, mods) {
+  if (!mods) {
+    return "";
+  }
+  if (typeof mods === "string") {
+    return ` ${name}--${mods}`;
+  }
+  if (Array.isArray(mods)) {
+    return mods.reduce((ret, item) => ret + genBem(name, item), "");
+  }
+  return Object.keys(mods).reduce((ret, key) => ret + (mods[key] ? genBem(name, key) : ""), "");
+}
+function createBEM(name) {
+  return (el, mods) => {
+    if (el && typeof el !== "string") {
+      mods = el;
+      el = "";
+    }
+    el = el ? `${name}__${el}` : name;
+    return `${el}${genBem(el, mods)}`;
+  };
+}
+function createNamespace(name) {
+  const prefixedName = `van-${name}`;
+  return [
+    prefixedName,
+    createBEM(prefixedName),
+    createTranslate(prefixedName)
+  ];
+}
+export {
+  createBEM,
+  createNamespace,
+  createTranslate
+};

package/es/utils/deep-assign.mjs

@@ -0,0 +1,22 @@
+import { isDef, isObject } from "./validate.mjs";
+const { hasOwnProperty } = Object.prototype;
+function assignKey(to, from, key) {
+  const val = from[key];
+  if (!isDef(val)) {
+    return;
+  }
+  if (!hasOwnProperty.call(to, key) || !isObject(val)) {
+    to[key] = val;
+  } else {
+    to[key] = deepAssign(Object(to[key]), val);
+  }
+}
+function deepAssign(to, from) {
+  Object.keys(from).forEach((key) => {
+    assignKey(to, from, key);
+  });
+  return to;
+}
+export {
+  deepAssign
+};

package/es/utils/deep-clone.mjs

@@ -0,0 +1,20 @@
+import { isDef, isObject } from "./validate.mjs";
+function deepClone(obj) {
+  if (!isDef(obj)) {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item) => deepClone(item));
+  }
+  if (isObject(obj)) {
+    const to = {};
+    Object.keys(obj).forEach((key) => {
+      to[key] = deepClone(obj[key]);
+    });
+    return to;
+  }
+  return obj;
+}
+export {
+  deepClone
+};