Merge pull request #323 from Gemini2035/perf/sheetAbout

Perf/sheet about

Author: guansss

scripts/shared.ts

@@ -111,6 +111,7 @@ export async function getOperators() {
       return [
         {
           id: id,
+          prof: op.profession,
           subProf: op.subProfessionId,
           ...transformOperatorName(op.name),
           rarity:

src/components/editor/operator/EditorPerformer.tsx

@@ -312,13 +312,6 @@ export const EditorPerformer: FC<EditorPerformerProps> = ({ control }) => {
     setError,
     fromSheet,
   ) => {
-    const removeOperatorByArray = () =>
-      removeOperator(
-        group.opers
-          ?.map((item) => operators.findIndex(({ name }) => name === item.name))
-          .filter((item) => item !== -1),
-      )
-
     if (
       groups.find(({ name, _id }) => name === group.name && _id !== group._id)
     ) {
@@ -331,7 +324,6 @@ export const EditorPerformer: FC<EditorPerformerProps> = ({ control }) => {
         : findGroupById(getId(editingGroup!))
       if (existingGroup) {
         group._id = getId(existingGroup)
-        if (fromSheet) removeOperatorByArray()
         updateGroup(
           groups.findIndex(({ _id }) => _id === existingGroup._id),
           group,
@@ -344,7 +336,15 @@ export const EditorPerformer: FC<EditorPerformerProps> = ({ control }) => {
     } else {
       group._id = uniqueId()
       appendGroup(group)
-      if (group.opers?.length) removeOperatorByArray()
+      if (group.opers?.length) {
+        removeOperator(
+          group.opers
+            ?.map((item) =>
+              operators.findIndex(({ name }) => name === item.name),
+            )
+            .filter((item) => item !== -1),
+        )
+      }
     }
 
     return true

src/components/editor/operator/EditorSheet.tsx

@@ -4,21 +4,21 @@ import { FC, useState } from 'react'
 
 import { CopilotDocV1 } from 'models/copilot.schema'
 
-import { SheetGroupContainer, SheetGroupProps } from './sheet/SheetGroup'
-import {
-  SheetOperatorContainer,
-  SheetOperatorProps,
-} from './sheet/SheetOperator'
+import { SheetGroupContainer } from './sheet/SheetGroup'
+import { SheetOperatorContainer } from './sheet/SheetOperator'
+import { SheetProvider, SheetProviderProp } from './sheet/SheetProvider'
 
-type EditorSheetProps = SheetOperatorProps & SheetGroupProps
+type EditorSheetProps = Omit<SheetProviderProp, 'children'>
 export type Group = CopilotDocV1.Group
 export type Operator = CopilotDocV1.Operator
 
 const EditorOperatorSheet = (sheetProps: EditorSheetProps) => (
-  <article className="overflow-y-auto">
-    <SheetOperatorContainer {...sheetProps} />
-    <SheetGroupContainer {...sheetProps} />
-  </article>
+  <SheetProvider {...sheetProps}>
+    <article className="overflow-y-auto">
+      <SheetOperatorContainer />
+      <SheetGroupContainer />
+    </article>
+  </SheetProvider>
 )
 
 export const EditorSheetTrigger: FC<EditorSheetProps> = (sheetProps) => {