diff --git a/.eslintrc.js b/.eslintrc.js index d1be1e9942..b3f9188bad 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -51,6 +51,7 @@ module.exports = { '@typescript-eslint/restrict-template-expressions': 'off', '@typescript-eslint/no-invalid-this': 'off', 'vue/no-deprecated-dollar-scopedslots-api': 'off', - '@typescript-eslint/lines-between-class-members': 'off' + '@typescript-eslint/lines-between-class-members': 'off', + '@typescript-eslint/no-this-alias': 'off' } } diff --git a/examples/sites/vite.config.ts b/examples/sites/vite.config.ts index c82fe871f4..68db61ae8f 100644 --- a/examples/sites/vite.config.ts +++ b/examples/sites/vite.config.ts @@ -135,6 +135,7 @@ export default defineConfig((config) => { resolve: { extensions: ['.js', '.ts', '.tsx', '.vue'], alias: { + '@mobile-root': pathFromWorkspaceRoot('packages/mobile'), '@': path.resolve('src'), '@demos': path.resolve(`${demosPath}`), '@menu': menuPath, diff --git a/packages/mobile/components/badge/src/renderless/vue.ts b/packages/mobile/components/badge/src/renderless/vue.ts index dca20a1cc1..55b2fc35d2 100644 --- a/packages/mobile/components/badge/src/renderless/vue.ts +++ b/packages/mobile/components/badge/src/renderless/vue.ts @@ -11,7 +11,7 @@ */ import { computedContent, computedValueRef, computedTransform } from './index' -import { xss } from '@opentiny/mobile-utils/xss' +import { xss } from '@mobile-root/utils/xss' import type { IBadgeState, IBadgeProps, IBadgeApi, IBadgeRenderlessParams } from '../badge' export const api = ['state'] diff --git a/packages/mobile/components/button/src/renderless/index.ts b/packages/mobile/components/button/src/renderless/index.ts index f54f5bc4bc..be570b3bd6 100644 --- a/packages/mobile/components/button/src/renderless/index.ts +++ b/packages/mobile/components/button/src/renderless/index.ts @@ -10,7 +10,7 @@ * */ import type { IButtonRenderlessParams, IButtonState } from '../button' -import { xss } from '@opentiny/mobile-utils' +import { xss } from '@mobile-root/utils' export const handleClick = ({ emit, props, state }: Pick) => diff --git a/packages/mobile/components/checkbox/src/renderless/index.ts b/packages/mobile/components/checkbox/src/renderless/index.ts index 971e16d937..479a17ed6a 100644 --- a/packages/mobile/components/checkbox/src/renderless/index.ts +++ b/packages/mobile/components/checkbox/src/renderless/index.ts @@ -11,7 +11,7 @@ */ import type { ICheckboxRenderlessParams, ICheckboxState, ICheckboxChangeEvent, ICheckboxProps } from '../checkbox' -import { isNull } from '@opentiny/mobile-utils/type' +import { isNull } from '@mobile-root/utils/type' export const addToStore = ({ state, props }: Pick) => diff --git a/packages/mobile/components/container/src/renderless/index.ts b/packages/mobile/components/container/src/renderless/index.ts index f564baad76..a0ca638ad3 100644 --- a/packages/mobile/components/container/src/renderless/index.ts +++ b/packages/mobile/components/container/src/renderless/index.ts @@ -10,7 +10,7 @@ * */ -import { isNumber } from '@opentiny/mobile-utils/type' +import { isNumber } from '@mobile-root/utils/type' export const computedShowHeader = ({ constants, props }) => @@ -128,7 +128,7 @@ export const computedLeftStyle = export const computedShowRight = ({ constants, props }) => () => { - return props.pattern === constants.DEFAULT ? false : true + return props.pattern !== constants.DEFAULT } export const computedRightStyle = diff --git a/packages/mobile/components/date-picker/src/renderless/vue.ts b/packages/mobile/components/date-picker/src/renderless/vue.ts index 9cdb481b29..b7089018a2 100644 --- a/packages/mobile/components/date-picker/src/renderless/vue.ts +++ b/packages/mobile/components/date-picker/src/renderless/vue.ts @@ -27,7 +27,7 @@ import { onChange, updateColumnValue } from './index' -import { DATE } from '@opentiny/mobile-utils' +import { DATE } from '@mobile-root/utils' import type { IDatePickerApi, IDatePickerProps, diff --git a/packages/mobile/components/dialog-box/src/renderless/index.ts b/packages/mobile/components/dialog-box/src/renderless/index.ts index e56058db03..f39df0547a 100644 --- a/packages/mobile/components/dialog-box/src/renderless/index.ts +++ b/packages/mobile/components/dialog-box/src/renderless/index.ts @@ -10,9 +10,9 @@ * */ -import { on, off, addClass, removeClass } from '@opentiny/mobile-utils/deps/dom' -import { emitEvent } from '@opentiny/mobile-utils/event' -import { getDomNode } from '@opentiny/mobile-utils/deps/dom' +import { on, off, addClass, removeClass } from '@mobile-root/utils/deps/dom' +import { emitEvent } from '@mobile-root/utils/event' +import { getDomNode } from '@mobile-root/utils/deps/dom' import type { IDialogBoxRenderlessParams, IDialogBoxStyle } from '../dialog-box' export const computedAnimationName = diff --git a/packages/mobile/components/dialog-box/src/renderless/vue.ts b/packages/mobile/components/dialog-box/src/renderless/vue.ts index 1d150a96ab..1c8d7e499f 100644 --- a/packages/mobile/components/dialog-box/src/renderless/vue.ts +++ b/packages/mobile/components/dialog-box/src/renderless/vue.ts @@ -31,7 +31,7 @@ import { hideScrollbar, computedBodyStyle } from './index' -import usePopup from '@opentiny/mobile-utils/deps/vue-popup' +import usePopup from '@mobile-root/utils/deps/vue-popup' import type { IDialogBoxApi, IDialogBoxProps, diff --git a/packages/mobile/components/dropdown-item/src/mobile.vue b/packages/mobile/components/dropdown-item/src/mobile.vue index fe76a76779..2c9a166b49 100644 --- a/packages/mobile/components/dropdown-item/src/mobile.vue +++ b/packages/mobile/components/dropdown-item/src/mobile.vue @@ -103,7 +103,7 @@ import { setup, defineComponent, directive } from '../../../vue-common' import { iconYes } from '@opentiny/vue-icon' import Popup from '../../popup' import Button from '../../button' -import Clickoutside from '@opentiny/mobile-utils/deps/clickoutside' +import Clickoutside from '@mobile-root/utils/deps/clickoutside' import '@opentiny/vue-theme-mobile/dropdown-item/index.less' import { dropdownItemProps } from './dropdown-item' diff --git a/packages/mobile/components/dropdown-item/src/renderless/index.ts b/packages/mobile/components/dropdown-item/src/renderless/index.ts index 079c3bdc22..ddc4b4e5d1 100644 --- a/packages/mobile/components/dropdown-item/src/renderless/index.ts +++ b/packages/mobile/components/dropdown-item/src/renderless/index.ts @@ -16,7 +16,7 @@ import type { IDropdownItemTag, IDropdownItemOptionStyle } from '../dropdown-item' -import { on, off } from '@opentiny/mobile-utils/deps/dom' +import { on, off } from '@mobile-root/utils/deps/dom' export const getTitle = (props: IDropdownItemRenderlessParams['props']) => (): string => { if (props.title) { diff --git a/packages/mobile/components/dropdown-menu/src/mobile.vue b/packages/mobile/components/dropdown-menu/src/mobile.vue index 86f29ef082..ea9e5e5058 100644 --- a/packages/mobile/components/dropdown-menu/src/mobile.vue +++ b/packages/mobile/components/dropdown-menu/src/mobile.vue @@ -51,8 +51,8 @@ item.type === 'filter' ? 'IconUnfilter' : item.type === 'selection' && item.state.showPopup - ? 'IconUp' - : 'IconDown' + ? 'IconUp' + : 'IconDown' " :class="[item.type === 'filter' ? 'filter-icon' : '']" /> @@ -71,7 +71,7 @@ import { renderless, api } from './renderless/vue' import { setup, defineComponent, directive } from '../../../vue-common' import { iconUp, iconDown, iconUnfilter, iconSort, iconDeltaDown, iconDeltaUp } from '@opentiny/vue-icon' import { dropdownMenuProps } from './dropdown-menu' -import Clickoutside from '@opentiny/mobile-utils/deps/clickoutside' +import Clickoutside from '@mobile-root/utils/deps/clickoutside' import '@opentiny/vue-theme-mobile/dropdown-menu/index.less' export default defineComponent({ diff --git a/packages/mobile/components/dropdown-menu/src/renderless/index.ts b/packages/mobile/components/dropdown-menu/src/renderless/index.ts index 0c2bf98113..f35d0af239 100644 --- a/packages/mobile/components/dropdown-menu/src/renderless/index.ts +++ b/packages/mobile/components/dropdown-menu/src/renderless/index.ts @@ -11,7 +11,7 @@ */ import type { IDropdownMenuRenderlessParams, IDropdownMenuPopperParams, IDropdownItemVm } from '../dropdown-menu' -import userPopper from '@opentiny/mobile-utils/deps/vue-popper' +import userPopper from '@mobile-root/utils/deps/vue-popper' export const toggleItem = (state: IDropdownMenuRenderlessParams['state']) => diff --git a/packages/mobile/components/file-upload/src/renderless/index.ts b/packages/mobile/components/file-upload/src/renderless/index.ts deleted file mode 100644 index ad94d81f6f..0000000000 --- a/packages/mobile/components/file-upload/src/renderless/index.ts +++ /dev/null @@ -1,2748 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ -import type { - IFileUploadRenderlessParams, - IFileUploadService, - IFileUploadFile, - IFileUploadModalVm, - IFileUploadEdmDownload, - IFileUploadDownloadFileSingle, - IFileUploadBatchSegmentUpload, - IFileUploadSegmentUploadInner, - IFileUploadGetFormData, - IUploadFormData, - IFileUploadSetWriterFile, - IFileUploadStreamsaver, - IFileUploadAfterDownload, - IFileUploadDownloadFileInner, - IFileUploadBatchSegmentDownload, - IFileUploadSliceDownloadChunk, - IFileUploadLargeDocumentDownload -} from '../file-upload' - -import { extend } from '@opentiny/mobile-utils/object' -import { xss, log } from '@opentiny/mobile-utils/xss' -import uploadAjax from '@opentiny/mobile-utils/deps/upload-ajax' -import { isObject } from '@opentiny/mobile-utils/type' -import { isEmptyObject } from '@opentiny/mobile-utils/type' - -let initTokenPromise = null - -export const noopFnCreator = (fn: Function, propName?: string): Function => { - const noFn = () => { - if (propName) { - return Promise.reject( - new Error(`[TINY Error][FileUpload] Prop ${propName} is mandatory when the framework service is not used`) - ) - } else { - return Promise.reject( - new Error('[TINY Error][FileUpload] Prop action is mandatory when the framework service is not used') - ) - } - } - - return fn || noFn -} - -export const initService = ({ - props, - service -}: Pick): IFileUploadService => { - const { network = {}, common = {} } = service || {} - const { request, get, post, all, spread, CancelToken = {} } = network - let requestFn - if (!isEmptyObject(props.hwh5)) { - const { HWH5 } = props.hwh5 - const { uploadToEDM } = HWH5() - requestFn = props.httpRequest || uploadToEDM - } else if (request) { - requestFn = props.httpRequest || request - } else { - requestFn = props.httpRequest || uploadAjax - } - - return { - get: noopFnCreator(get), - post: noopFnCreator(post), - request: noopFnCreator(request), - all: noopFnCreator(all), - spread: noopFnCreator(spread), - cancelToken: noopFnCreator(CancelToken.source), - getSingleUploadUrl: noopFnCreator(common.getSingleUploadUrl), - getFileUploadUrl: noopFnCreator(common.getFileUploadUrl), - getFileDownloadUrl: noopFnCreator(common.getFileDownloadUrl), - getSingleDownloadUrl: noopFnCreator(common.getSingleDownloadUrl), - getPackageDownloadUrl: noopFnCreator(common.getPackageDownloadUrl), - getAsyncPackageDownload: noopFnCreator(common.getAsyncPackageDownload), - getLargeFileInitUrl: noopFnCreator(common.getLargeFileInitUrl), - getChunkUploadUrl: noopFnCreator(common.getChunkUploadUrl), - getPreviewUrl: noopFnCreator(common.getPreviewUrl), - getDocumentInfoUrl: noopFnCreator(common.getDocumentInfoUrl), - getPreviewUrlBatch: noopFnCreator(common.getPreviewUrlBatch), - httpRequest: noopFnCreator(requestFn, 'httpRequest') - } -} - -export const computedUploadDisabled = - ({ props, state }: Pick) => - (): boolean => - props.disabled || (state.form || {}).disabled - -export const computedUploadingSize = - ({ state, constants }: Pick) => - (): number => - state.uploadingFiles.reduce( - (total, file) => (total + file.status !== constants.FILE_STATUS.FAIL ? file.size : 0), - 0 - ) - -export const watchListType = - ({ constants, state, api }: Pick) => - (type: string) => { - if ( - [ - constants.LIST_TYPE.PICTURE_CARD, - constants.LIST_TYPE.PICTURE, - constants.LIST_TYPE.PICTURE_SINGLE, - constants.LIST_TYPE.DRAG_SINGLE - ].includes(type) - ) { - state.uploadFiles = state.uploadFiles.map((file) => { - file.type = api.getFileSourceType({ file }) - if (!file.url && file.raw) { - try { - file.url = URL.createObjectURL(file.raw) - } catch (err) { - return null - } - } - - return file - }) - } - } - -export const watchFileList = - ({ constants, state, props, api }: Pick) => - (fileList: IFileUploadFile[]) => { - let uploadFiles = - fileList && - fileList.map((file) => { - file.uid = file.uid || Date.now() + state.tempIndex++ - file.status = file.status || constants.FILE_STATUS.SUCESS - file.type = api.getFileSourceType({ file }) - - return file - }) - if ([constants.LIST_TYPE.PICTURE_SINGLE, constants.LIST_TYPE.DRAG_SINGLE].includes(props.listType)) { - uploadFiles = uploadFiles.slice(0, 1) - } - - state.uploadFiles = uploadFiles - } - -const isNonFuncPropBeforeUpload = ({ - flag, - doUpload, - file -}: { - flag: boolean - doUpload: Function - file: IFileUploadFile -}) => !flag && doUpload(file) - -const onBeforeIsPromise = ({ - before, - rawFile, - file, - doUpload, - autoRemove, - api -}: Pick & { - before: Promise - rawFile: File - file: IFileUploadFile - doUpload: Function - autoRemove: boolean -}) => { - before.then( - (processedFile) => { - const fileType = Object.prototype.toString.call(processedFile) - - if (fileType === '[object File]' || fileType === '[object Blob]') { - if (fileType === '[object Blob]') { - processedFile = new File([processedFile], rawFile.name, { type: rawFile.type }) - } - - for (const p in rawFile) { - Object.prototype.hasOwnProperty.call(rawFile, p) && (processedFile[p] = rawFile[p]) - } - - file.raw = processedFile - } - - doUpload(file) - }, - () => { - if (autoRemove) { - if (!Array.isArray(rawFile)) { - api.handleRemove(null, rawFile) - } else { - rawFile.forEach((raw) => api.handleRemove(null, raw)) - } - } - } - ) -} - -const getFileType = ({ file }: { file: IFileUploadFile }): string => { - const { name, url } = file - let fileType = '' - if (name && /\.[^.]+$/.test(name)) { - fileType = name.split('.')[name.split('.').length - 1].toLowerCase() - } else if (url && /\.[.]+$/.test(url)) { - fileType = url.split('.')[url.split('.').length - 1].toLowerCase() - } - - return fileType -} - -const remove = ({ - api, - file, - autoRemove -}: Pick & { file: IFileUploadFile; autoRemove: boolean }) => { - if (autoRemove) { - const rawFile = file.raw - if (Array.isArray(rawFile)) { - rawFile.forEach((raw) => api.handleRemove(null, raw)) - } else { - api.handleRemove(null, rawFile) - } - } -} - -export const beforeUpload = - ({ - props, - api, - Modal, - constants, - t, - state - }: Pick & IFileUploadModalVm) => - (file: IFileUploadFile, autoRemove: boolean, doUpload: Function) => { - if (state.isEdm && file.name.length > 255) { - remove({ api, file, autoRemove }) - return Modal.message({ - message: `${t(constants.EDM.THEFILENAME)}"${file.name}"${t(constants.EDM.FILENAMEEXCEEDS)}`, - status: 'warning' - }) - } - - if (file) { - let isValid = true - const accept = state.isEdm ? state.accept : props.accept - const types = constants.FILE_TYPE[state.triggerClickType.toUpperCase()] - const fileType = getFileType({ file }) - - if (accept) { - const isExist = accept.split(',').some((type) => { - if (type.toLowerCase() === constants.IMAGE_TYPE) { - return constants.FILE_TYPE.PICTURE.split('/').includes(fileType) - } - return new RegExp(`(${type.trim()})$`, 'i').test(file.name) - }) - !isExist && (isValid = false) - } - - if (state.triggerClickType && types) { - const isExist = types.split('/').includes(fileType) - !isExist && (isValid = false) - } - - if (!isValid) { - remove({ api, file, autoRemove }) - return Modal.message({ - message: fileType - ? t(constants.EDM.notSupport, { format: fileType }) - : t(constants.EDM.NOT_SUPPORT_NO_SUFFIX), - status: 'warning' - }) - } - } - - let flag = typeof props.beforeUpload === 'function' - - isNonFuncPropBeforeUpload({ flag, doUpload, file }) - - if (flag) { - const { rawFile = file.raw, before = props.beforeUpload(rawFile) } = {} - - if (before && before.then) { - onBeforeIsPromise({ before, rawFile, file, doUpload, autoRemove, api }) - } else if (before !== false) { - doUpload(file) - } else { - if (autoRemove) { - if (Array.isArray(rawFile)) { - rawFile.forEach((raw) => api.handleRemove(null, raw)) - } else { - api.handleRemove(null, rawFile) - } - } - } - } - } - -export const startUpload = - ({ - state, - constants, - vm, - Modal, - api, - t - }: Pick & IFileUploadModalVm) => - (file: IFileUploadFile, isList: boolean) => { - if (state.isHwh5) { - vm.$refs[constants.UPLOAD_INNER].upload(file.raw) - return - } - if (file.size > state.docSize && file.size > state.chunkSize) { - file.isLargeFile = true - - isList && - state.uploadFiles.forEach((f) => { - if (f.cacheSign === file.cacheSign) { - f.percentage = 0 - } - }) - - api.largeDocumentUpload(file) - - Modal.message({ - message: `${file.name}${t(constants.EDM.LARGEFILEKEY)}`, - status: 'warning' - }) - } else { - vm.$refs[constants.UPLOAD_INNER].upload(file.raw) - } - } - -const calcFileForMobile = (rawFile: File, file: IFileUploadFile) => { - const fileName = rawFile.name.lastIndexOf('.') - const fileNameLen = rawFile.name.length - - file.fileType = rawFile.name.substring(fileName + 1, fileNameLen) - - const size = rawFile.size / 1024 - - if (size < 1024) { - file.size = Math.round(size * 10 ** 1) / 10 ** 1 + 'KB' - } else { - const fileSize = size / 1024 - file.size = Math.round(fileSize * 10 ** 1) / 10 ** 1 + 'MB' - } -} - -export const properFileSize = - ({ - props, - state, - api, - constants, - Modal, - t - }: Pick & IFileUploadModalVm) => - (file: IFileUploadFile): boolean => { - if ([undefined, null].includes(file.size)) return true - - let maxSize = 0 - - if (Array.isArray(props.fileSize) && props.fileSize[1]) { - maxSize = Math.min(state.singleMaxSize, props.fileSize[1] / 1024).toFixed(2) - } else { - maxSize = Math.min(state.singleMaxSize) - } - - if (state.isEdm || (!state.isEdm && Array.isArray(props.fileSize) && props.fileSize[1])) { - if (file.size > maxSize * 1024 * 1024) { - Modal.message({ - message: t(constants.EDM.EXCEED, { maxSize: api.formatFileSize(Number(maxSize), 'M') }), - status: 'warning' - }) - - return false - } - } - - if (file.size <= 0) { - Modal.message({ - message: `${file.name} ${t(constants.EDM.FILEEMPTY)}`, - status: 'warning' - }) - - return false - } - - const userMin = (props.fileSize && (props.fileSize[0] || props.fileSize)) || 0 - - if (file.size <= userMin * 1024) { - Modal.message({ - message: `${t(constants.EDM.SIZE, { minSize: api.formatFileSize(Number(userMin), 'K'), sizeUnit: '' })}`, - status: 'warning' - }) - - return false - } - - return true - } - -export const addFileToList = - ({ - api, - constants, - emit, - props, - state, - mode - }: Pick) => - (rawFile: IFileUploadFile, updateId: string, reUpload: boolean) => { - !reUpload && (rawFile.uid = Date.now() + state.tempIndex++) - - let file = { status: constants.FILE_STATUS.READY, name: rawFile.name, size: rawFile.size } - - Object.assign(file, { percentage: 0, uid: rawFile.uid, raw: rawFile, response: {} }) - file.type = api.getFileSourceType({ file }) - - if (state.isEdm) { - let fileBase = { serverName: '', docRelativePath: '', docId: '', docVersion: '', cacheSign: rawFile.uid } - - file = Object.assign(file, fileBase) - - props.edm.upload.isFolder && (file.path = rawFile.webkitRelativePath.match(/.*\//g)[0]) - } - - state.cacheDocuments[file.uid] = file - - mode === 'mobile' && calcFileForMobile(rawFile, file) - - if ( - [ - constants.LIST_TYPE.PICTURE_CARD, - constants.LIST_TYPE.PICTURE, - constants.LIST_TYPE.PICTURE_SINGLE, - constants.LIST_TYPE.DRAG_SINGLE - ].includes(props.listType) - ) { - try { - if (state.isHwh5) { - file.url = rawFile.filePath - } else { - file.url = URL.createObjectURL(rawFile) - } - } catch (err) { - return - } - } - - if (state.isEdm && state.isSuccess) { - const proper = api.properFileSize(file) - if (!proper) { - return - } - - state.updateId = updateId || props.edm.updateId || '' - - if (reUpload) { - const index = state.uploadFiles.findIndex((item) => item.uid === file.uid) - state.uploadFiles.splice(index, 1) - } else if (state.updateId) { - const index = state.uploadFiles.findIndex((item) => item.docId === updateId) - state.uploadFiles.splice(index, 1, file) - emit('change', file, state.uploadFiles) - return - } - } - - if (!state.isEdm) { - const proper = api.properFileSize(file) - if (!proper) { - return - } - } - - state.uploadFiles.push(file) - state.currentUploadingFileUids.push(file.uid) - emit('change', file, state.uploadFiles) - } - -export const getFileHash = - ({ - emit, - Modal, - constants, - t, - CryptoJS, - state - }: Pick & - IFileUploadModalVm & { CryptoJS: object }) => - ({ file, chunkSize, showTips }: { file: IFileUploadFile; chunkSize: number; showTips: boolean }) => { - if (showTips) { - Modal.message({ - message: `${t(constants.EDM.CALCHASH)}`, - status: 'warning' - }) - } - - const chunks = Math.ceil(file.size / chunkSize) - let chunkIndex = 0 - let start = chunkIndex * chunkSize - let end = Math.min(file.size, start + chunkSize) - let chunk = file.raw.slice(start, end) - - const hasher = CryptoJS.algo.SHA256.create() - let calculated = 0 - - return new Promise((resolve) => { - const reader = new FileReader() - reader.readAsArrayBuffer(chunk) - reader.onload = (e) => { - if (file.status === constants.FILE_STATUS.FAIL) return - chunkIndex++ - - let wordArray = CryptoJS.lib.WordArray.create(e.target.result) - hasher.update(wordArray) - wordArray = null - - if (chunkIndex < chunks) { - start = chunkIndex * chunkSize - end = Math.min(file.size, start + chunkSize) - calculated += end - start - emit('hash-progress', Math.min(Math.floor((calculated / file.size) * 100), 100)) - chunk = file.raw.slice(start, end) - reader.readAsArrayBuffer(chunk) - } else { - const hash = hasher.finalize().toString() - file.hash = file.raw.hash = hash - resolve(hash) - emit('hash-progress', 100) - } - } - reader.onerror = (err) => { - file.status = constants.FILE_STATUS.FAIL - emit('error', err, file, state.uploadFiles) - } - }) - } - -const handleHwh5Files = (files: IFileUploadFile[], hwh5: object): IFileUploadFile[] | object[] => { - const fileMap = hwh5 && hwh5.fileMap - - return files.map((file) => { - if (file instanceof File) return file - let url - let f = {} - if (isObject(file)) { - url = file.url - f = file - } else { - url = file - } - const [name, index] = url.match(/[^/]*$/) - const [type] = url.match(/\.[^.]*$/) - const filePath = url.substring(0, index) - const updateFile = { ...f, type, name, filePath, webkitRelativePath: filePath } - - return typeof fileMap === 'function' ? fileMap(updateFile) : updateFile - }) -} - -export const handleStart = - ({ - api, - constants, - props, - state, - vm - }: Pick) => - (rawFiles: IFileUploadFile[], updateId: string, reUpload: boolean = false) => { - if (state.isHwh5) { - rawFiles = handleHwh5Files(rawFiles, props.hwh5) - } - state.currentUploadingFileUids = [] - rawFiles.forEach((rawFile) => api.addFileToList(rawFile, updateId, reUpload)) - - const { UPLOADING, READY } = constants.FILE_STATUS - state.uploadingFiles = state.uploadFiles.filter((file) => [UPLOADING, READY].includes(file.status)) - - if (state.isEdm && state.isSuccess) { - rawFiles.forEach((rawFile) => { - const file = api.getFile(rawFile) - - if (!file) return - - api.beforeUpload(file, true, (file) => { - typeof props.edm.upload.loading === 'function' && props.edm.upload.loading(file) - - new Promise((resolve) => { - if (state.isHwh5) return resolve() - - let isLargeFileHash = false - if (props.edm.isCheckCode !== true) return resolve() - if (file.size > state.docSize && file.size > state.chunkSize) { - if (!state.isEntireCheckCode) { - return resolve() - } else { - isLargeFileHash = true - } - } - - api - .getFileHash({ file, chunkSize: state.chunkSize, showTips: isLargeFileHash }) - .then((hash) => resolve(hash)) - }).then(() => { - if (props.autoUpload) { - const tokenParams = { token: props.edm.upload.token, file, type: 'upload' } - api.getToken(tokenParams).then((data) => { - if (data) { - file.status = constants.FILE_STATUS.UPLOADING - api.startUpload(file, true) - } - }) - } - }) - }) - }) - } - - if (!state.isEdm && props.autoUpload) { - if (props.multiple && props.mergeService) { - const handler = (file) => vm.$refs[constants.UPLOAD_INNER].upload(file.raw) - - rawFiles.length && api.beforeUpload({ raw: rawFiles }, true, handler) - } else { - rawFiles.forEach((rawFile) => { - const file = api.getFile(rawFile) - if (!file) return - const handler = (file) => vm.$refs[constants.UPLOAD_INNER].upload(file.raw) - - api.beforeUpload(file, true, handler) - }) - } - } - } - -export const calcUploadingFilesInfo = - ({ state, constants }: Pick) => - (): { percentage: number; uploadList: IFileUploadFile[]; uploadedCount: number } => { - let percentage - if (state.isHwh5) { - const totalPercentage = state.uploadingFiles.reduce((total, file) => { - const curPercentage = file.status !== constants.FILE_STATUS.FAIL ? file.percentage / 100 : 0 - return total + curPercentage - }, 0) - - percentage = Math.floor((totalPercentage / state.uploadingFiles.length) * 100) - } else { - const totalLoadedSize = state.uploadingFiles.reduce((loadedSize, file) => { - const loaded = file.status !== constants.FILE_STATUS.FAIL ? (file.size * file.percentage) / 100 : 0 - return loadedSize + loaded - }, 0) - - percentage = Math.floor((totalLoadedSize / state.uploadingSize) * 100) - } - - percentage = Math.min(percentage, 100) - const uploadedFiles = state.uploadingFiles.filter((file) => file.percentage === 100) - - return { - percentage, - uploadList: state.uploadingFiles, - uploadedCount: uploadedFiles.length - } - } - -export const handleProgress = - ({ api, constants, emit, state }: Pick) => - (event: any, rawFile: File) => { - if (Array.isArray(rawFile)) { - state.uploadFiles.forEach((file) => { - if (rawFile.some((raw) => file.uid === raw.uid)) { - file.status = constants.FILE_STATUS.UPLOADING - - if (event.lengthComputable) { - file.percentage = Math.floor((event.loaded * 100) / event.total) || 0 - } - - emit('progress', file, state.uploadFiles, api.calcUploadingFilesInfo()) - } - }) - } else { - const file = api.getFile(rawFile) - - if (file) { - file.status = constants.FILE_STATUS.UPLOADING - if (state.isHwh5) { - const { progress } = JSON.parse(event) - file.percentage = progress - if (file.percentage >= 100) { - file.isFinished = true - } - emit('progress', file, state.uploadFiles, api.calcUploadingFilesInfo()) - } else { - if (event.lengthComputable && !file.isLargeFile) { - file.percentage = Math.floor((event.loaded * 100) / event.total) || 0 - if (file.percentage >= 100) { - file.isFinished = true - } - emit('progress', file, state.uploadFiles, api.calcUploadingFilesInfo()) - } - } - } - } - } - -export const handleSuccess = - ({ - api, - constants, - emit, - state, - props, - Modal, - t - }: Pick) => - (res: any, rawFile: IFileUploadFile) => { - const currentUploadFiles = state.uploadFiles.filter((file) => state.currentUploadingFileUids.includes(file.uid)) - if (Array.isArray(rawFile)) { - state.uploadFiles.forEach((file) => { - if (rawFile.some((raw) => file.uid === raw.uid)) { - file.status = constants.FILE_STATUS.SUCESS - file.percentage = 100 - file.response = res - - emit('success', res, file, currentUploadFiles) - emit('change', file, state.uploadFiles) - - delete file.cancelToken - } - }) - } else { - const file = api.getFile(rawFile) - - const status = res?.data?.status - const { STATUS_SPECIAL_CHARACTERS, NOT_SUPPORT_SPECIAL_CHARACTERS } = constants.EDM - - delete file.cancelToken - - if (props.edm.upload && file && res.data && status !== 200) { - if (status === STATUS_SPECIAL_CHARACTERS) { - Modal.message({ - message: `${t(NOT_SUPPORT_SPECIAL_CHARACTERS)}`, - status: 'warning' - }) - } - file.status = constants.FILE_STATUS.FAIL - emit('error', res, file, state.uploadFiles) - return - } - - if (file) { - file.status = constants.FILE_STATUS.SUCESS - file.percentage = 100 - if (!file.isFinished) { - emit('progress', file, state.uploadFiles, api.calcUploadingFilesInfo()) - } - - file.isLargeFile && delete res.config - file.response = res - - if (state.isEdm) { - const result = state.isHwh5 ? res : res.data.result - - if (!result) return - - file.serverName = result.serverName - file.docRelativePath = result.docRelativePath - file.docId = result.docId - file.docVersion = result.version - file.docSize = result.docSize - file.isLargeFile && delete file.raw - - Object.assign(file, result) - } - - emit('success', res, file, currentUploadFiles) - emit('change', file, state.uploadFiles) - } - } - api.clearUploadingFiles() - } - -export const handleError = - ({ - api, - constants, - emit, - state, - props - }: Pick) => - (err: any, rawFile: IFileUploadFile) => { - const file = api.getFile(rawFile) - if (!file) return - - file.status = constants.FILE_STATUS.FAIL - file.percentage = 100 - - if (!state.isEdm && !props.reUploadable) { - state.uploadFiles.splice(state.uploadFiles.indexOf(file), 1) - } - - api.clearUploadingFiles() - emit('error', err, file, state.uploadFiles) - emit('change', file, state.uploadFiles) - } - -export const handleRemove = - ({ - api, - emit, - props, - state, - constants - }: Pick) => - (file: IFileUploadFile, raw: File) => { - if (raw) { - file = api.getFile(raw) - } - - let doRemove = () => { - // 删除动作不用改变文件状态为fail; 这样删除需要删两次。因为只有第二次时，indexOf才能在uploadFiles里面找到要删除的file。 - api.abort(file) - let fileList = state.uploadFiles - - fileList.splice(fileList.indexOf(file), 1) - emit('remove', { ...file, status: constants.FILE_STATUS.FAIL }, fileList) - } - - if (!props.beforeRemove) { - doRemove() - } else if (typeof props.beforeRemove === 'function') { - const before = props.beforeRemove(file, state.uploadFiles) - - if (before && before.then) { - before.then( - () => { - doRemove() - }, - () => undefined - ) - } else if (before !== false) { - doRemove() - } - } - } - -export const handleReUpload = - ({ vm, constants }: Pick) => - (file: IFileUploadFile) => { - const { READY } = constants.FILE_STATUS - file.status = READY - file.percentage = 0 - vm.$refs[constants.UPLOAD_INNER].upload(file.raw) - } - -export const handleReUploadTotal = (api: IFileUploadRenderlessParams['api']) => (files: IFileUploadFile[]) => { - files.forEach((file) => { - if (file.status === 'fail') { - api.handleReUpload(file) - } - }) -} - -export const clearUploadingFiles = - ({ constants, state }: Pick) => - () => { - const { SUCESS, FAIL } = constants.FILE_STATUS - const isUploadComplete = state.uploadingFiles.every((file) => [SUCESS, FAIL].includes(file.status)) - - if (isUploadComplete) { - state.uploadingFiles = [] - } - } - -export const getFile = - (state: IFileUploadRenderlessParams['state']) => - (rawFile: IFileUploadFile): IFileUploadFile => { - let fileList = state.uploadFiles - let target - - fileList.every((item) => { - target = rawFile.uid === item.uid ? item : null - return !target - }) - - return target - } - -export const abort = - ({ constants, vm, state }: Pick) => - (file: IFileUploadFile) => { - const { READY, UPLOADING, FAIL } = constants.FILE_STATUS - if (file) { - state.uploadingFiles.forEach((f) => { - const uid = file.uid || file - if (f.uid === uid && [READY, UPLOADING].includes(f.status)) { - f.status = FAIL - } - }) - } else { - state.uploadingFiles.forEach((f) => { - if ([READY, UPLOADING].includes(f.status)) { - f.status = FAIL - } - }) - } - - vm.$refs[constants.UPLOAD_INNER].abort(file) - } - -export const abortDownload = - ({ state }: Pick) => - (file: IFileUploadFile, batch: boolean = false) => { - const cancel = (docId) => { - if (!docId) return - const cancels = state.downloadCancelToken[docId] - cancels && cancels.forEach((cancel) => cancel()) - delete state.downloadCancelToken[docId] - - const clearDataFn = state.downloadCancelData[docId] - clearDataFn && clearDataFn(docId) - } - - if (Array.isArray(file)) { - if (batch) { - cancel( - file - .map((f) => f.docId || f) - .sort() - .join(',') - ) - } else { - file.forEach((f) => f && cancel(file.docId || file)) - } - } else if (file) { - cancel(file.docId || file) - } else { - Object.keys(state.downloadCancelToken).forEach((docId) => { - cancel(docId) - }) - } - } - -export const clearFiles = (state: IFileUploadRenderlessParams['state']) => () => { - state.uploadFiles = [] -} - -export const submit = - ({ - api, - constants, - vm, - state, - props - }: Pick) => - () => { - const files = state.uploadFiles.filter((file) => file.status === constants.FILE_STATUS.READY) - - if (state.isEdm && state.isSuccess) { - files.forEach((file) => { - api - .getToken({ - token: props.edm.upload.token, - file, - type: 'upload' - }) - .then((data) => { - if (data) { - api.beforeUpload(file, false, (file) => { - api.startUpload(file) - }) - } - }) - }) - } else { - if (props.multiple && props.mergeService) { - const rawFiles = files.map((file) => file.raw) - rawFiles.length && - api.beforeUpload({ raw: rawFiles }, false, (file) => { - vm.$refs[constants.UPLOAD_INNER].upload(file.raw) - }) - } else { - files.forEach((file) => { - api.beforeUpload(file, false, (file) => { - vm.$refs[constants.UPLOAD_INNER].upload(file.raw) - }) - }) - } - } - } - -export const handleClick = - ({ constants, vm }: Pick) => - () => - vm.$refs[constants.UPLOAD_INNER].handleClick() - -export const getFileUploadUrl = (service: IFileUploadRenderlessParams['service']) => (): Promise => - service.getFileUploadUrl() - -export const updateUrl = - ({ api, props, state }: Pick) => - () => { - if (props.action) { - state.url = props.action - } else { - api.getFileUploadUrl().then((url) => (state.url = url)) - } - } - -const getTranslateFile = - ({ - api, - isChunk, - isLessThan17G, - file, - state - }: Pick & { - isChunk: boolean - isLessThan17G: boolean - file: IFileUploadFile - }) => - (data: IFileUploadFile, type: string, index?: number) => { - if (isChunk) { - if (index === 0) { - state.downloadCancelData[file.docId] = api.setWriterFile({ data, index, isLessThan17G, file }) - } - } else { - const content = data.headers['content-disposition'] - const name = content ? content.match(/fileName.?=(.*)/)[1] || content.match(/fileName=(.*)/)[1] : '' - let type = 'application/zip' - - if (!name.includes('.')) { - type = data.headers['content-type'] - } else if (type !== 'zip') { - type = 'application / x - xls' - } - - const blob = new Blob([data.data], { type }) - aLinkDownload({ blob, name }) - } - } - -const aLinkDownload = ({ blob, name }: { blob: Blob; name: string }) => { - if (window && window.navigator.msSaveOrOpenBlob) { - window.navigator.msSaveOrOpenBlob(blob, decodeURIComponent(name)) - return - } - - const url = window.URL || window.webkitURL || window.moxURL - const downloadHref = xss.filterUrl(url.createObjectURL(blob)) - let downloadLink = document.createElement('a') - - downloadLink.href = downloadHref - downloadLink.download = decodeURIComponent(name) - downloadLink.click() - url.revokeObjectURL && url.revokeObjectURL(downloadHref) -} - -export const getHandleSuccess = - ({ - state, - downloadOps, - file, - translateFile, - isChunk, - isLessThan17G - }: Pick & { - downloadOps: IFileUploadEdmDownload - file: IFileUploadFile - translateFile: ReturnType - isChunk: boolean - isLessThan17G: boolean - }) => - (data: any, type: string, index?: number): boolean => { - if (isChunk) { - const res = isLessThan17G ? data.data : new Uint8Array(data.data) - let downloadChunkFile = state.downloadChunkFile[file.docId] - if (!downloadChunkFile) { - downloadChunkFile = {} - } - downloadChunkFile[index] = res - translateFile(data, type, index) - } else { - typeof downloadOps.loading === 'function' && downloadOps.loading(file) - translateFile(data, type) - } - - return true - } - -export const getCalcProgress = - () => - (evt: any): number => { - let total - if (evt.target && evt.target.getResponseHeader) { - total = Number(evt.target.getResponseHeader('Content-Size')) - } else { - total = Number(evt.total) - } - total = Math.max(total, evt.loaded) - - let progress = Math.ceil((evt.loaded / total) * 100) || 0 - progress = Math.max(progress, 0) - progress = Math.min(progress, 100) - - return progress - } - -export const modifyServiceUrlSingle = - ({ state, props, constants }: Pick) => - ({ file, serviceUrl, range }: { file: IFileUploadFile; serviceUrl: string; range: object }): string => { - if (typeof file === 'object') { - const downloadOps = props.edm.download || {} - const paramsWhitelist = Array.isArray(downloadOps.paramsWhitelist) ? downloadOps.paramsWhitelist : [] - const downloadParamsWhitelist = state.downloadParamsWhitelist.concat(paramsWhitelist) - - let tempFile = {} as IFileUploadFile - downloadParamsWhitelist.forEach((key) => (tempFile[key] = file[key])) - tempFile = Object.assign(tempFile, range) - - delete tempFile.docId - delete tempFile.docVersion - delete tempFile['x-download-sign'] - - for (let key in tempFile) { - const value = tempFile[key] - const dataType = typeof value - - if (!~['undefined', 'object', 'function'].indexOf(dataType)) { - serviceUrl += `&${key}=${value}` - } - } - - file.status = constants.FILE_STATUS.DOWNLOADING - file.percentage = 0 - } - - return serviceUrl - } - -export const getKiaScanTip = - ({ Modal, constants, t }: Pick & IFileUploadModalVm) => - ({ data }: { data: IFileUploadFile }): IFileUploadModalVm | undefined => { - if (data.status === constants.EDM.KIASTATUS) { - return Modal.message({ - message: `${t(constants.EDM.KIASCANTIP)}`, - status: 'warning' - }) - } - } - -export const validateDownloadStatus = - ({ state, Modal }: Pick & IFileUploadModalVm) => - ({ - downloadOps, - file, - isLessThan17G, - data - }: { - downloadOps: IFileUploadEdmDownload - file: IFileUploadFile - isLessThan17G: boolean - data: any - }) => { - const errorHandle = ({ state, file, errRes, Modal, downloadOps }) => { - if (state.currentDownloadFiles && state.currentDownloadFiles.docId === file.docId) return - - if (errRes && errRes.message) { - Modal.message({ - message: errRes.message, - status: 'warning' - }) - } - - state.currentDownloadFiles = file - - if (typeof downloadOps.fail === 'function') { - downloadOps.fail(errRes, file) - } - } - - if (data.data && data.data.type && data.data.type.includes('application/json')) { - const reader = new FileReader() - reader.onload = (e) => { - const errRes = JSON.parse(e.target.result) - errorHandle({ state, file, errRes, Modal, downloadOps }) - } - reader.readAsText(data.data) - return true - } - - if (!isLessThan17G && data.headers['content-type'].includes('application/json')) { - const errRes = JSON.parse(String.fromCharCode.apply(null, new Uint8Array(data.data))) - errorHandle({ state, file, errRes, Modal, downloadOps }) - return true - } - } - -export const createDownloadCancelToken = - ({ state, service }: Pick) => - (file: IFileUploadFile): string => { - let docId - if (Array.isArray(file)) { - docId = file - .map((f) => f.docId || f) - .sort() - .join(',') - } else { - docId = file.docId || file - } - - if (!state.downloadCancelToken[docId]) { - state.downloadCancelToken[docId] = [] - } - - const { cancel, token } = service.cancelToken() - state.downloadCancelToken[docId].push(cancel) - - return token - } - -export const downloadFileSingle = - ({ - service, - constants, - props, - state, - api, - emit - }: Pick) => - (args: IFileUploadDownloadFileSingle) => { - let { - file, - batchIndex, - isChunk, - calcProgress, - handleSuccess, - range = {}, - isBatch, - isLessThan17G, - url: fileUrl - } = args - - let promise - - if (fileUrl) { - promise = Promise.resolve(fileUrl) - } else { - promise = service.getSingleDownloadUrl().then((url) => { - let serviceUrl = - url.replace(/{docId}/, file.docId || file) + - `${~url.indexOf('?') ? '&' : '?'}x-download-sign=true&docVersion=${file.docVersion || ''}${ - file.decryptKey ? '&decryptKey=' + file.decryptKey : '' - }` - - serviceUrl = api.modifyServiceUrlSingle({ file, serviceUrl, range }) - return serviceUrl - }) - } - - promise.then((url) => { - url = xss.filterUrl(url) - - let params = { - withCredentials: props.withCredentials, - headers: Object.assign(props.headers, state.headers), - responseType: isChunk && !isLessThan17G ? 'arraybuffer' : 'blob', - hideErr: true, - cancelToken: api.createDownloadCancelToken(file), - onDownloadProgress(evt) { - let progress = calcProgress(evt, isChunk) - if (progress !== 100) { - !isChunk && emit('download', progress, evt) - } - - if (typeof file === 'object') { - file.percentage = progress - } - } - } - - service - .get(url, params) - .then((data) => { - if (api.getKiaScanTip({ data })) return - if (api.validateDownloadStatus({ downloadOps: props.edm.download || {}, file, isLessThan17G, data })) return - - handleSuccess(data, '', range.index) - - const { checkcode, 'content-size': fileSize } = data.headers - !isChunk && emit('download', 100, '', { checkcode, fileSize }) - - if (typeof file === 'object') { - file.percentage = 100 - - setTimeout(() => (file.status = constants.FILE_STATUS.SUCESS), 1000) - } - - api.afterDownload({ batchIndex, data, file }) - }) - .catch((data) => { - if (data.response && state.errorStatusCodes.includes(data.response.status)) { - const downloadOps = props.edm.download || {} - const tokenParams = { token: downloadOps.token, file, type: 'download' } - api.getToken(tokenParams).then((data) => { - api.afterDownload({ batchIndex, data, file, range, isChunk, isBatch, isLessThan17G }) - }) - } - }) - }) - } - -export const downloadFileBatch = - ({ - api, - service, - props, - state, - emit - }: Pick) => - (args: IFileUploadDownloadFileSingle) => { - let { downloadOps, file, calcProgress, handleSuccess, range = {} } = args - let tokenParams = { token: downloadOps.packageToken, file, type: 'download' } - const { asyncPackages } = downloadOps || {} - api.getToken(tokenParams).then((data) => { - if (!data) { - return - } - - const params = { downloadTOs: [], attachdownloadTOs: [], isZip: 'true', transformType: 'sync', type: 'package' } - file.forEach((item) => { - if (item.wmType) { - params.attachdownloadTOs.push(item) - } else { - params.downloadTOs.push(item) - } - }) - - if (asyncPackages) { - api.downloadAsyncPackage(params) - return - } - - service.getPackageDownloadUrl().then((url) => { - url = xss.filterUrl(url + `${~url.indexOf('?') ? '&' : '?'}x-download-sign=true`) - - service - .post( - url, - { ...params, ...range }, - { - withCredentials: props.withCredentials, - headers: Object.assign(props.headers, state.headers), - responseType: 'blob', - cancelToken: api.createDownloadCancelToken(file), - onDownloadProgress(evt) { - let progress = calcProgress(evt) - if (progress !== 100) { - emit('download', progress, evt) - } - } - } - ) - .then((data) => { - if (api.getKiaScanTip({ data })) return - const { 'content-size': fileSize, checkcode } = data.headers - emit('download', 100, '', { fileSize, checkcode }) - handleSuccess(data, 'zip') - }) - }) - }) - } - -export const downloadAsyncPackage = - ({ state, props, service, api, constants }) => - (params) => { - return service.getAsyncPackageDownload().then((url) => { - service - .request({ - method: 'post', - url: xss.filterUrl(url), - withCredentials: props.withCredentials, - headers: Object.assign(props.headers, state.headers), - data: params - }) - .then((res) => { - if (res && res.data && res.data.status === 200) { - const files = (res.data.result || []).map(({ downloadLink, fileSize }) => { - return { url: downloadLink, fileSize } - }) - - const { SIZE_17G } = constants.EDM - const isBatch = false - const isChunk = false - const downloadOps = props.edm.download || {} - - files.forEach((file) => { - const isLessThan17G = !file.fileSize || file.fileSize < SIZE_17G * 1024 - const translateFile = getTranslateFile({ api, isChunk, isLessThan17G, file, state }) - const handleSuccess = getHandleSuccess({ - downloadOps, - file, - translateFile, - isChunk, - state, - isLessThan17G - }) - const calcProgress = getCalcProgress() - const args = { - url: file.url, - calcProgress, - handleSuccess, - downloadOps, - file, - isLessThan17G, - isFinished: false, - range: {}, - batchIndex: 0, - isBatch, - isChunk - } - - api.downloadFileSingle(args) - }) - } - }) - }) - } -export const downloadFileSingleHwh5 = - ({ state, props, emit, constants }: Pick) => - ({ file }: { file: IFileUploadFile }) => { - const { HWH5, appId } = props.hwh5 - const { downloadToEDM } = HWH5() - const options = { - edmAuth: { - edmToken: state.headers[constants.EDM.EDMTOKEN], - appId - }, - docId: file.docId || file, - docVersion: file.docVersion, - filePath: file.filePath, - progress: 1, - onProgress: (event) => { - const { progress } = JSON.parse(event) - if (progress * 1 !== 100) { - emit('download', progress) - } - } - } - - downloadToEDM(options).then((data) => { - emit('download', 100, '', { data }) - }) - } - -export const downloadFile = - ({ api, state }: Pick) => - (file: IFileUploadFile) => { - state.currentDownloadFiles = '' - - if (!state.isEdm) { - api.ordinaryDownload(file) - } else { - const isBatch = Array.isArray(file) - - if (state.isHwh5) { - let files = file - if (!isBatch) { - files = [file] - } - files.forEach((f) => api.downloadFileSingleInner({ file: f, isBatch: false })) - return - } - - if (isBatch) { - api.downloadFileInner({ file, isBatch }) - } else { - api.downloadFileSingleInner({ file, isBatch }) - } - } - } - -export const downloadFileSingleInner = - ({ props, state, api, constants }) => - ({ file, isBatch }) => { - const { SIZE_17G } = constants.EDM - const downloadOps = props.edm.download || {} - let tokenParams = { token: downloadOps.token, file, type: 'download' } - api.getToken(tokenParams).then((data) => { - if (!data) return - if (state.isHwh5) { - api.downloadFileSingleHwh5({ file }) - return - } - - const promise = state.hasFileInfoInterface ? api.getDownloadFileInfo({ docId: file.docId }) : Promise.resolve() - - promise.then((fileInfo) => { - const { fileSize } = fileInfo || {} - const isLargeFile = fileSize > state.docSize && fileSize > state.chunkSize - - if (fileSize && isLargeFile) { - api.largeDocumentDownload({ file: fileInfo, isBatch, isLessThan17G: fileSize < SIZE_17G * 1024 }) - } else { - api.downloadFileInner({ file, isBatch }) - } - }) - }) - } - -export const getDownloadFileInfo = - ({ api, state, props, service }: Pick) => - ({ docId }: { docId: string }) => { - return service.getDocumentInfoUrl().then((url) => { - return new Promise((resolve, reject) => { - service - .request({ - method: 'post', - url: xss.filterUrl(url), - withCredentials: props.withCredentials, - headers: Object.assign(props.headers, state.headers), - cancelToken: api.createDownloadCancelToken({ docId }), - data: { docInfoVO: { ids: [docId], docType: '', docVersion: '' } } - }) - .then((res) => { - const { data } = res || {} - - if (data && data.status === 200) { - const fileInfo = data.result.outDocQueryList && data.result.outDocQueryList[0].verInfo[0].docInfo[0] - - resolve(fileInfo) - } else { - reject(res) - } - }) - }) - }) - } - -export const largeDocumentDownload = - ({ api, state }: Pick) => - ({ file, isBatch, isLessThan17G }: IFileUploadLargeDocumentDownload) => { - const { fileSize, docId, docName } = file - const chunkSize = Math.ceil(fileSize / state.chunkSize) - state.downloadChunkFile[docId] = { chunkNum: chunkSize, fileSize, docName } - - file.chunkSize = chunkSize - const batches = api.sliceDownloadChunk(file) - api.batchSegmentDownload({ batchIndex: 0, batches, docId: file.docId, isBatch, isLessThan17G }) - } - -export const sliceDownloadChunk = - ({ state }: Pick) => - (file: IFileUploadFile): IFileUploadSliceDownloadChunk[][] => { - const chunkSize = file.chunkSize - const downloadChunkArray = [[]] as IFileUploadSliceDownloadChunk[][] - - state.downloadBatchQueue[file.docId + '-0'] = 0 - state.downloadBatchQueueListen[file.docId + '-0'] = 0 - - let startRange = 0 - let endRange = -1 - - for (let i = 0; i < chunkSize; i++) { - startRange = endRange + 1 - endRange = Math.min(file.fileSize, startRange + state.chunkSize) - - if (endRange < startRange) { - return downloadChunkArray - } - - const lastIndex = downloadChunkArray.length - 1 - - if (downloadChunkArray[lastIndex].length < state.downloadChunkLimit) { - downloadChunkArray[lastIndex].push({ startRange, endRange, index: i }) - } else { - state.downloadBatchQueue[file.docId + '-' + downloadChunkArray.length] = 0 - state.downloadBatchQueueListen[file.docId + '-' + downloadChunkArray.length] = 0 - downloadChunkArray.push([]) - downloadChunkArray[lastIndex + 1].push({ - startRange, - endRange, - index: i - }) - } - } - - return downloadChunkArray - } - -export const batchSegmentDownload = - ({ state, api }: Pick) => - ({ batchIndex, batches, docId, isBatch, isLessThan17G }: IFileUploadBatchSegmentDownload) => { - if (batchIndex < batches.length) { - const batch = batches[batchIndex] - const key = docId + '-' + batchIndex - - Object.defineProperty(state.downloadBatchQueue, key, { - get() { - return state.downloadBatchQueueListen[key] - }, - set(value) { - state.downloadBatchQueueListen[key] = value - - if (value >= batch.length) { - api.batchSegmentDownload({ - docId, - batchIndex: ++batchIndex, - batches, - isBatch, - isLessThan17G - }) - } - } - }) - - let index = 0 - while (batch.length - index > 0) { - api.downloadFileInner({ - batchIndex, - range: batch[index++], - file: { docId }, - isBatch, - isChunk: true, - isLessThan17G - }) - } - } - } - -export const downloadFileInner = - ({ api, props, state }: Pick) => - ({ batchIndex, file, range, isBatch, isChunk, isLessThan17G }: IFileUploadDownloadFileInner) => { - const downloadOps = props.edm.download || {} - const translateFile = getTranslateFile({ api, isChunk, isLessThan17G, file, state }) - const handleSuccess = getHandleSuccess({ downloadOps, file, translateFile, isChunk, state, isLessThan17G }) - const calcProgress = getCalcProgress() - - let { isFinished = false } = {} - - if (!isBatch) { - const args = { - calcProgress, - isFinished, - handleSuccess, - range, - batchIndex, - isBatch, - downloadOps, - file, - isChunk, - isLessThan17G - } - - api.downloadFileSingle(args) - - return - } - - const params = { downloadOps, file, calcProgress, handleSuccess, range } - isBatch && api.downloadFileBatch(params) - } - -export const afterDownload = - ({ api, state }: Pick) => - ({ batchIndex, range, data, file, isBatch, isChunk, isLessThan17G }: IFileUploadAfterDownload) => { - if (data.status === 200) { - const key = file.docId + '-' + batchIndex - const count = state.downloadBatchQueue[key] - state.downloadBatchQueue[key] = count + 1 - } else { - const countDownloadReplay = state.downloadReplayAtoms[file.docId + '-' + range.index] - - if (countDownloadReplay && countDownloadReplay >= 2) { - const msgArray = [ - 'The number of retry times exceeds the threshold! [docId:', - file.docId, - ', chunk:', - range.index, - ']' - ] - - log.logger.warn(msgArray.join('')) - delete state.downloadReplayAtoms[file.docId + '-' + range.index] - } else { - const msgArray = ['replay ', countDownloadReplay, '! [docId:', file.docId, ', chunk:', range.index, ']'] - - log.logger.warn(msgArray.join('')) - - state.downloadReplayAtoms[file.docId + '-' + range.index] = countDownloadReplay + 1 - - api.downloadFileInner({ batchIndex, range, file, isBatch, isChunk, isLessThan17G }) - } - } - } - -export const setWriterFile = - ({ - state, - emit, - Streamsaver - }: Pick & { Streamsaver: IFileUploadStreamsaver }) => - ({ data, index, isLessThan17G, file }: IFileUploadSetWriterFile): Function => { - let { fileStream, writer, fileData = [], downloaded = 0 } = {} - const { checkcode } = data.headers - const content = data.headers['content-disposition'] - - let { chunkNum, fileSize, docName } = state.downloadChunkFile[file.docId] - - if (content) { - docName = content.match(/fileName.?=(.*)/)[1] || content.match(/fileName=(.*)/)[1] || docName - } - - if (!isLessThan17G) { - fileStream = Streamsaver.createWriteStream(docName, { size: data.byteLength }) - writer = fileStream.getWriter() - } - - const writerStreamSaver = () => { - const downloadChunkFile = state.downloadChunkFile[file.docId] || {} - let chunk = downloadChunkFile[index] - - if (chunk) { - if (!isLessThan17G) { - writer.write(chunk).then(() => { - downloaded += chunk.byteLength - - downloadChunkFile[index] = null - delete downloadChunkFile[index] - if (index + 1 >= chunkNum) { - delete state.downloadChunkFile[file.docId] - - emit('download', 100, '', { fileSize, checkcode }) - writer.close() - } else { - const progress = Math.ceil((downloaded / fileSize) * 100) || 0 - progress !== 100 && emit('download', progress) - index++ - writerStreamSaver() - } - }) - } else { - fileData.push(chunk) - downloaded += chunk.size - state.downloadChunkFile[file.docId][index] = null - delete state.downloadChunkFile[file.docId][index] - if (index + 1 >= chunkNum) { - delete state.downloadChunkFile[file.docId] - aLinkDownload({ blob: new Blob(fileData), name: docName }) - emit('download', 100, '', { fileSize, checkcode }) - } else { - const progress = Math.ceil((downloaded / fileSize) * 100) || 0 - progress !== 100 && emit('download', progress) - index++ - writerStreamSaver() - } - } - } else { - setTimeout(() => writerStreamSaver(), 1000) - } - } - - writerStreamSaver() - - // 中止下载时需要清空数据 - return (docId) => { - const downloadChunkFile = state.downloadChunkFile[docId] - Object.keys(downloadChunkFile).forEach((k) => (downloadChunkFile[k] = null)) - delete state.downloadChunkFile[docId] - - if (isLessThan17G) { - fileData = [] - } else { - writer && writer.close() - } - } - } - -export const getFormData = - ({ constants, props, state }: Pick) => - ({ formData, file, type }: IFileUploadGetFormData): IUploadFormData => { - if (state.isEdm && props.edm.upload) { - const params = Object.assign({}, props.data || {}, props.edm.upload.params || {}) - - for (let key in params) { - formData.set(key, params[key] || '') - } - } - - if (props.edm.isCheckCode === true) { - formData.append(constants.EDM.ISCHECKCODE, 'Y') - file.hash && formData.append(constants.EDM.CHECKCODE, file.hash) - } else { - formData.append(constants.EDM.ISCHECKCODE, 'N') - } - - const updateId = state.updateId || props.edm.updateId - if (type === constants.EDM.CHUNKINIT) { - formData.append(constants.EDM.FILESIZE, file.size) - formData.append(constants.EDM.CHUNKS, file.chunkSize) - formData.append(constants.EDM.FILENAME, file.name) - - updateId && formData.append(constants.EDM.DOCID, updateId) - } else { - formData.append(constants.EDM.MULTIPART, file, file.filename) - formData.append(constants.EDM.CHUNK, file.chunk) - formData.append(constants.EDM.LOWERNAME, file.filename) - - const docId = updateId || file.docId - formData.append(constants.EDM.DOCID, docId) - } - - updateId && formData.append('updateFile', true) - - return formData - } - -export const largeDocumentUpload = - ({ - api, - Modal, - state, - t, - emit, - constants - }: Pick & IFileUploadModalVm) => - (file: IFileUploadFile) => { - const chunkSize = Math.ceil(file.size / state.chunkSize) - - file.chunkSize = chunkSize - file.cancelToken = [] - - api - .segmentUploadInit(file) - .then((data) => { - if (data) { - file.records = data.chunks - file.docId = data.docId - state.largeFileInfo[data.docId] = file - - const batches = api.sliceChunk(file) - - api.batchSegmentUpload({ - docId: data.docId, - batchIndex: 0, - batches, - progress: { size: file.size, trunks: [], file } - }) - } else { - Modal.message({ - message: t('ui.fileUpload.init'), - status: 'warning', - duration: '1000' - }) - - const file = api.getFile(file) - - state.uploadFiles.splice(state.uploadFiles.indexOf(file), 1) - } - }) - .catch((err) => { - file.status = constants.FILE_STATUS.FAIL - emit('error', err, file, state.uploadFiles) - }) - } - -export const segmentUploadInit = - ({ - api, - props, - service, - state, - constants - }: Pick) => - (file: IFileUploadFile) => { - const formData = new FormData() - - return new Promise((resolve, reject) => { - service.getLargeFileInitUrl().then((data) => { - service - .request({ - method: 'post', - url: xss.filterUrl(data), - data: api.getFormData({ formData, file, type: constants.EDM.CHUNKINIT }), - withCredentials: props.withCredentials, - headers: Object.assign(props.headers, state.headers) - }) - .then((data) => { - if (data.data.status === 200) { - resolve(data.data.result) - } else { - reject(data) - } - }) - }) - }) - } - -const afterUpload = ({ - data, - file, - batchIndex, - state, - api, - progress -}: Pick & IFileUploadSegmentUploadInner & { data: any }) => { - if (data.status === 200) { - const key = file.docId + '-' + batchIndex - const count = state.batchQueue[key] - - state.batchQueue[key] = count + 1 - } else { - const countReplay = state.replayAtoms[file.docId + '-' + file.chunk] - - if (countReplay && countReplay >= 2) { - const msgArray = [ - 'The number of retry times exceeds the threshold! [docId:', - file.docId, - ', chunk:', - file.chunk, - ']' - ] - log.logger.warn(msgArray.join('')) - - delete state.replayAtoms[file.docId + '-' + file.chunk] - } else { - const msgArray = ['replay ', countReplay, '! [docId:', file.docId, ', chunk:', file.chunk, ']'] - - log.logger.warn(msgArray.join('')) - - state.replayAtoms[file.docId + '-' + file.chunk] = countReplay + 1 - - api.segmentUpload(batchIndex, file, progress) - } - } -} - -const segmentUploadInner = ({ - api, - props, - service, - state, - emit, - constants, - batchIndex, - file, - progress -}: Pick & - IFileUploadSegmentUploadInner) => { - const formData = new FormData() - const postChunk = (url) => { - const source = service.cancelToken() - - if (progress.file.cancelToken) { - progress.file.cancelToken.push(source.cancel) - const { SUCESS, FAIL } = constants.FILE_STATUS - - service - .request({ - method: 'post', - url: xss.filterUrl(url), - data: api.getFormData({ formData, file, type: '' }), - withCredentials: props.withCredentials, - headers: Object.assign(props.headers, state.headers), - cancelToken: source.token, - hideErr: true, - onUploadProgress(event) { - progress.trunks[file.chunk] = event.loaded - - const count = progress.trunks.reduce((a, b) => a + b) - let percentage = Math.floor((count / progress.size) * 100) || 0 - file.percentage = Math.floor((event.loaded / event.total) * 100) - event.percentage = progress.file.percentage = percentage > 100 ? 100 : percentage - percentage >= 100 && (progress.file.isFinished = true) - - emit('progress', progress.file, state.uploadFiles, api.calcUploadingFilesInfo()) - } - }) - .then((data) => { - afterUpload({ data, file, batchIndex, state, api, progress }) - progress.file.percentage === 100 && (progress.file.status = SUCESS) - }) - .catch((data) => { - if (data.response && state.errorStatusCodes.includes(data.response.status)) { - const tokenParams = { token: props.edm.upload.token, file, type: 'upload' } - api.getToken(tokenParams).then((data) => afterUpload({ data, file, batchIndex, state, api, progress })) - } else { - progress.file.status !== FAIL && emit('error', data, progress.file, state.uploadFiles) - progress.file.status = FAIL - progress.file.docId = '' - } - }) - } - } - - if (!state.chunkUploadUrl) { - service.getChunkUploadUrl().then((data) => { - state.chunkUploadUrl = data - postChunk(data) - }) - } else { - postChunk(state.chunkUploadUrl) - } -} - -export const segmentUpload = - ({ - api, - props, - service, - state, - emit, - constants, - CryptoJS - }: Pick & { - CryptoJS: object - }) => - ( - batchIndex: number, - file: IFileUploadFile, - progress: { - file: IFileUploadFile - } - ) => { - if (typeof file.then === 'function') { - file - .then( - (file) => - new Promise((resolve) => { - if (props.edm.isCheckCode !== true) return resolve(file) - const reader = new FileReader() - - reader.readAsArrayBuffer(file) - reader.onload = (e) => { - if (props.edm.isCheckCode === true) { - let wordArray = CryptoJS.lib.WordArray.create(e.target.result) - const hash = CryptoJS.SHA256(wordArray).toString() - file.hash = hash - } - resolve(file) - } - }) - ) - .then((file) => { - segmentUploadInner({ - batchIndex, - api, - service, - state, - emit, - props, - file, - constants, - progress - }) - }) - } else { - segmentUploadInner({ - api, - props, - service, - state, - emit, - constants, - batchIndex, - file, - progress - }) - } - } - -export const batchSegmentUpload = - ({ - api, - constants, - props, - vm, - state - }: Pick) => - ({ docId, batchIndex, batches, progress }: IFileUploadBatchSegmentUpload) => { - if (batchIndex < batches.length && progress.file.cancelToken) { - const key = docId + '-' + batchIndex - const batch = batches[batchIndex] - - Object.defineProperty(state.batchQueue, key, { - get() { - return state.batchQueueListen[key] - }, - set(value) { - state.batchQueueListen[key] = value - - if (value >= batch.length) { - api.batchSegmentUpload({ - docId, - batchIndex: ++batchIndex, - batches, - progress - }) - } - } - }) - - let index = 0 - - while (batch.length - index > 0) { - api.segmentUpload(batchIndex, batch[index++], progress) - } - } else { - typeof props.edm.upload.closeloading === 'function' && props.edm.upload.closeloading() - - vm.$refs[constants.UPLOAD_INNER].upload(state.largeFileInfo[docId]) - } - } - -export const sliceChunk = - ({ state }: Pick) => - (file: IFileUploadFile) => { - const chunkSize = file.chunkSize - const chunkBatchArray = [[]] as Promise[][] - - state.batchQueue[file.docId + '-0'] = 0 - state.batchQueueListen[file.docId + '-0'] = 0 - - for (let i = 0; i < chunkSize; i++) { - if (file.records.includes(i.toString())) { - continue - } - - const start = i * state.chunkSize - const end = Math.min(file.size, start + state.chunkSize) - const atom = file.raw.slice(start, end) - - atom.chunk = i + 1 - atom.filename = file.name - atom.docId = file.docId - atom.chunkSize = chunkSize - atom.cacheSign = file.cacheSign - atom.records = file.records - atom.percentage = file.percentage - - const promise = Promise.resolve(atom) - - const lastIndex = chunkBatchArray.length - 1 - - if (chunkBatchArray[lastIndex].length < state.chunkBatchLimit) { - chunkBatchArray[lastIndex].push(promise) - } else { - state.batchQueue[file.docId + '-' + chunkBatchArray.length] = 0 - state.batchQueueListen[file.docId + '-' + chunkBatchArray.length] = 0 - chunkBatchArray.push([]) - chunkBatchArray[lastIndex + 1].push(promise) - } - } - - return chunkBatchArray - } - -export const getToken = - ({ - constants, - props, - state, - t, - Modal - }: Pick & IFileUploadModalVm) => - ({ - token, - file, - isOnlinePreview = false, - type = '', - isinit = false - }: { - token: Function - file: IFileUploadFile - isOnlinePreview: boolean - type: string - isinit: boolean - }) => { - if (props.edm.isExtranet && !isOnlinePreview) { - // EDM 外网场景除在线预览其他场景不需要调用 EDM Token - state.isSuccess = true - state.accept = props.accept - state.singleMaxSize = props.edm.singleFileMaxSize || 200 - - return Promise.resolve(true) - } - - if ((state.isEdm && !token) || typeof token !== 'function') { - Modal.message({ - message: t(constants.EDM.I18NKEY), - status: 'warning', - duration: '2000' - }) - - return new Promise((resolve) => { - resolve(false) - }) - } - - return new Promise((resolve, reject) => { - try { - let promise - - if (isinit && props.cacheToken) { - !initTokenPromise && (initTokenPromise = token(file)) - promise = initTokenPromise - } else { - promise = token(file) - } - - promise.then((data) => { - const result = data || {} - const whitelist = (result.config && result.config.fileWhiteList) || '' - - state.isSuccess = true - state.accept = - type === 'download' || type === 'preview' - ? props.accept - : `${whitelist}${props.accept ? `,${props.accept}` : ''}` - - state.headers[constants.EDM.EDMTOKEN] = result.edmToken || '' - state.headers[constants.EDM.TRACEID] = result.traceId || '' - - if (result.config) { - state.singleMaxSize = result.config.singleFileMaxSize - } - state.edmToken = result - resolve(true) - }) - } catch (error) { - reject(new Error(error)) - } - }) - } - -export const previewFile = - ({ api, props }: Pick) => - (file: IFileUploadFile, open: boolean = false) => { - return new Promise((resolve, reject) => { - try { - const tokenParams = { isOnlinePreview: true, file, type: 'preview', token: props.edm.preview.token } - - api - .getToken(tokenParams) - .then((data) => { - if (!data) { - const message = '[TINY Error][FileUpload] No edm token' - reject(new Error(message)) - return - } - - if (isObject(file) || (Array.isArray(file) && file.length === 1)) { - api.previewFileSingle({ file: Array.isArray(file) ? { ...file[0] } : file, resolve, open }) - } else if (Array.isArray(file) && file.length > 1) { - api.previewFileBatch({ file, resolve, open }) - } - }) - .catch((e) => reject(new Error(e))) - } catch (e) { - reject(new Error(e)) - } - }) - } - -export const getNewTabPreviewUrl = - ({ api }: Pick) => - (file: IFileUploadFile): Promise => - api.previewFile(file, true) - -export const previewFileSingle = - ({ - api, - state, - props, - constants, - service - }: Pick) => - ({ file, resolve, open }: { file: IFileUploadFile; resolve: (res: any) => void; open: boolean }) => { - const iframeUrl = api.getPreviewUrlSync(file) - - // 新标签页打开 - if (open) return resolve(iframeUrl) - - // iframe打开 - if (iframeUrl) { - state.showPreview = true - state.iframeUrl = iframeUrl - resolve(state.iframeUrl) - return - } - - const watermark = props.edm.preview.watermark || {} - const params = state.fileWater ? constants.EDM.FORMAT : '' - const downParams = state.fileWater ? constants.EDM.WATER : constants.EDM.SOURCE - const tools = props.edm.preview.plugin - - service.all([service.getPreviewUrl(), service.getSingleDownloadUrl()]).then( - service.spread((previewUrl, downloadurl) => { - const serviceUrl = props.edm.preview.serviceUrl - const infoUrl = - serviceUrl || previewUrl.replace(/{docId}/, file.docId) + `?${params}docVersion=${file.docVersion}` - - const pageUrl = - serviceUrl || - previewUrl.replace(/{docId}/, file.docId) + `?type=doc&pageNum=1&${params}docVersion=${file.docVersion}` - - const downloadUrl = - serviceUrl + - downloadurl.replace(/{docId}/, file.docId) + - `?docId=${file.docId}&docVersion=${file.docVersion}&${downParams}from=Experience&` - - tools.setIsEDM3(true) - tools.setDocumentInfoUrl(infoUrl) - tools.setDownloadUrl(downloadUrl, true) - tools.setPageUrl(pageUrl) - - tools.setWatermarkParameters({ - showWatermark: watermark.showWatermark || 1, - rotation: watermark.rotation || 30, - text: watermark.text || '' - }) - - tools.setPdfjsPaht(props.edm.preview.packageName || constants.EDM.JSLIB) - tools.setAuthToken(state.headers[constants.EDM.EDMTOKEN]) - - state.showPreview = true - state.iframeUrl = - props.edm.preview.previewUrl + `${constants.EDM.URLCONTS}${file.docVersion}&docId=${file.docId}` - resolve(state.iframeUrl) - }) - ) - } - -export const previewFileBatch = - ({ service, props, state, api }: Pick) => - ({ file, resolve, open }) => { - service.getPreviewUrlBatch().then((url) => { - const edm = props.edm || {} - const preview = edm.preview || {} - const online = preview.online || {} - const { jslibhtml, baseurl } = online - const { text } = preview.watermark || {} - - service - .request({ - method: 'post', - url: xss.filterUrl(url), - withCredentials: props.withCredentials, - headers: state.headers, - data: { - documents: file, - asposeClient: jslibhtml, - asposeService: baseurl, - watermark: text - } - }) - .then(({ data }) => { - const iframeUrl = api.getPreviewUrlSync({ generate: data.result.generate, size: file.length }, true) - // 新标签页打开 - if (open) return resolve(iframeUrl) - - // iframe打开 - if (iframeUrl) { - state.showPreview = true - state.iframeUrl = iframeUrl - resolve(state.iframeUrl) - } - }) - }) - } - -export const getPreviewUrlSync = - ({ constants, props, state }: Pick) => - (file: object, batch?: boolean) => { - const edm = props.edm || {} - const preview = edm.preview || {} - - const { watermark, online, bar = {}, lang } = preview - const { webPreview = false, http = false, jslibhtml, appid, baseurl } = online - - let html - if (webPreview) { - html = `${http ? 'http:' : 'https:'}${baseurl.replace(/\/$/, '')}/edm/projects/${appid}/web/preview` - } else { - html = jslibhtml.split('?').shift() - } - - const params = [] as string[] - let paramsData - const edmToken = state.headers[constants.EDM.EDMTOKEN] - - if (batch) { - // 批量预览 - html = html = `${baseurl.replace(/\/$/, '')}/edm/projects/${appid}/web/batchPreview` - const { generate, size } = file - paramsData = { generate, 'EDM-Authorization': edmToken, docIndex: 1, size } - } else { - // 单文件预览 - if (webPreview) { - const { styles } = bar - paramsData = Object.assign({}, watermark, { - 'EDM-Authorization': edmToken, - lang, - bar: window.btoa( - JSON.stringify({ - ...bar, - styles: JSON.stringify(styles) - }) - ), - docId: file.docId - }) - } else { - paramsData = Object.assign({}, online, watermark, { - authToken: edmToken, - jslibhtml: html, - docId: file.docId, - docVersion: file.docVersion || file.version || '', - type: 'doc', - pageNum: '1' - }) - } - } - - for (let key in paramsData) { - const val = paramsData[key] - if (!isObject(val)) { - if (key === 'text') { - params.push(`watermark=${encodeURIComponent(val)}`) - } - params.push(`${key}=${val}`) - } - } - - return html + '?' + params.join('&') - } - -export const previewImage = - ({ api, props, service }: Pick) => - (file: IFileUploadFile) => { - return new Promise((resolve, reject) => { - try { - api - .getToken({ - token: props.edm.preview.token, - file, - type: 'preview' - }) - .then((data) => { - if (!data) { - reject(new Error('[TINY Error][FileUpload] No edm token')) - return - } - - service.getPreviewUrl().then((url) => { - if (isObject(file) || (Array.isArray(file) && file.length === 1)) { - api - .previewImageSingle({ url, file: Array.isArray(file) ? { ...file[0] } : file }) - .then((link) => resolve(link)) - } else if (Array.isArray(file) && file.length > 1) { - api.previewImageBatch({ url, file }).then((links) => resolve(links)) - } - }) - }) - } catch (e) { - reject(new Error(e)) - } - }) - } - -export const previewImageSingle = - ({ service, state, props }: Pick) => - ({ file, url }: { file: IFileUploadFile; url: string }) => { - const edm = props.edm || {} - const preview = edm.preview || {} - let { text, textStyle } = preview.watermark || {} - textStyle = { tile: true, ...textStyle } - - const imgParam = Object.assign(file, { - type: 'image', - imageType: 'image', - watermark: text, - textStyle - }) - - return service - .post(xss.filterUrl(url.replace(/{docId}/, file.docId)), imgParam, { - withCredentials: props.withCredentials, - headers: Object.assign(props.headers, state.headers), - responseType: 'blob' - }) - .then((data) => { - const blob = new Blob([data.data]) - const URL = window.URL || window.webkitURL - return URL.createObjectURL(blob) - }) - } - -export const previewImageBatch = - ({ service, api }: Pick) => - ({ url, file }: { url: string; file: IFileUploadFile }) => { - const promises = [] as ReturnType[] - file.forEach((f) => { - promises.push(api.previewImageSingle({ url, file: f })) - }) - return service.all(promises) - } - -export const getDialogConfigObj = - ({ props, state, t, constants }: Pick) => - (): object => { - const dialogConfigDefault = { - class: 'single-download-modal single-download-modal1', - style: '', - props: { - lockScroll: true, - visible: state.showPreview, - dragable: true, - title: t(constants.EDM.DOC_PREVIEW), - width: '60%' - }, - on: { - 'update:visible': (value) => (state.showPreview = value) - } - } - let dialogConfig = {} - - if (props.edm && props.edm.preview && typeof props.edm.preview.dialogConfig === 'object') { - dialogConfig = props.edm.preview.dialogConfig || {} - } - - const dialogConfigCopy = extend(true, {}, dialogConfig) - const events = dialogConfigCopy.events || {} - // clazz、style只接受字符串值 - const clazz = dialogConfigCopy.class || '' - const style = dialogConfigCopy.style || '' - - delete dialogConfigCopy.events - delete dialogConfigCopy.class - delete dialogConfigCopy.style - - return extend(true, {}, dialogConfigDefault, { - class: `${dialogConfigDefault.class} ${clazz}`, - style: `${style}`, - props: { ...dialogConfigCopy }, - on: { ...events } - }) - } - -export const computeDocChunkSize = - ({ props, state, constants }: Pick) => - () => { - const isDefaultChunkSize = !(props.edm && props.edm.chunkSize) - const { SIZE_0M, SIZE_2M, SIZE_4M, SIZE_8M, SIZE_16M, SIZE_20M, SIZE_32M, SIZE_64M, SIZE_2G } = constants.EDM - - let { docSize = SIZE_20M, chunkSize = SIZE_8M } = props.edm || {} - docSize = docSize < 0 ? 0 : docSize - docSize = docSize > SIZE_2G ? SIZE_2G : docSize - - if (docSize) chunkSize = chunkSize < 0 ? 0 : chunkSize - if (!isDefaultChunkSize) { - const chunkSizes = [SIZE_64M, SIZE_32M, SIZE_16M, SIZE_8M, SIZE_4M, SIZE_2M, SIZE_0M] - chunkSizes.some((size) => { - if (chunkSize >= size) { - chunkSize = Math.max(size, SIZE_2M) - return true - } - return false - }) - } - - state.docSize = docSize * 1024 - state.chunkSize = chunkSize * 1024 - } - -export const computedSourcetype = - ({ props, constants }: Pick) => - (): string[] => { - const { sourceType, listType } = props - let types = sourceType.split('/') - if (listType !== constants.LIST_TYPE.PICTURE_CARD) { - types = types.slice(0, 1) - } - - return types - } - -export const getFileSourceType = - ({ state, props, constants }: Pick) => - ({ file }: { file: IFileUploadFile }) => { - const { PICTURE_SINGLE, PICTURE_CARD } = constants.LIST_TYPE - const { listType } = props - if (![PICTURE_SINGLE, PICTURE_CARD].includes(listType)) return - - let type = state.types[0] - if (file.type) { - type = file.type - } else if (listType === PICTURE_CARD) { - const { VIDEO, AUDIO, PICTURE } = constants.FILE_TYPE - const { SOURCE_VIDEO, SOURCE_AUDIO, SOURCE_PICTURE } = constants.SOURCE_TYPE - const matchs = { [VIDEO]: SOURCE_VIDEO, [AUDIO]: SOURCE_AUDIO, [PICTURE]: SOURCE_PICTURE } - - const fileType = getFileType({ file }) - const key = Object.keys(matchs).find((key) => key.split('/').includes(fileType)) - matchs[key] && (type = matchs[key]) - } - - return type - } - -export const updateFile = - ({ constants, vm }: Pick) => - (file: IFileUploadFile) => { - vm.$refs[constants.UPLOAD_INNER].handleUpdate(file) - } - -export const handleChange = - ({ vm, constants }: Pick) => - (file: IFileUploadFile) => { - if (typeof file === 'object' && file !== null && file !== undefined) { - let files = file - if (!Array.isArray(file)) { - files = [file] - } - vm.$refs[constants.UPLOAD_INNER].handleChange({ target: { files } }) - } - } - -export const handleTriggerClick = - ({ - vm, - state, - constants, - props, - emit - }: Pick) => - ($event: Event, type: string) => { - const { PICTURE_CARD, PICTURE_SINGLE } = constants.LIST_TYPE - const { isHwh5 } = state - const { listType } = props - - if (![PICTURE_CARD, PICTURE_SINGLE].includes(listType)) { - type = '' - } - - state.triggerClickType = type - - if (listType === PICTURE_CARD && isHwh5) { - vm.$refs[constants.UPLOAD_LIST_INNER].$refs[constants.UPLOAD_LIST_INNER_TEMPLATE].chooseFile(type) - return - } - - emit('trigger-click', $event, type) - } - -export const onBeforeDestroy = (state: IFileUploadRenderlessParams['state']) => () => { - if (!Array.isArray(state.uploadFiles)) return - - state.uploadFiles.forEach((file) => { - if (file.url && file.url.indexOf('blob:') === 0) { - URL.revokeObjectURL(file.url) - } - }) -} - -export const handleClickFileList = - ({ state, emit }: Pick) => - (file: IFileUploadFile) => { - state.selected = file - emit('click-file-list', file) - } - -export const mounted = - ({ vm, state }: Pick) => - () => { - vm.$on('drag-over', (isDragover) => (state.isDragover = isDragover)) - } - -export const encryptDialogConfirm = - ({ state }: Pick) => - () => { - const selectFileMethod = state.encryptDialogConfig.selectFileMethod - - state.encryptDialogConfig.show = false - typeof selectFileMethod === 'function' && selectFileMethod() - } - -export const closeRecordPanel = - ({ vm, constants, state, props }: Pick) => - () => { - const { PICTURE_CARD } = constants.LIST_TYPE - const { isHwh5 } = state - const { listType } = props - - if (listType === PICTURE_CARD && isHwh5) { - vm.$refs[constants.UPLOAD_LIST_INNER].$refs[constants.UPLOAD_LIST_INNER_TEMPLATE].state.showAudioPanel = false - } - } - -export const getTipMessage = - ({ t, api, constants }: Pick) => - ({ accept, fileSize, limit }: { accept: string; fileSize: string; limit: number }) => { - let acceptTip = '' - - if (accept) { - acceptTip = t(constants.ONLY_SUPPORT, { - type: accept - .split(',') - .map((item) => item.trim().replace(/^\./, '')) - .join(t(constants.COMMA)) - }) - } - - if (fileSize && acceptTip.length !== 0) { - acceptTip += `${t(constants.COMMA)} ` - } - - let fileSizeTip = '' - let kibibyte = 1024 - if (typeof fileSize === 'number') { - fileSizeTip = `${t(constants.FILE_NOT_LESS_THAN)}${api.formatFileSize(fileSize * kibibyte)}` - } else if (Array.isArray(fileSize)) { - fileSizeTip += !isNaN(fileSize[0]) - ? `${t(constants.FILE_NOT_LESS_THAN)}${api.formatFileSize(Number(fileSize[0]) * kibibyte)}${t(constants.COMMA)}` - : '' - fileSizeTip += !isNaN(fileSize[1]) - ? `${t(constants.FILE_NOT_MORE_THAN)}${api.formatFileSize(Number(fileSize[1]) * kibibyte)}` - : '' - } - - let limitTip = limit ? t(constants.NUMBER_LIMIT, { number: limit }) : '' - - if ((fileSize || acceptTip.length !== 0) && limit) { - limitTip = `${t(constants.COMMA)} ` + limitTip - } - - return acceptTip + fileSizeTip + limitTip - } diff --git a/packages/mobile/components/file-upload/src/renderless/vue.ts b/packages/mobile/components/file-upload/src/renderless/vue.ts index ca4142240b..6337cd1cfa 100644 --- a/packages/mobile/components/file-upload/src/renderless/vue.ts +++ b/packages/mobile/components/file-upload/src/renderless/vue.ts @@ -20,7 +20,7 @@ import type { IFileUploadStreamsaver } from '../file-upload' import { downloadFile as ordinaryDownload } from '../../../upload-list/src/renderless' -import { formatFileSize } from '@opentiny/mobile-utils/string' +import { formatFileSize } from '@mobile-root/utils/string' import { initService, @@ -96,7 +96,7 @@ import { closeRecordPanel, getTipMessage } from './index' -import { isEmptyObject } from '@opentiny/mobile-utils/type' +import { isEmptyObject } from '@mobile-root/utils/type' export const api = [ 'state', diff --git a/packages/mobile/components/form-item/src/renderless/index.ts b/packages/mobile/components/form-item/src/renderless/index.ts index 56b7c23106..dc2f3f8972 100644 --- a/packages/mobile/components/form-item/src/renderless/index.ts +++ b/packages/mobile/components/form-item/src/renderless/index.ts @@ -10,12 +10,12 @@ * */ -import { POSITION, VALIDATE_STATE } from '@opentiny/mobile-utils' -import { omitText } from '@opentiny/mobile-utils/string' -import { merge } from '@opentiny/mobile-utils/object' -import Validator from '@opentiny/mobile-utils/validate' -import { isNull } from '@opentiny/mobile-utils/type' -import debounce from '@opentiny/mobile-utils/deps/debounce' +import { POSITION, VALIDATE_STATE } from '@mobile-root/utils' +import { omitText } from '@mobile-root/utils/string' +import { merge } from '@mobile-root/utils/object' +import Validator from '@mobile-root/utils/validate' +import { isNull } from '@mobile-root/utils/type' +import debounce from '@mobile-root/utils/deps/debounce' import type { IFormItemRenderlessParams, IFormItemDisplayedValueParam, diff --git a/packages/mobile/components/form/src/renderless/index.ts b/packages/mobile/components/form/src/renderless/index.ts index 8c6fc70d4b..72fbc63d57 100644 --- a/packages/mobile/components/form/src/renderless/index.ts +++ b/packages/mobile/components/form/src/renderless/index.ts @@ -10,7 +10,7 @@ * */ -import { merge } from '@opentiny/mobile-utils/object' +import { merge } from '@mobile-root/utils/object' import type { IFormRenderlessParams } from '../form' diff --git a/packages/mobile/components/image-viewer/src/mobileTouch.ts b/packages/mobile/components/image-viewer/src/mobileTouch.ts index cc12d910fe..08dc70f6ff 100644 --- a/packages/mobile/components/image-viewer/src/mobileTouch.ts +++ b/packages/mobile/components/image-viewer/src/mobileTouch.ts @@ -10,7 +10,7 @@ * */ import { directive } from '../../../vue-common' -import { isObject } from '@opentiny/mobile-utils/type' +import { isObject } from '@mobile-root/utils/type' class TinyTouch { constructor(element, tinyBinding, type) { @@ -49,7 +49,7 @@ class TinyTouch { this.time = setTimeout(() => { if (this.tinyVueLeave && this.tinyVueMoves) { - this.touchType == 'longtap' && this.tinyVueCallBack(this.tinyBinding.value, e) + this.touchType === 'longtap' && this.tinyVueCallBack(this.tinyBinding.value, e) this.tinyLongTouch = false } }, 1000) @@ -66,28 +66,28 @@ class TinyTouch { clearTimeout(this.time) if (Math.abs(disX) > 10 || Math.abs(disY) > 100) { - this.touchType == 'swipe' && this.tinyVueCallBack(this.tinyBinding.value, e) + this.touchType === 'swipe' && this.tinyVueCallBack(this.tinyBinding.value, e) if (Math.abs(disX) > Math.abs(disY)) { if (disX > 10) { - this.touchType == 'swiperight' && this.tinyVueCallBack(this.tinyBinding.value, e) + this.touchType === 'swiperight' && this.tinyVueCallBack(this.tinyBinding.value, e) } if (disX < -10) { - this.touchType == 'swipeleft' && this.tinyVueCallBack(this.tinyBinding.value, e) + this.touchType === 'swipeleft' && this.tinyVueCallBack(this.tinyBinding.value, e) } } else { if (disY > 10) { - this.touchType == 'swipedown' && this.tinyVueCallBack(this.tinyBinding.value, e) + this.touchType === 'swipedown' && this.tinyVueCallBack(this.tinyBinding.value, e) } if (disY < -10) { - this.touchType == 'swipeup' && this.tinyVueCallBack(this.tinyBinding.value, e) + this.touchType === 'swipeup' && this.tinyVueCallBack(this.tinyBinding.value, e) } } } else { if (this.tinyLongTouch && this.tinyVueMoves) { - this.touchType == 'tap' && this.tinyVueCallBack(this.tinyBinding.value, e) + this.touchType === 'tap' && this.tinyVueCallBack(this.tinyBinding.value, e) this.tinyVueLeave = false } } @@ -106,6 +106,7 @@ const mapDirective = () => { deactives[name] = directive({ vTouch: { bind(el, tinyBinding) { + // eslint-disable-next-line no-new new TinyTouch(el, tinyBinding, name) } } diff --git a/packages/mobile/components/image-viewer/src/renderless/index.ts b/packages/mobile/components/image-viewer/src/renderless/index.ts index af25631a37..594e70c270 100644 --- a/packages/mobile/components/image-viewer/src/renderless/index.ts +++ b/packages/mobile/components/image-viewer/src/renderless/index.ts @@ -10,10 +10,10 @@ * */ -import { on, off } from '@opentiny/mobile-utils/deps/dom' -import { KEY_CODE } from '@opentiny/mobile-utils' -import PopupManager from '@opentiny/mobile-utils/deps/popup-manager' -import { xss } from '@opentiny/mobile-utils/xss' +import { on, off } from '@mobile-root/utils/deps/dom' +import { KEY_CODE } from '@mobile-root/utils' +import PopupManager from '@mobile-root/utils/deps/popup-manager' +import { xss } from '@mobile-root/utils/xss' const isFirefox = () => !!window.navigator.userAgent.match(/firefox/i) diff --git a/packages/mobile/components/input/src/renderless/index.ts b/packages/mobile/components/input/src/renderless/index.ts deleted file mode 100644 index 97624717e3..0000000000 --- a/packages/mobile/components/input/src/renderless/index.ts +++ /dev/null @@ -1,528 +0,0 @@ -/** - * Copyright (c) 2022 - present TinyVue Authors. - * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd. - * - * Use of this source code is governed by an MIT-style license. - * - * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL, - * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR - * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. - * - */ - -import { omitText } from '@opentiny/mobile-utils/string' -import type { - IInputApi, - IInputClassPrefixConstants, - IInputRenderlessParamUtils, - IInputRenderlessParams, - IInputState -} from '../input' - -const HIDDEN_STYLE = ` -height:0 !important;visibility:hidden !important;overflow:hidden !important; -position:absolute !important;z-index:-1000 !important;top:0 !important;right:0 !important -` - -const CONTEXT_STYLE = [ - 'width', - 'line-height', - 'padding-top', - 'padding-bottom', - 'padding-left', - 'padding-right', - 'border-width', - 'box-sizing', - 'letter-spacing', - 'font-family', - 'font-weight', - 'font-size', - 'text-rendering', - 'text-transform', - 'text-indent' -] - -const STYLE = { - BoxSizing: 'box-sizing', - BorderBox: 'border-box', - ContentBox: 'content-box', - PaddingTop: 'padding-top', - PaddingBottom: 'padding-bottom', - BorderTopWidth: 'border-top-width', - BorderBottomWidth: 'border-bottom-width' -} - -const isServer = typeof window === 'undefined' -const isKorean = (text: string): boolean => /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(text) - -export const showBox = (state: IInputState) => (): void => { - if (state.inputDisabled) { - return false - } - - state.boxVisibility = true -} - -export const inputStyle = - ({ props }) => - () => { - return { - textAlign: props.textAlign - } - } - -export const calculateNodeStyling = - () => - ( - targetElement: HTMLElement - ): { - contextStyle: string - paddingSize: number - borderSize: number - boxSizing: string - } => { - const style = window.getComputedStyle(targetElement) - const boxSizing = style.getPropertyValue(STYLE.BoxSizing) - - const paddingSize = - parseFloat(style.getPropertyValue(STYLE.PaddingBottom)) + parseFloat(style.getPropertyValue(STYLE.PaddingTop)) - - const borderSize = - parseFloat(style.getPropertyValue(STYLE.BorderBottomWidth)) + - parseFloat(style.getPropertyValue(STYLE.BorderTopWidth)) - - const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(';') - - return { contextStyle, paddingSize, borderSize, boxSizing } - } - -export const calcTextareaHeight = - ({ - api, - hiddenTextarea, - props, - state - }: Pick & { hiddenTextarea: HTMLTextAreaElement | null }) => - ( - targetElement: HTMLTextAreaElement, - minRows = 1, - maxRows = null - ): { - minHeight?: string - height?: string - } => { - if (!targetElement) { - return { - minHeight: '', - height: '' - } - } - - if (!hiddenTextarea) { - hiddenTextarea = document.createElement('textarea') - document.body.appendChild(hiddenTextarea) - } - - const { paddingSize, borderSize, boxSizing, contextStyle } = api.calculateNodeStyling(targetElement) - - hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`) - hiddenTextarea.value = targetElement.value || targetElement.placeholder || '' - - let height = hiddenTextarea.scrollHeight - const textareaStyle: { - minHeight?: string - height?: string - } = {} - - if (boxSizing === STYLE.ContentBox) { - height = height - paddingSize - } - - hiddenTextarea.value = '' - - const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize - - if (minRows !== null) { - let minHeight = singleRowHeight * minRows - - if (boxSizing === STYLE.BorderBox) { - minHeight = minHeight + paddingSize + borderSize - } - - if (props.size) { - minHeight = props.size === 'mini' ? minHeight * 0.67 : props.size === 'small' ? minHeight : minHeight * 1.17 - } - - if (props.height) { - minHeight = props.height - } - - if (!state.isDisplayOnly) { - height = Math.max(minHeight, height) - textareaStyle.minHeight = `${minHeight}px` - } else { - textareaStyle.minHeight = `0px` - } - } - - if (maxRows !== null) { - let maxHeight = singleRowHeight * maxRows - - if (boxSizing === STYLE.BorderBox) { - maxHeight += borderSize + paddingSize - } - - height = Math.min(maxHeight, height) - } - - textareaStyle.height = `${height}px` - - hiddenTextarea.parentNode && hiddenTextarea.parentNode.removeChild(hiddenTextarea) - - hiddenTextarea = null - - return textareaStyle - } - -export const getInput = (vm: IInputRenderlessParamUtils['vm']) => (): HTMLTextAreaElement | HTMLInputElement => - vm.$refs.input || vm.$refs.textarea - -export const blur = (api: IInputApi) => (): void => api.getInput().blur() - -export const focus = (api: IInputApi) => (): void => api.getInput().focus() - -export const select = (api: IInputApi) => (): void => api.getInput().select() - -export const handleBlur = - ({ - api, - componentName, - eventName, - emit, - props, - state, - vm - }: Pick & { - componentName: string - eventName: string - }) => - (event: FocusEvent): void => { - state.focused = false - - emit('blur', event) - - api.isMemoryStorage.value = false - - if (props.validateEvent) { - api.dispatch(componentName, eventName, [props.modelValue]) - } - - if (props.hoverExpand) { - vm.$refs.textarea.scrollTop = 0 - } - } - -export const handleFocus = - ({ api, emit, state }: Pick) => - (event: FocusEvent): void => { - state.focused = true - - emit('focus', event) - - api.searchMemory((event.target as HTMLInputElement | HTMLTextAreaElement).value) - } - -export const handleInput = - ({ api, emit, nextTick, state }: Pick) => - (event: Event): void => { - if (state.isComposing) { - return - } - - if ((event.target as HTMLInputElement | HTMLTextAreaElement).value === state.nativeInputValue) { - return - } - - emit('update:modelValue', (event.target as HTMLInputElement | HTMLTextAreaElement).value) - - emit('input', event) - - api.searchMemory((event.target as HTMLInputElement | HTMLTextAreaElement).value) - - nextTick(api.setNativeInputValue) - } - -export const handleChange = - (emit: IInputRenderlessParams['emit']) => - (event: Event): void => - emit('change', (event.target as HTMLInputElement | HTMLTextAreaElement).value) - -export const resizeTextarea = - ({ api, parent, vm, state, props }: Pick) => - (): void => { - if (isServer) { - return - } - - const { autosize, type } = parent - - if (type !== 'textarea') { - return - } - - if (props.hoverExpand && !state.enteredTextarea) { - state.textareaCalcStyle = { - minHeight: state.textareaHeight, - height: state.textareaHeight - } - - return - } - - if (!autosize) { - state.textareaCalcStyle = { - minHeight: api.calcTextareaHeight(vm.$refs.textarea).minHeight - } - - return - } - - const minRows = autosize.minRows - const maxRows = autosize.maxRows - - state.textareaCalcStyle = api.calcTextareaHeight(vm.$refs.textarea, minRows, maxRows) - } - -export const setNativeInputValue = - ({ api, state }: Pick) => - (): void => { - const input = api.getInput() - - if (!input) { - return - } - - if (input.value === state.nativeInputValue) { - return - } - - input.value = state.nativeInputValue - } - -export const handleCompositionStart = (state: IInputState) => (): void => (state.isComposing = true) - -export const handleCompositionUpdate = - (state: IInputState) => - (event: CompositionEvent): void => { - const text = (event.target as HTMLInputElement | HTMLTextAreaElement).value - const lastCharacter = text[text.length - 1] || '' - - state.isComposing = !isKorean(lastCharacter) - } - -export const handleCompositionEnd = - ({ api, state }: Pick) => - (event: CompositionEvent): void => { - if (state.isComposing) { - state.isComposing = false - api.handleInput(event) - } - } - -export const calcIconOffset = - ({ CLASS_PREFIX, parent }: Pick & { CLASS_PREFIX: IInputClassPrefixConstants }) => - (place: 'prefix' | 'suffix'): void => { - const elList = [].slice.call( - parent.$el.querySelectorAll(`.${CLASS_PREFIX.Input}${place}`) || [] - ) as unknown as HTMLElement[] - - if (!elList.length) { - return - } - - let el: HTMLElement | null = null - - for (let i = 0, len = elList.length; i < len; i++) { - if (elList[i].parentNode === parent.$el) { - el = elList[i] - break - } - } - - if (!el) { - return - } - - const pendantMap = { suffix: 'append', prefix: 'prepend' } - const pendant = pendantMap[place] - - if (parent.$slots[pendant]) { - const dom = parent.$el.querySelector(`.${CLASS_PREFIX.InputGroup}${pendant}`) - let transform - - if (place === 'suffix') { - transform = `translateX(-${dom.offsetWidth}px)` - } else if (place === 'prefix') { - transform = `translate(${dom.offsetWidth}px, -50%)` - } - - el.style.transform = transform - } else { - el.removeAttribute('style') - } - } - -export const updateIconOffset = (api: IInputApi) => (): void => { - api.calcIconOffset('prefix') - api.calcIconOffset('suffix') -} - -export const clear = (emit: IInputRenderlessParams['emit']) => (): void => { - emit('update:modelValue', '') - emit('change', '') - emit('clear') -} - -export const handlePasswordVisible = - ({ api, nextTick, state }: Pick) => - (): void => { - state.passwordVisible = !state.passwordVisible - nextTick(api.focus) - } - -export const getSuffixVisible = - ({ vm, props, state }: Pick) => - (): boolean => - vm.$slots.suffix || - props.suffixIcon || - state.showClear || - props.showPassword || - state.isWordLimitVisible || - (state.validateState && state.needStatusIcon) || - (props.mask && state.inputDisabled) - -export const textLength = (value: number | string | undefined): number => { - if (typeof value === 'number') { - return String(value).length - } - - return (value || '').length -} - -export const watchFormSelect = - ({ emit, props, state }: Pick) => - (value: string | number | undefined): void => { - if (props.isSelect) { - emit('update:modelValue', value) - emit('change', value) - - const filterData = props.selectMenu.length && props.selectMenu.filter((item) => item.id === value).shift() - - state.checkedLabel = filterData ? filterData.label : '' - } - } - -export const hasSelection = (api: IInputApi) => (): boolean => { - const input = api.getInput() - return input && input.selectionStart !== input.selectionEnd -} - -export const handleEnterDisplayOnlyContent = - ({ state, props }: Pick) => - ($event: MouseEvent, type?: 'textarea'): void => { - const target = $event.target as HTMLElement - state.displayOnlyTooltip = '' - - if (!target) { - return - } - - const isOverText = - target.scrollWidth > target.offsetWidth || (type === 'textarea' && target.scrollHeight > target.offsetHeight) - - if (isOverText) { - state.displayOnlyTooltip = props.displayOnlyContent || state.nativeInputValue - } else { - let isOverTextWhenMask = false - - if (props.mask && state.maskValueVisible) { - const text = target.textContent - const font = window.getComputedStyle(target).font - const rect = target.getBoundingClientRect() - const iconWidth = 16 + 15 // 减去图标的宽度加上右边距 - isOverTextWhenMask = omitText(text, font, rect.width - iconWidth).o - } - - if (isOverTextWhenMask) { - state.displayOnlyTooltip = props.displayOnlyContent || state.nativeInputValue - } - } - } - -export const hiddenPassword = - ({ state, props }: Pick) => - (): string => { - let str = '' - const password = props.displayOnlyContent || state.nativeInputValue - - for (let i = 0; i < password.length; i++) { - str += '*' - } - return str - } - -export const getDisplayedMaskValue = - ({ state }: Pick) => - () => { - if (state.maskValueVisible) { - return state.nativeInputValue - } else { - return state.nativeInputValue && state.maskSymbol - } - } - -export const setInputDomValue = - ({ state, props, nextTick, vm }: Pick) => - (type) => { - nextTick(() => { - const input = vm.$refs.input - if (props.mask && state.nativeInputValue && input) { - input.value = state.maskValueVisible || !state.inputDisabled ? state.nativeInputValue : state.maskSymbol - } - - if (type === 'mask' && !props.mask && input) { - input.value = state.nativeInputValue - } - }) - } - -export const handleEnterTextarea = - ({ api, state, props, nextTick }) => - () => { - if (props.hoverExpand && !state.isDisplayOnly) { - state.enteredTextarea = true - nextTick(api.resizeTextarea) - } - } - -export const handleLeaveTextarea = - ({ api, state, props, nextTick, vm }) => - () => { - if (props.hoverExpand && !state.isDisplayOnly) { - state.enteredTextarea = false - nextTick(() => { - api.resizeTextarea() - vm.$refs.textarea.scrollTop = 0 - }) - } - } - -export const getDisplayOnlyText = - ({ parent, state, props }) => - () => { - const text = props.displayOnlyContent || state.nativeInputValue - const showEmptyValue = - typeof props.showEmptyValue === 'boolean' ? props.showEmptyValue : (parent.tinyForm || {}).showEmptyValue - - return showEmptyValue ? text : text || '-' - } diff --git a/packages/mobile/components/input/src/renderless/tall-storage/index.ts b/packages/mobile/components/input/src/renderless/tall-storage/index.ts index 2724bd9508..11bbb3f448 100644 --- a/packages/mobile/components/input/src/renderless/tall-storage/index.ts +++ b/packages/mobile/components/input/src/renderless/tall-storage/index.ts @@ -10,7 +10,7 @@ * */ -import { KEY_CODE } from '@opentiny/mobile-utils' +import { KEY_CODE } from '@mobile-root/utils' export const mousedown = (event) => { if (event && event.preventDefault) { diff --git a/packages/mobile/components/loading/src/directive.ts b/packages/mobile/components/loading/src/directive.ts index 7a7eb5b832..9e10188c3f 100644 --- a/packages/mobile/components/loading/src/directive.ts +++ b/packages/mobile/components/loading/src/directive.ts @@ -9,9 +9,9 @@ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS. * */ -import afterLeave from '@opentiny/mobile-utils/deps/after-leave' -import PopupManager from '@opentiny/mobile-utils/deps/popup-manager' -import { addClass, getStyle, removeClass } from '@opentiny/mobile-utils/deps/dom' +import afterLeave from '@mobile-root/utils/deps/after-leave' +import PopupManager from '@mobile-root/utils/deps/popup-manager' +import { addClass, getStyle, removeClass } from '@mobile-root/utils/deps/dom' import Loading from './mobile.vue' import { hooks, directive, createComponent, appProperties } from '../../../vue-common' import { constants, defaults } from './service' diff --git a/packages/mobile/components/loading/src/renderless/index.ts b/packages/mobile/components/loading/src/renderless/index.ts index daf1281753..a4611e2fbd 100644 --- a/packages/mobile/components/loading/src/renderless/index.ts +++ b/packages/mobile/components/loading/src/renderless/index.ts @@ -11,8 +11,8 @@ */ import type { ILoadingRenderlessParamUtils, ILoadingRenderlessParams, ILoadingState } from '../loading' -import afterLeave from '@opentiny/mobile-utils/deps/after-leave' -import { removeClass } from '@opentiny/mobile-utils/deps/dom' +import afterLeave from '@mobile-root/utils/deps/after-leave' +import { removeClass } from '@mobile-root/utils/deps/dom' export const handleAfterLeave = (emit: ILoadingRenderlessParamUtils['emit']) => (): void => { emit('after-leave') diff --git a/packages/mobile/components/loading/src/service.ts b/packages/mobile/components/loading/src/service.ts index 7a1435639e..89841765d9 100644 --- a/packages/mobile/components/loading/src/service.ts +++ b/packages/mobile/components/loading/src/service.ts @@ -10,8 +10,8 @@ * */ -import PopupManager from '@opentiny/mobile-utils/deps/popup-manager' -import { getStyle, addClass } from '@opentiny/mobile-utils/deps/dom' +import PopupManager from '@mobile-root/utils/deps/popup-manager' +import { getStyle, addClass } from '@mobile-root/utils/deps/dom' import { createComponent, hooks, appProperties } from '../../../vue-common' import Loading from './mobile.vue' diff --git a/packages/mobile/components/message/index.ts b/packages/mobile/components/message/index.ts index 2d455f0de1..9d1c97cb98 100644 --- a/packages/mobile/components/message/index.ts +++ b/packages/mobile/components/message/index.ts @@ -1,5 +1,5 @@ import Modal from '../modal' -import { extend } from '@opentiny/mobile-utils/object' +import { extend } from '@mobile-root/utils/object' import { $prefix } from '../../../vue-common' const Message = extend(true, { props: { componentName: { type: String, default: 'Message' } } }, Modal, { diff --git a/packages/mobile/components/modal/src/renderless/index.ts b/packages/mobile/components/modal/src/renderless/index.ts index 8c45fab121..f79bc8807f 100644 --- a/packages/mobile/components/modal/src/renderless/index.ts +++ b/packages/mobile/components/modal/src/renderless/index.ts @@ -10,11 +10,11 @@ * */ -import { KEY_CODE } from '@opentiny/mobile-utils' -import { on, off, addClass, hasClass, removeClass } from '@opentiny/mobile-utils/deps/dom' -import PopupManager from '@opentiny/mobile-utils/deps/popup-manager' -import { getDomNode } from '@opentiny/mobile-utils/deps/dom' -import { getViewportWindow } from '@opentiny/mobile-utils/global' +import { KEY_CODE } from '@mobile-root/utils' +import { on, off, addClass, hasClass, removeClass } from '@mobile-root/utils/deps/dom' +import PopupManager from '@mobile-root/utils/deps/popup-manager' +import { getDomNode } from '@mobile-root/utils/deps/dom' +import { getViewportWindow } from '@mobile-root/utils/global' import type { IModalProps, diff --git a/packages/mobile/components/multi-select/src/mobile.vue b/packages/mobile/components/multi-select/src/mobile.vue index f9896cb0a3..fea4dc8b32 100644 --- a/packages/mobile/components/multi-select/src/mobile.vue +++ b/packages/mobile/components/multi-select/src/mobile.vue @@ -125,9 +125,8 @@ import Input from '../../input' import Mask from '../../mask' import MultiSelectItem from '../../multi-select-item' import Wheel from '../../wheel' -import Clickoutside from '@opentiny/mobile-utils/deps/clickoutside' +import Clickoutside from '@mobile-root/utils/deps/clickoutside' import { t } from '@opentiny/vue-locale' -import { multiSelectProps } from './multi-select' import '@opentiny/vue-theme-mobile/multi-select/index.less' export default defineComponent({ diff --git a/packages/mobile/components/multi-select/src/renderless/index.ts b/packages/mobile/components/multi-select/src/renderless/index.ts index b0373ed0ee..cf9b6f193a 100644 --- a/packages/mobile/components/multi-select/src/renderless/index.ts +++ b/packages/mobile/components/multi-select/src/renderless/index.ts @@ -10,7 +10,7 @@ * */ -import { cloneDeep } from '@opentiny/mobile-utils/object' +import { cloneDeep } from '@mobile-root/utils/object' export const initValue = ({ props, emit }) => diff --git a/packages/mobile/components/numeric/src/mobile.vue b/packages/mobile/components/numeric/src/mobile.vue index b564c9c9f0..0652d94da6 100644 --- a/packages/mobile/components/numeric/src/mobile.vue +++ b/packages/mobile/components/numeric/src/mobile.vue @@ -71,8 +71,8 @@