"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const getContextConfig_1 = require("../../../utils/getContextConfig");
;
exports.default = OakComponent({
    entity: 'extraFile',
    isList: true,
    projection: {
        id: 1,
        tag1: 1,
        tag2: 1,
        origin: 1,
        bucket: 1,
        objectId: 1,
        filename: 1,
        extra1: 1,
        extension: 1,
        type: 1,
        entity: 1,
        entityId: 1,
        fileType: 1,
        sort: 1,
        isBridge: 1,
        uploadState: 1,
    },
    data: {
        // 根据 size 不同，计算的图片显示大小不同
        itemSizePercentage: '',
    },
    wechatMp: {
        externalClasses: ['oak-class', 'oak-item-class', 'oak-item-add-class'],
    },
    filters: [
        {
            filter() {
                const { tag1, tag2 } = this.props;
                const filter1 = {};
                if (tag1) {
                    Object.assign(filter1, { tag1 });
                }
                if (tag2) {
                    Object.assign(filter1, { tag2 });
                }
                return filter1;
            },
        },
    ],
    properties: {
        bucket: '',
        removeLater: true,
        autoUpload: false,
        maxNumber: 20,
        extension: [],
        selectCount: 1,
        sourceType: ['album', 'camera'],
        mediaType: ['image'],
        mode: 'aspectFit',
        size: 3,
        showUploadList: true,
        showUploadProgress: false,
        accept: 'image/*',
        disablePreview: false,
        disableDelete: false,
        disableAdd: false,
        disableDownload: false,
        type: 'image',
        origin: 'qiniu',
        tag1: '',
        tag2: '',
        entity: '',
        entityId: '',
        theme: 'image',
    },
    listeners: {
        maxNumber(prev, next) {
            if (this.state.oakFullpath) {
                if (prev.maxNumber !== next.maxNumber) {
                    this.reRender();
                }
            }
        },
        async size(prev, next) {
            if (process.env.OAK_PLATFORM === 'wechatMp') {
                const size = next.size;
                if (!size) {
                    this.setState({ itemSizePercentage: '' });
                    return;
                }
                // 获取 .file-list__container 容器宽度
                const res = await this.getNodeRectFromComponent(this, '.file-list__container');
                const widthRpx = this.px2rpx(res.right - res.left);
                // 根据容器宽度计算单张图片宽度百分比
                const itemSizePercentage = (10 / size) * 10 - (20 / widthRpx) * 100 + '%;';
                this.setState({
                    itemSizePercentage: itemSizePercentage,
                });
            }
        },
    },
    features: ['extraFile2'],
    formData({ data, features }) {
        const files = data
            ?.sort((ele1, ele2) => ele1.sort - ele2.sort)
            .map((ele) => {
            const url = features.extraFile2.getUrl(ele);
            const thumbUrl = features.extraFile2.getUrl(ele, 'thumbnail');
            const fileState = features.extraFile2.getFileState(ele.id);
            const filename = features.extraFile2.getFileName(ele);
            return {
                url,
                thumbUrl,
                filename,
                fileState: fileState?.state,
                percentage: fileState?.percentage,
                ...ele,
            };
        });
        return {
            files,
        };
    },
    methods: {
        onRemove(file) {
            this.removeItem(file.id);
            this.features.extraFile2.removeLocalFiles([file.id]);
        },
        addExtraFileInner(options, file) {
            const { type, origin = 'qiniu', // 默认qiniu
            tag1, tag2, entity, entityId, bucket, } = this.props;
            const { name, fileType, size } = options;
            const extension = name.substring(name.lastIndexOf('.') + 1);
            const filename = name.substring(0, name.lastIndexOf('.'));
            const { files } = this.state;
            const sort = files.length * 10000;
            let bucket2 = bucket;
            if (origin === 'qiniu' && !bucket2) {
                const context = this.features.cache.begin();
                const { config } = (0, getContextConfig_1.getConfig)(context, 'Cos', origin);
                this.features.cache.commit();
                const { defaultBucket } = config;
                bucket2 = defaultBucket;
            }
            const applicationId = this.features.application.getApplicationId();
            const id = this.addItem({
                applicationId,
                bucket: bucket2,
                origin,
                type,
                tag1,
                tag2,
                // objectId: generateNewId(),           // 这个域弃用了，如果有cos需要用就自己注入
                entity,
                filename,
                size,
                extension,
                fileType,
                entityId,
                sort,
                uploadState: 'uploading',
            });
            this.features.extraFile2.addLocalFile(id, file);
        },
        addFileByWeb(file) {
            const { size, type, name } = file;
            this.addExtraFileInner({
                name,
                fileType: type,
                size,
            }, file);
        },
        // 小程序端
        async chooseMediaByMp() {
            //图片和视频使用
            const { selectCount, mediaType, sourceType } = this.props;
            try {
                const { errMsg, tempFiles } = await wx.chooseMedia({
                    count: selectCount,
                    mediaType,
                    sourceType,
                });
                if (errMsg !== 'chooseMedia:ok') {
                    this.triggerEvent('onError', {
                        level: 'warning',
                        msg: errMsg,
                    });
                }
                else {
                    tempFiles.map((tempExtraFile) => {
                        const { tempFilePath, thumbTempFilePath, fileType, size, } = tempExtraFile;
                        const filePath = tempFilePath || thumbTempFilePath;
                        const fileFullName = filePath.match(/[^/]+(?!.*\/)/g)[0];
                        this.addExtraFileInner({
                            name: fileFullName,
                            fileType,
                            size,
                        }, filePath);
                    });
                }
            }
            catch (err) {
                if (err.errMsg !== 'chooseMedia:fail cancel') {
                    this.triggerEvent('onError', {
                        level: 'error',
                        msg: err.errMsg,
                    });
                }
            }
        },
        async chooseMessageFileByMp() {
            const { selectCount, extension } = this.props;
            try {
                const { errMsg, tempFiles } = await wx.chooseMessageFile({
                    count: selectCount,
                    type: 'all',
                    extension,
                });
                if (errMsg !== 'chooseMessageFile:ok') {
                    this.triggerEvent('onError', {
                        level: 'warning',
                        msg: errMsg,
                    });
                }
                else {
                    tempFiles.map((tempExtraFile) => {
                        const { path, type, size, name } = tempExtraFile;
                        this.addExtraFileInner({
                            name,
                            fileType: type,
                            size,
                        }, path);
                    });
                }
            }
            catch (err) {
                if (err.errMsg !== 'chooseMessageFile:fail cancel') {
                    this.triggerEvent('onError', {
                        level: 'error',
                        msg: err.errMsg,
                    });
                }
            }
        },
        async addFileByMp(evt) {
            const { type } = this.props;
            //小程序 根据type类型调用api
            if (['image', 'video'].includes(type)) {
                this.chooseMediaByMp();
            }
            else {
                this.chooseMessageFileByMp();
            }
        },
        onRemoveByMp(event) {
            const { value } = event.currentTarget.dataset;
            this.onRemove(value);
        },
        async onPreviewByMp(event) {
            const files = this.state.files;
            const { index } = event.currentTarget.dataset;
            const imageUrl = files[index].url;
            const urls = files?.filter((ele) => !!ele).map((ele) => ele.url);
            const detail = {
                all: files,
                index,
                urls,
                current: imageUrl,
            };
            // 预览图片
            if (!this.props.disablePreview) {
                const result = await wx.previewImage({
                    urls: urls,
                    current: imageUrl,
                });
                this.triggerEvent('onPreview', detail);
            }
        },
        //检查排序是否超过上限
        checkSort(sort) {
            const reg = /^\d+\.(?:9+)$/;
            if (reg.test(sort.toString())) {
                this.setMessage({
                    type: 'warning',
                    content: this.t('dragSort'),
                });
                return false;
            }
            return true;
        },
    },
});