<script>
  $(document).ready(function() {
    function generateIconObject() {
      const icons = [
        ['default', 'bx  bxs-file-blank'],
        ['folder', 'bx bx-folder'],
        ['doc', 'bx bxs-file-word text-primary'],
        ['docx', 'bx bxs-file-word text-primary'],
        ['xls', 'bx bxs-file-excel text-success'],
        ['xlsx', 'bx bxs-file-excel text-success'],
        ['ppt', 'bx bxs-file-powerpoint text-danger'],
        ['pptx', 'bx bxs-file-powerpoint text-danger'],
        ['pdf', 'bx bxs-file-pdf text-danger'],
        ['html', 'bx bxl-html5 text-warning'],
        ['css', 'bx bxl-css3 text-primary'],
        ['scss', 'bx bxl-sass text-primary'],
        ['js', 'bx bxl-javascript text-warning'],
        ['json', 'bx bxs-file-json text-success'],
        ['php', 'bx bxl-php text-primary'],
        ['py', 'bx bxl-python text-success'],
        ['rb', 'bx bxl-ruby text-danger'],
        ['java', 'bx bxl-java text-warning'],
        ['sql', 'bx bx-data text-danger'],
        ['xml', 'bx bx-code-alt text-primary'],
        ['csv', 'bx bxs-file-csv text-warning'],
        ['jpg', 'bx bx-image text-success'],
        ['jpeg', 'bx bx-image text-success'],
        ['png', 'bx bx-image text-success'],
        ['gif', 'bx bx-image text-success']
      ];

      const types = {};

      icons.forEach(icon => {
        types[icon[0]] = {
          'icon': icon[1]
        };
      });

      return types;
    }

    $('#jstree-basic').jstree({
      'plugins': ['types'],
      'types': generateIconObject()
    });
  });
</script>

<?php

/**
 * 开发者自定义函数文件
 */

function generateHtmlTree($down)
{
    // 获取文件路径
    $url = dr_get_file($down);
    $parts = parse_url($url);
    $path = $parts['path'];
    $zipName = '/www/wwwroot/tmp/' . $path;

    // 检查缓存是否存在且未过期
    $cacheName = 'tree-' . md5($zipName);
    $cacheDir = '/www/wwwroot/tmp/cache/';
    $cacheFile = $cacheDir . $cacheName;
    $cacheTime = 86400; // 缓存时间，单位为秒
    if (is_file($cacheFile) && (time() - filemtime($cacheFile) < $cacheTime)) {
        // 从缓存中获取 HTML 树
        $html = file_get_contents($cacheFile, false, stream_context_create(['http' => ['timeout' => 5]]));
    } else {
        // 打开 zip 文件并获取文件结构
        $zip = new ZipArchive();
        if ($zip->open($zipName) === true) {
            // 初始化文件树结构
            $tree = [];
            for ($i = 0; $i < $zip->numFiles; $i++) {
                // 获取文件名，使用ZipArchive类提供的方法解决编码问题
                $filename = $zip->getNameIndex($i, ZipArchive::FL_ENC_RAW);
                // 转换编码为UTF-8
                $filename = iconv('CP936', 'UTF-8', $filename);
                // 分割路径为数组
                $path = explode('/', $filename);
                $node = &$tree;
                foreach ($path as $dir) {
                    if (!isset($node[$dir])) {
                        $node[$dir] = [];
                    }
                    $node = &$node[$dir];
                }
            }
            $zip->close();
            $html = treeToHtml($tree);
            file_put_contents($cacheFile, $html);
        }
    }
    // 输出 HTML 树
    echo '<div id="jstree-basic">' . $html . '</div>';
}

 // 生成 HTML 树
function treeToHtml($tree) {
            $html = '<ul>';
            // 先输出文件夹
            foreach ($tree as $name => $subtree) {
                if (!empty($name) && empty(pathinfo($name, PATHINFO_EXTENSION))) {
                    $html .= '<li';
                    if (!empty($subtree)) {
                        $html .= '   data-jstree=\'{"type":"folder"}\'';
                    }
                    $html .= '>' . htmlentities($name);
                    if (!empty($subtree)) {
                        $html .= treeToHtml($subtree);
                    }
                    $html .= '</li>';
                }
            }

        // 再输出文件
        foreach ($tree as $name => $subtree) {
            if (!empty($name) && !empty(pathinfo($name, PATHINFO_EXTENSION))) {
                $ext = pathinfo($name, PATHINFO_EXTENSION);
                $html .= '<li';
                if (!empty($subtree)) {
                    $html .= '  data-jstree=\'{"type":"folder"}\'';
                }
                $html .= ' data-jstree=\'{"type":"'.$ext.'"}\'';
                $html .= '>' . htmlentities($name);
                if (!empty($subtree)) {
                    $html .= treeToHtml($subtree);
                }
                $html .= '</li>';
            }
        }

    $html .= '</ul>';
    return $html;
 }