压缩文档树插件现已支持流动布局调节,方便点击文档,内附视频

本贴最后更新于 188 天前,其中的信息可能已经天翻地覆

什么是流动布局

  • 您在浏览多层子文档的文档树时,会遇到因为有多级缩进而点不到的情况,如下图。

disabled_ldbj

这导致难以或者根本不能点击多级子目录。

  • 流动布局在鼠标悬浮到子目录项目时,可以临时将子目录的缩进缩短到左侧位置,方便您轻松地查看标题和点击进入文档,在您的鼠标离开后,缩进将恢复,所以完全不影响您区分子目录。如下图:

enabled_ldbj

  • 更多地,由于流动布局将每个栏目的内容都固定在列的相同位置,您习惯后甚至可以实现盲操作,而不用去对准图标点击,如下图

static_area

总结:当鼠标指针悬浮在文档树项目上时,文档树自动关闭当前项目 padding(取消当前条目的缩进), 方便点击和查看标题

当然,您依然可以单纯地只更改缩进而不使用其他花哨功能。

现阶段代码比较混乱,之后会进行重构。谢谢

如果有帮助您的话请给我的 github 点一个免费的星星,我本科毕业,正在谋求生路,即将饿肚子,您给我点击的免费的 GitHub 的星星(star)对我将很有帮助,万分感谢!!!

如果您刚好在招聘 嵌入式开发/ C++/ RTOS/ C 语言 岗位,希望您能联系我,我的邮箱在 GitHub,感谢!

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    20156 引用 • 77717 回帖
1 操作
zxkmm 在 2024-01-16 20:27:29 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 这个交互真是有想法的 👍👍👍

    谢谢 T 佬支持!
    zxkmm
  • 其他回帖
  • tongzi 9 评论

    @Vanessa

    V 姐,思源没提供点击文档树自动展开的 api 吗,插件好像做不了?

    没有提供展开文档树的 api. 加上双击的话,会让正常的单击有延迟.
    zxkmm
    由于延迟移除了双击事件,这样的话还需要 api 么?
    Vanessa
    @Vanessa 我个人感觉双击不是一个很好的解决方案。个人建议等等看看有多少人需要。
    zxkmm
    @Vanessa 希望老大考虑下这个帖子,谢谢! 点击展开文档树
    zxkmm
    @zxkmm 文件夹即文档,点击的时候无法区分是要展开子文档还是打开文档
    Vanessa
    @Vanessa 同时即打开又展开,没有冲突吧。父目录根节点文档始终都要显示的啊。
    tongzi
    @Vanessa 好像是诶,逻辑上说确实会多打开一个文档
    zxkmm
    @zxkmm 点击展开文档树这个可以考虑整合到文档树压缩插件中,插件市场没有。这个本来就是一个文档树的重要功能。
    tongzi
    @tongzi 您好,建议使用 @Undii 和 @qq541559639 两位大佬写的。如果有想要整合的话可以发送 PR
    zxkmm
  • 您好,感谢反馈!

    谢谢您的支持,我目前暂时不接受打赏。不过如果您想帮我的话,可以把我在 github 上面的那些几个仓库都点一下星星,感谢!

    1. 子文档同时缩进这个功能可能不好,因为会分不清每个的缩进,加上一大块都缩进的话,视觉上也不美观。不过这个需求可以把流动布局关掉,然后用拖动条处理固定缩进,基本上能实现
    2. 失去焦点那个是因为开启了悬浮换行功能,可以把它关掉。
    3. 根据显示缩放字体的话不现实,因为字体自动调整到全部内容都显示的话,就小到看不清了。
    4. 底色这个我感觉有高亮就足够了,因为插件没有 api 判断夜间模式和白天模式,所以也不好处理具体用哪些颜色。
    5. 文档间距我下个版本尝试一下,但是目前没找到优雅的不乱跳的办法。
    6. 目前还是主推流动布局,应该是这类问题的最优解了,只是需要习惯一下。习惯以后效率和美观各方面都很高

    感谢!

  • 抱歉,我当时写插件时候用的是英文,然后用谷歌翻译成中文,翻译有点问题。

    流布局 = 流动布局

    自定义填充 = 文档树缩进压缩

    麻烦帮我的 github 点一个免费的星星,谢谢

  • 查看全部回帖
zxkmm
汩余若将不及兮,恐年岁之不吾与。日月忽其不淹兮,春与秋其代序。 昆明

推荐标签 标签

  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 187 关注
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    311 引用 • 546 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    70 引用 • 533 回帖 • 735 关注
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 330 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 182 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 6 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    77 引用 • 159 回帖
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    10 引用 • 54 回帖 • 140 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 321 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。

    85 引用 • 122 回帖 • 618 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 20 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    675 引用 • 535 回帖
  • 大数据

    大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    89 引用 • 113 回帖
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1083 引用 • 3461 回帖 • 257 关注
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。

    5 引用 • 26 回帖 • 499 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。

    109 引用 • 54 回帖 • 3 关注
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 65 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 363 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖 • 2 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    88 引用 • 1234 回帖 • 441 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 396 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖 • 5 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    216 引用 • 463 回帖
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖 • 1 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    116 引用 • 99 回帖 • 249 关注