@type-dom/ui 0.2.1 → 0.3.0

package/dist/src/components/form/td-upload/upload-content/upload-content.class.js

@@ -0,0 +1,223 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { defineExpose, Fragment, Input, TypeDiv } from '@type-dom/framework';
+import { uploadContentProps } from './upload-content.const';
+import { useNamespace } from '../../../../hooks/use-namespace';
+import { useFormDisabled } from '../../td-form/hooks/use-form-common-props';
+import { signal, unref } from '@type-dom/signals';
+import { genFileId } from '../td-upload.const';
+import { entriesOf, isFunction, isPlainObject } from '@type-dom/utils';
+import { cloneDeep, isEqual } from 'lodash';
+import { TdUploadDrag } from '../upload-dragger/upload-dragger.class';
+export class TdUploadContent extends TypeDiv {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdUploadContent';
+        this.assignProps(uploadContentProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b, _c, _d;
+        console.log('TdUploadContent setup');
+        const props = this.props;
+        // const emit = this.emit;
+        const ns = useNamespace('upload');
+        const disabled = useFormDisabled();
+        const requests = signal({});
+        const inputRef = signal();
+        const uploadFiles = (files) => {
+            console.log('uploadFiles, files is ', files);
+            if (files.length === 0)
+                return;
+            const { autoUpload, limit, fileList, multiple, onStart, onExceed } = props;
+            console.warn('uploadFiles, limit is ', limit);
+            if (limit && unref(fileList).length + files.length > limit) {
+                onExceed === null || onExceed === void 0 ? void 0 : onExceed(files, unref(fileList));
+                return;
+            }
+            if (!multiple) {
+                files = files.slice(0, 1);
+            }
+            for (const file of files) {
+                const rawFile = file;
+                rawFile.uid = genFileId();
+                onStart === null || onStart === void 0 ? void 0 : onStart(rawFile);
+                if (autoUpload)
+                    upload(rawFile);
+            }
+        };
+        const upload = (rawFile) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            console.warn('upload, rawFile is ', rawFile);
+            inputRef.get().value = '';
+            if (!props.beforeUpload) {
+                return doUpload(rawFile);
+            }
+            let hookResult;
+            let beforeData = {};
+            try {
+                // origin data: Handle data changes after synchronization tasks are executed
+                const originData = props.data;
+                const beforeUploadPromise = props.beforeUpload(rawFile);
+                beforeData = isPlainObject(props.data) ? cloneDeep(props.data) : props.data;
+                hookResult = yield beforeUploadPromise;
+                if (isPlainObject(props.data) && isEqual(originData, beforeData)) {
+                    beforeData = cloneDeep(props.data);
+                }
+            }
+            catch (_b) {
+                hookResult = false;
+            }
+            if (hookResult === false) {
+                (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, rawFile);
+                return;
+            }
+            let file = rawFile;
+            if (hookResult instanceof Blob) {
+                if (hookResult instanceof File) {
+                    file = hookResult;
+                }
+                else {
+                    file = new File([hookResult], rawFile.name, {
+                        type: rawFile.type,
+                    });
+                }
+            }
+            doUpload(Object.assign(file, {
+                uid: rawFile.uid,
+            }), beforeData);
+        });
+        const resolveData = (data, rawFile) => __awaiter(this, void 0, void 0, function* () {
+            if (isFunction(data)) {
+                return data(rawFile);
+            }
+            return data;
+        });
+        const doUpload = (rawFile, beforeData) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            console.warn('doUpload, rawFile is ', rawFile);
+            const { headers, data, method, withCredentials, name: filename, action, onProgress, onSuccess, onError, httpRequest, } = props;
+            try {
+                beforeData = yield resolveData(beforeData !== null && beforeData !== void 0 ? beforeData : data, rawFile);
+            }
+            catch (_b) {
+                (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, rawFile);
+                return;
+            }
+            const { uid } = rawFile;
+            const options = {
+                headers: headers || {},
+                withCredentials,
+                file: rawFile,
+                data: beforeData,
+                method,
+                filename,
+                action,
+                onProgress: (evt) => {
+                    onProgress === null || onProgress === void 0 ? void 0 : onProgress(evt, rawFile);
+                },
+                onSuccess: (res) => {
+                    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res, rawFile);
+                    delete requests.get()[uid];
+                },
+                onError: (err) => {
+                    onError === null || onError === void 0 ? void 0 : onError(err, rawFile);
+                    delete requests.get()[uid];
+                },
+            };
+            const request = httpRequest === null || httpRequest === void 0 ? void 0 : httpRequest(options);
+            requests.get()[uid] = request;
+            if (request instanceof Promise) {
+                request.then(options.onSuccess, options.onError);
+            }
+        });
+        const handleChange = (e) => {
+            const files = (e === null || e === void 0 ? void 0 : e.target).files;
+            if (!files)
+                return;
+            uploadFiles(Array.from(files));
+        };
+        const handleClick = () => {
+            if (!disabled.get()) {
+                inputRef.get().value = '';
+                inputRef.get().click();
+            }
+        };
+        const handleKeydown = () => {
+            handleClick();
+        };
+        const abort = (file) => {
+            const _reqs = entriesOf(requests.get()).filter(file ? ([uid]) => String(file.uid) === uid : () => true);
+            _reqs.forEach(([uid, req]) => {
+                if (req instanceof XMLHttpRequest)
+                    req.abort();
+                delete requests.get()[uid];
+            });
+        };
+        defineExpose({
+            abort,
+            upload,
+        });
+        this.attr.addClass([
+            ns.b(),
+            ns.m(props.listType),
+            ns.is('drag', props.drag),
+            ns.is('disabled', disabled.get()),
+        ]);
+        this.attr.addObj({
+            tabindex: disabled.get() ? '-1' : '0',
+        });
+        this.addEvents({
+            click: handleClick,
+            keydown: (evt) => {
+                if ((evt === null || evt === void 0 ? void 0 : evt.target) === this.dom) { // 确保事件是从该元素本身触发的
+                    // 处理 Enter 或 Space 键按下的逻辑
+                    console.log('Enter 或 Space 键被按下');
+                    if ((evt === null || evt === void 0 ? void 0 : evt.key) === 'Enter' || (evt === null || evt === void 0 ? void 0 : evt.key) === ' ') {
+                        evt === null || evt === void 0 ? void 0 : evt.preventDefault();
+                        handleKeydown();
+                    }
+                }
+            },
+        });
+        console.warn('TdUploadContent drag is ', props.drag);
+        if (props.drag) {
+            this.addChild(new TdUploadDrag({
+                disabled: disabled.get(),
+                emits: {
+                    file: uploadFiles
+                },
+                slot: (_a = props.slot) !== null && _a !== void 0 ? _a : (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default,
+            }));
+        }
+        else {
+            this.addChild(new Fragment({
+                slot: (_c = props.slot) !== null && _c !== void 0 ? _c : (_d = props.slots) === null || _d === void 0 ? void 0 : _d.default,
+            }));
+        }
+        this.addChild(new Input({
+            refDom: inputRef,
+            class: ns.e('input'),
+            attrObj: {
+                name: props.name,
+                multiple: props.multiple,
+                accept: props.accept,
+                disabled: disabled,
+                type: 'file',
+            },
+            events: {
+                change: handleChange,
+                click: evt => evt === null || evt === void 0 ? void 0 : evt.stopPropagation()
+            },
+        }));
+        console.warn('this is uploadContent ', this);
+    }
+}
+//# sourceMappingURL=upload-content.class.js.map

package/dist/src/components/form/td-upload/upload-content/upload-content.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-content.class.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-content/upload-content.class.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAEtE,MAAM,OAAO,eAAgB,SAAQ,OAAO;IAK1C,YAAY,SAA6B,EAAE;QACzC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC;QAEnC,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;QACrC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAEQ,KAAK;;QACZ,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,0BAA0B;QAC1B,MAAM,EAAE,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACjC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;QAElC,MAAM,QAAQ,GAAG,MAAM,CACrB,EAAE,CACH,CAAA;QACD,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAA;QAE3C,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;YACpC,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;YAC7C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAM;YAE9B,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;YAC3E,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAA;YAC7C,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAE,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC;gBAC5D,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAE,CAAC,CAAA;gBACnC,OAAM;YACR,CAAC;YAED,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YAC3B,CAAC;YAED,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,MAAM,OAAO,GAAG,IAAqB,CAAA;gBACrC,OAAO,CAAC,GAAG,GAAG,SAAS,EAAE,CAAA;gBACzB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,OAAO,CAAC,CAAA;gBAClB,IAAI,UAAU;oBAAE,MAAM,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC;QACH,CAAC,CAAA;QAED,MAAM,MAAM,GAAG,CAAO,OAAsB,EAAiB,EAAE;;YAC7D,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;YAC7C,QAAQ,CAAC,GAAG,EAAG,CAAC,KAAK,GAAG,EAAE,CAAA;YAE1B,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBACxB,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAA;YAC1B,CAAC;YAED,IAAI,UAA0E,CAAA;YAC9E,IAAI,UAAU,GAA+B,EAAE,CAAA;YAE/C,IAAI,CAAC;gBACH,4EAA4E;gBAC5E,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAA;gBAC7B,MAAM,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;gBACvD,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAA;gBAC3E,UAAU,GAAG,MAAM,mBAAmB,CAAA;gBACtC,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC;oBACjE,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;gBACpC,CAAC;YACH,CAAC;YAAC,WAAM,CAAC;gBACP,UAAU,GAAG,KAAK,CAAA;YACpB,CAAC;YAED,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;gBACzB,MAAA,KAAK,CAAC,QAAQ,sDAAG,OAAO,CAAC,CAAA;gBACzB,OAAM;YACR,CAAC;YAED,IAAI,IAAI,GAAS,OAAO,CAAA;YACxB,IAAI,UAAU,YAAY,IAAI,EAAE,CAAC;gBAC/B,IAAI,UAAU,YAAY,IAAI,EAAE,CAAC;oBAC/B,IAAI,GAAG,UAAU,CAAA;gBACnB,CAAC;qBAAM,CAAC;oBACN,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE;wBAC1C,IAAI,EAAE,OAAO,CAAC,IAAI;qBACnB,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC;YAED,QAAQ,CACN,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;gBAClB,GAAG,EAAE,OAAO,CAAC,GAAG;aACjB,CAAC,EACF,UAAU,CACX,CAAA;QACH,CAAC,CAAA,CAAA;QAED,MAAM,WAAW,GAAG,CAClB,IAAgC,EAChC,OAAsB,EACQ,EAAE;YAChC,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBACrB,OAAO,IAAI,CAAC,OAAO,CAAC,CAAA;YACtB,CAAC;YAED,OAAO,IAAoC,CAAA;QAC7C,CAAC,CAAA,CAAA;QAED,MAAM,QAAQ,GAAG,CACf,OAAsB,EACtB,UAAuC,EACvC,EAAE;;YACF,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;YAC/C,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,eAAe,EACf,IAAI,EAAE,QAAQ,EACd,MAAM,EACN,UAAU,EACV,SAAS,EACT,OAAO,EACP,WAAW,GACZ,GAAG,KAAK,CAAA;YAET,IAAI,CAAC;gBACH,UAAU,GAAG,MAAM,WAAW,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,EAAE,OAAO,CAAC,CAAA;YAC7D,CAAC;YAAC,WAAM,CAAC;gBACP,MAAA,KAAK,CAAC,QAAQ,sDAAG,OAAO,CAAC,CAAA;gBACzB,OAAM;YACR,CAAC;YAED,MAAM,EAAE,GAAG,EAAE,GAAG,OAAO,CAAA;YACvB,MAAM,OAAO,GAAyB;gBACpC,OAAO,EAAE,OAAO,IAAI,EAAE;gBACtB,eAAe;gBACf,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM;gBACN,QAAQ;gBACR,MAAM;gBACN,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE;oBAClB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,GAAG,EAAE,OAAO,CAAC,CAAA;gBAC5B,CAAC;gBACD,SAAS,EAAE,CAAC,GAAG,EAAE,EAAE;oBACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,GAAG,EAAE,OAAO,CAAC,CAAA;oBACzB,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;gBAC5B,CAAC;gBACD,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;oBACf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,GAAG,EAAE,OAAO,CAAC,CAAA;oBACvB,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;gBAC5B,CAAC;aACF,CAAA;YACD,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,OAAO,CAAC,CAAC;YACtC,QAAQ,CAAC,GAAG,EAAU,CAAC,GAAG,CAAC,GAAG,OAAO,CAAA;YACtC,IAAI,OAAO,YAAY,OAAO,EAAE,CAAC;gBAC/B,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;YAClD,CAAC;QACH,CAAC,CAAA,CAAA;QAED,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,EAAE;YACjC,MAAM,KAAK,GAAG,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAA2B,CAAA,CAAC,KAAK,CAAA;YACnD,IAAI,CAAC,KAAK;gBAAE,OAAM;YAClB,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;QAChC,CAAC,CAAA;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC;gBACpB,QAAQ,CAAC,GAAG,EAAG,CAAC,KAAK,GAAG,EAAE,CAAA;gBAC1B,QAAQ,CAAC,GAAG,EAAG,CAAC,KAAK,EAAE,CAAA;YACzB,CAAC;QACH,CAAC,CAAA;QAED,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,WAAW,EAAE,CAAA;QACf,CAAC,CAAA;QAED,MAAM,KAAK,GAAG,CAAC,IAAiB,EAAE,EAAE;YAClC,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,MAAM,CAC5C,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CACxD,CAAA;YACD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;gBAC3B,IAAI,GAAG,YAAY,cAAc;oBAAE,GAAG,CAAC,KAAK,EAAE,CAAA;gBAC9C,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;YAC5B,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,YAAY,CAAC;YACX,KAAK;YACL,MAAM;SACP,CAAC,CAAA;QAEF,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;YACjB,EAAE,CAAC,CAAC,EAAE;YACN,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;YACpB,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;YACzB,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC;SAClC,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;YACf,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;SACtC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,CAAC;YACb,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;gBACf,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,MAAK,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,iBAAiB;oBAC/C,0BAA0B;oBAC1B,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;oBAClC,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,MAAK,OAAO,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,MAAK,GAAG,EAAE,CAAC;wBAC7C,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,cAAc,EAAE,CAAC;wBACtB,aAAa,EAAE,CAAC;oBAClB,CAAC;gBACH,CAAC;YACH,CAAC;SACF,CAAC,CAAC;QACH,OAAO,CAAC,IAAI,CAAC,0BAA0B,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QACpD,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC;gBAC7B,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE;gBACxB,KAAK,EAAE;oBACL,IAAI,EAAE,WAAW;iBAClB;gBACD,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO;aACzC,CAAC,CAAC,CAAA;QACL,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC;gBACzB,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO;aACzC,CAAC,CAAC,CAAA;QACL,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC;YACtB,MAAM,EAAE,QAAQ;YAChB,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YACpB,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,IAAI,EAAE,MAAM;aACb;YACD,MAAM,EAAE;gBACN,MAAM,EAAE,YAAY;gBACpB,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,eAAe,EAAE;aACrC;SACF,CAAC,CAAC,CAAA;QACH,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC;CACF"}

package/dist/src/components/form/td-upload/upload-content/upload-content.const.d.ts

@@ -0,0 +1,3 @@
+import { UploadContentProps } from './upload-content.interface';
+export declare const uploadContentProps: UploadContentProps;
+//# sourceMappingURL=upload-content.const.d.ts.map

package/dist/src/components/form/td-upload/upload-content/upload-content.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-content.const.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-content/upload-content.const.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,kBAAkB,EAAE,kBAShC,CAAA"}

package/dist/src/components/form/td-upload/upload-content/upload-content.const.js

@@ -0,0 +1,4 @@
+import { NOOP } from '@type-dom/utils';
+import { uploadBaseProps } from '../td-upload.const';
+export const uploadContentProps = Object.assign(Object.assign({}, uploadBaseProps), { beforeUpload: NOOP, onRemove: NOOP, onStart: NOOP, onSuccess: NOOP, onProgress: NOOP, onError: NOOP, onExceed: NOOP });
+//# sourceMappingURL=upload-content.const.js.map

package/dist/src/components/form/td-upload/upload-content/upload-content.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-content.const.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-content/upload-content.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,MAAM,CAAC,MAAM,kBAAkB,mCAC1B,eAAe,KAClB,YAAY,EAAE,IAAI,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,IAAI,GACf,CAAA"}

package/dist/src/components/form/td-upload/upload-content/upload-content.interface.d.ts

@@ -0,0 +1,16 @@
+import { UploadBaseProps, UploadFile, UploadHooks, UploadProgressEvent, UploadRawFile } from '../td-upload.interface';
+import { UploadAjaxError } from '../ajax';
+import { ITypeDiv } from '@type-dom/framework';
+export interface ITdUploadContent extends ITypeDiv {
+    className: 'TdUploadContent';
+}
+export interface UploadContentProps extends UploadBaseProps {
+    beforeUpload?: UploadHooks['beforeUpload'];
+    onRemove?: (file: UploadFile | UploadRawFile, rawFile?: UploadRawFile) => void;
+    onStart?: (rawFile: UploadRawFile) => void;
+    onSuccess?: (response: any, rawFile: UploadRawFile) => unknown;
+    onProgress?: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
+    onError?: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
+    onExceed?: UploadHooks['onExceed'];
+}
+//# sourceMappingURL=upload-content.interface.d.ts.map

package/dist/src/components/form/td-upload/upload-content/upload-content.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-content.interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-content/upload-content.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAE3C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAE/E,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAE3C,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC;IAE/D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAExE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAEjE,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CAEpC"}

package/dist/src/components/form/td-upload/upload-content/upload-content.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=upload-content.interface.js.map

package/dist/src/components/form/td-upload/upload-content/upload-content.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-content.interface.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-content/upload-content.interface.ts"],"names":[],"mappings":""}

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.class.d.ts

@@ -0,0 +1,9 @@
+import { TypeDiv } from '@type-dom/framework';
+import { ITdUploadDrag, UploadDragProps } from './upload-dragger.interface';
+export declare class TdUploadDrag extends TypeDiv implements ITdUploadDrag {
+    className: 'TdUploadDrag';
+    props: UploadDragProps;
+    constructor(params?: UploadDragProps);
+    setup(): void;
+}
+//# sourceMappingURL=upload-dragger.class.d.ts.map

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-dragger.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-dragger/upload-dragger.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAOtD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAI5E,qBAAa,YAAa,SAAQ,OAAQ,YAAW,aAAa;IAChE,SAAS,EAAE,cAAc,CAAC;IACjB,KAAK,EAAE,eAAe,CAAC;gBAEpB,MAAM,GAAE,eAAoB;IAS/B,KAAK;CA4Df"}

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.class.js

@@ -0,0 +1,70 @@
+import { inject, TypeDiv } from '@type-dom/framework';
+import { throwError } from '@type-dom/utils';
+import { signal } from '@type-dom/signals';
+import { useNamespace } from '../../../../hooks/use-namespace';
+import { useFormDisabled } from '../../td-form/hooks/use-form-common-props';
+import { uploadContextKey } from '../constants';
+import { uploadDragEmits, uploadDragProps } from './upload-dragger.const';
+export class TdUploadDrag extends TypeDiv {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdUploadDrag';
+        this.addEmits(uploadDragEmits);
+        this.assignProps(uploadDragProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b;
+        const props = this.props;
+        const emit = this.emit;
+        const COMPONENT_NAME = 'TdUploadDrag';
+        const uploaderContext = inject(uploadContextKey);
+        if (!uploaderContext) {
+            throwError(COMPONENT_NAME, 'usage: <td-upload><td-upload-dragger /></td-upload>');
+        }
+        const ns = useNamespace('upload');
+        const dragover = signal(false);
+        const disabled = useFormDisabled();
+        const onDrop = (e) => {
+            if (disabled.get())
+                return;
+            dragover.set(false);
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+            const files = Array.from(e.dataTransfer.files);
+            const items = (e === null || e === void 0 ? void 0 : e.dataTransfer.items) || [];
+            files.forEach((file, index) => {
+                var _a;
+                const item = items[index];
+                const entry = (_a = item === null || item === void 0 ? void 0 : item.webkitGetAsEntry) === null || _a === void 0 ? void 0 : _a.call(item);
+                if (entry) {
+                    file.isDirectory = entry.isDirectory;
+                }
+            });
+            emit('file', files);
+        };
+        const onDragover = () => {
+            if (!disabled.get())
+                dragover.set(true);
+        };
+        this.attr.addClass([
+            ns.b('dragger'),
+            ns.is('dragover', dragover.get())
+        ]);
+        this.addEvents({
+            drop: (evt) => {
+                onDrop(evt);
+                evt === null || evt === void 0 ? void 0 : evt.preventDefault();
+            },
+            dragover: (evt) => {
+                onDragover();
+                evt === null || evt === void 0 ? void 0 : evt.preventDefault();
+            },
+            dragleave: (evt) => {
+                dragover.set(false);
+                evt === null || evt === void 0 ? void 0 : evt.preventDefault();
+            }
+        });
+        this.slotChildren((_a = props.slot) !== null && _a !== void 0 ? _a : (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default);
+    }
+}
+//# sourceMappingURL=upload-dragger.class.js.map

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-dragger.class.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-dragger/upload-dragger.class.ts"],"names":[],"mappings":"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"}

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.const.d.ts

@@ -0,0 +1,6 @@
+import { UploadDragProps } from './upload-dragger.interface';
+export declare const uploadDragProps: UploadDragProps;
+export declare const uploadDragEmits: {
+    file: (file: File[]) => boolean;
+};
+//# sourceMappingURL=upload-dragger.const.d.ts.map

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-dragger.const.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-dragger/upload-dragger.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG7D,eAAO,MAAM,eAAe,EAAE,eAE7B,CAAA;AAED,eAAO,MAAM,eAAe;iBACb,IAAI,EAAE;CACpB,CAAA"}

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.const.js

@@ -0,0 +1,8 @@
+import { isArray } from '@type-dom/utils';
+export const uploadDragProps = {
+    disabled: false,
+};
+export const uploadDragEmits = {
+    file: (file) => isArray(file),
+};
+//# sourceMappingURL=upload-dragger.const.js.map

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-dragger.const.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-dragger/upload-dragger.const.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAoB;IAC9C,QAAQ,EAAE,KAAK;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;CACtC,CAAA"}

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.interface.d.ts

@@ -0,0 +1,8 @@
+import { ITypeDiv, TypeDivProps } from '@type-dom/framework';
+export interface ITdUploadDrag extends ITypeDiv {
+    className: 'TdUploadDrag';
+}
+export interface UploadDragProps extends TypeDivProps {
+    disabled?: boolean;
+}
+//# sourceMappingURL=upload-dragger.interface.d.ts.map

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-dragger.interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-dragger/upload-dragger.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,SAAS,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CAEpB"}

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=upload-dragger.interface.js.map

package/dist/src/components/form/td-upload/upload-dragger/upload-dragger.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-dragger.interface.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-dragger/upload-dragger.interface.ts"],"names":[],"mappings":""}

package/dist/src/components/form/td-upload/upload-list/upload-list.class.d.ts

@@ -0,0 +1,9 @@
+import { TypeFragment } from '@type-dom/framework';
+import { ITdUploadList, UploadListProps } from './upload-list.interface';
+export declare class TdUploadList extends TypeFragment implements ITdUploadList {
+    className: 'TdUploadList';
+    props: UploadListProps;
+    constructor(params?: UploadListProps);
+    setup(): void;
+}
+//# sourceMappingURL=upload-list.class.d.ts.map

package/dist/src/components/form/td-upload/upload-list/upload-list.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-list.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-upload/upload-list/upload-list.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAWL,YAAY,EACb,MAAM,qBAAqB,CAAC;AAU7B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAGzE,qBAAa,YAAa,SAAQ,YAAa,YAAW,aAAa;IACrE,SAAS,EAAG,cAAc,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;gBAEpB,MAAM,GAAE,eAAoB;IAS/B,KAAK;CAgLf"}

package/dist/src/components/form/td-upload/upload-list/upload-list.class.js

@@ -0,0 +1,193 @@
+import { A, Div, For, Fragment, I, Img, Label, LI, Span, TransitionGroup, TypeFragment, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { isFunction } from '@type-dom/utils';
+import { ElCheckSvg, ElCircleCheckSvg, ElCloseSvg, ElDeleteSvg, ElDocumentSvg, ElZoomInSvg } from '@type-dom/svgs';
+import { useLocale } from '../../../../hooks/use-locale';
+import { useNamespace } from '../../../../hooks/use-namespace';
+import { TdIcon } from '../../../basic/td-icon/td-icon.class';
+import { TdProgress } from '../../../data/td-progress/td-progress.class';
+import { useFormDisabled } from '../../td-form/hooks/use-form-common-props';
+import { uploadListEmits, uploadListProps } from './upload-list.const';
+export class TdUploadList extends TypeFragment {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdUploadList';
+        this.addEmits(uploadListEmits);
+        this.assignProps(uploadListProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a;
+        // console.error('setup . ');
+        const props = this.props;
+        const emit = this.emit;
+        const { t } = useLocale();
+        const nsUpload = useNamespace('upload');
+        const nsIcon = useNamespace('icon');
+        // console.log('nsIcon.m(close) is ', nsIcon.m('close'));
+        const nsList = useNamespace('list');
+        const disabled = useFormDisabled();
+        const focusing = signal(false);
+        const containerKls = computed(() => [
+            nsUpload.b('list'),
+            nsUpload.bm('list', props.listType),
+            nsUpload.is('disabled', props.disabled),
+        ]);
+        const handleRemove = (file) => {
+            console.error('file is ', file);
+            emit('remove', file);
+        };
+        this.addChild(new TransitionGroup({
+            tag: 'ul',
+            class: containerKls,
+            name: nsList.b(),
+            slot: [
+                new For({
+                    data: props.files,
+                    getter: (file, index) => {
+                        var _a, _b, _c, _d;
+                        return new LI({
+                            class: [
+                                nsUpload.be('list', 'item'),
+                                nsUpload.is(file.status),
+                                { focusing },
+                            ],
+                            attrObj: {
+                                tabindex: 0,
+                            },
+                            events: {
+                                keydown: (e) => {
+                                    if ((e === null || e === void 0 ? void 0 : e.code) === 'Delete') {
+                                        !disabled.get() && handleRemove(file);
+                                    }
+                                },
+                                focus: () => {
+                                    focusing.set(true);
+                                },
+                                blur: () => {
+                                    focusing.set(false);
+                                },
+                                click: () => {
+                                    focusing.set(false);
+                                }
+                            },
+                            slot: isFunction((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default)
+                                ? (_d = (_c = (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.call(_b, file, index)) !== null && _d !== void 0 ? _d : [
+                                    new Img({
+                                        vIf: props.listType === 'picture' ||
+                                            (file.status !== 'uploading' && props.listType === 'picture-card'),
+                                        attrObj: {
+                                            src: file.url,
+                                            class: nsUpload.be('list', 'item-thumbnail'),
+                                            crossorigin: 'crossorigin',
+                                            alt: '',
+                                        }
+                                    }),
+                                    new Div({
+                                        vIf: file.status === 'uploading' || props.listType !== 'picture-card',
+                                        class: nsUpload.be('list', 'item-info'),
+                                        slot: [
+                                            new A({
+                                                class: nsUpload.be('list', 'item-name'),
+                                                events: {
+                                                    click: (e) => {
+                                                        var _a;
+                                                        e === null || e === void 0 ? void 0 : e.preventDefault();
+                                                        (_a = props.handlePreview) === null || _a === void 0 ? void 0 : _a.call(props, file);
+                                                    }
+                                                },
+                                                slot: [
+                                                    new TdIcon({
+                                                        class: [nsIcon.m('document')],
+                                                        slot: new ElDocumentSvg(),
+                                                    }),
+                                                    new Span({
+                                                        class: nsUpload.be('list', 'item-file-name'),
+                                                        slot: file.name
+                                                    })
+                                                ]
+                                            }),
+                                            new TdProgress({
+                                                vIf: file.status === 'uploading',
+                                                type: props.listType === 'picture-card' ? 'circle' : 'line',
+                                                strokeWidth: props.listType === 'picture-card' ? 6 : 2,
+                                                percentage: Number(file.percentage),
+                                                styleObj: props.listType === 'picture-card' ? undefined : { marginTop: '0.5rem' }
+                                            }),
+                                        ]
+                                    }),
+                                    new Label({
+                                        class: nsUpload.be('list', 'item-status-label'),
+                                        slot: props.listType === 'text'
+                                            ? new TdIcon({
+                                                class: [nsIcon.m('upload-success'), nsIcon.m('circle-check')],
+                                                slot: new ElCircleCheckSvg(),
+                                            })
+                                            : ['picture-card', 'picture'].includes(props.listType)
+                                                ? new TdIcon({
+                                                    class: [nsIcon.m('upload-success'), nsIcon.m('check')],
+                                                    slot: new ElCheckSvg(),
+                                                })
+                                                : undefined
+                                    }),
+                                    new TdIcon({
+                                        vIf: computed(() => !disabled.get()),
+                                        class: [nsIcon.m('close')],
+                                        events: {
+                                            click: () => handleRemove(file)
+                                        },
+                                        slot: new ElCloseSvg()
+                                    }),
+                                    // <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->
+                                    // <!-- This is a bug which needs to be fixed -->
+                                    // <!-- TODO: Fix the incorrect navigation interaction -->
+                                    new I({
+                                        vIf: computed(() => !disabled.get()),
+                                        class: nsIcon.m('close-tip'),
+                                        slot: t('el.upload.deleteTip'),
+                                    }),
+                                    new Span({
+                                        vIf: props.listType === 'picture-card',
+                                        class: nsUpload.be('list', 'item-actions'),
+                                        slot: [
+                                            new Span({
+                                                class: nsUpload.be('list', 'item-preview'),
+                                                events: {
+                                                    click: () => {
+                                                        var _a;
+                                                        (_a = props.handlePreview) === null || _a === void 0 ? void 0 : _a.call(props, file);
+                                                    }
+                                                },
+                                                slot: [
+                                                    new TdIcon({
+                                                        class: nsIcon.m('zoom-in'),
+                                                        slot: new ElZoomInSvg(),
+                                                    })
+                                                ]
+                                            }),
+                                            new Span({
+                                                vIf: computed(() => !disabled.get()),
+                                                class: nsUpload.be('list', 'item-delete'),
+                                                events: {
+                                                    click: () => handleRemove(file)
+                                                },
+                                                slot: new TdIcon({
+                                                    class: nsIcon.m('download'),
+                                                    slot: new ElDeleteSvg(),
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                                : undefined,
+                        });
+                    },
+                }),
+                new Fragment({
+                    slot: (_a = props.slots) === null || _a === void 0 ? void 0 : _a.append
+                })
+            ],
+        }));
+    }
+}
+//# sourceMappingURL=upload-list.class.js.map