README

为您的 Symfony 3 项目添加一个紧凑、现代化且功能齐全的文件浏览器

资产要求

需要以下 nodejs 库。

• react
• react-dom
• lodash
• superagent

提供的 SCSS 样式表作为 Bootstrap 3 框架的扩展。不需要 Bootstrap 的 JavaScript 组件。

架构

此包中的代码主要位于 Resources/js/file-bundle，并使用 ECMAscript 6 / JSX 编写。下面的图示描述了其中 React 组件的架构。

+------------------------------+   +-----------------+
|Browser                       |   |                 |
|                              |   | Cache           |
| +-------------------------+  +<->+                 |
| |Selected files           |  |   |                 |
| +-------------------------+  |   |                 |
|                              |   +-------+---------+
| +--------------------------+ |           ^
| |                          | |           |
| | +---------------------+  | |           v
| | |Toolbar / Errors     |  | |   +-------+---------+
| | +---------------------+  | |   |                 |
| |                          | |   | Api             |
| | +---------------------+  | |   |                 |
| | |List                 |  | |   |                 |
| | |                     |  | |   +-----------------+
| | | +----------------+  |  | |
| | | |File / Folder   |  |  | |
| | | +----------------+  |  | |
| | +---------------------+  | |
| |                          | |
| +--------------------------+ |
|                              |
+------------------------------+

浏览器 React 组件包含所有状态并将此状态传播到子组件。文件和目录信息存储在缓存模块中 - 当打开新文件夹时，该模块将查询 PHP 后端。

当此插件用于表单时，将使用所选文件组件，此时可以选中文件。当浏览器作为独立的文件管理器运行时，点击文件表示选择它，例如将其放在剪贴板上。

可以通过点击表格标题对文件表进行排序。

编译

sass -t compressed Resources/scss/file-bundle.scss Resources/public/file-bundle.css
babel Resources/js/file-bundle/ --out-file Resources/public/file-bundle.js --presets=es2015,react --minified