|
@@ -1,21 +1,28 @@
|
|
|
import React from 'react';
|
|
|
+import { showNotImplemented } from '@/utils/notificationHelper';
|
|
|
|
|
|
const ImageOperationPanel: React.FC = () => {
|
|
|
return (
|
|
|
<div className="image-operation-panel">
|
|
|
- <button>Zoom</button>
|
|
|
- <button>Pan</button>
|
|
|
- <button>左转90</button>
|
|
|
- <button>右转90</button>
|
|
|
- <button>拖放</button>
|
|
|
- <button>同比缩放</button>
|
|
|
- <button>水平翻转</button>
|
|
|
- <button>竖直翻转</button>
|
|
|
- <button>重新装载</button>
|
|
|
- <button>自适应大小</button>
|
|
|
- <button>鼠标调节亮度与对比度</button>
|
|
|
- <button>反色</button>
|
|
|
- <button>隐藏或者显示信息</button>
|
|
|
+ <button onClick={() => showNotImplemented('Zoom')}>Zoom</button>
|
|
|
+ <button onClick={() => showNotImplemented('Pan')}>Pan</button>
|
|
|
+ <button onClick={() => showNotImplemented('左转90')}>左转90</button>
|
|
|
+ <button onClick={() => showNotImplemented('右转90')}>右转90</button>
|
|
|
+ <button onClick={() => showNotImplemented('拖放')}>拖放</button>
|
|
|
+ <button onClick={() => showNotImplemented('同比缩放')}>同比缩放</button>
|
|
|
+ <button onClick={() => showNotImplemented('水平翻转')}>水平翻转</button>
|
|
|
+ <button onClick={() => showNotImplemented('竖直翻转')}>竖直翻转</button>
|
|
|
+ <button onClick={() => showNotImplemented('重新装载')}>重新装载</button>
|
|
|
+ <button onClick={() => showNotImplemented('自适应大小')}>
|
|
|
+ 自适应大小
|
|
|
+ </button>
|
|
|
+ <button onClick={() => showNotImplemented('鼠标调节亮度与对比度')}>
|
|
|
+ 鼠标调节亮度与对比度
|
|
|
+ </button>
|
|
|
+ <button onClick={() => showNotImplemented('反色')}>反色</button>
|
|
|
+ <button onClick={() => showNotImplemented('隐藏或者显示信息')}>
|
|
|
+ 隐藏或者显示信息
|
|
|
+ </button>
|
|
|
</div>
|
|
|
);
|
|
|
};
|