@will-ui/vue 1.0.0

package/dist/components/upload/Upload.js

@@ -0,0 +1,342 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useFormItem from "../../use/useFormItem.js";
+import Close_default from "../close/Close.js";
+import { useUII18n } from "../../use/useUII18n.js";
+import Progress_default from "../progress/Progress.js";
+import useUpload, { formatFileSize, isImageFile } from "../../use/useUpload.js";
+import { UPLOAD_FALLBACK } from "./config.js";
+import { computed, createTextVNode, createVNode, defineComponent, ref } from "vue";
+//#region components/upload/Upload.tsx
+var Upload_default = /* @__PURE__ */ defineComponent({
+	name: "Upload",
+	props: {
+		modelValue: {
+			type: Array,
+			default: void 0
+		},
+		accept: {
+			type: String,
+			default: void 0
+		},
+		multiple: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		block: {
+			type: Boolean,
+			default: void 0
+		},
+		maxSize: {
+			type: Number,
+			default: void 0
+		},
+		maxCount: {
+			type: Number,
+			default: void 0
+		},
+		drag: {
+			type: Boolean,
+			default: void 0
+		},
+		paste: {
+			type: Boolean,
+			default: void 0
+		},
+		autoUpload: {
+			type: Boolean,
+			default: void 0
+		},
+		listType: {
+			type: String,
+			default: void 0
+		},
+		showFileList: {
+			type: Boolean,
+			default: void 0
+		},
+		showProgress: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {
+			type: String,
+			default: void 0
+		},
+		action: {
+			type: String,
+			default: void 0
+		},
+		data: {
+			type: Object,
+			default: void 0
+		},
+		headers: {
+			type: Object,
+			default: void 0
+		},
+		withCredentials: {
+			type: Boolean,
+			default: void 0
+		},
+		httpRequest: {
+			type: Function,
+			default: void 0
+		},
+		beforeUpload: {
+			type: Function,
+			default: void 0
+		},
+		beforeRemove: {
+			type: Function,
+			default: void 0
+		},
+		/** 实例尺度 → `--w-prop-upload-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-upload-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"update:modelValue": (_list) => true,
+		change: (_file, _fileList) => true,
+		remove: (_file, _fileList) => true,
+		error: (_error, _file, _fileList) => true,
+		progress: (_file, _fileList) => true,
+		success: (_response, _file, _fileList) => true,
+		exceed: (_files, _fileList) => true
+	},
+	setup(props, { emit, slots, expose }) {
+		const { t } = useUII18n();
+		const cfg = useComponentConfig("Upload", props, UPLOAD_FALLBACK);
+		const { formItem, useDisabled } = useFormItem();
+		const disabled = useDisabled(computed(() => cfg.value.disabled));
+		const fileInput = ref(null);
+		const { fileList, isDragging, addFiles, remove, clear, upload, uploadAll, abort, retry, handleDragEnter, handleDragOver, handleDragLeave, handleDrop, handlePaste, canAddMore } = useUpload({
+			modelValue: computed(() => props.modelValue),
+			accept: computed(() => cfg.value.accept),
+			multiple: computed(() => cfg.value.multiple),
+			disabled,
+			maxSize: computed(() => cfg.value.maxSize),
+			maxCount: computed(() => cfg.value.maxCount),
+			autoUpload: computed(() => cfg.value.autoUpload),
+			drag: computed(() => cfg.value.drag),
+			paste: computed(() => cfg.value.paste),
+			action: computed(() => props.action),
+			httpRequest: computed(() => props.httpRequest),
+			data: computed(() => props.data),
+			headers: computed(() => props.headers),
+			withCredentials: computed(() => props.withCredentials),
+			name: computed(() => cfg.value.name),
+			beforeUpload: (file) => {
+				if (!props.beforeUpload) return true;
+				return props.beforeUpload(file);
+			},
+			beforeRemove: (file) => {
+				if (!props.beforeRemove) return true;
+				return props.beforeRemove(file);
+			},
+			t,
+			onUpdateModelValue: (list) => emit("update:modelValue", list),
+			onChange: (file, list) => {
+				emit("change", file, list);
+				formItem?.validate("change");
+			},
+			onRemove: (file, list) => {
+				emit("remove", file, list);
+				formItem?.validate("change");
+			},
+			onError: (error, file, list) => emit("error", error, file, list),
+			onProgress: (file, list) => emit("progress", file, list),
+			onSuccess: (res, file, list) => {
+				emit("success", res, file, list);
+				formItem?.validate("change");
+			},
+			onExceed: (files, list) => emit("exceed", files, list)
+		});
+		const open = () => {
+			if (disabled.value) return;
+			fileInput.value?.click();
+		};
+		const onInputChange = (e) => {
+			const target = e.target;
+			addFiles(target.files);
+			target.value = "";
+		};
+		const statusText = (file) => {
+			if (file.status === "uploading") return t("upload.loading");
+			if (file.status === "success") return t("upload.success");
+			if (file.status === "error") return t("upload.error");
+			return "";
+		};
+		expose({
+			clear,
+			upload,
+			uploadAll,
+			abort,
+			open,
+			retry
+		});
+		const placeholder = computed(() => t("upload.placeholder") + (cfg.value.paste ? ` ${t("upload.pasteTip")}` : ""));
+		return () => {
+			const listType = cfg.value.listType;
+			const showTrigger = canAddMore.value || listType !== "picture-card";
+			const rootClass = [
+				"w-upload",
+				`w-upload--${listType}`,
+				{
+					"w-upload-block": cfg.value.block,
+					"w-upload-disabled": disabled.value,
+					"w-upload-dragging": isDragging.value
+				}
+			];
+			const triggerNode = () => {
+				if (!showTrigger && listType === "picture-card") return null;
+				const content = slots.trigger?.() || slots.default?.() || (listType === "picture-card" ? createVNode("div", { "class": "w-upload-card-trigger" }, [createVNode("span", { "class": "w-upload-icon" }, [createTextVNode("+")])]) : createVNode("div", { "class": "w-upload-trigger" }, [createVNode("div", { "class": "w-upload-icon" }, [createTextVNode("+")]), createVNode("div", { "class": "w-upload-text" }, [placeholder.value])]));
+				return createVNode("div", {
+					"class": "w-upload-trigger-wrap",
+					"tabindex": cfg.value.paste ? 0 : void 0,
+					"onClick": open,
+					"onPaste": handlePaste
+				}, [content, createVNode("input", {
+					"ref": fileInput,
+					"class": "w-upload-input",
+					"type": "file",
+					"accept": cfg.value.accept,
+					"multiple": cfg.value.multiple,
+					"disabled": disabled.value,
+					"onChange": onInputChange,
+					"onClick": (e) => e.stopPropagation()
+				}, null)]);
+			};
+			const renderDefaultFile = (file, index) => {
+				const isImg = isImageFile(file);
+				const previewScope = {
+					file,
+					index,
+					url: file.url,
+					fileName: file.name,
+					remove: () => void remove(file.uid)
+				};
+				const progress = cfg.value.showProgress && file.status === "uploading" ? createVNode("div", { "class": "w-upload-progress" }, [createVNode(Progress_default, {
+					"modelValue": file.percent,
+					"showThumb": false,
+					"disabled": true,
+					"size": 30
+				}, null)]) : null;
+				if (listType === "picture-card") return createVNode("div", {
+					"key": file.uid,
+					"class": ["w-upload-file-item", `w-upload-file-item--${file.status}`]
+				}, [
+					slots.preview?.(previewScope) || (isImg && file.url ? createVNode("img", {
+						"class": "w-upload-img",
+						"src": file.url,
+						"alt": file.name
+					}, null) : createVNode("div", { "class": "w-upload-file-meta" }, [createVNode("div", { "class": "w-upload-file-name" }, [file.name])])),
+					progress,
+					createVNode("div", { "class": "w-upload-file-status" }, [statusText(file)]),
+					!disabled.value && createVNode(Close_default, {
+						"class": "w-upload-file-remove",
+						"onClick": (e) => {
+							e.stopPropagation();
+							remove(file.uid);
+						}
+					}, null)
+				]);
+				if (listType === "picture") return createVNode("div", {
+					"key": file.uid,
+					"class": ["w-upload-file-item", `w-upload-file-item--${file.status}`]
+				}, [
+					createVNode("div", { "class": "w-upload-thumb" }, [slots.preview?.(previewScope) || (isImg && file.url ? createVNode("img", {
+						"class": "w-upload-img",
+						"src": file.url,
+						"alt": file.name
+					}, null) : createVNode("span", { "class": "w-upload-file-ext" }, [file.name.split(".").pop()?.toUpperCase() || "FILE"]))]),
+					createVNode("div", { "class": "w-upload-file-body" }, [
+						createVNode("div", { "class": "w-upload-file-name" }, [file.name]),
+						createVNode("div", { "class": "w-upload-file-size" }, [formatFileSize(file.size)]),
+						createVNode("div", { "class": "w-upload-file-status" }, [statusText(file)]),
+						progress
+					]),
+					!disabled.value && createVNode(Close_default, {
+						"class": "w-upload-file-remove",
+						"onClick": (e) => {
+							e.stopPropagation();
+							remove(file.uid);
+						}
+					}, null)
+				]);
+				return createVNode("div", {
+					"key": file.uid,
+					"class": ["w-upload-file-item", `w-upload-file-item--${file.status}`]
+				}, [createVNode("div", { "class": "w-upload-file-body" }, [
+					createVNode("div", { "class": "w-upload-file-name" }, [file.name]),
+					createVNode("div", { "class": "w-upload-file-size" }, [formatFileSize(file.size)]),
+					createVNode("div", { "class": "w-upload-file-status" }, [statusText(file)]),
+					progress
+				]), !disabled.value && createVNode(Close_default, {
+					"class": "w-upload-file-remove",
+					"onClick": (e) => {
+						e.stopPropagation();
+						remove(file.uid);
+					}
+				}, null)]);
+			};
+			const fileListNode = cfg.value.showFileList && fileList.value.length > 0 ? createVNode("div", {
+				"class": "w-upload-file-list",
+				"onClick": (e) => e.stopPropagation()
+			}, [fileList.value.map((file, index) => {
+				if (slots.file) {
+					const scope = {
+						file,
+						index,
+						remove: () => void remove(file.uid),
+						retry: () => retry(file.uid)
+					};
+					return createVNode("div", {
+						"key": file.uid,
+						"class": "w-upload-file-item-slot"
+					}, [slots.file(scope)]);
+				}
+				return renderDefaultFile(file, index);
+			}), listType === "picture-card" ? triggerNode() : null]) : null;
+			return createVNode("div", {
+				"class": rootClass,
+				"style": toCssVarsStyle({
+					...propSizeToCssVars("upload", props.size),
+					...propColorToCssVars("upload", props.color),
+					...props.cssVars
+				}),
+				"onDragenter": handleDragEnter,
+				"onDragover": handleDragOver,
+				"onDragleave": handleDragLeave,
+				"onDrop": handleDrop,
+				"onPaste": cfg.value.paste ? handlePaste : void 0,
+				"tabindex": cfg.value.paste ? 0 : void 0
+			}, [
+				listType === "picture-card" ? null : triggerNode(),
+				slots.tip?.() && createVNode("div", { "class": "w-upload-tip" }, [slots.tip()]),
+				fileListNode,
+				listType === "picture-card" && (!cfg.value.showFileList || fileList.value.length === 0) && triggerNode()
+			]);
+		};
+	}
+});
+//#endregion
+export { Upload_default as default };
+
+//# sourceMappingURL=Upload.js.map

package/dist/components/upload/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.js","names":["computed","defineComponent","ref","createTextVNode","_createTextVNode","createVNode","_createVNode","Close","Progress","useUII18n","useComponentConfig","useFormItem","useUpload","formatFileSize","isImageFile","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","UPLOAD_FALLBACK","name","props","modelValue","type","Array","default","undefined","accept","String","multiple","Boolean","disabled","block","maxSize","Number","maxCount","drag","paste","autoUpload","listType","showFileList","showProgress","action","data","Object","headers","withCredentials","httpRequest","Function","beforeUpload","beforeRemove","size","color","cssVars","emits","_list","change","_file","_fileList","remove","error","_error","progress","success","_response","exceed","_files","setup","emit","slots","expose","t","cfg","formItem","useDisabled","value","fileInput","fileList","isDragging","addFiles","clear","upload","uploadAll","abort","retry","handleDragEnter","handleDragOver","handleDragLeave","handleDrop","handlePaste","canAddMore","file","onUpdateModelValue","list","onChange","validate","onRemove","onError","onProgress","onSuccess","res","onExceed","files","open","click","onInputChange","e","target","statusText","status","placeholder","showTrigger","rootClass","triggerNode","content","trigger","stopPropagation","renderDefaultFile","index","isImg","previewScope","url","fileName","uid","percent","preview","split","pop","toUpperCase","fileListNode","length","map","scope","tip"],"sources":["../../../components/upload/Upload.tsx"],"sourcesContent":["import { computed, defineComponent, ref, type PropType } from 'vue'\r\nimport Close from '../close/index'\r\nimport Progress from '../progress/index'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useFormItem from '../../use/useFormItem'\r\nimport useUpload, {\r\n  formatFileSize,\r\n  isImageFile,\r\n} from '../../use/useUpload'\r\nimport { propColorToCssVars, propSizeToCssVars, toCssVarsStyle, type CssVars } from '../../util'\r\nimport { UPLOAD_FALLBACK } from './config'\r\nimport type {\r\n  UploadBeforeRemove,\r\n  UploadBeforeUpload,\r\n  UploadFile,\r\n  UploadFileSlotScope,\r\n  UploadHttpRequest,\r\n  UploadListType,\r\n  UploadPreviewSlotScope,\r\n} from './types'\r\n\r\nexport type {\r\n  UploadStatus,\r\n  UploadListType,\r\n  UploadFile,\r\n  UploadHttpRequest,\r\n  UploadHttpRequestOptions,\r\n  UploadBeforeUpload,\r\n  UploadBeforeRemove,\r\n  UploadFileSlotScope,\r\n  UploadPreviewSlotScope,\r\n} from './types'\r\nexport type { UploadGlobalConfig } from './config'\r\nexport { UPLOAD_FALLBACK } from './config'\r\n\r\nexport default defineComponent({\r\n  name: 'Upload',\r\n  props: {\r\n    modelValue: {\r\n      type: Array as PropType<UploadFile[]>,\r\n      default: undefined,\r\n    },\r\n    accept: { type: String, default: undefined },\r\n    multiple: { type: Boolean, default: undefined },\r\n    disabled: { type: Boolean, default: undefined },\r\n    block: { type: Boolean, default: undefined },\r\n    maxSize: { type: Number, default: undefined },\r\n    maxCount: { type: Number, default: undefined },\r\n    drag: { type: Boolean, default: undefined },\r\n    paste: { type: Boolean, default: undefined },\r\n    autoUpload: { type: Boolean, default: undefined },\r\n    listType: {\r\n      type: String as PropType<UploadListType>,\r\n      default: undefined,\r\n    },\r\n    showFileList: { type: Boolean, default: undefined },\r\n    showProgress: { type: Boolean, default: undefined },\r\n    name: { type: String, default: undefined },\r\n    action: { type: String, default: undefined },\r\n    data: {\r\n      type: Object as PropType<Record<string, unknown>>,\r\n      default: undefined,\r\n    },\r\n    headers: {\r\n      type: Object as PropType<Record<string, string>>,\r\n      default: undefined,\r\n    },\r\n    withCredentials: { type: Boolean, default: undefined },\r\n    httpRequest: {\r\n      type: Function as PropType<UploadHttpRequest>,\r\n      default: undefined,\r\n    },\r\n    beforeUpload: {\r\n      type: Function as PropType<UploadBeforeUpload>,\r\n      default: undefined,\r\n    },\r\n    beforeRemove: {\r\n      type: Function as PropType<UploadBeforeRemove>,\r\n      default: undefined,\r\n    },\r\n    /** 实例尺度 → `--w-prop-upload-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-upload-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: {\r\n    'update:modelValue': (_list: UploadFile[]) => true,\r\n    change: (_file: UploadFile, _fileList: UploadFile[]) => true,\r\n    remove: (_file: UploadFile, _fileList: UploadFile[]) => true,\r\n    error: (_error: Error, _file?: UploadFile, _fileList?: UploadFile[]) => true,\r\n    progress: (_file: UploadFile, _fileList: UploadFile[]) => true,\r\n    success: (\r\n      _response: unknown,\r\n      _file: UploadFile,\r\n      _fileList: UploadFile[],\r\n    ) => true,\r\n    exceed: (_files: File[], _fileList: UploadFile[]) => true,\r\n  },\r\n  setup(props, { emit, slots, expose }) {\r\n    const { t } = useUII18n()\r\n    const cfg = useComponentConfig('Upload', props, UPLOAD_FALLBACK)\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const disabled = useDisabled(computed(() => cfg.value.disabled))\r\n    const fileInput = ref<HTMLInputElement | null>(null)\r\n\r\n    const {\r\n      fileList,\r\n      isDragging,\r\n      addFiles,\r\n      remove,\r\n      clear,\r\n      upload,\r\n      uploadAll,\r\n      abort,\r\n      retry,\r\n      handleDragEnter,\r\n      handleDragOver,\r\n      handleDragLeave,\r\n      handleDrop,\r\n      handlePaste,\r\n      canAddMore,\r\n    } = useUpload({\r\n      modelValue: computed(() => props.modelValue),\r\n      accept: computed(() => cfg.value.accept),\r\n      multiple: computed(() => cfg.value.multiple),\r\n      disabled,\r\n      maxSize: computed(() => cfg.value.maxSize),\r\n      maxCount: computed(() => cfg.value.maxCount),\r\n      autoUpload: computed(() => cfg.value.autoUpload),\r\n      drag: computed(() => cfg.value.drag),\r\n      paste: computed(() => cfg.value.paste),\r\n      action: computed(() => props.action),\r\n      httpRequest: computed(() => props.httpRequest),\r\n      data: computed(() => props.data),\r\n      headers: computed(() => props.headers),\r\n      withCredentials: computed(() => props.withCredentials),\r\n      name: computed(() => cfg.value.name),\r\n      beforeUpload: (file) => {\r\n        if (!props.beforeUpload) return true\r\n        return props.beforeUpload(file)\r\n      },\r\n      beforeRemove: (file) => {\r\n        if (!props.beforeRemove) return true\r\n        return props.beforeRemove(file)\r\n      },\r\n      t,\r\n      onUpdateModelValue: (list) => emit('update:modelValue', list),\r\n      onChange: (file, list) => {\r\n        emit('change', file, list)\r\n        formItem?.validate('change')\r\n      },\r\n      onRemove: (file, list) => {\r\n        emit('remove', file, list)\r\n        formItem?.validate('change')\r\n      },\r\n      onError: (error, file, list) => emit('error', error, file, list),\r\n      onProgress: (file, list) => emit('progress', file, list),\r\n      onSuccess: (res, file, list) => {\r\n        emit('success', res, file, list)\r\n        formItem?.validate('change')\r\n      },\r\n      onExceed: (files, list) => emit('exceed', files, list),\r\n    })\r\n\r\n    const open = () => {\r\n      if (disabled.value) return\r\n      fileInput.value?.click()\r\n    }\r\n\r\n    const onInputChange = (e: Event) => {\r\n      const target = e.target as HTMLInputElement\r\n      void addFiles(target.files)\r\n      target.value = ''\r\n    }\r\n\r\n    const statusText = (file: UploadFile) => {\r\n      if (file.status === 'uploading') return t('upload.loading')\r\n      if (file.status === 'success') return t('upload.success')\r\n      if (file.status === 'error') return t('upload.error')\r\n      return ''\r\n    }\r\n\r\n    expose({\r\n      clear,\r\n      upload,\r\n      uploadAll,\r\n      abort,\r\n      open,\r\n      retry,\r\n    })\r\n\r\n    const placeholder = computed(\r\n      () =>\r\n        t('upload.placeholder') +\r\n        (cfg.value.paste ? ` ${t('upload.pasteTip')}` : ''),\r\n    )\r\n\r\n    return () => {\r\n      const listType = cfg.value.listType\r\n      const showTrigger =\r\n        canAddMore.value || listType !== 'picture-card'\r\n\r\n      const rootClass = [\r\n        'w-upload',\r\n        `w-upload--${listType}`,\r\n        {\r\n          'w-upload-block': cfg.value.block,\r\n          'w-upload-disabled': disabled.value,\r\n          'w-upload-dragging': isDragging.value,\r\n        },\r\n      ]\r\n\r\n      const triggerNode = () => {\r\n        if (!showTrigger && listType === 'picture-card') return null\r\n        const content =\r\n          slots.trigger?.() ||\r\n          slots.default?.() ||\r\n          (listType === 'picture-card' ? (\r\n            <div class=\"w-upload-card-trigger\">\r\n              <span class=\"w-upload-icon\">+</span>\r\n            </div>\r\n          ) : (\r\n            <div class=\"w-upload-trigger\">\r\n              <div class=\"w-upload-icon\">+</div>\r\n              <div class=\"w-upload-text\">{placeholder.value}</div>\r\n            </div>\r\n          ))\r\n\r\n        return (\r\n          <div\r\n            class=\"w-upload-trigger-wrap\"\r\n            tabindex={cfg.value.paste ? 0 : undefined}\r\n            onClick={open}\r\n            onPaste={handlePaste}>\r\n            {content}\r\n            <input\r\n              ref={fileInput}\r\n              class=\"w-upload-input\"\r\n              type=\"file\"\r\n              accept={cfg.value.accept}\r\n              multiple={cfg.value.multiple}\r\n              disabled={disabled.value}\r\n              onChange={onInputChange}\r\n              onClick={(e: MouseEvent) => e.stopPropagation()}\r\n            />\r\n          </div>\r\n        )\r\n      }\r\n\r\n      const renderDefaultFile = (file: UploadFile, index: number) => {\r\n        const isImg = isImageFile(file)\r\n        const previewScope: UploadPreviewSlotScope = {\r\n          file,\r\n          index,\r\n          url: file.url,\r\n          fileName: file.name,\r\n          remove: () => void remove(file.uid),\r\n        }\r\n\r\n        const progress =\r\n          cfg.value.showProgress && file.status === 'uploading' ? (\r\n            <div class=\"w-upload-progress\">\r\n              <Progress\r\n                modelValue={file.percent}\r\n                showThumb={false}\r\n                disabled\r\n                size={30}\r\n              />\r\n            </div>\r\n          ) : null\r\n\r\n        if (listType === 'picture-card') {\r\n          return (\r\n            <div\r\n              key={file.uid}\r\n              class={[\r\n                'w-upload-file-item',\r\n                `w-upload-file-item--${file.status}`,\r\n              ]}>\r\n              {slots.preview?.(previewScope) ||\r\n                (isImg && file.url ? (\r\n                  <img\r\n                    class=\"w-upload-img\"\r\n                    src={file.url}\r\n                    alt={file.name}\r\n                  />\r\n                ) : (\r\n                  <div class=\"w-upload-file-meta\">\r\n                    <div class=\"w-upload-file-name\">{file.name}</div>\r\n                  </div>\r\n                ))}\r\n              {progress}\r\n              <div class=\"w-upload-file-status\">{statusText(file)}</div>\r\n              {!disabled.value && (\r\n                <Close\r\n                  class=\"w-upload-file-remove\"\r\n                  onClick={(e: MouseEvent) => {\r\n                    e.stopPropagation()\r\n                    void remove(file.uid)\r\n                  }}\r\n                />\r\n              )}\r\n            </div>\r\n          )\r\n        }\r\n\r\n        if (listType === 'picture') {\r\n          return (\r\n            <div\r\n              key={file.uid}\r\n              class={[\r\n                'w-upload-file-item',\r\n                `w-upload-file-item--${file.status}`,\r\n              ]}>\r\n              <div class=\"w-upload-thumb\">\r\n                {slots.preview?.(previewScope) ||\r\n                  (isImg && file.url ? (\r\n                    <img\r\n                      class=\"w-upload-img\"\r\n                      src={file.url}\r\n                      alt={file.name}\r\n                    />\r\n                  ) : (\r\n                    <span class=\"w-upload-file-ext\">\r\n                      {file.name.split('.').pop()?.toUpperCase() || 'FILE'}\r\n                    </span>\r\n                  ))}\r\n              </div>\r\n              <div class=\"w-upload-file-body\">\r\n                <div class=\"w-upload-file-name\">{file.name}</div>\r\n                <div class=\"w-upload-file-size\">\r\n                  {formatFileSize(file.size)}\r\n                </div>\r\n                <div class=\"w-upload-file-status\">{statusText(file)}</div>\r\n                {progress}\r\n              </div>\r\n              {!disabled.value && (\r\n                <Close\r\n                  class=\"w-upload-file-remove\"\r\n                  onClick={(e: MouseEvent) => {\r\n                    e.stopPropagation()\r\n                    void remove(file.uid)\r\n                  }}\r\n                />\r\n              )}\r\n            </div>\r\n          )\r\n        }\r\n\r\n        // text\r\n        return (\r\n          <div\r\n            key={file.uid}\r\n            class={[\r\n              'w-upload-file-item',\r\n              `w-upload-file-item--${file.status}`,\r\n            ]}>\r\n            <div class=\"w-upload-file-body\">\r\n              <div class=\"w-upload-file-name\">{file.name}</div>\r\n              <div class=\"w-upload-file-size\">\r\n                {formatFileSize(file.size)}\r\n              </div>\r\n              <div class=\"w-upload-file-status\">{statusText(file)}</div>\r\n              {progress}\r\n            </div>\r\n            {!disabled.value && (\r\n              <Close\r\n                class=\"w-upload-file-remove\"\r\n                onClick={(e: MouseEvent) => {\r\n                  e.stopPropagation()\r\n                  void remove(file.uid)\r\n                }}\r\n              />\r\n            )}\r\n          </div>\r\n        )\r\n      }\r\n\r\n      const fileListNode =\r\n        cfg.value.showFileList && fileList.value.length > 0 ? (\r\n          <div\r\n            class=\"w-upload-file-list\"\r\n            onClick={(e: MouseEvent) => e.stopPropagation()}>\r\n            {fileList.value.map((file, index) => {\r\n              if (slots.file) {\r\n                const scope: UploadFileSlotScope = {\r\n                  file,\r\n                  index,\r\n                  remove: () => void remove(file.uid),\r\n                  retry: () => retry(file.uid),\r\n                }\r\n                return (\r\n                  <div key={file.uid} class=\"w-upload-file-item-slot\">\r\n                    {slots.file(scope)}\r\n                  </div>\r\n                )\r\n              }\r\n              return renderDefaultFile(file, index)\r\n            })}\r\n            {listType === 'picture-card' ? triggerNode() : null}\r\n          </div>\r\n        ) : null\r\n\r\n      return (\r\n        <div\r\n          class={rootClass}\r\n          style={toCssVarsStyle({\r\n            ...propSizeToCssVars('upload', props.size),\r\n            ...propColorToCssVars('upload', props.color),\r\n            ...props.cssVars,\r\n          })}\r\n          onDragenter={handleDragEnter}\r\n          onDragover={handleDragOver}\r\n          onDragleave={handleDragLeave}\r\n          onDrop={handleDrop}\r\n          onPaste={cfg.value.paste ? handlePaste : undefined}\r\n          tabindex={cfg.value.paste ? 0 : undefined}>\r\n          {listType === 'picture-card' ? null : triggerNode()}\r\n          {slots.tip?.() && <div class=\"w-upload-tip\">{slots.tip()}</div>}\r\n          {fileListNode}\r\n          {listType === 'picture-card' &&\r\n            (!cfg.value.showFileList || fileList.value.length === 0) &&\r\n            triggerNode()}\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/upload/config.d.ts

@@ -0,0 +1,39 @@
+import { UploadListType } from './types';
+/**
+ * 可通过 `app.use(UI, { components: { Upload: {...} } })` 配置的项。
+ * Boolean / 可全局覆盖的字段请在 props 设 `default: undefined`。
+ *
+ * 不宜全局配置：modelValue、httpRequest、action、data、headers、beforeUpload 等实例数据/回调。
+ */
+export type UploadGlobalConfig = Partial<{
+    accept: string;
+    multiple: boolean;
+    disabled: boolean;
+    block: boolean;
+    maxSize: number;
+    maxCount: number;
+    drag: boolean;
+    paste: boolean;
+    autoUpload: boolean;
+    listType: UploadListType;
+    showFileList: boolean;
+    showProgress: boolean;
+    /** FormData 字段名 */
+    name: string;
+}>;
+/** 未传 props、也未配全局时的默认值 */
+export declare const UPLOAD_FALLBACK: {
+    accept: string;
+    multiple: boolean;
+    disabled: boolean;
+    block: boolean;
+    maxSize: number;
+    maxCount: number;
+    drag: boolean;
+    paste: boolean;
+    autoUpload: boolean;
+    listType: UploadListType;
+    showFileList: boolean;
+    showProgress: boolean;
+    name: string;
+};

package/dist/components/upload/config.js

@@ -0,0 +1,21 @@
+//#region components/upload/config.ts
+/** 未传 props、也未配全局时的默认值 */
+var UPLOAD_FALLBACK = {
+	accept: "*",
+	multiple: false,
+	disabled: false,
+	block: false,
+	maxSize: 10485760,
+	maxCount: Infinity,
+	drag: true,
+	paste: false,
+	autoUpload: true,
+	listType: "text",
+	showFileList: true,
+	showProgress: true,
+	name: "file"
+};
+//#endregion
+export { UPLOAD_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/upload/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/upload/config.ts"],"sourcesContent":["import type { UploadListType } from './types'\r\n\r\n/**\r\n * 可通过 `app.use(UI, { components: { Upload: {...} } })` 配置的项。\r\n * Boolean / 可全局覆盖的字段请在 props 设 `default: undefined`。\r\n *\r\n * 不宜全局配置：modelValue、httpRequest、action、data、headers、beforeUpload 等实例数据/回调。\r\n */\r\nexport type UploadGlobalConfig = Partial<{\r\n  accept: string\r\n  multiple: boolean\r\n  disabled: boolean\r\n  block: boolean\r\n  maxSize: number\r\n  maxCount: number\r\n  drag: boolean\r\n  paste: boolean\r\n  autoUpload: boolean\r\n  listType: UploadListType\r\n  showFileList: boolean\r\n  showProgress: boolean\r\n  /** FormData 字段名 */\r\n  name: string\r\n}>\r\n\r\n/** 未传 props、也未配全局时的默认值 */\r\nexport const UPLOAD_FALLBACK = {\r\n  accept: '*',\r\n  multiple: false,\r\n  disabled: false,\r\n  block: false,\r\n  maxSize: 10 * 1024 * 1024,\r\n  maxCount: Infinity,\r\n  drag: true,\r\n  paste: false,\r\n  autoUpload: true,\r\n  listType: 'text' as UploadListType,\r\n  showFileList: true,\r\n  showProgress: true,\r\n  name: 'file',\r\n}\r\n"],"mappings":";;AA0BA,IAAa,kBAAkB;CAC7B,QAAQ;CACR,UAAU;CACV,UAAU;CACV,OAAO;CACP,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,YAAY;CACZ,UAAU;CACV,cAAc;CACd,cAAc;CACd,MAAM;AACR"}

package/dist/components/upload/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Upload';
+export type * from './Upload';
+export type { UploadGlobalConfig } from './config';
+export { UPLOAD_FALLBACK } from './config';

package/dist/components/upload/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/upload.css';

package/dist/components/upload/types.d.ts

@@ -0,0 +1,47 @@
+export type UploadStatus = 'ready' | 'uploading' | 'success' | 'error';
+export type UploadListType = 'text' | 'picture' | 'picture-card';
+export interface UploadFile {
+    uid: string;
+    name: string;
+    size?: number;
+    type?: string;
+    status: UploadStatus;
+    percent: number;
+    /** 预览或已上传地址 */
+    url?: string;
+    raw?: File;
+    response?: unknown;
+    error?: Error;
+}
+export interface UploadHttpRequestOptions {
+    file: File;
+    /** FormData 字段名 */
+    filename: string;
+    data?: Record<string, unknown>;
+    headers?: Record<string, string>;
+    withCredentials?: boolean;
+    action?: string;
+    onProgress: (e: {
+        percent: number;
+    }) => void;
+    onSuccess: (response?: unknown) => void;
+    onError: (error: Error) => void;
+}
+export type UploadHttpRequest = (options: UploadHttpRequestOptions) => void | {
+    abort?: () => void;
+};
+export type UploadBeforeUpload = (file: File) => boolean | File | Promise<boolean | File>;
+export type UploadBeforeRemove = (file: UploadFile) => boolean | Promise<boolean>;
+export interface UploadFileSlotScope {
+    file: UploadFile;
+    index: number;
+    remove: () => void;
+    retry: () => void;
+}
+export interface UploadPreviewSlotScope {
+    file: UploadFile;
+    index: number;
+    url?: string;
+    fileName: string;
+    remove: () => void;
+}

package/dist/components/virtual/Virtual.d.ts

@@ -0,0 +1,57 @@
+import { VirtualListMethods } from './useVirtualList';
+/** 默认插槽作用域；一般不用手写，由 sourceData + v-slots 自动推断 */
+export interface DataListOptions<T = any> {
+    data: T[];
+    index: {
+        from: number;
+        to: number;
+    };
+    elem?: HTMLElement;
+    pad?: number;
+    scrollTo: (x: number, y: number) => void;
+    scrollToIndex: (index: number) => void;
+    updateItemHeight: (index: number, height: number) => void;
+    updateItemHeights: (heightMap: Array<{
+        index: number;
+        height: number;
+    }>) => void;
+    getScrollInfo: () => {
+        scrollTop: number;
+        fromIndex: number;
+        toIndex: number;
+        visibleDataLength: number;
+    };
+    getOffsetForIndex: (index: number) => number;
+    refresh: () => void;
+    isIndexVisible: (index: number) => boolean;
+}
+export interface VirtualProps<T = any> {
+    pad?: number | [number, number];
+    sourceData?: T[];
+    itemHeight?: number;
+    itemHeightFn?: ((index: number, item: T) => number) | null;
+}
+export type VirtualSlots<T = any> = {
+    default?: (scope: DataListOptions<T>) => any;
+};
+/** Vue TSX 通过 $props 取属性；把 v-slots 放进 $props 才能跟 sourceData 一起推断 T */
+export type VirtualJSXProps<T = any> = VirtualProps<T> & {
+    'v-slots'?: VirtualSlots<T>;
+    vSlots?: VirtualSlots<T>;
+    class?: unknown;
+    style?: unknown;
+};
+/**
+ * Vue JSX 看的是实例上的 `$props`（不是调用签名，也不支持 `<Virtual<T>>`）。
+ * 用构造器泛型：`<Virtual sourceData={list} v-slots={{ default: ({ data }) => ... }} />`
+ * 即可从 list 推断 data 的元素类型。
+ */
+export type VirtualComponent = {
+    new <T = any>(): VirtualListMethods & {
+        $props: VirtualJSXProps<T>;
+    };
+};
+declare const Virtual: VirtualComponent;
+/** 实例类型（一般写 `InstanceType<typeof Virtual>` 即可，不必单独记这个名字） */
+export type VirtualInstance = InstanceType<VirtualComponent>;
+export default Virtual;

package/dist/components/virtual/Virtual.js

@@ -0,0 +1,62 @@
+import { useVirtualList } from "./useVirtualList.js";
+import { createVNode, defineComponent, mergeProps, ref } from "vue";
+//#region components/virtual/Virtual.tsx
+var Virtual = /* @__PURE__ */ defineComponent((props, ctx) => {
+	const { slots, attrs, expose } = ctx;
+	const root = ref();
+	const { state, methods } = useVirtualList(root, {
+		sourceData: () => props.sourceData || [],
+		itemHeight: () => props.itemHeight,
+		itemHeightFn: () => props.itemHeightFn,
+		pad: () => props.pad
+	});
+	expose(methods);
+	return () => {
+		const scope = {
+			elem: root.value,
+			data: state.visibleData,
+			index: {
+				from: state.fromIndex,
+				to: state.toIndex
+			},
+			...methods
+		};
+		const rootProps = mergeProps({
+			class: "w-virtual",
+			ref: root
+		}, attrs);
+		return createVNode("div", rootProps, [createVNode("div", {
+			"class": "w-virtual-content",
+			"style": {
+				paddingTop: state.startPlaceholderHeight + "px",
+				paddingBottom: state.endPlaceholderHeight + "px"
+			}
+		}, [slots.default?.(scope)])]);
+	};
+}, {
+	name: "Virtual",
+	inheritAttrs: false,
+	props: {
+		pad: {
+			type: [Number, Array],
+			default: 2
+		},
+		sourceData: {
+			type: Array,
+			default: () => []
+		},
+		itemHeight: {
+			type: Number,
+			default: 0
+		},
+		itemHeightFn: {
+			type: Function,
+			default: null
+		}
+	},
+	slots: Object
+});
+//#endregion
+export { Virtual as default };
+
+//# sourceMappingURL=Virtual.js.map

package/dist/components/virtual/Virtual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Virtual.js","names":["defineComponent","mergeProps","ref","createVNode","_createVNode","useVirtualList","VirtualImpl","props","ctx","slots","attrs","expose","root","state","methods","sourceData","itemHeight","itemHeightFn","pad","scope","elem","value","data","visibleData","index","from","fromIndex","to","toIndex","rootProps","class","paddingTop","startPlaceholderHeight","paddingBottom","endPlaceholderHeight","default","name","inheritAttrs","type","Number","Array","Function","Object","Virtual"],"sources":["../../../components/virtual/Virtual.tsx"],"sourcesContent":["import type { PropType, SetupContext, SlotsType } from 'vue'\r\nimport { defineComponent, mergeProps, ref } from 'vue'\r\nimport { useVirtualList } from './useVirtualList'\r\nimport type { VirtualListMethods } from './useVirtualList'\r\n\r\n/** 默认插槽作用域；一般不用手写，由 sourceData + v-slots 自动推断 */\r\nexport interface DataListOptions<T = any> {\r\n  data: T[]\r\n  index: {\r\n    from: number\r\n    to: number\r\n  }\r\n  elem?: HTMLElement\r\n  pad?: number\r\n  scrollTo: (x: number, y: number) => void\r\n  scrollToIndex: (index: number) => void\r\n  updateItemHeight: (index: number, height: number) => void\r\n  updateItemHeights: (\r\n    heightMap: Array<{ index: number; height: number }>,\r\n  ) => void\r\n  getScrollInfo: () => {\r\n    scrollTop: number\r\n    fromIndex: number\r\n    toIndex: number\r\n    visibleDataLength: number\r\n  }\r\n  getOffsetForIndex: (index: number) => number\r\n  refresh: () => void\r\n  isIndexVisible: (index: number) => boolean\r\n}\r\n\r\nexport interface VirtualProps<T = any> {\r\n  pad?: number | [number, number]\r\n  sourceData?: T[]\r\n  itemHeight?: number\r\n  itemHeightFn?: ((index: number, item: T) => number) | null\r\n}\r\n\r\nexport type VirtualSlots<T = any> = {\r\n  default?: (scope: DataListOptions<T>) => any\r\n}\r\n\r\n/** Vue TSX 通过 $props 取属性；把 v-slots 放进 $props 才能跟 sourceData 一起推断 T */\r\nexport type VirtualJSXProps<T = any> = VirtualProps<T> & {\r\n  'v-slots'?: VirtualSlots<T>\r\n  vSlots?: VirtualSlots<T>\r\n  class?: unknown\r\n  style?: unknown\r\n}\r\n\r\n/**\r\n * Vue JSX 看的是实例上的 `$props`（不是调用签名，也不支持 `<Virtual<T>>`）。\r\n * 用构造器泛型：`<Virtual sourceData={list} v-slots={{ default: ({ data }) => ... }} />`\r\n * 即可从 list 推断 data 的元素类型。\r\n */\r\nexport type VirtualComponent = {\r\n  new <T = any>(): VirtualListMethods & {\r\n    $props: VirtualJSXProps<T>\r\n  }\r\n}\r\n\r\nconst VirtualImpl = defineComponent(\r\n  <T = any,>(\r\n    props: VirtualProps<T>,\r\n    ctx: SetupContext<{}, SlotsType<VirtualSlots<T>>>,\r\n  ) => {\r\n    const { slots, attrs, expose } = ctx\r\n\r\n    const root = ref<HTMLElement>()\r\n\r\n    const { state, methods } = useVirtualList<T>(root, {\r\n      sourceData: () => props.sourceData || [],\r\n      itemHeight: () => props.itemHeight,\r\n      itemHeightFn: () => props.itemHeightFn,\r\n      pad: () => props.pad,\r\n    })\r\n\r\n    expose(methods)\r\n\r\n    return () => {\r\n      const scope: DataListOptions<T> = {\r\n        elem: root.value,\r\n        data: state.visibleData,\r\n        index: {\r\n          from: state.fromIndex,\r\n          to: state.toIndex,\r\n        },\r\n        ...methods,\r\n      }\r\n\r\n      const rootProps = mergeProps(\r\n        {\r\n          class: 'w-virtual',\r\n          ref: root,\r\n        },\r\n        attrs,\r\n      )\r\n\r\n      return (\r\n        <div {...rootProps}>\r\n          <div\r\n            class=\"w-virtual-content\"\r\n            style={{\r\n              paddingTop: state.startPlaceholderHeight + 'px',\r\n              paddingBottom: state.endPlaceholderHeight + 'px',\r\n            }}>\r\n            {slots.default?.(scope)}\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n  {\r\n    name: 'Virtual',\r\n    inheritAttrs: false,\r\n    props: {\r\n      pad: {\r\n        type: [Number, Array] as PropType<number | [number, number]>,\r\n        default: 2,\r\n      },\r\n      sourceData: {\r\n        type: Array as PropType<any[]>,\r\n        default: () => [],\r\n      },\r\n      itemHeight: {\r\n        type: Number,\r\n        default: 0,\r\n      },\r\n      itemHeightFn: {\r\n        type: Function as unknown as PropType<\r\n          ((index: number, item: any) => number) | null\r\n        >,\r\n        default: null,\r\n      },\r\n    },\r\n    slots: Object as SlotsType<VirtualSlots>,\r\n  },\r\n)\r\n\r\nconst Virtual = VirtualImpl as unknown as VirtualComponent\r\n\r\n/** 实例类型（一般写 `InstanceType<typeof Virtual>` 即可，不必单独记这个名字） */\r\nexport type VirtualInstance = InstanceType<VirtualComponent>\r\n\r\nexport default Virtual\r\n\r\n"],"mappings":";;;AA2IA,IAAM2C,UA9Ec3C,iCAEhBO,OACAC,QACG;CACH,MAAM,EAAEC,OAAOC,OAAOC,WAAWH;CAEjC,MAAMI,OAAOV,IAAiB;CAE9B,MAAM,EAAEW,OAAOC,YAAYT,eAAkBO,MAAM;EACjDG,kBAAkBR,MAAMQ,cAAc,CAAA;EACtCC,kBAAkBT,MAAMS;EACxBC,oBAAoBV,MAAMU;EAC1BC,WAAWX,MAAMW;CACnB,CAAC;CAEDP,OAAOG,OAAO;CAEd,aAAa;EACX,MAAMK,QAA4B;GAChCC,MAAMR,KAAKS;GACXC,MAAMT,MAAMU;GACZC,OAAO;IACLC,MAAMZ,MAAMa;IACZC,IAAId,MAAMe;GACZ;GACA,GAAGd;EACL;EAEA,MAAMe,YAAY5B,WAChB;GACE6B,OAAO;GACP5B,KAAKU;EACP,GACAF,KACF;EAEA,OAAAN,YAAA,OACWyB,WAAS,CAAAzB,YAAA,OAAA;GAAA,SAAA;GAAA,SAGP;IACL2B,YAAYlB,MAAMmB,yBAAyB;IAC3CC,eAAepB,MAAMqB,uBAAuB;GAC9C;EAAC,GAAA,CACAzB,MAAM0B,UAAUhB,KAAK,CAAC,CAAA,CAAA,CAAA;CAI/B;AACF,GACA;CACEiB,MAAM;CACNC,cAAc;CACd9B,OAAO;EACLW,KAAK;GACHoB,MAAM,CAACC,QAAQC,KAAK;GACpBL,SAAS;EACX;EACApB,YAAY;GACVuB,MAAME;GACNL,eAAe,CAAA;EACjB;EACAnB,YAAY;GACVsB,MAAMC;GACNJ,SAAS;EACX;EACAlB,cAAc;GACZqB,MAAMG;GAGNN,SAAS;EACX;CACF;CACA1B,OAAOiC;AACT,CAGcpC"}