bcf6ef63ad
Some checks failed
📦 Build / build (push) Has been cancelled
🧪 CI Test / test shard (1/4) (push) Has been cancelled
🧪 CI Test / test shard (2/4) (push) Has been cancelled
🧪 CI Test / test shard (3/4) (push) Has been cancelled
🧪 CI Test / test shard (4/4) (push) Has been cancelled
🧪 CI Test / test (push) Has been cancelled
🧪 CI Test / eslint (push) Has been cancelled
🧪 CI Test / typecheck (push) Has been cancelled
🔫 Sync to Pro / dispatch-sync (push) Has been cancelled
🔮 Sync Mirror / sync (push) Has been cancelled
60 lines
2.3 KiB
TypeScript
60 lines
2.3 KiB
TypeScript
/**
|
|
* Copyright 2023-present DreamNum Co., Ltd.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import type { IThreadComment } from '@univerjs/thread-comment';
|
|
import type { IThreadCommentPanelProps } from '@univerjs/thread-comment-ui';
|
|
import { Tools, UserManagerService } from '@univerjs/core';
|
|
import { MobileThreadCommentPanel } from '@univerjs/thread-comment-ui';
|
|
import { useDependency, useObservable } from '@univerjs/ui';
|
|
import { MobileSheetCommentDraftService } from '../../services/mobile/mobile-sheet-comment-draft.service';
|
|
import { SheetsThreadCommentPanel } from '../SheetsThreadCommentPanel';
|
|
|
|
function MobileSheetsThreadCommentPanelContent(props: IThreadCommentPanelProps) {
|
|
const draftService = useDependency(MobileSheetCommentDraftService);
|
|
const userManagerService = useDependency(UserManagerService);
|
|
const draft = useObservable(draftService.draft$, draftService.draft);
|
|
const tempCellComment: IThreadComment | null = draft?.unitId === props.unitId
|
|
? {
|
|
id: '',
|
|
threadId: '',
|
|
unitId: draft.unitId,
|
|
subUnitId: draft.subUnitId,
|
|
ref: `${Tools.chatAtABC(draft.column)}${draft.row + 1}`,
|
|
dT: '',
|
|
personId: userManagerService.getCurrentUser().userID,
|
|
text: { dataStream: '\r\n' },
|
|
}
|
|
: null;
|
|
|
|
const handleTempCommentClose = () => {
|
|
draftService.cancel();
|
|
props.onTempCommentClose?.();
|
|
};
|
|
|
|
return (
|
|
<MobileThreadCommentPanel
|
|
{...props}
|
|
tempComment={props.tempComment ?? tempCellComment}
|
|
onTempCommentClose={handleTempCommentClose}
|
|
autoFocusActiveComment
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function MobileSheetsThreadCommentPanel() {
|
|
return <SheetsThreadCommentPanel ThreadCommentPanelComponent={MobileSheetsThreadCommentPanelContent} />;
|
|
}
|