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

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

什么是流动布局

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

disabled_ldbj

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

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

enabled_ldbj

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

static_area

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

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

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

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

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

  • 思源笔记

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

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

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

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 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 点一个免费的星星,谢谢

  • yjmsiyuan 3 评论

    非常好,我看中的是方便看整个文档标题。

    可以设置一个选择按钮:自动缩放标题字体大小。

    您好,我刚才试了一下,缩放字体大小的功能可能不太实用,因为除非缩放到极端程度,不然不足以弥补上下文菜单占用的空间
    zxkmm
    最新版本已经实现,但我个人感觉用处不是很大,可以尝试一下
    zxkmm
    谢谢,很好
    yjmsiyuan
  • 查看全部回帖

推荐标签 标签

  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 537 关注
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖 • 1 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 764 关注
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 474 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    325 引用 • 1395 回帖
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    342 引用 • 708 回帖
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 2 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 464 关注
  • IDEA

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

    180 引用 • 400 回帖
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1705 回帖
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 65 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 259 关注
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖 • 2 关注
  • 人工智能

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

    133 引用 • 189 回帖
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖 • 1 关注
  • LeetCode

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

    209 引用 • 72 回帖 • 1 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    6 引用 • 14 回帖 • 2 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 334 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 510 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖 • 2 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    107 引用 • 295 回帖 • 1 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 399 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 1 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 356 关注
  • abitmean

    有点意思就行了

    30 关注
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 2 关注