molecule icon indicating copy to clipboard operation
molecule copied to clipboard

activityBar按钮点击之后没有收起

Open Jixiangup opened this issue 1 year ago • 11 comments

Question

image

在我点击这个去登录之后并没有自动收起这个按钮,请问通过什么样的属性可以收起?

Jixiangup avatar Mar 24 '23 16:03 Jixiangup

正常来讲,你 focus out 后,这个就会隐藏才对

wewoor avatar Mar 27 '23 02:03 wewoor

@wewoor 谢谢你的回复,但是目前我的操作是 点击这个按钮之后会把我的login form open,但是现在没有去隐藏这个去登陆,而是需要我点击旁白才会触发这个场景 ^1.3.0是我正在使用的版本

Jixiangup avatar Mar 27 '23 02:03 Jixiangup

image 其次 我这边的左边位置的数据还是会没有剧中,这个位置需要单独改样式吗

Jixiangup avatar Mar 27 '23 07:03 Jixiangup

image

其次 我这边的左边位置的数据还是会没有剧中,这个位置需要单独改样式吗

正常不会这样的,可以检查下是否有样式污染,如果是 Bug 可以上报给我们

wewoor avatar Mar 27 '23 08:03 wewoor

image 其次 我这边的左边位置的数据还是会没有剧中,这个位置需要单独改样式吗

正常不会这样的,可以检查下是否有样式污染,如果是 Bug 可以上报给我们

样式污染基本可以排除 因为我这边没有写入过任何样式文件,我这边起一个沙盒看看能不能复现 如果可以的话 我就开个bug单吧

Jixiangup avatar Mar 27 '23 08:03 Jixiangup

第一个问题

activityBar按钮点击之后没有收起这个问题是可以复现的。

  • 复现仓库

https://github.com/bnyte/molecule-851

  • 复现沙盒

https://k6zd7n-8000.csb.app/

第二个问题

可能是样式污染,初步感觉是和antd冲突了?我重新起了一个最小项目是没有这个问题的,我需要再确定一下。(可能是antd的问题 我追踪一下taier代码看看 taier是没有这个问题的)

image

这里的样式优先级感觉是有问题的~

@wewoor 大佬有时间看看 谢谢😊

Jixiangup avatar Mar 29 '23 03:03 Jixiangup

好像 taier 里也有这个问题

mortalYoung avatar Mar 30 '23 06:03 mortalYoung

好像 taier 里也有这个问题

感觉我提的第二点也是个问题,因为我现在知道怎么复现了。

Jixiangup avatar Mar 30 '23 06:03 Jixiangup

第一个问题估计是 Menu 组件 onClick 没有去处理收起的问题,第二个问题应该 css 的优先级的问题 你看看要不都来一个 PR?

mortalYoung avatar Mar 30 '23 07:03 mortalYoung

第一个问题估计是 Menu 组件 onClick 没有去处理收起的问题,第二个问题应该 css 的优先级的问题 你看看要不都来一个 PR?

molecule.folderTree.onCreate(async (type: FileType, id?: UniqueId) => {
      const folderTree = molecule.folderTree.getState().folderTree;
      if (!localStorage.getItem(Constant.Authorization.Nickname)) {
        message.error('请先登录吧!');
        return;
      }

      if (type === 'File') {
        console.log("create file")
      } else if (type === 'Folder') {
        let parentId = typeof id === 'string' ? id : folderTree?.data?.[0]?.id;
        molecule.folderTree.add(
          new TreeNodeModel({
            id: `createFolder_${new Date().getTime()}`,
            name: '',
            isLeaf: false,
            fileType: FileTypes.Folder,
            isEditable: true,
            data: {
              parentId,
            },
          }),
          parentId
        );
      }
    });

但是我加上这行代码会样式渲染有问题 不知道为什么 很奇怪

Jixiangup avatar Mar 30 '23 11:03 Jixiangup

image

image

很抽象,当我不使用这个类new的时候得到如下效果

image

image

Jixiangup avatar Mar 31 '23 06:03 Jixiangup