opensumi / ide-electron

OpenSumi Electron Version
https://opensumi.com
MIT License
171 stars 56 forks source link

不同视图间怎么实现交互效果 #75

Closed zt6991 closed 8 months ago

zt6991 commented 1 year ago

1684743513901 界面如图所示,想做一些界面交互效果但是不知道怎么实现。

希望做出的效果是用户选中右侧的红色部分后。底部的绿色框内的视图内容可以对应的更新。

希望可以提供一些简单可行的实现方案,谢谢

Ricbet commented 1 year ago

可以通过自定义命令的方式 https://opensumi.com/zh/docs/integrate/universal-integrate-case/custom-command#%E6%B3%A8%E5%86%8C%E8%87%AA%E5%AE%9A%E4%B9%89%E5%91%BD%E4%BB%A4

Ricbet commented 1 year ago

@zt6991

zt6991 commented 1 year ago

好的,我学习一下自定义命令

zt6991 commented 1 year ago

https://opensumi.com/zh/docs/integrate/universal-integrate-case/custom-command#%E6%B3%A8%E5%86%8C%E8%87%AA%E5%AE%9A%E4%B9%89%E5%91%BD%E4%BB%A4 我看了下链接里的例子代码是在Module代码里调用commandService的。但是我想在View层使用命令,我不知道代码应该咋写。下面是我的Module(index.ts)代码和View(index.view.tsx)代码 9496a476c199581c0da7a2087342357 d02bad06ce1d856e1984d8d2a61af75

bytemain commented 1 year ago

参考下这个:https://github.com/opensumi/core/blob/v2.24/packages/file-tree-next/src/browser/empty.view.tsx#L9

稍后我们更新下文档

zt6991 commented 1 year ago

好咧,劳驾

shileima commented 8 months ago

@bytemain 你好, 希望同时支持electron桌面端和web版本,请问下代码是共用的吗? 是集成到一个工程还是分开两个工程比较适合二次开发?

bytemain commented 8 months ago

我认为在一个工程里比较合适,不同平台的代码使用条件语句来区分,也可以参考 core 里的代码: CleanShot 2023-12-20 at 14 54 07@2x

shileima commented 8 months ago

我认为在一个工程里比较合适,不同平台的代码使用条件语句来区分,也可以参考 core 里的代码: CleanShot 2023-12-20 at 14 54 07@2x

如果放到一个工程里, 我使用哪个工程初始化比较好, 这个项目有融合了electron和web版的startUp吗