@sdata/web-vue 1.3.0 → 1.4.0

package/lib/upload/upload.js

@@ -1,389 +0,0 @@
-require("../_virtual/_rolldown/runtime.js");
-const require_use_form_item = require("../_hooks/use-form-item.js");
-const require_objectSpread2 = require("../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js");
-const require_global_config = require("../_utils/global-config.js");
-const require_is = require("../_utils/is.js");
-const require_asyncToGenerator = require("../_virtual/_@oxc-project_runtime@0.124.0/helpers/asyncToGenerator.js");
-const require_preview_group = require("../image/preview-group.js");
-const require_context = require("./context.js");
-const require_utils = require("./utils.js");
-const require_upload_button = require("./upload-button.js");
-const require_upload_list = require("./upload-list.js");
-let vue = require("vue");
-//#region components/upload/upload.tsx
-var upload_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	name: "Upload",
-	props: {
-		fileList: {
-			type: Array,
-			default: void 0
-		},
-		defaultFileList: {
-			type: Array,
-			default: () => []
-		},
-		accept: String,
-		action: String,
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		multiple: {
-			type: Boolean,
-			default: false
-		},
-		directory: {
-			type: Boolean,
-			default: false
-		},
-		draggable: {
-			type: Boolean,
-			default: false
-		},
-		tip: String,
-		headers: { type: Object },
-		data: { type: [Object, Function] },
-		name: { type: [String, Function] },
-		withCredentials: {
-			type: Boolean,
-			default: false
-		},
-		customRequest: { type: Function },
-		limit: {
-			type: Number,
-			default: 0
-		},
-		autoUpload: {
-			type: Boolean,
-			default: true
-		},
-		showFileList: {
-			type: Boolean,
-			default: true
-		},
-		showRemoveButton: {
-			type: Boolean,
-			default: true
-		},
-		showRetryButton: {
-			type: Boolean,
-			default: true
-		},
-		showCancelButton: {
-			type: Boolean,
-			default: true
-		},
-		showUploadButton: {
-			type: [Boolean, Object],
-			default: true
-		},
-		showPreviewButton: {
-			type: Boolean,
-			default: true
-		},
-		download: {
-			type: Boolean,
-			default: false
-		},
-		showLink: {
-			type: Boolean,
-			default: true
-		},
-		imageLoading: { type: String },
-		listType: {
-			type: String,
-			default: "text"
-		},
-		responseUrlKey: { type: [String, Function] },
-		customIcon: { type: Object },
-		imagePreview: {
-			type: Boolean,
-			default: false
-		},
-		onBeforeUpload: { type: Function },
-		onBeforeRemove: { type: Function },
-		onButtonClick: { type: Function }
-	},
-	emits: {
-		"update:fileList": (fileList) => true,
-		"exceedLimit": (fileList, files) => true,
-		"change": (fileList, fileItem) => true,
-		"progress": (fileItem, ev) => true,
-		"preview": (fileItem) => true,
-		"success": (fileItem) => true,
-		"error": (fileItem) => true
-	},
-	setup(props, { emit, slots }) {
-		const { fileList, disabled, listType, customIcon, showRetryButton, showCancelButton, showRemoveButton, showPreviewButton, imageLoading, download, showLink } = (0, vue.toRefs)(props);
-		const prefixCls = require_global_config.getPrefixCls("upload");
-		const { mergedDisabled, eventHandlers } = require_use_form_item.useFormItem({ disabled });
-		const _fileList = (0, vue.ref)([]);
-		const fileMap = /* @__PURE__ */ new Map();
-		const requestMap = /* @__PURE__ */ new Map();
-		const isMax = (0, vue.computed)(() => {
-			return props.limit > 0 && _fileList.value.length >= props.limit;
-		});
-		const checkFileList = (fileList) => {
-			fileMap.clear();
-			const newFileList = fileList === null || fileList === void 0 ? void 0 : fileList.map((data, index) => {
-				var _data$status, _data$uid, _data$percent;
-				const status = (_data$status = data.status) !== null && _data$status !== void 0 ? _data$status : "done";
-				const fileItem = (0, vue.reactive)(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, data), {}, {
-					uid: (_data$uid = data.uid) !== null && _data$uid !== void 0 ? _data$uid : `${Date.now()}${index}`,
-					status,
-					percent: (_data$percent = data.percent) !== null && _data$percent !== void 0 ? _data$percent : ["error", "init"].indexOf(status) > -1 ? 0 : 1
-				}));
-				fileMap.set(fileItem.uid, fileItem);
-				return fileItem;
-			});
-			_fileList.value = newFileList !== null && newFileList !== void 0 ? newFileList : [];
-		};
-		checkFileList(props.defaultFileList);
-		(0, vue.watch)(fileList, (fileList) => {
-			if (fileList) checkFileList(fileList);
-		}, {
-			immediate: true,
-			deep: true
-		});
-		const updateFileList = (file) => {
-			var _eventHandlers$value, _eventHandlers$value$;
-			emit("update:fileList", _fileList.value);
-			emit("change", _fileList.value, file);
-			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
-		};
-		const updateFile = (id, file) => {
-			for (const item of _fileList.value) if (item.uid === id) {
-				item.file = file;
-				updateFileList(item);
-				break;
-			}
-		};
-		const uploadFile = (fileItem) => {
-			const handleProgress = (percent, event) => {
-				const file = fileMap.get(fileItem.uid);
-				if (file) {
-					file.status = "uploading";
-					file.percent = percent;
-					emit("progress", file, event);
-					updateFileList(file);
-				}
-			};
-			const handleSuccess = (response) => {
-				const file = fileMap.get(fileItem.uid);
-				if (file) {
-					file.status = "done";
-					file.percent = 1;
-					file.response = response;
-					if (props.responseUrlKey) {
-						if (require_is.isFunction(props.responseUrlKey)) file.url = props.responseUrlKey(file);
-						else if (response[props.responseUrlKey]) file.url = response[props.responseUrlKey];
-					}
-					requestMap.delete(file.uid);
-					emit("success", file);
-					updateFileList(file);
-				}
-			};
-			const handleError = (response) => {
-				const file = fileMap.get(fileItem.uid);
-				if (file) {
-					file.status = "error";
-					file.percent = 0;
-					file.response = response;
-					requestMap.delete(file.uid);
-					emit("error", file);
-					updateFileList(file);
-				}
-			};
-			const option = {
-				fileItem,
-				action: props.action,
-				name: props.name,
-				data: props.data,
-				headers: props.headers,
-				withCredentials: props.withCredentials,
-				onProgress: handleProgress,
-				onSuccess: handleSuccess,
-				onError: handleError
-			};
-			fileItem.status = "uploading";
-			fileItem.percent = 0;
-			const request = require_is.isFunction(props.customRequest) ? props.customRequest(option) : require_utils.uploadRequest(option);
-			requestMap.set(fileItem.uid, request);
-			updateFileList(fileItem);
-		};
-		const abort = (fileItem) => {
-			const req = requestMap.get(fileItem.uid);
-			if (req) {
-				var _req$abort;
-				(_req$abort = req.abort) === null || _req$abort === void 0 || _req$abort.call(req);
-				requestMap.delete(fileItem.uid);
-				const file = fileMap.get(fileItem.uid);
-				if (file) {
-					file.status = "error";
-					file.percent = 0;
-					updateFileList(file);
-				}
-			}
-		};
-		const submit = (fileItem) => {
-			if (fileItem) {
-				const file = fileMap.get(fileItem.uid);
-				if (file) uploadFile(file);
-			} else for (const item of _fileList.value) if (item.status === "init") uploadFile(item);
-		};
-		const initUpload = function() {
-			var _ref = require_asyncToGenerator._asyncToGenerator(function* (file, index) {
-				const uid = `${Date.now()}-${index}`;
-				const fileItem = (0, vue.reactive)({
-					uid,
-					file,
-					url: require_utils.isImage(file) ? URL.createObjectURL(file) : void 0,
-					name: file.name,
-					status: "init",
-					percent: 0
-				});
-				fileMap.set(uid, fileItem);
-				_fileList.value = [..._fileList.value, fileItem];
-				updateFileList(fileItem);
-				if (props.autoUpload) uploadFile(fileItem);
-			});
-			return function initUpload(_x, _x2) {
-				return _ref.apply(this, arguments);
-			};
-		}();
-		const uploadFiles = (files) => {
-			if (props.limit > 0 && _fileList.value.length + files.length > props.limit) {
-				emit("exceedLimit", _fileList.value, files);
-				return;
-			}
-			for (let i = 0; i < files.length; i++) {
-				const file = files[i];
-				if (require_is.isFunction(props.onBeforeUpload)) Promise.resolve(props.onBeforeUpload(file)).then((result) => {
-					if (result) initUpload(require_is.isBoolean(result) ? file : result, i);
-				}).catch((err) => {
-					console.error(err);
-				});
-				else initUpload(file, i);
-			}
-		};
-		const removeFile = (fileItem) => {
-			_fileList.value = _fileList.value.filter((item) => {
-				return item.uid !== fileItem.uid;
-			});
-			updateFileList(fileItem);
-		};
-		const handleRemove = (fileItem) => {
-			if (require_is.isFunction(props.onBeforeRemove)) Promise.resolve(props.onBeforeRemove(fileItem)).then((result) => {
-				if (result) removeFile(fileItem);
-			}).catch((err) => {
-				console.error(err);
-			});
-			else removeFile(fileItem);
-		};
-		const handlePreview = (fileItem) => {
-			if (props.imagePreview && fileItem.url) {
-				const current = imageList.value.indexOf(fileItem.url);
-				if (current > -1) {
-					imagePreviewCurrent.value = current;
-					imagePreviewVisible.value = true;
-				}
-			}
-			emit("preview", fileItem);
-		};
-		(0, vue.provide)(require_context.uploadInjectionKey, (0, vue.reactive)({
-			disabled: mergedDisabled,
-			listType,
-			iconCls: `${prefixCls}-icon`,
-			showRemoveButton,
-			showRetryButton,
-			showCancelButton,
-			showPreviewButton,
-			showLink,
-			imageLoading,
-			download,
-			customIcon,
-			slots,
-			onUpload: uploadFile,
-			onAbort: abort,
-			onRemove: handleRemove,
-			onPreview: handlePreview
-		}));
-		const mergedAccept = (0, vue.computed)(() => {
-			if (props.accept) return props.accept;
-			if (props.listType === "picture" || props.listType === "picture-card") return "image/*";
-		});
-		const renderButton = () => {
-			const button = (0, vue.createVNode)(require_upload_button.default, {
-				"key": "sd-upload-button",
-				"disabled": mergedDisabled.value,
-				"draggable": props.draggable,
-				"listType": props.listType,
-				"uploadFiles": uploadFiles,
-				"multiple": props.multiple,
-				"directory": props.directory,
-				"tip": props.tip,
-				"hide": !props.showUploadButton || isMax.value && !(require_is.isObject(props.showUploadButton) && props.showUploadButton.showOnExceedLimit),
-				"accept": mergedAccept.value,
-				"onButtonClick": props.onButtonClick
-			}, { default: slots["upload-button"] });
-			if (props.tip && props.listType !== "picture-card" && !props.draggable) return (0, vue.createVNode)("span", null, [button, (0, vue.createVNode)("div", { "class": `${prefixCls}-tip` }, [props.tip])]);
-			return button;
-		};
-		const imagePreviewVisible = (0, vue.ref)(false);
-		const imagePreviewCurrent = (0, vue.ref)(0);
-		const handleImagePreviewChange = (current) => {
-			imagePreviewCurrent.value = current;
-		};
-		const handleImagePreviewVisibleChange = (visible) => {
-			imagePreviewVisible.value = visible;
-		};
-		const imageList = (0, vue.computed)(() => _fileList.value.filter((item) => Boolean(item.url)).map((item) => item.url));
-		const render = () => {
-			if (!props.showFileList) return props.showUploadButton && renderButton();
-			return (0, vue.createVNode)("div", { "class": [`${prefixCls}-wrapper`, `${prefixCls}-wrapper-type-${props.listType}`] }, [
-				props.imagePreview && imageList.value.length > 0 && (0, vue.createVNode)(require_preview_group.default, {
-					"srcList": imageList.value,
-					"visible": imagePreviewVisible.value,
-					"current": imagePreviewCurrent.value,
-					"onChange": handleImagePreviewChange,
-					"onVisibleChange": handleImagePreviewVisibleChange
-				}, null),
-				props.listType !== "picture-card" && props.showUploadButton && renderButton(),
-				(0, vue.createVNode)(require_upload_list.default, {
-					"fileList": _fileList.value,
-					"listType": props.listType
-				}, {
-					"upload-button": renderButton,
-					"upload-item": slots["upload-item"]
-				})
-			]);
-		};
-		return {
-			prefixCls,
-			render,
-			innerSubmit: submit,
-			innerAbort: abort,
-			innerUpdateFile: updateFile,
-			innerUpload: uploadFiles
-		};
-	},
-	methods: {
-		submit(fileItem) {
-			return this.innerSubmit(fileItem);
-		},
-		abort(fileItem) {
-			return this.innerAbort(fileItem);
-		},
-		updateFile(id, file) {
-			return this.innerUpdateFile(id, file);
-		},
-		upload(files) {
-			return this.innerUpload(files);
-		}
-	},
-	render() {
-		return this.render();
-	}
-});
-//#endregion
-exports.default = upload_default;

package/lib/upload/utils.js

@@ -1,138 +0,0 @@
-const require_runtime = require("../_virtual/_rolldown/runtime.js");
-const require_is = require("../_utils/is.js");
-const require_dom = require("../_utils/dom.js");
-let number_precision = require("number-precision");
-number_precision = require_runtime.__toESM(number_precision);
-//#region components/upload/utils.ts
-var getResponse = (xhr) => {
-	const res = xhr.responseText || xhr.response;
-	if (!res) return;
-	const contentType = xhr.getResponseHeader("Content-Type");
-	if (contentType && contentType.includes("json")) try {
-		return JSON.parse(res);
-	} catch (_unused) {
-		return res;
-	}
-	return res;
-};
-var getProgressStatus = (status) => {
-	switch (status) {
-		case "done": return "success";
-		case "error": return "danger";
-		default: return "normal";
-	}
-};
-var getValue = (obj, fileItem) => {
-	if (require_is.isFunction(obj)) return obj(fileItem);
-	return obj;
-};
-var uploadRequest = ({ fileItem, action, name: originName, data: originData, headers = {}, withCredentials = false, onProgress = require_dom.NOOP, onSuccess = require_dom.NOOP, onError = require_dom.NOOP }) => {
-	const name = getValue(originName, fileItem) || "file";
-	const data = getValue(originData, fileItem);
-	const xhr = new XMLHttpRequest();
-	if (withCredentials) xhr.withCredentials = true;
-	xhr.upload.onprogress = (e) => {
-		onProgress(e.total > 0 ? number_precision.default.round(e.loaded / e.total, 2) : 0, e);
-	};
-	xhr.onerror = function error(e) {
-		onError(e);
-	};
-	xhr.onload = () => {
-		if (xhr.status < 200 || xhr.status >= 300) {
-			onError(getResponse(xhr));
-			return;
-		}
-		onSuccess(getResponse(xhr));
-	};
-	const formData = new FormData();
-	if (data) for (const key of Object.keys(data)) formData.append(key, data[key]);
-	if (fileItem.file) formData.append(name, fileItem.file);
-	xhr.open("post", action !== null && action !== void 0 ? action : "", true);
-	for (const key of Object.keys(headers)) xhr.setRequestHeader(key, headers[key]);
-	xhr.send(formData);
-	return { abort() {
-		xhr.abort();
-	} };
-};
-var isAcceptFile = (file, accept) => {
-	if (accept && file) {
-		const accepts = require_is.isArray(accept) ? accept : accept.split(",").map((x) => x.trim()).filter((x) => x);
-		const fileExtension = (file.name.indexOf(".") > -1 ? `.${file.name.split(".").pop()}` : "").toLowerCase();
-		return accepts.some((type) => {
-			const typeText = type && type.toLowerCase();
-			const fileType = (file.type || "").toLowerCase();
-			const baseFileType = fileType.split("/")[0];
-			if (typeText === fileType || `${baseFileType}${fileExtension.replace(".", "/")}` === typeText) return true;
-			if (/^\*(\/\*)?$/.test(typeText)) return true;
-			if (/\/\*/.test(typeText)) return fileType.replace(/\/.*$/, "") === typeText.replace(/\/.*$/, "");
-			if (/\..*/.test(typeText)) {
-				let suffixList = [typeText];
-				if (typeText === ".jpg" || typeText === ".jpeg") suffixList = [".jpg", ".jpeg"];
-				return suffixList.indexOf(fileExtension) > -1;
-			}
-			return false;
-		});
-	}
-	return !!file;
-};
-var loopDirectory = (itemList, accept, callback) => {
-	const files = [];
-	let restFileCount = 0;
-	const onFinish = () => {
-		!restFileCount && callback(files);
-	};
-	const _loopDirectory = (item) => {
-		restFileCount += 1;
-		if (item === null || item === void 0 ? void 0 : item.isFile) {
-			item.file((file) => {
-				restFileCount -= 1;
-				if (isAcceptFile(file, accept)) {
-					Object.defineProperty(file, "webkitRelativePath", { value: item.fullPath.replace(/^\//, "") });
-					files.push(file);
-				}
-				onFinish();
-			});
-			return;
-		}
-		if (item === null || item === void 0 ? void 0 : item.isDirectory) {
-			const reader = item.createReader();
-			let flag = false;
-			const readEntries = () => {
-				reader.readEntries((entries) => {
-					if (!flag) {
-						restFileCount -= 1;
-						flag = true;
-					}
-					if (entries.length === 0) onFinish();
-					else {
-						readEntries();
-						entries.forEach(_loopDirectory);
-					}
-				});
-			};
-			readEntries();
-			return;
-		}
-		restFileCount -= 1;
-		onFinish();
-	};
-	[].slice.call(itemList).forEach((item) => item.webkitGetAsEntry && _loopDirectory(item.webkitGetAsEntry()));
-};
-var isImage = (file) => {
-	var _file$type;
-	return (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.includes("image");
-};
-var getFiles = (fileList, accept) => {
-	if (!fileList) return [];
-	const files = Array.from(fileList);
-	if (accept) return files.filter((file) => {
-		return isAcceptFile(file, accept);
-	});
-	return files;
-};
-//#endregion
-exports.getFiles = getFiles;
-exports.getProgressStatus = getProgressStatus;
-exports.isImage = isImage;
-exports.loopDirectory = loopDirectory;
-exports.uploadRequest = uploadRequest;

package/lib/verification-code/index.js

@@ -1,10 +0,0 @@
-const require_global_config = require("../_utils/global-config.js");
-const require_verification_code = require("./verification-code.js");
-//#region components/verification-code/index.ts
-var VerificationCode = Object.assign(require_verification_code.default, { install: (app, options) => {
-	require_global_config.setGlobalConfig(app, options);
-	const componentPrefix = require_global_config.getComponentPrefix(options);
-	app.component(componentPrefix + require_verification_code.default.name, require_verification_code.default);
-} });
-//#endregion
-exports.default = VerificationCode;

package/lib/verification-code/style/css.js

@@ -1,2 +0,0 @@
-require("../../style/index.css");
-require("./index.css");

package/lib/verification-code/style/index.css

@@ -1,43 +0,0 @@
-/******** borderSize *******/
-/******** borderStyle *******/
-/******** radius *******/
-/******** shadow distance *******/
-/******** size *******/
-/******** spacing *******/
-/******** shadow *******/
-/******** opacity *******/
-/******** fontSize *******/
-/******** fontWeight ********/
-/******** Primary *******/
-/******** success *******/
-/******** warning *******/
-/******** danger *******/
-/******** link *******/
-/******** radius *******/
-/********* icon hover *********/
-/******** 基础配置项 end *******/
-/******** 基础配置项 end *******/
-/******** 高级配置项 *******/
-/******** 高级配置项 end *******/
-.sd-verification-code {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  column-gap: 4px;
-}
-.sd-verification-code .sd-input {
-  width: 32px;
-  padding-right: 0;
-  padding-left: 0;
-  text-align: center;
-}
-.sd-verification-code .sd-input-size-small {
-  width: 28px;
-}
-.sd-verification-code .sd-input-size-mini {
-  width: 24px;
-}
-.sd-verification-code .sd-input-size-large {
-  width: 36px;
-}

package/lib/verification-code/style/index.js

@@ -1,2 +0,0 @@
-require("../../style/index.less");
-require("./index.less");

package/lib/verification-code/style/index.less

@@ -1,32 +0,0 @@
-@import './token.less';
-@import '../../input/style/token.less';
-
-@verification-code-prefix-cls: ~'@{prefix}-verification-code';
-@input-prefix-cls: ~'@{prefix}-input';
-
-.@{verification-code-prefix-cls} {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  column-gap: 4px;
-
-  .@{input-prefix-cls} {
-    width: @input-size-default-height;
-    padding-right: 0;
-    padding-left: 0;
-    text-align: center;
-  }
-
-  .@{input-prefix-cls}-size-small {
-    width: @input-size-small-height;
-  }
-
-  .@{input-prefix-cls}-size-mini {
-    width: @input-size-mini-height;
-  }
-
-  .@{input-prefix-cls}-size-large {
-    width: @input-size-large-height;
-  }
-}

package/lib/verification-code/style/token.less

@@ -1 +0,0 @@
-@import '../../style/theme/index.less';