@aifuxi/semi-ui-vue 2.0.0 → 2.0.2

package/dist/_shared/da28e3de7c87.js

@@ -0,0 +1,1146 @@
+import { createCommentVNode, useSlots, shallowReactive, shallowRef, inject, onBeforeUnmount, unref, mergeProps, createElementBlock, createElementVNode, createVNode, getCurrentInstance, normalizeClass, openBlock, renderSlot, watch, createTextVNode, markRaw, toDisplayString, Fragment, onMounted, renderList, nextTick, useAttrs, createBlock, useTemplateRef, normalizeStyle, withCtx, computed, defineComponent } from "./2b5da12c0905.js";
+import "./a7e0eab4d4b0.js";
+import { IconUpload, IconPlus } from "./4a3bbaff2124.js";
+import { configContextKey } from "./650465d64194.js";
+import { UploadNodeRenderer } from "./deb81b464b24.js";
+import { UploadFileCard } from "./5c1afe878e7f.js";
+import { Modal } from "./9678c15bf468.js";
+import { Cropper } from "./41fe1350c72e.js";
+import { foundation as foundation_foundation } from "./3b47864c7525.js";
+const _hoisted_1 = [
+    "x-prompt-pos"
+];
+const _hoisted_2 = [
+    "capture",
+    "multiple",
+    "accept"
+];
+const _hoisted_3 = [
+    "accept"
+];
+const _hoisted_4 = [
+    "aria-disabled"
+];
+const _hoisted_5 = {
+    class: "semi-upload-drag-area-icon",
+    "x-semi-prop": "dragIcon"
+};
+const _hoisted_6 = {
+    class: "semi-upload-drag-area-text"
+};
+const _hoisted_7 = {
+    class: "semi-upload-drag-area-main-text",
+    "x-semi-prop": "dragMainText"
+};
+const _hoisted_8 = {
+    class: "semi-upload-drag-area-sub-text",
+    "x-semi-prop": "dragSubText"
+};
+const _hoisted_9 = {
+    class: "semi-upload-drag-area-tips"
+};
+const _hoisted_10 = {
+    key: 0,
+    class: "semi-upload-drag-area-tips-legal"
+};
+const _hoisted_11 = {
+    key: 1,
+    class: "semi-upload-drag-area-tips-illegal"
+};
+const _hoisted_12 = [
+    "aria-disabled"
+];
+const _hoisted_13 = {
+    key: 1,
+    class: "semi-upload-prompt",
+    "x-semi-prop": "prompt"
+};
+const _hoisted_14 = {
+    key: 2,
+    class: "semi-upload-validate-message",
+    "x-semi-prop": "validateMessage"
+};
+const _hoisted_15 = {
+    key: 0,
+    class: "semi-upload-file-list semi-upload-picture-file-list"
+};
+const _hoisted_16 = {
+    class: "semi-upload-file-list-main",
+    role: "list",
+    "aria-label": "picture list"
+};
+const _hoisted_17 = {
+    key: 4,
+    class: "semi-upload-file-list"
+};
+const _hoisted_18 = {
+    key: 0,
+    class: "semi-upload-file-list-title"
+};
+const _hoisted_19 = {
+    class: "semi-upload-file-list-title-choosen"
+};
+const _hoisted_20 = {
+    class: "semi-upload-file-list-main",
+    role: "list",
+    "aria-label": "file list"
+};
+const Uploadvue_type_script_setup_true_lang_ts = /*@__PURE__*/ defineComponent({
+    name: 'Upload',
+    inheritAttrs: false,
+    __name: 'Upload',
+    props: {
+        accept: {},
+        action: {},
+        afterUpload: {},
+        beforeUpload: {},
+        beforeClear: {
+            type: Function,
+            default: ()=>true
+        },
+        beforeRemove: {
+            type: Function,
+            default: ()=>true
+        },
+        capture: {
+            type: [
+                Boolean,
+                String
+            ]
+        },
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        className: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        customRequest: {},
+        data: {},
+        defaultFileList: {
+            default: ()=>[]
+        },
+        directory: {
+            type: Boolean,
+            default: false
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        dragIcon: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        dragMainText: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        dragSubText: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        draggable: {
+            type: Boolean,
+            default: false
+        },
+        addOnPasting: {
+            type: Boolean,
+            default: false
+        },
+        fileList: {},
+        modelValue: {},
+        fileName: {},
+        headers: {},
+        hotSpotLocation: {
+            default: 'end'
+        },
+        itemStyle: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        limit: {},
+        listType: {
+            default: 'list'
+        },
+        maxSize: {},
+        minSize: {},
+        multiple: {
+            type: Boolean,
+            default: false
+        },
+        name: {},
+        picHeight: {},
+        picWidth: {},
+        prompt: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        promptPosition: {
+            default: 'right'
+        },
+        showClear: {
+            type: Boolean,
+            default: true
+        },
+        showPicInfo: {
+            type: Boolean,
+            default: false
+        },
+        showReplace: {
+            type: Boolean,
+            default: false
+        },
+        showRetry: {
+            type: Boolean,
+            default: true
+        },
+        showTooltip: {
+            type: [
+                Boolean,
+                Object
+            ],
+            default: true
+        },
+        showUploadList: {
+            type: Boolean,
+            default: true
+        },
+        style: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        timeout: {},
+        transformFile: {},
+        uploadTrigger: {
+            default: 'auto'
+        },
+        validateMessage: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array
+            ]
+        },
+        validateStatus: {},
+        withCredentials: {
+            type: Boolean,
+            default: false
+        },
+        crop: {
+            type: [
+                Boolean,
+                Object
+            ]
+        },
+        beforeCrop: {},
+        onCropError: {},
+        cropModalProps: {},
+        previewFile: {},
+        renderFileItem: {},
+        renderPicInfo: {},
+        renderThumbnail: {},
+        renderPicPreviewIcon: {},
+        renderPicClose: {},
+        renderFileOperation: {},
+        fileListTitle: {
+            type: [
+                Object,
+                String,
+                Number,
+                Boolean,
+                null,
+                Array,
+                Function
+            ]
+        }
+    },
+    emits: [
+        "acceptInvalid",
+        "change",
+        "clear",
+        "cropError",
+        "drop",
+        "error",
+        "exceed",
+        "fileChange",
+        "openFileDialog",
+        "pastingError",
+        "previewClick",
+        "progress",
+        "remove",
+        "retry",
+        "sizeError",
+        "success",
+        "update:fileList",
+        "update:modelValue"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const ZH_CN_UPLOAD_LOCALE = Object.freeze({
+            mainText: '点击上传文件或拖拽文件到这里',
+            illegalTips: '不支持此类型文件',
+            legalTips: '松手开始上传',
+            retry: '重试',
+            replace: '替换文件',
+            clear: '清空',
+            selectedFiles: '已选择文件',
+            illegalSize: '文件尺寸不合法',
+            fail: '上传失败',
+            cropTitle: '裁切图片',
+            cropOk: '确定',
+            cropCancel: '取消'
+        });
+        const EN_US_UPLOAD_LOCALE = Object.freeze({
+            mainText: 'Click to Upload File or Drag File to here',
+            illegalTips: 'This type of file is not supported',
+            legalTips: 'Release and start uploading',
+            retry: 'Retry',
+            replace: 'Replace File',
+            clear: 'Clear',
+            selectedFiles: 'Selected Files',
+            illegalSize: 'Illegal file size',
+            fail: 'Upload fail',
+            cropTitle: 'Crop Image',
+            cropOk: 'OK',
+            cropCancel: 'Cancel'
+        });
+        const props = __props;
+        const emit = __emit;
+        const attrs = useAttrs();
+        const slots = useSlots();
+        const instance = getCurrentInstance();
+        const injectedConfig = inject(configContextKey, void 0);
+        const inputRef = useTemplateRef('inputRef');
+        const replaceInputRef = useTemplateRef('replaceInputRef');
+        const cropperRef = useTemplateRef('cropperRef');
+        function hasRawProp(name) {
+            const raw = instance?.vnode.props;
+            const kebab = name.replace(/[A-Z]/g, (letter)=>`-${letter.toLowerCase()}`);
+            return Boolean(raw && (Object.prototype.hasOwnProperty.call(raw, name) || Object.prototype.hasOwnProperty.call(raw, kebab)));
+        }
+        function resolveDefaultTrue(name) {
+            return hasRawProp(name) ? false !== props[name] : true;
+        }
+        const showClear = computed(()=>resolveDefaultTrue('showClear'));
+        const showRetry = computed(()=>resolveDefaultTrue('showRetry'));
+        const showTooltip = computed(()=>hasRawProp('showTooltip') ? false !== props.showTooltip && props.showTooltip : true);
+        const showUploadList = computed(()=>resolveDefaultTrue('showUploadList'));
+        const fileListControlled = computed(()=>hasRawProp('fileList'));
+        const modelControlled = computed(()=>hasRawProp('modelValue'));
+        const controlled = computed(()=>fileListControlled.value || modelControlled.value);
+        const incomingFileList = computed(()=>modelControlled.value ? props.modelValue ?? [] : fileListControlled.value ? props.fileList ?? [] : void 0);
+        const config = computed(()=>injectedConfig ? injectedConfig.value : {
+                direction: 'ltr',
+                locale: {
+                    code: 'zh-CN'
+                }
+            });
+        const locale = computed(()=>{
+            const fallback = 'en-US' === config.value.locale.code ? EN_US_UPLOAD_LOCALE : ZH_CN_UPLOAD_LOCALE;
+            return {
+                ...fallback,
+                ...config.value.locale.Upload
+            };
+        });
+        const state = shallowReactive({
+            croppedFiles: [],
+            dragAreaStatus: 'default',
+            fileList: [
+                ...incomingFileList.value ?? props.defaultFileList
+            ],
+            inputKey: 0,
+            isReplaceOperation: false,
+            localUrls: [],
+            nonImageFiles: [],
+            pendingImageFiles: [],
+            replaceIdx: -1,
+            replaceInputKey: 0
+        });
+        const visibleFileList = computed(()=>controlled.value ? [
+                ...incomingFileList.value ?? []
+            ] : state.fileList);
+        watch(incomingFileList, (fileList)=>{
+            if (controlled.value) state.fileList = [
+                ...fileList ?? []
+            ];
+        });
+        function getFoundationProps() {
+            return {
+                ...props,
+                addOnPasting: props.addOnPasting,
+                beforeClear: props.beforeClear,
+                beforeRemove: props.beforeRemove,
+                disabled: props.disabled,
+                fileList: state.fileList,
+                listType: props.listType,
+                multiple: props.multiple,
+                showClear: showClear.value,
+                showRetry: showRetry.value,
+                showUploadList: showUploadList.value,
+                uploadTrigger: props.uploadTrigger,
+                withCredentials: props.withCredentials
+            };
+        }
+        const cache = new Map();
+        const pastingHandler = shallowRef(null);
+        const pasteEventHandler = shallowRef(null);
+        function cloneFileList(fileList) {
+            return fileList.map((item)=>({
+                    ...item
+                }));
+        }
+        const adapter = {
+            getContext: ()=>void 0,
+            getContexts: ()=>void 0,
+            getProp: (key)=>getFoundationProps()[key],
+            getProps: getFoundationProps,
+            getState: (key)=>state[key],
+            getStates: ()=>state,
+            setState: (next, callback)=>{
+                Object.assign(state, next);
+                callback?.();
+            },
+            getCache: (key)=>cache.get(key),
+            getCaches: ()=>cache,
+            setCache: (key, value)=>cache.set(key, value),
+            stopPropagation: (event)=>event.stopPropagation?.(),
+            persistEvent: ()=>void 0,
+            notifyFileSelect: (files)=>emit('fileChange', files),
+            notifyError: (error, file, fileList, xhr)=>emit('error', error, file, cloneFileList(fileList), xhr),
+            notifySuccess: (body, file, fileList)=>emit('success', body, file, cloneFileList(fileList)),
+            notifyProgress: (percent, file, fileList)=>emit('progress', percent, file, cloneFileList(fileList)),
+            notifyRemove: (file, fileList, fileItem)=>emit('remove', file, cloneFileList(fileList), {
+                    ...fileItem
+                }),
+            notifySizeError: (file, fileList)=>emit('sizeError', file, cloneFileList(fileList)),
+            notifyExceed: (files)=>emit('exceed', files),
+            updateFileList: (fileList, callback)=>{
+                state.fileList = cloneFileList(fileList);
+                callback?.();
+            },
+            notifyBeforeUpload: ({ file, fileList })=>props.beforeUpload?.({
+                    file: {
+                        ...file
+                    },
+                    fileList: cloneFileList(fileList)
+                }) ?? true,
+            notifyAfterUpload: ({ response, file, fileList })=>props.afterUpload?.({
+                    response,
+                    file: {
+                        ...file
+                    },
+                    fileList: cloneFileList(fileList)
+                }) ?? {},
+            resetInput: ()=>{
+                state.inputKey += 1;
+            },
+            resetReplaceInput: ()=>{
+                state.replaceInputKey += 1;
+            },
+            updateDragAreaStatus: (status)=>{
+                state.dragAreaStatus = status;
+            },
+            notifyBeforeRemove: (file, fileList)=>props.beforeRemove({
+                    ...file
+                }, cloneFileList(fileList)),
+            notifyBeforeClear: (fileList)=>props.beforeClear(cloneFileList(fileList)),
+            notifyChange: ({ currentFile, fileList })=>{
+                const payload = {
+                    fileList: cloneFileList(fileList),
+                    ...void 0 !== currentFile ? {
+                        currentFile: currentFile ? {
+                            ...currentFile
+                        } : currentFile
+                    } : {}
+                };
+                emit('change', payload);
+                emit('update:fileList', payload.fileList);
+                emit('update:modelValue', payload.fileList);
+            },
+            updateLocalUrls: (urls)=>{
+                state.localUrls = [
+                    ...urls
+                ];
+            },
+            notifyClear: ()=>emit('clear'),
+            notifyPreviewClick: (file)=>emit('previewClick', {
+                    ...file
+                }),
+            notifyDrop: (event, files, fileList)=>emit('drop', event, files, cloneFileList(fileList)),
+            notifyAcceptInvalid: (files)=>emit('acceptInvalid', files),
+            registerPastingHandler: (callback)=>{
+                if ("u" < typeof document || !callback) return;
+                const wrapped = (event)=>{
+                    if (props.crop && 'keydown' === event.type && 'code' in event) {
+                        const combineKey = adapter.isMac() ? event.metaKey : event.ctrlKey;
+                        if (combineKey && 'KeyV' === event.code && 'clipboard' in navigator) return void readClipboardImagesForCrop();
+                    }
+                    callback(event);
+                };
+                document.body.addEventListener('keydown', wrapped);
+                pastingHandler.value = wrapped;
+            },
+            unRegisterPastingHandler: ()=>{
+                if ("u" > typeof document && pastingHandler.value) document.body.removeEventListener('keydown', pastingHandler.value);
+                pastingHandler.value = null;
+            },
+            registerPasteEventHandler: (callback)=>{
+                if ("u" < typeof document || !callback) return;
+                const wrapped = (event)=>{
+                    const files = Array.from(event.clipboardData?.items ?? []).filter((item)=>'file' === item.kind).map((item)=>item.getAsFile()).filter((file)=>Boolean(file));
+                    if (props.crop && files.some(isImageFile)) {
+                        event.preventDefault();
+                        handleCropFiles(files);
+                        return;
+                    }
+                    callback(event);
+                };
+                document.body.addEventListener('paste', wrapped);
+                pasteEventHandler.value = wrapped;
+            },
+            unRegisterPasteEventHandler: ()=>{
+                if ("u" > typeof document && pasteEventHandler.value) document.body.removeEventListener('paste', pasteEventHandler.value);
+                pasteEventHandler.value = null;
+            },
+            isMac: ()=>"u" > typeof navigator && /MAC/i.test(navigator.platform),
+            notifyPastingError: (error)=>emit('pastingError', error)
+        };
+        const foundation = markRaw(new foundation_foundation(adapter));
+        onMounted(()=>foundation.init());
+        onBeforeUnmount(()=>{
+            foundation.destroy();
+            if (cropSource.value) URL.revokeObjectURL(cropSource.value);
+        });
+        const rootClasses = computed(()=>[
+                'semi-upload',
+                'picture' === props.listType ? 'semi-upload-picture' : null,
+                props.disabled ? 'semi-upload-disabled' : null,
+                props.validateStatus ? `semi-upload-${props.validateStatus}` : null,
+                'rtl' === config.value.direction ? 'semi-rtl' : null,
+                props.className,
+                props.class,
+                attrs.class
+            ]);
+        const rootStyle = computed(()=>[
+                props.style,
+                attrs.style
+            ]);
+        const rootAttrs = computed(()=>Object.fromEntries(Object.entries(attrs).filter(([name])=>![
+                    'class',
+                    'style'
+                ].includes(name) && (name.startsWith('data-') || name.startsWith('aria-')))));
+        const directoryAttrs = computed(()=>props.directory ? {
+                directory: 'directory',
+                webkitdirectory: 'webkitdirectory'
+            } : {});
+        const showPictureAdd = computed(()=>void 0 === props.limit ? true : props.limit > visibleFileList.value.length);
+        const showListTitle = computed(()=>1 !== props.limit && visibleFileList.value.length > 0);
+        const pictureAddClasses = computed(()=>[
+                'semi-upload-add',
+                'semi-upload-picture-add',
+                props.disabled ? 'semi-upload-picture-add-disabled' : null,
+                props.draggable && 'legal' === state.dragAreaStatus ? 'semi-upload-drag-area-legal' : null,
+                props.draggable && 'illegal' === state.dragAreaStatus ? 'semi-upload-drag-area-illegal' : null
+            ]);
+        const dragAreaClasses = computed(()=>[
+                'semi-upload-drag-area',
+                'legal' === state.dragAreaStatus ? 'semi-upload-drag-area-legal' : null,
+                'illegal' === state.dragAreaStatus ? 'semi-upload-drag-area-illegal' : null,
+                slots.default ? 'semi-upload-drag-area-custom' : null
+            ]);
+        function openFileDialog() {
+            if (props.disabled || !inputRef.value) return;
+            inputRef.value.click();
+            emit('openFileDialog');
+        }
+        function handleInputChange(event) {
+            const files = event.target.files;
+            if (files?.length) foundation.handleChange(files);
+        }
+        function handleReplaceInputChange(event) {
+            const files = event.target.files;
+            if (!files?.length) return;
+            const fileList = Array.from(files);
+            if (props.crop && fileList.some(isImageFile)) return void handleCropFiles(fileList, true);
+            foundation.handleReplaceChange(files);
+        }
+        function remove(file) {
+            foundation.handleRemove(file);
+        }
+        function clear() {
+            foundation.handleClear();
+        }
+        function replace(index) {
+            if (props.disabled) return;
+            state.replaceIdx = index;
+            nextTick(()=>replaceInputRef.value?.click());
+        }
+        function insert(files, index) {
+            foundation.insertFileToList(files, index);
+        }
+        function upload() {
+            foundation.manualUpload();
+        }
+        function handleDrop(event) {
+            const files = Array.from(event.dataTransfer?.files ?? []);
+            if (props.crop && !props.disabled && !props.directory && files.some(isImageFile)) {
+                event.preventDefault();
+                event.stopPropagation();
+                state.dragAreaStatus = 'default';
+                emit('drop', event, files, [
+                    ...state.fileList
+                ]);
+                handleCropFiles(files);
+                return;
+            }
+            foundation.handleDrop(event);
+        }
+        function handleDragOver(event) {
+            foundation.handleDragOver(event);
+        }
+        function handleDragLeave(event) {
+            foundation.handleDragLeave(event);
+        }
+        function handleDragEnter(event) {
+            foundation.handleDragEnter(event);
+        }
+        function fileCardProps(file, index) {
+            const validateMessage = file.validateMessage ?? ('uploadFail' === file.status ? locale.value.fail : file._sizeInvalid ? locale.value.illegalSize : void 0);
+            const output = {
+                ...file,
+                index,
+                key: file.uid || `${file.name}${index}`,
+                listType: props.listType,
+                disabled: props.disabled,
+                onRemove: ()=>remove(file),
+                onRetry: ()=>{
+                    emit('retry', file);
+                    foundation.retry(file);
+                },
+                onReplace: ()=>replace(index),
+                ...props.renderFileOperation ? {
+                    renderFileOperation: props.renderFileOperation
+                } : {},
+                ...props.renderPicClose ? {
+                    renderPicClose: props.renderPicClose
+                } : {},
+                ...props.renderPicInfo ? {
+                    renderPicInfo: props.renderPicInfo
+                } : {},
+                ...props.renderPicPreviewIcon ? {
+                    renderPicPreviewIcon: props.renderPicPreviewIcon
+                } : {},
+                ...props.renderThumbnail ? {
+                    renderThumbnail: props.renderThumbnail
+                } : {},
+                ...props.previewFile ? {
+                    previewFile: props.previewFile
+                } : {},
+                ...props.itemStyle ? {
+                    style: props.itemStyle
+                } : {},
+                ...hasRawProp('onPreviewClick') ? {
+                    onPreviewClick: ()=>foundation.handlePreviewClick(file)
+                } : {},
+                showPicInfo: props.showPicInfo,
+                showReplace: file.showReplace ?? props.showReplace,
+                showRetry: file.showRetry ?? showRetry.value,
+                showTooltip: showTooltip.value
+            };
+            if (void 0 !== props.picHeight) output.picHeight = props.picHeight;
+            if (void 0 !== props.picWidth) output.picWidth = props.picWidth;
+            if (void 0 !== validateMessage) output.validateMessage = validateMessage;
+            return output;
+        }
+        function renderFileItem(file, index) {
+            const cardProps = fileCardProps(file, index);
+            return slots.fileItem?.(cardProps) ?? props.renderFileItem?.(cardProps);
+        }
+        const fileRenderEntries = computed(()=>visibleFileList.value.map((file, index)=>({
+                    file,
+                    cardProps: fileCardProps(file, index),
+                    content: renderFileItem(file, index)
+                })));
+        function fileListTitleProps() {
+            return {
+                fileList: [
+                    ...visibleFileList.value
+                ],
+                onClear: clear,
+                clearText: locale.value.clear
+            };
+        }
+        function renderFileListTitle() {
+            const titleProps = fileListTitleProps();
+            return slots.fileListTitle?.(titleProps) ?? ('function' == typeof props.fileListTitle ? props.fileListTitle(titleProps) : void 0);
+        }
+        const renderedFileListTitle = computed(()=>renderFileListTitle());
+        const cropVisible = shallowRef(false);
+        const cropFile = shallowRef(null);
+        const cropSource = shallowRef('');
+        function isImageFile(file) {
+            return file.type.startsWith('image/');
+        }
+        function dispatchCroppedFiles(files, isReplaceOperation) {
+            if (isReplaceOperation) foundation.handleReplaceChange(files);
+            else foundation.handleChange(files);
+        }
+        async function shouldCropFile(file, files) {
+            if (!props.beforeCrop) return true;
+            try {
+                return await props.beforeCrop(file, files) !== false;
+            } catch (error) {
+                const resolved = error instanceof Error ? error : new Error(String(error));
+                props.onCropError?.(resolved);
+                emit('cropError', resolved);
+                return false;
+            }
+        }
+        async function handleCropFiles(files, isReplaceOperation = false) {
+            const imageFiles = files.filter(isImageFile);
+            const nonImageFiles = files.filter((file)=>!isImageFile(file));
+            const first = imageFiles[0];
+            if (!props.crop || !first) return void dispatchCroppedFiles(files, isReplaceOperation);
+            if (!await shouldCropFile(first, files)) return void dispatchCroppedFiles(files, isReplaceOperation);
+            const queue = isReplaceOperation ? [
+                first
+            ] : imageFiles;
+            const [current, ...pending] = queue;
+            if (!current) return;
+            cropFile.value = current;
+            cropSource.value = URL.createObjectURL(current);
+            state.pendingImageFiles = pending;
+            state.nonImageFiles = isReplaceOperation ? [] : nonImageFiles;
+            state.croppedFiles = [];
+            state.isReplaceOperation = isReplaceOperation;
+            cropVisible.value = true;
+        }
+        async function confirmCrop() {
+            if (!cropFile.value || !cropperRef.value) return;
+            try {
+                const canvas = cropperRef.value.getCropperCanvas();
+                const config = 'object' == typeof props.crop ? props.crop : {};
+                const blob = await new Promise((resolve, reject)=>canvas.toBlob((value)=>value ? resolve(value) : reject(new Error('Failed to create blob')), cropFile.value?.type || 'image/png', config.quality ?? 0.92));
+                const file = new File([
+                    blob
+                ], cropFile.value.name, {
+                    type: cropFile.value.type,
+                    lastModified: cropFile.value.lastModified
+                });
+                const croppedFiles = [
+                    ...state.croppedFiles,
+                    file
+                ];
+                const next = state.pendingImageFiles[0];
+                if (next) {
+                    if (cropSource.value) URL.revokeObjectURL(cropSource.value);
+                    cropFile.value = next;
+                    cropSource.value = URL.createObjectURL(next);
+                    state.pendingImageFiles = state.pendingImageFiles.slice(1);
+                    state.croppedFiles = croppedFiles;
+                    return;
+                }
+                const completedFiles = [
+                    ...croppedFiles,
+                    ...state.nonImageFiles
+                ];
+                const isReplaceOperation = state.isReplaceOperation;
+                closeCrop();
+                dispatchCroppedFiles(completedFiles, isReplaceOperation);
+            } catch (error) {
+                const resolved = error instanceof Error ? error : new Error(String(error));
+                props.onCropError?.(resolved);
+                emit('cropError', resolved);
+            }
+        }
+        function closeCrop() {
+            if (cropSource.value) URL.revokeObjectURL(cropSource.value);
+            cropVisible.value = false;
+            cropFile.value = null;
+            cropSource.value = '';
+            state.pendingImageFiles = [];
+            state.nonImageFiles = [];
+            state.croppedFiles = [];
+            state.isReplaceOperation = false;
+            state.inputKey += 1;
+            state.replaceInputKey += 1;
+        }
+        async function handleInputWithCrop(event) {
+            const files = Array.from(event.target.files ?? []);
+            if (!files.length) return;
+            await handleCropFiles(files);
+        }
+        async function readClipboardImagesForCrop() {
+            try {
+                const permission = await navigator.permissions.query({
+                    name: 'clipboard-read'
+                });
+                if ('granted' !== permission.state && 'prompt' !== permission.state) return void emit('pastingError', permission);
+                const clipboardItems = await navigator.clipboard.read();
+                const files = [];
+                for (const clipboardItem of clipboardItems)for (const type of clipboardItem.types.filter((itemType)=>itemType.startsWith('image/'))){
+                    const blob = await clipboardItem.getType(type);
+                    const format = type.split('/')[1] ?? 'png';
+                    files.push(new File([
+                        await blob.arrayBuffer()
+                    ], `paste.${format}`, {
+                        type
+                    }));
+                }
+                if (files.length) await handleCropFiles(files);
+            } catch (error) {
+                emit('pastingError', error instanceof Error ? error : new Error(String(error)));
+            }
+        }
+        __expose({
+            insert,
+            upload,
+            openFileDialog,
+            clear,
+            remove
+        });
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", mergeProps(rootAttrs.value, {
+                class: rootClasses.value,
+                style: rootStyle.value,
+                "x-prompt-pos": props.promptPosition
+            }), [
+                (openBlock(), createElementBlock("input", mergeProps({
+                    key: unref(state).inputKey,
+                    ref_key: "inputRef",
+                    ref: inputRef
+                }, directoryAttrs.value, {
+                    capture: props.capture || void 0,
+                    multiple: props.multiple,
+                    accept: props.accept,
+                    type: "file",
+                    autocomplete: "off",
+                    tabindex: "-1",
+                    class: "semi-upload-hidden-input",
+                    onChange: _cache[0] || (_cache[0] = ($event)=>props.crop ? handleInputWithCrop($event) : handleInputChange($event))
+                }), null, 16, _hoisted_2)),
+                (openBlock(), createElementBlock("input", {
+                    key: unref(state).replaceInputKey,
+                    ref_key: "replaceInputRef",
+                    ref: replaceInputRef,
+                    accept: props.accept,
+                    type: "file",
+                    autocomplete: "off",
+                    tabindex: "-1",
+                    class: "semi-upload-hidden-input-replace",
+                    onChange: handleReplaceInputChange
+                }, null, 40, _hoisted_3)),
+                'picture' !== props.listType ? (openBlock(), createElementBlock(Fragment, {
+                    key: 0
+                }, [
+                    props.draggable ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        role: "button",
+                        tabindex: "0",
+                        "aria-disabled": props.disabled,
+                        class: normalizeClass(dragAreaClasses.value),
+                        onDrop: handleDrop,
+                        onDragover: handleDragOver,
+                        onDragleave: handleDragLeave,
+                        onDragenter: handleDragEnter,
+                        onClick: openFileDialog
+                    }, [
+                        unref(slots).default ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, {
+                            key: 1
+                        }, [
+                            createElementVNode("div", _hoisted_5, [
+                                renderSlot(_ctx.$slots, "dragIcon", {}, ()=>[
+                                        props.dragIcon ? (openBlock(), createBlock(unref(UploadNodeRenderer), {
+                                            key: 0,
+                                            content: props.dragIcon
+                                        }, null, 8, [
+                                            "content"
+                                        ])) : (openBlock(), createBlock(unref(IconUpload), {
+                                            key: 1,
+                                            size: "extra-large"
+                                        }))
+                                    ])
+                            ]),
+                            createElementVNode("div", _hoisted_6, [
+                                createElementVNode("div", _hoisted_7, [
+                                    renderSlot(_ctx.$slots, "dragMainText", {}, ()=>[
+                                            props.dragMainText ? (openBlock(), createBlock(unref(UploadNodeRenderer), {
+                                                key: 0,
+                                                content: props.dragMainText
+                                            }, null, 8, [
+                                                "content"
+                                            ])) : (openBlock(), createElementBlock(Fragment, {
+                                                key: 1
+                                            }, [
+                                                createTextVNode(toDisplayString(locale.value.mainText), 1)
+                                            ], 64))
+                                        ])
+                                ]),
+                                createElementVNode("div", _hoisted_8, [
+                                    renderSlot(_ctx.$slots, "dragSubText", {}, ()=>[
+                                            props.dragSubText ? (openBlock(), createBlock(unref(UploadNodeRenderer), {
+                                                key: 0,
+                                                content: props.dragSubText
+                                            }, null, 8, [
+                                                "content"
+                                            ])) : createCommentVNode("", true)
+                                        ])
+                                ]),
+                                createElementVNode("div", _hoisted_9, [
+                                    'legal' === unref(state).dragAreaStatus ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(locale.value.legalTips), 1)) : createCommentVNode("", true),
+                                    'illegal' === unref(state).dragAreaStatus ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(locale.value.illegalTips), 1)) : createCommentVNode("", true)
+                                ])
+                            ])
+                        ], 64))
+                    ], 42, _hoisted_4)) : (openBlock(), createElementBlock("div", {
+                        key: 1,
+                        role: "button",
+                        tabindex: "0",
+                        "aria-disabled": props.disabled,
+                        class: "semi-upload-add",
+                        onClick: openFileDialog
+                    }, [
+                        renderSlot(_ctx.$slots, "default")
+                    ], 8, _hoisted_12))
+                ], 64)) : createCommentVNode("", true),
+                unref(slots).prompt || props.prompt ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                    renderSlot(_ctx.$slots, "prompt", {}, ()=>[
+                            createVNode(unref(UploadNodeRenderer), {
+                                content: props.prompt
+                            }, null, 8, [
+                                "content"
+                            ])
+                        ])
+                ])) : createCommentVNode("", true),
+                props.validateMessage ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                    createVNode(unref(UploadNodeRenderer), {
+                        content: props.validateMessage
+                    }, null, 8, [
+                        "content"
+                    ])
+                ])) : createCommentVNode("", true),
+                'picture' === props.listType ? (openBlock(), createElementBlock(Fragment, {
+                    key: 3
+                }, [
+                    showUploadList.value && visibleFileList.value.length ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                        createElementVNode("div", _hoisted_16, [
+                            showPictureAdd.value && 'start' === props.hotSpotLocation ? (openBlock(), createElementBlock("div", {
+                                key: 0,
+                                role: "button",
+                                class: normalizeClass(pictureAddClasses.value),
+                                style: normalizeStyle({
+                                    height: props.picHeight,
+                                    width: props.picWidth
+                                }),
+                                "x-semi-prop": "children",
+                                onClick: openFileDialog,
+                                onDrop: _cache[1] || (_cache[1] = ($event)=>props.draggable ? handleDrop($event) : void 0),
+                                onDragover: _cache[2] || (_cache[2] = ($event)=>props.draggable ? handleDragOver($event) : void 0),
+                                onDragleave: _cache[3] || (_cache[3] = ($event)=>props.draggable ? handleDragLeave($event) : void 0),
+                                onDragenter: _cache[4] || (_cache[4] = ($event)=>props.draggable ? handleDragEnter($event) : void 0)
+                            }, [
+                                renderSlot(_ctx.$slots, "default", {}, ()=>[
+                                        createVNode(unref(IconPlus))
+                                    ])
+                            ], 38)) : createCommentVNode("", true),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(fileRenderEntries.value, (entry)=>(openBlock(), createElementBlock(Fragment, {
+                                    key: entry.cardProps.key
+                                }, [
+                                    void 0 !== entry.content ? (openBlock(), createBlock(unref(UploadNodeRenderer), {
+                                        key: 0,
+                                        content: entry.content
+                                    }, null, 8, [
+                                        "content"
+                                    ])) : (openBlock(), createBlock(UploadFileCard, mergeProps({
+                                        key: 1,
+                                        ref_for: true
+                                    }, entry.cardProps, {
+                                        _locale: locale.value
+                                    }), null, 16, [
+                                        "_locale"
+                                    ]))
+                                ], 64))), 128)),
+                            showPictureAdd.value && 'end' === props.hotSpotLocation ? (openBlock(), createElementBlock("div", {
+                                key: 1,
+                                role: "button",
+                                class: normalizeClass(pictureAddClasses.value),
+                                style: normalizeStyle({
+                                    height: props.picHeight,
+                                    width: props.picWidth
+                                }),
+                                "x-semi-prop": "children",
+                                onClick: openFileDialog,
+                                onDrop: _cache[5] || (_cache[5] = ($event)=>props.draggable ? handleDrop($event) : void 0),
+                                onDragover: _cache[6] || (_cache[6] = ($event)=>props.draggable ? handleDragOver($event) : void 0),
+                                onDragleave: _cache[7] || (_cache[7] = ($event)=>props.draggable ? handleDragLeave($event) : void 0),
+                                onDragenter: _cache[8] || (_cache[8] = ($event)=>props.draggable ? handleDragEnter($event) : void 0)
+                            }, [
+                                renderSlot(_ctx.$slots, "default", {}, ()=>[
+                                        createVNode(unref(IconPlus))
+                                    ])
+                            ], 38)) : createCommentVNode("", true)
+                        ])
+                    ])) : showPictureAdd.value ? (openBlock(), createElementBlock("div", {
+                        key: 1,
+                        role: "button",
+                        class: normalizeClass(pictureAddClasses.value),
+                        style: normalizeStyle({
+                            height: props.picHeight,
+                            width: props.picWidth
+                        }),
+                        "x-semi-prop": "children",
+                        onClick: openFileDialog,
+                        onDrop: _cache[9] || (_cache[9] = ($event)=>props.draggable ? handleDrop($event) : void 0),
+                        onDragover: _cache[10] || (_cache[10] = ($event)=>props.draggable ? handleDragOver($event) : void 0),
+                        onDragleave: _cache[11] || (_cache[11] = ($event)=>props.draggable ? handleDragLeave($event) : void 0),
+                        onDragenter: _cache[12] || (_cache[12] = ($event)=>props.draggable ? handleDragEnter($event) : void 0)
+                    }, [
+                        renderSlot(_ctx.$slots, "default", {}, ()=>[
+                                createVNode(unref(IconPlus))
+                            ])
+                    ], 38)) : createCommentVNode("", true)
+                ], 64)) : 'list' === props.listType && showUploadList.value && visibleFileList.value.length ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                    showListTitle.value ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                        void 0 !== renderedFileListTitle.value ? (openBlock(), createBlock(unref(UploadNodeRenderer), {
+                            key: 0,
+                            content: renderedFileListTitle.value
+                        }, null, 8, [
+                            "content"
+                        ])) : (openBlock(), createElementBlock(Fragment, {
+                            key: 1
+                        }, [
+                            createElementVNode("span", _hoisted_19, [
+                                props.fileListTitle && 'function' != typeof props.fileListTitle ? (openBlock(), createBlock(unref(UploadNodeRenderer), {
+                                    key: 0,
+                                    content: props.fileListTitle
+                                }, null, 8, [
+                                    "content"
+                                ])) : (openBlock(), createElementBlock(Fragment, {
+                                    key: 1
+                                }, [
+                                    createTextVNode(toDisplayString(locale.value.selectedFiles), 1)
+                                ], 64))
+                            ]),
+                            showClear.value && !props.disabled ? (openBlock(), createElementBlock("span", {
+                                key: 0,
+                                role: "button",
+                                tabindex: "0",
+                                class: "semi-upload-file-list-title-clear",
+                                onClick: clear
+                            }, toDisplayString(locale.value.clear), 1)) : createCommentVNode("", true)
+                        ], 64))
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_20, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(fileRenderEntries.value, (entry)=>(openBlock(), createElementBlock(Fragment, {
+                                key: entry.cardProps.key
+                            }, [
+                                void 0 !== entry.content ? (openBlock(), createBlock(unref(UploadNodeRenderer), {
+                                    key: 0,
+                                    content: entry.content
+                                }, null, 8, [
+                                    "content"
+                                ])) : (openBlock(), createBlock(UploadFileCard, mergeProps({
+                                    key: 1,
+                                    ref_for: true
+                                }, entry.cardProps, {
+                                    _locale: locale.value
+                                }), null, 16, [
+                                    "_locale"
+                                ]))
+                            ], 64))), 128))
+                    ])
+                ])) : createCommentVNode("", true),
+                props.crop ? (openBlock(), createBlock(Modal, mergeProps({
+                    key: 5
+                }, props.cropModalProps, {
+                    visible: cropVisible.value,
+                    title: 'object' == typeof props.crop && props.crop.modalTitle ? props.crop.modalTitle : locale.value.cropTitle,
+                    "ok-text": 'object' == typeof props.crop && props.crop.modalOkText ? props.crop.modalOkText : locale.value.cropOk,
+                    "cancel-text": 'object' == typeof props.crop && props.crop.modalCancelText ? props.crop.modalCancelText : locale.value.cropCancel,
+                    "on-ok": confirmCrop,
+                    "on-cancel": closeCrop
+                }), {
+                    default: withCtx(()=>[
+                            cropSource.value ? (openBlock(), createBlock(Cropper, {
+                                key: 0,
+                                ref_key: "cropperRef",
+                                ref: cropperRef,
+                                src: cropSource.value,
+                                shape: 'object' == typeof props.crop ? props.crop.shape ?? 'rect' : 'rect',
+                                "aspect-ratio": 'object' == typeof props.crop ? props.crop.aspectRatio : void 0,
+                                "min-zoom": 'object' == typeof props.crop ? props.crop.minZoom : void 0,
+                                "max-zoom": 'object' == typeof props.crop ? props.crop.maxZoom : void 0,
+                                "zoom-step": 'object' == typeof props.crop ? props.crop.zoomStep : void 0,
+                                fill: 'object' == typeof props.crop ? props.crop.fill : void 0,
+                                style: {
+                                    width: '100%',
+                                    height: '100%'
+                                }
+                            }, null, 8, [
+                                "src",
+                                "shape",
+                                "aspect-ratio",
+                                "min-zoom",
+                                "max-zoom",
+                                "zoom-step",
+                                "fill"
+                            ])) : createCommentVNode("", true)
+                        ]),
+                    _: 1
+                }, 16, [
+                    "visible",
+                    "title",
+                    "ok-text",
+                    "cancel-text"
+                ])) : createCommentVNode("", true)
+            ], 16, _hoisted_1));
+    }
+});
+export { Uploadvue_type_script_setup_true_lang_ts };