feat: extend the copy and paste to other type from string

Author: invisal

src/renderer/screens/DatabaseScreen/QueryResultViewer/TableCell/TableCellDecimal.tsx

@@ -47,6 +47,12 @@ const TableCellDecimal = createTableCellType({
   },
   content: TableCellDecimalContent,
   editor: TableCellDecimalEditor,
+  onCopy: (value: string) => {
+    return value;
+  },
+  onPaste: (value: string) => {
+    return { accept: true, value };
+  },
 });
 
 export default TableCellDecimal;

src/renderer/screens/DatabaseScreen/QueryResultViewer/TableCell/TableCellJson.tsx

@@ -82,6 +82,16 @@ const TableCellJson = createTableCellType({
   content: TableCellJsonContent,
   editor: TableCellJsonEditor,
   detachEditor: true,
+  onCopy: (value: string) => {
+    return JSON.stringify(value);
+  },
+  onPaste: (value: string) => {
+    try {
+      return { accept: true, value: JSON.parse(value) };
+    } catch {
+      return { accept: false, value: undefined };
+    }
+  },
 });
 
 export default TableCellJson;

src/renderer/screens/DatabaseScreen/QueryResultViewer/TableCell/TableCellNumber.tsx

@@ -46,6 +46,12 @@ const TableCellNumber = createTableCellType({
   diff: (prev: number, current: number) => prev !== current,
   content: TableCellNumberContent,
   editor: TableCellNumberEditor,
+  onCopy: (value: number) => {
+    return value.toString();
+  },
+  onPaste: (value: string) => {
+    return { accept: true, value: Number(value) };
+  },
 });
 
 export default TableCellNumber;

src/renderer/screens/DatabaseScreen/QueryResultViewer/TableCell/TableEditableCell.tsx

@@ -46,7 +46,10 @@ interface TableEditableCellProps {
   header: QueryResultHeader;
 }
 
-const TableEditableCell = forwardRef<TableEditableCellHandler, TableEditableCellProps>(function TableEditableCell(
+const TableEditableCell = forwardRef<
+  TableEditableCellHandler,
+  TableEditableCellProps
+>(function TableEditableCell(
   {
     diff,
     detactEditor,
@@ -84,9 +87,9 @@ const TableEditableCell = forwardRef<TableEditableCellHandler, TableEditableCell
 
   const copyHandler = useCallback(() => {
     if (onCopy) {
-      window.navigator.clipboard.writeText(onCopy(value));
+      window.navigator.clipboard.writeText(onCopy(afterValue));
     }
-  }, [onCopy, value]);
+  }, [onCopy, afterValue]);
 
   const pasteHandler = useCallback(() => {
     if (onPaste) {