{include file="public/header"}
<link rel="stylesheet" href="__PUBLIC__/admin/lib/font-awesome-4.7.0/css/font-awesome.min.css">
<script src="__PUBLIC__/admin/lib/monaco-editor-0.55.1/vs/loader.js"></script>
<link rel="stylesheet" href="__PUBLIC__/admin/lib/monaco-editor-0.55.1/vs/editor/editor.main.css">
<script>
    // 页面解析时立即预加载 Monaco，用户点击文件时可直接使用。
    require.config({
        paths: {
            vs: '__PUBLIC__/admin/lib/monaco-editor-0.55.1/vs'
        },
        'vs/nls': {
            availableLanguages: {
                '*': 'zh-cn'
            }
        }
    });
    window.monacoReadyPromise = new Promise(function(resolve, reject) {
        require(['vs/editor/editor.main'], resolve, reject);
    });
</script>
<style>
    body { background: #f0f2f5; }
    
    /* 自定义滚动条 */
    .file-tree-panel::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
    .file-tree-panel::-webkit-scrollbar-track {
        background: transparent;
    }
    .file-tree-panel::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.2);
        border-radius: 3px;
        transition: background 0.2s;
    }
    .file-tree-panel::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.3);
    }
    
    .file-manager-container { 
        display: flex; 
        background: #fff;
        border-radius: 2px;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(0,0,0,.08);
        height: calc(100vh - 140px);
        border: 1px solid #d9d9d9;
    }
    
    /* 左侧目录树 */
    .file-tree-panel { 
        width: 260px;
        min-width: 260px;
        border-right: 1px solid #d9d9d9;
        overflow: auto;
        background: #fafafa;
    }
    .file-tree-header {
        padding: 12px 16px;
        border-bottom: 1px solid #d9d9d9;
        font-weight: 600;
        color: #262626;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        position: sticky;
        top: 0;
        z-index: 1;
        letter-spacing: 0.3px;
    }
    #fileTree {
        padding: 8px;
    }
    
    /* 自定义树节点样式 */
    .layui-tree-iconClick .layui-icon.layui-icon-file { display: none !important; }
    .layui-tree-entry { 
        height: auto; 
        border-radius: 0;
        cursor: pointer;
        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        padding: 5px 8px !important;
    }
    .layui-tree-entry:hover { 
        background: rgba(22, 186, 170, 0.08);
    }
    .layui-tree-entry.selected { 
        background: rgba(22, 186, 170, 0.12) !important; 
        color: #16baaa !important;
    }
    .layui-tree-txt { 
        font-size: 12px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
    }
    
    /* 文件夹图标 */
    .layui-tree-set.is-folder > .layui-tree-entry .layui-tree-txt::before {
        content: "\eabe";
        font-family: "layui-icon" !important;
        display: inline-block;
        margin-right: 6px;
        font-size: 14px;
        vertical-align: middle;
        background: none;
        color: #FFB300;
    }
    .layui-tree-set.is-html > .layui-tree-entry .layui-tree-txt::before {
        content: "\e64b";
        font-family: "layui-icon" !important;
        display: inline-block;
        margin-right: 6px;
        font-size: 14px;
        vertical-align: middle;
        color: #ef8d32;
    }
    .layui-tree-set.is-file:not(.is-image):not(.is-html) > .layui-tree-entry .layui-tree-txt::before {
        content: "\e621";
        font-family: "layui-icon" !important;
        display: inline-block;
        margin-right: 6px;
        font-size: 14px;
        vertical-align: middle;
        color: #aab1ba;
    }
    
    /* 中间编辑器 */
    .file-editor-panel { 
        flex: 1; 
        display: flex; 
        flex-direction: column;
        overflow: hidden;
        background: #fff;
    }
    /* 底部状态栏 - 与编辑器融为一体 */
    .editor-statusbar {
        display: none;
        padding: 0 16px;
        background: #1e1e1e;
        font-size: 12px;
        color: #858585;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        height: 26px;
        font-family: 'SF Mono', 'Cascadia Code', Consolas, Monaco, monospace;
        border-top: 1px solid #2d2d2d;
    }
    .editor-statusbar.theme-light {
        background: #f5f5f5;
        color: #666;
        border-top: 1px solid #d6d6d6;
    }
    .editor-statusbar .status-left,
    .editor-statusbar .status-right {
        display: flex;
        align-items: center;
        gap: 18px;
    }
    .editor-statusbar .status-item {
        cursor: default;
        white-space: nowrap;
        font-size: 12px;
    }
    .editor-statusbar .status-select {
        font-size: 12px;
        color: #bbb;
        background: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0 4px;
        font-family: 'SF Mono', Consolas, Monaco, monospace;
        appearance: none;
        -webkit-appearance: none;
        height: 26px;
        transition: color 0.2s;
    }
    .editor-statusbar .status-select option {
        background: #2d2d2d;
        color: #ccc;
    }
    .editor-statusbar.theme-light .status-select {
        color: #555;
    }
    .editor-statusbar.theme-light .status-select option {
        background: #fff;
        color: #333;
    }
    .editor-statusbar .status-select:hover {
        color: #16baaa;
    }
    .editor-content {
        flex: 1;
        overflow: hidden;
        position: relative;
        background: #fff;
    }
    .empty-state {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #bfbfbf;
        background: #fafafa;
    }
    .empty-state i {
        font-size: 64px;
        margin-bottom: 16px;
        opacity: 0.25;
        color: #8c8c8c;
    }
    .empty-state p {
        font-size: 13px;
        color: #8c8c8c;
    }
    .empty-state p:last-child {
        font-size: 12px;
        color: #bfbfbf;
    }
    
    /* 图片预览弹窗内样式 */
    .img-layer-preview {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #1a1a1a;
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
        overflow: auto;
    }
    .img-layer-preview img {
        max-width: 100%;
        max-height: calc(100% - 40px);
        object-fit: contain;
        border-radius: 4px;
        background: repeating-conic-gradient(#333 0% 25%, #2a2a2a 0% 50%) 50% / 16px 16px;
        cursor: zoom-in;
        user-select: none;
        -webkit-user-drag: none;
        box-shadow: 0 4px 20px rgba(0,0,0,.4);
    }
    .img-layer-info {
        margin-top: 16px;
        font-size: 12px;
        color: #888;
        text-align: center;
    }
    /* 图片文件图标 */
    .layui-tree-set.is-image > .layui-tree-entry .layui-tree-txt::before {
        content: "\e60d";
        font-family: "layui-icon" !important;
        display: inline-block;
        margin-right: 6px;
        font-size: 16px;
        vertical-align: middle;
        color: #eb2f96;
    }
    /* 响应式 */
    @media screen and (max-width: 1200px) {
        .file-tree-panel { width: 220px; min-width: 220px; }
    }

    /* 右键菜单 */
    .tree-context-menu {
        display: none;
        position: fixed;
        z-index: 2147483000;
        background: #fff;
        border: 1px solid #f2f2f2;
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0,0,0,.1);
        min-width: 158px;
        padding: 5px;
    }
    .tree-context-menu .ctx-item {
        height: 32px;
        padding: 0 10px;
        cursor: pointer;
        font-size: 12px;
        color: #262626;
        display: flex;
        align-items: center;
        gap: 8px;
        box-sizing: border-box;
        transition: background-color .15s ease, color .15s ease;
    }
    .tree-context-menu .ctx-item:hover {
        background: rgba(22, 186, 170, 0.08);
        color: #16baaa;
    }
    .tree-context-menu .ctx-item i {
        width: 15px;
        font-size: 13px;
        text-align: center;
        color: #595959;
    }
    .tree-context-menu .ctx-item:hover i {
        color: #16baaa;
    }
    .tree-context-menu .ctx-item.ctx-danger { color: #ff4d4f; }
    .tree-context-menu .ctx-item.ctx-danger i { color: #ff4d4f; }
    .tree-context-menu .ctx-item.ctx-danger:hover { 
        background: rgba(255, 77, 79, 0.08);
        color: #ff4d4f;
    }
    .tree-context-menu .ctx-item.ctx-danger:hover i { 
        color: #ff4d4f;
    }
    .tree-context-menu .ctx-divider { 
        height: 1px; 
        background: #f0f0f0; 
        margin: 4px 0; 
    }

    /* 上传拖拽高亮 */
    .file-tree-panel.drag-over {
        background: rgba(22, 186, 170, 0.06) !important;
        outline: 2px dashed #16baaa;
        outline-offset: -2px;
    }
    .file-tree-header{height:auto;min-height:52px;padding:8px 10px;box-sizing:border-box;display:block}
    .file-tree-header-title{font-weight:600;color:#353b40}
    .file-mode-switch{display:none;height:32px;padding:2px;border:1px solid #dfe4e7;border-radius:5px;background:#f2f4f5;box-sizing:border-box}
    .file-mode-switch button{height:26px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:3px;background:transparent;color:#727a82;font-size:11px;line-height:26px;cursor:pointer;transition:all .18s}
    .file-mode-switch button i{font-size:13px}
    .file-mode-switch button:hover{color:#30373d}
    .file-mode-switch button.is-active{background:#fff;color:#168f83;box-shadow:0 1px 3px rgba(31,39,45,.13)}
    .preview-content{position:relative;display:none;flex:1;min-height:0;flex-direction:column;background:#eef1f3}
    .preview-frame{width:100%;height:100%;min-height:0;flex:1;border:0;background:#fff}

    /* 文件管理 2.0：默认文件列表，编辑时进入独立工作区 */
    html,body{height:100%;overflow:hidden;background:#f5f7fa}
    .file-manager-wrap{height:100vh;box-sizing:border-box;overflow:hidden}
    .fm-browser{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e9ee;border-radius:6px;box-shadow:0 2px 10px rgba(31,45,61,.04);overflow:hidden}
    .fm-pathbar{height:52px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0f3;background:#fbfcfd;box-sizing:border-box}
    .fm-path-left{width:auto;max-width:730px;min-width:0;flex:1;height:31px;display:flex;align-items:center;border:1px solid #dfe5eb;border-radius:7px;background:#fff;overflow:hidden;cursor:text;box-sizing:border-box}
    .fm-path-left .fm-crumbs,.fm-path-left .fm-crumb{cursor:pointer}
    .fm-path-left button{cursor:pointer}
    .fm-path-left button:disabled{cursor:not-allowed}
    .fm-path-back{width:35px;height:29px;margin:0;padding:0;border:0;border-right:1px solid #e5e9ee;border-radius:0;background:#fff;color:#687686;cursor:pointer;flex:0 0 auto}
    .fm-path-back:hover:not(:disabled){color:#16a596;background:#f5faf9}
    .fm-path-back:disabled{color:#c8ced5;cursor:default}
    .fm-crumbs{height:29px;display:flex;align-items:center;min-width:0;color:#5f6874;font-size:12px;overflow:hidden}
    .fm-crumb{height:29px;display:inline-flex;align-items:center;padding:0 10px;border-right:1px solid #e5e9ee;border-radius:0;cursor:pointer;white-space:nowrap}
    .fm-crumb:hover{color:#16baaa;background:#f5faf9}
    .fm-crumb.is-current{color:#263445}
    .fm-crumb-sep{width:24px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-right:1px solid #e5e9ee;color:#8b96a3;flex:0 0 auto}
    .fm-crumb-sep i,.fm-path-back i,.fm-search-button i{font-size:13px}
    .fm-root{font-weight:400;color:#263445}
    .fm-path-input{display:none;flex:1;height:29px;padding:0 10px;border:0!important;border-radius:0!important;box-shadow:none!important}
    .fm-path-refresh{width:35px;height:29px;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid #e5e9ee;border-radius:0;background:#fff;color:#74808d;cursor:pointer;flex:0 0 auto}
    .fm-path-refresh i{font-size:13px}
    .fm-path-refresh:hover{color:#16a596;background:#f5faf9}
    .fm-path-refresh.is-loading{pointer-events:none;color:#16a596;background:#f5faf9}
    .fm-path-refresh.is-loading i{display:inline-block;animation:fmRefreshSpin .7s linear infinite;transform-origin:center center}
    @keyframes fmRefreshSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
    .fm-search{width:300px;height:32px;margin-left:auto;display:flex;align-items:center;border:1px solid #dfe4ea;border-radius:7px;background:#fff;overflow:hidden;box-sizing:border-box;flex:0 0 300px}
    .fm-search input[type=text]{min-width:0;flex:1;height:30px;padding:0 11px;border:0;border-radius:0;background:#fff;box-shadow:none;font-size:12px}
    .fm-search-child{height:30px;padding:0 9px 0 8px;display:flex;align-items:center;color:#667281;font-size:12px;white-space:nowrap;box-sizing:border-box}
    .fm-search-child .layui-form-checkbox[lay-skin=primary]{margin:0;padding-left:22px}
    .fm-search-child div{font-size:12px;}
    .fm-search-button{width:38px;height:30px;padding:0;border:0;border-left:1px solid #e5e9ee;background:#fff;color:#84909e;cursor:pointer;flex:0 0 auto}
    .fm-search-button:hover{color:#16a596;background:#f5faf9}
    .fm-toolbar{min-height:54px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f3;box-sizing:border-box}
    .fm-toolbar-left{display:flex;align-items:center;gap:8px}
    .fm-toolbar .layui-btn{height:32px;line-height:30px;border-radius:4px;padding:0 13px}
    .fm-new-wrap{position:relative}
    .fm-batch{display:none}
    .fm-batch.is-visible{display:inline-flex}
    .fm-upload-wrap,.fm-batch-wrap{position:relative}
    .fm-pop-menu{display:none;position:absolute;z-index:35;top:38px;left:0;min-width:150px;padding:5px;background:#fff;border:1px solid #e4e9ee;border-radius:5px;box-shadow:0 8px 24px rgba(35,45,58,.14)}
    .fm-pop-menu.is-open{display:block;animation:fmMenuIn .14s ease-out}
    .fm-pop-item{height:34px;padding:0 10px;display:flex;align-items:center;gap:9px;border-radius:4px;color:#53606e;font-size:13px;cursor:pointer;white-space:nowrap}
    .fm-pop-item:hover{background:#f0faf8;color:#16a596}
    .fm-pop-item.is-danger{color:#f25c54}
    .fm-pop-item.is-danger:hover{background:#fff3f2}
    .fm-pop-divider{height:1px;margin:4px 0;background:#eef1f4}
    .fm-pop-menu .fm-pop-item i{width:16px;text-align:center;font-size:14px;font-weight:400;line-height:1;color:#728095}
    .fm-pop-menu .fm-pop-item .fa{font-family:FontAwesome;font-style:normal}
    @keyframes fmMenuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
    .fm-drop-tip{display:none;color:#16a596;font-size:12px}
    .fm-table-wrap{position:relative;width:100%;height:0;flex:1 1 auto;min-height:0;overflow:auto;box-sizing:border-box}
    .fm-table{width:100%;border-collapse:collapse;table-layout:fixed;color:#4c5663}
    .fm-table thead{position:sticky;top:0;z-index:4;background:#f8fafc}
    .fm-table th{height:38px;padding:0 12px;border-bottom:1px solid #e8ecf1;text-align:left;font-size:12px;font-weight:600;color:#657181}
    .fm-table td{height:38px;padding:0 12px;border-bottom:1px solid #f0f2f5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .fm-table tbody tr{transition:background .15s}
    .fm-table tbody tr[data-path]{cursor:default;user-select:none;-webkit-user-select:none}
    .fm-table tbody tr:hover{background:#f7fbfb}
    .fm-table tbody tr.is-selected{background:#eff9f7}
    .fm-check-col{width:38px;text-align:center!important}
    .fm-name-col{width:31%}
    .fm-size-col{width:110px}
    .fm-time-col{width:180px}
    .fm-type-col{width:110px}
    .fm-remark-col{width:180px}
    .fm-action-col{position:sticky;right:0;z-index:3;width:330px;text-align:right!important;background:#fff;box-shadow:-1px 0 0 #edf0f3}
    thead .fm-action-col{z-index:5;background:#fafbfc}
    .fm-table tbody tr:hover .fm-action-col,.fm-table tbody tr.is-selected .fm-action-col{background:inherit}
    .fm-name{display:flex;align-items:center;min-width:0;cursor:pointer;color:#263445}
    .fm-name:hover .fm-file-label{color:#16a596}
    .fm-file-icon{width:26px;height:26px;margin-right:9px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#f2f5f8;color:#7d8996;font-size:17px;flex:0 0 auto;overflow:hidden}
    .fm-file-icon.folder{background:transparent;color:#e6a23c;font-size:20px}
    .fm-file-icon.image{border-radius:0;background:transparent;color:#16a596}
    .fm-file-icon img{width:100%;height:100%;border-radius:0;object-fit:cover}
    .fm-file-label{overflow:hidden;text-overflow:ellipsis}
    .fm-row-actions{display:flex;justify-content:flex-end;gap:10px;opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .15s,transform .15s}
    .fm-table tbody tr:hover .fm-row-actions,.fm-table tbody tr.is-menu-open .fm-row-actions{opacity:1;transform:none;pointer-events:auto}
    .fm-link-btn{padding:0;border:0;background:transparent;color:#637083;cursor:pointer;font-size:12px}
    .fm-link-btn:hover{color:#16a596}
    .fm-link-btn.danger:hover{color:#ff5722}
    .fm-remark{width:100%;height:28px;padding:0 8px;display:flex;align-items:center;border:1px solid transparent;border-radius:4px;box-sizing:border-box;color:#7d8793;cursor:text}
    .fm-remark.is-empty{max-width:none;border-color:transparent;background:transparent;color:transparent}
    .fm-remark-col:hover .fm-remark{border-color:#dfe5ea;background:#fff}
    .fm-remark.is-editing{padding:0 8px;border-color:#16baaa!important;background:#fff!important;box-shadow:0 0 0 2px rgba(22,186,170,.08)}
    .fm-remark-input{width:100%;height:26px;padding:0;border:0;background:transparent;outline:0;box-sizing:border-box}
    .fm-inline-name{width:260px;height:30px;padding:0 9px;border:1px solid #16baaa;border-radius:4px;outline:0;box-shadow:0 0 0 2px rgba(22,186,170,.08)}
    .fm-rename-input{width:min(320px,calc(100% - 38px));height:28px;padding:0 8px;border:1px solid #16baaa;border-radius:4px;outline:0;box-sizing:border-box}
    .fm-size-calc,.fm-total-size-calc{padding:0;border:0;background:transparent;color:#16a596;cursor:pointer;font-size:12px}
    .fm-table.is-empty{height:100%}
    .fm-table.is-empty tbody,.fm-table.is-empty tbody tr{height:100%}
    .fm-table.is-empty tbody td{height:auto;background:#fbfcfd}
    .fm-empty{height:100%;min-height:220px;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;text-align:center;color:#a0a9b4}
    .fm-empty i{display:block;margin-bottom:12px;font-size:42px;color:#d5dae0}
    .fm-status{min-height:46px;margin-bottom:10px;flex:0 0 auto;padding:6px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:#fbfcfd;color:#87919d;font-size:12px;box-sizing:border-box;position:relative;z-index:6}
    #fmPagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}
    #fmPagination .layui-laypage{display:flex;align-items:center;gap:4px;margin:0;font-size:12px;color:#7b8693}
    #fmPagination .layui-laypage>a,
    #fmPagination .layui-laypage>span{height:30px;margin:0;padding:0 10px;border-radius:3px;background:#fff;line-height:28px;box-sizing:border-box}
    #fmPagination .layui-laypage .layui-laypage-prev,
    #fmPagination .layui-laypage .layui-laypage-next{width:30px;min-width:30px;padding:0;text-align:center;color:#7b8693}
    #fmPagination .layui-laypage .layui-laypage-prev i,
    #fmPagination .layui-laypage .layui-laypage-next i{font-size:12px}
    #fmPagination .layui-laypage a:hover{color:#16a596;border-color:#9fded7}
    #fmPagination .layui-laypage .layui-laypage-curr{width:30px;min-width:30px;padding:0;border-color:#16baaa;text-align:center}
    #fmPagination .layui-laypage .layui-laypage-curr .layui-laypage-em{border-radius:2px;background:#16baaa!important}
    #fmPagination .layui-laypage .layui-laypage-curr>em:not(.layui-laypage-em){position:relative;display:block;width:28px;height:28px;padding:0;line-height:28px;text-align:center;box-sizing:border-box}
    #fmPagination .layui-laypage .layui-laypage-skip{display:inline-flex;align-items:center;gap:5px;padding:0 7px;color:#7b8693;white-space:nowrap}
    #fmPagination .layui-laypage .layui-laypage-skip .layui-input{width:38px;height:24px;margin:0;padding:0 5px;border-color:#e1e6eb;border-radius:2px;text-align:center;font-size:12px}
    #fmPagination .layui-laypage .layui-laypage-btn{height:24px;margin:0;padding:0 8px;border-color:#e1e6eb;border-radius:2px;line-height:22px;font-size:12px;color:#566170}
    #fmPagination .fm-page-limit{display:block;width:88px;height:30px;margin:0;padding:0;border:0;background:transparent;line-height:30px;flex:0 0 88px}
    #fmPagination .fm-page-limit .layui-form-select{display:block;width:88px!important;height:30px;margin:0}
    #fmPagination .fm-page-limit .layui-select-title,
    #fmPagination .fm-page-limit .layui-select-title .layui-input{height:30px;line-height:28px;font-size:12px}
    #fmPagination .fm-page-limit .layui-select-title .layui-input{width:88px!important;padding:0 24px 0 9px;border-color:#e1e6eb;border-radius:3px;color:#566170;box-sizing:border-box}
    #fmPagination .fm-page-limit .layui-form-select dl{top:auto;bottom:34px;min-width:88px;font-size:12px}
    #fmPagination .fm-page-limit .layui-form-select dl dd{height:30px;line-height:30px}
    #fmPageNav,#fmPageSkip{display:flex;align-items:center}
    #fmPageSkip .layui-laypage-skip{margin:0}
    .fm-drop-mask{display:none;position:absolute;z-index:20;inset:10px;border:1px dashed #16baaa;border-radius:2px;background:rgba(238,250,248,.94);align-items:center;justify-content:center;flex-direction:column;color:#168f83;font-size:15px}
    .fm-drop-mask i{margin-bottom:10px;font-size:42px}
    .fm-table-wrap.drag-over .fm-drop-mask{display:flex}
    .fm-action-menu{display:none;position:fixed;z-index:99999;width:158px;padding:5px;background:#fff;border:1px solid #e1e6eb;border-radius:5px;box-shadow:0 10px 28px rgba(30,42,55,.18)}
    .fm-action-menu.is-open{display:block;animation:fmMenuIn .12s ease-out}
    .fm-action-menu .fm-pop-item i{width:16px;text-align:center;font-size:14px;font-weight:400;line-height:1;color:#728095}
    .fm-action-menu .fm-pop-item .fa{font-family:FontAwesome;font-style:normal}
    .fm-action-menu .fm-pop-item.is-danger i{color:#f25c54}
    .fm-more{display:inline-flex;align-items:center;gap:2px}
    .fm-more i{font-size:9px;line-height:1;transform:translateY(1px)}
    .fm-clipboard-tip{display:none;height:30px;padding:0 10px;align-items:center;gap:6px;border-radius:4px;background:#eff9f7;color:#168f83;font-size:12px}
    .fm-clipboard-tip.is-visible{display:inline-flex}
    .fm-editor-workspace{display:none;width:100%;height:100%;min-height:0;background:#1e1f22;border-radius:0;overflow:hidden;box-shadow:none}
    .fm-editor-workspace.is-open{display:flex;flex-direction:column}
    .fm-editor-commandbar{height:36px;min-height:36px;display:flex;align-items:stretch;background:#56585b;border-bottom:1px solid #414347;overflow:hidden}
    .fm-editor-commandbar button{height:36px;padding:0 16px;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:#f5f6f7;font-size:13px;line-height:36px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
    .fm-editor-commandbar button i{display:inline-block;margin-right:6px;font-size:15px;line-height:1;vertical-align:-1px}
    .fm-editor-commandbar button:hover{background:#484a4e;color:#fff}
    .fm-editor-commandbar button:disabled,
    .fm-editor-commandbar button.layui-btn-disabled{background:transparent!important;color:#f5f6f7!important;opacity:.58;cursor:default}
    .fm-editor-top{height:43px;min-height:43px;display:flex;align-items:stretch;background:#050505;border-bottom:1px solid #111}
    .fm-editor-directory{width:260px;min-width:260px;padding:0 16px;display:flex;align-items:center;box-sizing:border-box;background:#090909;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden}
    .fm-editor-directory span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600}
    .fm-tabs{min-width:0;flex:1;height:43px;display:flex;align-items:flex-end;overflow:auto}
    .fm-tab{position:relative;height:42px;max-width:220px;padding:0 10px 0 13px;display:flex;align-items:center;gap:9px;border-right:1px solid #222;background:#292b2f;color:#aeb4bd;cursor:pointer;font-size:12px;box-sizing:border-box}
    .fm-tab.is-active{background:#1e1f22;color:#fff}
    .fm-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#16baaa}
    .fm-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .fm-tab-close{width:22px;height:24px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center}
    .fm-tab-close>.layui-icon{font-size:14px;line-height:1}
    .fm-tab-close:hover{color:#fff}
    .fm-tab-dirty{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:#d98942;color:#24262a;font-size:11px;font-weight:700;line-height:18px}
    .fm-editor-workspace .file-manager-container{height:auto;min-height:0;flex:1;border:0;border-radius:0;box-shadow:none}
    .fm-editor-workspace .file-tree-panel{width:260px;min-width:260px;padding:0;background:#25272b;border-color:#3d4045;color:#c9cdd3}
    .fm-tree-toolbar{height:31px;display:flex;align-items:center;background:#555;border-bottom:1px solid #3f3f3f;overflow:hidden}
    .fm-tree-toolbar button{height:31px;padding:0 8px;border:0;background:transparent;color:#fff;font-size:11px;line-height:31px;cursor:pointer;white-space:nowrap}
    .fm-tree-toolbar button i{margin-right:3px;font-size:11px}
    .fm-tree-toolbar button:hover{background:#474747}
    .fm-editor-workspace #fileTree{padding:5px 6px 12px}
    .fm-editor-workspace #fileTree .layui-tree-entry{min-height:25px;padding:1px 6px!important;border-radius:2px}
    .fm-editor-workspace #fileTree .layui-tree-pack{padding-left:15px}
    .fm-editor-workspace #fileTree .layui-tree-iconArrow{width:13px;color:#9299a3}
    .fm-editor-workspace #fileTree .layui-tree-iconArrow .layui-icon{font-size:11px}
    .fm-editor-workspace #fileTree .layui-tree-txt{color:#c9cdd3}
    .fm-editor-workspace #fileTree .layui-tree-entry:hover{background:#34373c}
    .fm-editor-workspace #fileTree .layui-tree-entry.selected{background:#303f42!important;color:#66c8bd!important}
    .fm-editor-workspace #fileTree .layui-tree-entry.selected .layui-tree-txt{color:#72d0c5!important}
    .fm-editor-workspace #fileTree .layui-tree-set.is-renaming>.layui-tree-entry{background:#303f42!important}
    .fm-editor-workspace #fileTree .fm-tree-rename-input{width:156px;height:24px;padding:0 6px;border:1px solid #5fc8bd;border-radius:2px;outline:0;background:#1f2226;color:#fff;font-size:12px;line-height:22px;box-sizing:border-box}
    .fm-editor-workspace #fileTree .layui-tree-lineVertical,
    .fm-editor-workspace #fileTree .layui-tree-lineHorizontal{border-color:#454a51!important}
    .fm-editor-workspace .file-mode-switch{display:none!important}
    .fm-editor-workspace .editor-statusbar{height:28px;padding:0 14px;background:#5c5c5c;border-top:1px solid #737373;color:#fff;font-family:"Microsoft YaHei",Arial,sans-serif}
    .fm-editor-workspace .editor-statusbar .status-left{min-width:0;flex:1}
    .fm-editor-workspace .editor-statusbar .status-right{gap:22px}
    .fm-editor-workspace .status-file-path{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .fm-editor-workspace .status-file-path b{font-weight:400}
    .fm-editor-workspace .status-action{height:26px;padding:0;border:0;background:transparent;color:inherit;font-size:12px;cursor:pointer}
    .fm-editor-workspace .status-action:disabled{cursor:default}
    .fm-editor-workspace .status-select{height:26px;color:#fff}
    .fm-editor-workspace .status-select option{background:#4f4f4f}
    .fm-editor-workspace.theme-light{background:#fff;color:#3f4752}
    .fm-editor-workspace.theme-light .fm-editor-commandbar{background:#f2f3f5;border-bottom-color:#d9dde3}
    .fm-editor-workspace.theme-light .fm-editor-commandbar button{border-right-color:#dfe3e8;color:#4d5662}
    .fm-editor-workspace.theme-light .fm-editor-commandbar button:hover{background:#e5e8ec;color:#1f2732}
    .fm-editor-workspace.theme-light .fm-editor-commandbar button:disabled,
    .fm-editor-workspace.theme-light .fm-editor-commandbar button.layui-btn-disabled{color:#4d5662;opacity:.5}
    .fm-editor-workspace.theme-light .fm-editor-top{background:#f7f8fa;border-bottom-color:#dfe3e8}
    .fm-editor-workspace.theme-light .fm-editor-directory{background:#f2f3f5;color:#303945;border-right-color:#dfe3e8}
    .fm-editor-workspace.theme-light .fm-tab{background:#eceff2;color:#66717f;border-right-color:#d9dde3}
    .fm-editor-workspace.theme-light .fm-tab.is-active{background:#fff;color:#202936}
    .fm-editor-workspace.theme-light .file-tree-panel{background:#f5f6f8;border-color:#d9dde3;color:#4d5662}
    .fm-editor-workspace.theme-light .fm-tree-toolbar{background:#eceff2;border-bottom-color:#d9dde3}
    .fm-editor-workspace.theme-light .fm-tree-toolbar button{color:#4d5662}
    .fm-editor-workspace.theme-light .fm-tree-toolbar button:hover{background:#dfe4e9}
    .fm-editor-workspace.theme-light #fileTree .layui-tree-txt{color:#4d5662}
    .fm-editor-workspace.theme-light #fileTree .layui-tree-entry:hover{background:#e6e9ed}
    .fm-editor-workspace.theme-light #fileTree .layui-tree-entry.selected{background:#dcefeb!important;color:#168f83!important}
    .fm-editor-workspace.theme-light #fileTree .layui-tree-entry.selected .layui-tree-txt{color:#168f83!important}
    .fm-editor-workspace.theme-light #fileTree .layui-tree-set.is-renaming>.layui-tree-entry{background:#dcefeb!important}
    .fm-editor-workspace.theme-light #fileTree .fm-tree-rename-input{background:#fff;color:#333}
    .fm-editor-workspace.theme-light #fileTree .layui-tree-iconArrow{color:#87919d}
    .fm-editor-workspace.theme-light .editor-statusbar{background:#f0f2f4;border-top-color:#d8dde3;color:#4d5662}
    .fm-editor-workspace.theme-light .status-select{color:#4d5662}
    .fm-editor-workspace.theme-light .status-select option{background:#fff;color:#4d5662}
    .fm-editor-layer .layui-layer-content{height:calc(100% - 50px);overflow:hidden}
    .fm-editor-layer .layui-layer-title{font-weight:500}
    .fm-upload-layer .layui-layer-content{overflow:hidden;background:#fff}
    .fm-upload-dialog{height:100%;padding:16px 20px 18px;display:flex;flex-direction:column;box-sizing:border-box}
    .fm-upload-dialog-toolbar{height:34px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}
    .fm-upload-dialog-toolbar .layui-btn{height:32px;line-height:30px;border-radius:5px}
    .fm-upload-clear{color:#98a1ac!important}
    .fm-upload-clear:not(.layui-btn-disabled):hover{color:#16a596!important}
    .fm-upload-droparea{position:relative;min-height:300px;margin-top:14px;flex:1;display:flex;align-items:center;justify-content:center;border:1px dashed #d8dee7;border-radius:2px;background:#fff;color:#9299a3;font-size:25px;line-height:1.5;text-align:center;cursor:pointer;box-sizing:border-box;transition:border-color .18s,background .18s,color .18s}
    .fm-upload-droparea:hover,.fm-upload-droparea.is-dragover{border-color:#16baaa;background:#f7fcfb;color:#687582}
    .fm-upload-droparea.has-files{align-items:flex-start;justify-content:flex-start;padding:12px;overflow:auto;cursor:default}
    .fm-upload-empty{margin:auto;padding:30px;color:#939aa4;font-size:25px}
    .fm-upload-queue{width:100%;display:none;text-align:left}
    .fm-upload-droparea.has-files .fm-upload-empty{display:none}
    .fm-upload-droparea.has-files .fm-upload-queue{display:block}
    .fm-upload-item{height:40px;padding:0 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f3;color:#5f6975;font-size:13px;box-sizing:border-box}
    .fm-upload-item i{color:#8793a0;font-size:16px}
    .fm-upload-item-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .fm-upload-item-size{color:#9aa3ad;font-size:12px}
    .fm-upload-item-remove{width:24px;height:24px;padding:0;border:0;background:transparent;color:#a7afb8;cursor:pointer}
    .fm-upload-item-remove:hover{color:#ff5722}
    .fm-upload-dialog-footer{height:48px;padding-top:16px;display:flex;align-items:flex-end;justify-content:flex-end;flex:0 0 auto}
    .fm-upload-start{min-width:76px}
    .fm-tree-new-actions{padding:18px;display:flex;gap:12px}
    .fm-tree-new-actions button{height:54px;flex:1;border:1px solid #dde3e9;border-radius:3px;background:#fff;color:#586474;cursor:pointer}
    .fm-tree-new-actions button:hover{border-color:#16baaa;color:#16a596;background:#f5fbfa}
    .fm-tree-new-actions i{margin-right:6px}
    /* 文件管理紧凑视觉规范：中性色为主，绿色只用于当前态和主要反馈。 */
    .fm-browser,.fm-browser button,.fm-browser input,.fm-browser select,
    .fm-editor-workspace,.fm-editor-workspace button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
    .fm-pathbar,.fm-toolbar,.fm-table,.fm-status{font-size:12px}
    .fm-pathbar i,.fm-toolbar i,.fm-status i{font-size:13px;line-height:1}
    .fm-toolbar .layui-btn{height:30px;line-height:1;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:12px;color:#566170;border-color:#dce2e8;background:#fff}
    .fm-toolbar .layui-btn:hover{color:#168f83;border-color:#9fded7;background:#f7fbfa}
    .fm-toolbar .layui-btn>i{height:14px;line-height:14px!important;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#718091}
    .fm-toolbar .layui-btn:hover>i{color:#168f83}
    .fm-toolbar .layui-icon-down{height:12px;line-height:12px!important;margin-right:0!important;margin-left:4px!important;font-size:10px!important;color:#8a96a3!important}
    .fm-upload-wrap,.fm-new-wrap{display:flex;align-items:center}
    .fm-batch-wrap{align-items:center}
    .fm-toolbar .fm-batch{display:none}
    .fm-toolbar .fm-batch.is-visible{display:inline-flex}
    .fm-search-child{display:inline-flex;align-items:center;justify-content:center}
    .fm-search-child .layui-form-checkbox[lay-skin=primary]{height:30px;line-height:30px;display:inline-flex;align-items:center;margin:0;padding-left:22px}
    .fm-search-child .layui-form-checkbox[lay-skin=primary] span{line-height:30px}
    .fm-search-child .layui-form-checkbox[lay-skin=primary] i{top:50%;margin-top:-8px}
    .fm-pop-item{height:32px;padding:0 9px;gap:8px;font-size:12px}
    .fm-pop-menu .fm-pop-item i,.fm-action-menu .fm-pop-item i{width:15px;font-size:13px;color:#748191}
    .fm-table th,.fm-table td{font-size:12px;color:#596574}
    .fm-table th{font-weight:600;color:#687586}
    .fm-file-icon{width:24px;height:24px;margin-right:8px;font-size:15px}
    .fm-file-icon.folder{font-size:18px}
    .fm-row-actions{gap:9px}
    .fm-link-btn{font-size:12px;color:#667383}
    .fm-empty i{font-size:36px;color:#d8dde3}
    .fm-empty{font-size:12px;color:#99a3af}
    @media(max-width:900px){
        .fm-path-left{width:auto;max-width:none;min-width:0;flex:1}.fm-search{width:230px}.fm-time-col,.fm-type-col,.fm-remark-col{display:none}.fm-name-col{width:auto}
        .fm-editor-directory,.fm-editor-workspace .file-tree-panel{width:210px;min-width:210px}
        .fm-editor-commandbar button{padding:0 9px}
    }
</style>

<body>
<div class="file-manager-wrap">
    <section class="fm-browser" id="fmBrowser">
        <div class="fm-pathbar">
            <div class="fm-path-left">
                <button type="button" class="fm-path-back layui-btn-sm" id="fmPathBackBtn" title="上一级"><i class="layui-icon layui-icon-left"></i></button>
                <div class="fm-crumbs" id="fmBreadcrumb"></div>
                <input type="text" class="layui-input fm-path-input" id="fmPathInput">
                <button type="button" class="fm-path-refresh layui-btn-sm" id="fmPathRefreshBtn" title="刷新"><i class="layui-icon layui-icon-refresh"></i></button>
            </div>
            <div class="fm-search layui-form">
                <input type="text" id="fmSearch" class="layui-input" placeholder="搜索文件/目录">
                <label class="fm-search-child"><input type="checkbox" id="fmIncludeChildren" lay-filter="fmIncludeChildren" lay-skin="primary" title="包含子目录"></label>
                <button type="button" class="fm-search-button layui-btn-sm" id="fmSearchBtn" title="搜索"><i class="layui-icon layui-icon-search"></i></button>
            </div>
        </div>
        <div class="fm-toolbar">
            <div class="fm-toolbar-left">
                <div class="fm-upload-wrap">
                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="fmUploadMenuBtn"><i class="layui-icon layui-icon-upload-drag"></i>上传文件 <i class="layui-icon layui-icon-down"></i></button>
                </div>
                <div class="fm-new-wrap">
                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="fmNewBtn"><i class="layui-icon layui-icon-folder"></i>新建 <i class="layui-icon layui-icon-down"></i></button>
                </div>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="fmLockBtn" title="立即关闭文件管理"><i class="layui-icon layui-icon-password"></i>安全关闭</button>
                <div class="fm-batch-wrap fm-batch" id="fmBatchWrap">
                    <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="fmBatchMenuBtn">更多 <i class="layui-icon layui-icon-down"></i></button>
                    <div class="fm-pop-menu" id="fmBatchMenu">
                        <div class="fm-pop-item" data-batch="download"><i class="layui-icon layui-icon-download-circle"></i>下载</div>
                        <div class="fm-pop-item" data-batch="copy"><i class="layui-icon layui-icon-file-b"></i>复制</div>
                        <div class="fm-pop-item" data-batch="cut"><i class="fa fa-cut"></i>剪切</div>
                        <div class="fm-pop-item" data-batch="compress"><i class="layui-icon layui-icon-template-1"></i>压缩</div>
                        <div class="fm-pop-item" data-batch="extract"><i class="layui-icon layui-icon-release"></i>解压 ZIP</div>
                        <div class="fm-pop-divider"></div>
                        <div class="fm-pop-item is-danger" data-batch="delete"><i class="layui-icon layui-icon-delete"></i>删除</div>
                    </div>
                </div>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm fm-batch" id="fmPasteBtn"><i class="layui-icon layui-icon-release"></i>粘贴</button>
                <span class="fm-clipboard-tip" id="fmClipboardTip"></span>
                <span class="fm-drop-tip">可将多个文件直接拖到列表上传</span>
            </div>
        </div>
        <div class="fm-table-wrap" id="fmDropZone">
            <div class="fm-drop-mask"><i class="layui-icon layui-icon-upload-drag"></i><span>松开即可上传到当前目录</span></div>
            <table class="fm-table">
                <thead>
                <tr>
                    <th class="fm-check-col layui-form"><input type="checkbox" id="fmCheckAll" lay-filter="fmCheckAll" lay-skin="primary"></th>
                    <th class="fm-name-col">文件名称</th>
                    <th class="fm-type-col">类型</th>
                    <th class="fm-size-col">大小</th>
                    <th class="fm-time-col">修改时间</th>
                    <th class="fm-remark-col">备注</th>
                    <th class="fm-action-col">操作</th>
                </tr>
                </thead>
                <tbody id="fmFileRows"></tbody>
            </table>
        </div>
        <div class="fm-status">
            <span id="fmCountText">正在读取文件…</span>
            <div id="fmPagination"></div>
        </div>
    </section>

    <section class="fm-editor-workspace" id="fmEditorWorkspace">
        <div class="fm-editor-commandbar">
            <button type="button" class="layui-btn-sm" id="saveBtn" disabled><i class="layui-icon layui-icon-ok"></i>保存</button>
            <button type="button" class="layui-btn-sm" id="fmSaveAllBtn"><i class="layui-icon layui-icon-file-b"></i>全部保存</button>
            <button type="button" class="layui-btn-sm" id="fmEditorReloadBtn"><i class="layui-icon layui-icon-refresh"></i>刷新</button>
            <button type="button" class="layui-btn-sm" id="fmEditorReplaceBtn"><i class="layui-icon layui-icon-edit"></i>替换</button>
            <button type="button" class="layui-btn-sm" id="fmEditorFontBtn"><i class="layui-icon layui-icon-fonts-code"></i>字体大小</button>
            <button type="button" class="layui-btn-sm" id="fmEditorThemeBtn"><i class="layui-icon layui-icon-theme"></i>主题</button>
        </div>
        <div class="fm-editor-top">
            <div class="fm-editor-directory">目录：<span id="fmEditorDirectory">/template</span></div>
            <div class="fm-tabs" id="fmEditorTabs"></div>
        </div>
        <div class="file-manager-container">
        <!-- 左侧目录树 -->
        <div class="file-tree-panel">
            <div class="fm-tree-toolbar">
                <button type="button" class="layui-btn-sm" id="fmTreeUpBtn"><i class="layui-icon layui-icon-up"></i>上一级</button>
                <button type="button" class="layui-btn-sm" id="fmTreeReloadBtn"><i class="layui-icon layui-icon-refresh"></i>刷新</button>
                <button type="button" class="layui-btn-sm" id="fmTreeNewBtn"><i class="layui-icon layui-icon-add-1"></i>新建</button>
                <button type="button" class="layui-btn-sm" id="fmTreeSearchBtn"><i class="layui-icon layui-icon-search"></i>搜索</button>
            </div>
            <div id="fileTree"></div>
        </div>

        <!-- 中间编辑器 -->
        <div class="file-editor-panel">
            <div class="file-mode-switch" id="fileModeSwitch" aria-hidden="true">
                <button type="button" class="layui-btn-sm is-active" data-mode="code">代码</button>
                <button type="button" class="layui-btn-sm" data-mode="preview">预览</button>
            </div>
            <div class="editor-content" id="editorContent">
                <div class="empty-state">
                    <i class="layui-icon layui-icon-file"></i>
                    <p>请从左侧选择要编辑的文件</p>
                    <p style="font-size:12px;color:#ccc;margin-top:10px;">支持 HTML, CSS, JS, PHP, JSON, XML, TXT, MD 等格式</p>
                </div>
            </div>
            <div class="preview-content" id="previewContent">
                <iframe class="preview-frame" id="previewFrame" sandbox="allow-same-origin allow-scripts"></iframe>
            </div>
            <div class="editor-statusbar" id="editorStatusbar">
                <div class="status-left">
                    <span class="status-item status-file-path">文件位置：<b id="currentFilePath"></b></span>
                </div>
                <div class="status-right">
                    <span class="status-item">CRLF</span>
                    <span class="status-item" id="statusCursorInfo">行 1, 列 1</span>
                    <span class="status-item">制表符：4</span>
                    <select class="status-select" id="encodingSelect">
                        <option value="UTF-8">UTF-8</option>
                        <option value="GBK">GBK</option>
                        <option value="GB2312">GB2312</option>
                        <option value="ISO-8859-1">ISO-8859-1</option>
                        <option value="BIG5">BIG5</option>
                    </select>
                    <select class="status-select" id="themeSelect" style="display:none">
                        <option value="monokai">深色</option>
                        <option value="default">浅色</option>
                    </select>
                    <select class="status-select" id="templateSelect" style="display:none">
                        <option value="">插入模板</option>
                        <option value="html">HTML</option>
                        <option value="css">CSS</option>
                        <option value="js">JavaScript</option>
                        <option value="php">PHP</option>
                        <option value="json">JSON</option>
                        <option value="xml">XML</option>
                        <option value="md">Markdown</option>
                    </select>
                    <span class="status-item" id="statusLanguage">语言：HTML</span>
                </div>
            </div>

        </div>

    </div>
    </section>
</div>

<div class="fm-action-menu" id="fmActionMenu"></div>

<!-- 右键菜单 -->
<div class="tree-context-menu" id="treeContextMenu">
    <div class="ctx-item" id="ctxNewFolder"><i class="layui-icon layui-icon-addition"></i>新建文件夹</div>
    <div class="ctx-item" id="ctxNewFile"><i class="layui-icon layui-icon-file"></i>新建文件</div>
    <div class="ctx-item" id="ctxUpload"><i class="layui-icon layui-icon-upload-drag"></i>上传文件</div>
    <div class="ctx-divider" id="ctxDivider1"></div>
    <div class="ctx-item" id="ctxEdit"><i class="layui-icon layui-icon-edit"></i>编辑</div>
    <div class="ctx-item" id="ctxCopy"><i class="fa fa-copy"></i>复制</div>
    <div class="ctx-item" id="ctxCut"><i class="fa fa-cut"></i>剪切</div>
    <div class="ctx-item" id="ctxPaste"><i class="fa fa-paste"></i>粘贴</div>
    <div class="ctx-item" id="ctxRename"><i class="layui-icon layui-icon-edit"></i>重命名</div>
    <div class="ctx-item" id="ctxMove"><i class="layui-icon layui-icon-transfer"></i>移动</div>
    <div class="ctx-item" id="ctxCompress"><i class="layui-icon layui-icon-template-1"></i>压缩</div>
    <div class="ctx-item" id="ctxDownload"><i class="layui-icon layui-icon-download-circle"></i>下载</div>
    <div class="ctx-item" id="ctxCopyPath"><i class="layui-icon layui-icon-link"></i>复制路径</div>
    <div class="ctx-item" id="ctxExtract"><i class="layui-icon layui-icon-component"></i>解压到当前目录</div>
    <div class="ctx-divider" id="ctxDivider2"></div>
    <div class="ctx-item ctx-danger" id="ctxDelete"><i class="layui-icon layui-icon-delete"></i>删除</div>
</div>


<script>
{literal}
layui.use(['tree', 'layer', 'form', 'laypage', 'dropdown'], function(){
    var tree = layui.tree;
    var layer = layui.layer;
    var $ = layui.jquery;
    var form = layui.form;
    var laypage = layui.laypage;
    var dropdown = layui.dropdown;

    // 文件管理包含大量 $.post / FormData 写请求。显式统一附加当前页面令牌，
    // 不依赖浏览器对 XMLHttpRequest 原型补丁的兼容性。
    var fileManagerCsrfToken = window.adminCsrfToken
        || $('meta[name="csrf-token"]').attr('content')
        || '';
    if (fileManagerCsrfToken) {
        $.ajaxSetup({headers: {'X-CSRF-Token': fileManagerCsrfToken}});
    }

    function fmRequestError(xhr, fallback) {
        var response = xhr && xhr.responseJSON ? xhr.responseJSON : null;
        if (!response && xhr && xhr.responseText) {
            try { response = JSON.parse(xhr.responseText); } catch (e) {}
        }
        return response && response.msg ? response.msg : (fallback || '操作失败，请刷新页面后重试');
    }

    function fmReturnToLockedPage(message) {
        if (message) layer.msg(message, {icon:0, time:900});
        setTimeout(function(){ location.reload(); }, message ? 900 : 0);
    }
    function fmLockNow() {
        var $button = $('#fmLockBtn');
        if ($button.prop('disabled')) return;
        $button.prop('disabled', true).addClass('layui-btn-disabled');
        $.post('/admin/file/lock')
            .done(function(res){
                if (res && res.status === 'success') {
                    layer.msg(res.msg || '文件管理已安全关闭', {icon:1, time:500});
                    setTimeout(function(){
                        window.location.replace('/admin/file?_locked=' + Date.now());
                    }, 500);
                    return;
                }
                $button.prop('disabled', false).removeClass('layui-btn-disabled');
                layer.msg((res && res.msg) || '关闭失败，请重试', {icon:2});
            })
            .fail(function(xhr){
                $button.prop('disabled', false).removeClass('layui-btn-disabled');
                layer.msg(fmRequestError(xhr, '关闭失败，请刷新页面后重试'), {icon:2});
            });
    }
    $(document).ajaxError(function(event, xhr){
        if (xhr && xhr.status === 423) fmReturnToLockedPage('当前登录已失效或文件管理已关闭');
    });
    $('#fmLockBtn').on('click', fmLockNow);

    var editor = null;
    var monacoReady = false;
    var monacoLoadError = null;
    var pendingFilePath = null;
    var currentFilePath = null;
    var currentFileExt = '';
    var currentMode = 'code';
    var previewChanges = [];
    var previewFingerprint = '';
    var activePreviewTextElement = null;
    var activePreviewImage = null;
    var activePreviewElement = null;
    var savedPreviewRange = null;
    var activePreviewLinkTarget = null;
    var previewLinkToolbar = null;
    var previewLinkDecoratedElement = null;
    var isModified = false;
    var currentTheme = 'vs-dark';
    var fmTreeData = [];
    var fmCurrentDir = '';
    var fmSelected = {};
    var fmSelectionAnchorPath = '';
    var fmMouseSelecting = false;
    var fmMouseSelectionMode = 'select';
    var fmOpenTabs = [];
    var fmTabStates = {};
    var fmApplyingTabState = false;
    var fmExpandedFolders = {};
    var fmSearchText = '';
    var fmIncludeChildren = false;
    var fmPage = 1;
    var fmPageLimit = 30;
    var fmInlineCreateType = '';
    var fmRenamePath = '';
    var fmClipboard = {mode:'', items:[]};
    var fmMenuTarget = null;
    var fmEditorLayerIndex = null;
    var fmEditorForceClose = false;

    // 轻量模式：关闭依赖 6.7 MB TypeScript Worker 的智能功能。
    function configureLightweightMonaco() {
        var typescript = monaco.languages && monaco.languages.typescript;
        if (!typescript) return;

        var disabledFeatures = {
            completionItems: false,
            hovers: false,
            documentSymbols: false,
            definitions: false,
            references: false,
            documentHighlights: false,
            rename: false,
            diagnostics: false,
            documentRangeFormattingEdits: false,
            signatureHelp: false,
            onTypeFormattingEdits: false,
            codeActions: false,
            inlayHints: false
        };

        [typescript.javascriptDefaults, typescript.typescriptDefaults].forEach(function(defaults) {
            if (!defaults) return;
            defaults.setDiagnosticsOptions({
                noSemanticValidation: true,
                noSyntaxValidation: true
            });
            if (defaults.setModeConfiguration) {
                defaults.setModeConfiguration(disabledFeatures);
            }
        });
    }

    // 初始化 Monaco
    function initEditor() {
        if (!monacoReady || typeof monaco === 'undefined') return false;
        var container = document.getElementById('editorContent');
        container.innerHTML = '';

        currentTheme = $('#themeSelect').val() === 'default' ? 'vs' : 'vs-dark';
        editor = monaco.editor.create(container, {
            value: '',
            language: 'html',
            theme: currentTheme,
            automaticLayout: true,
            quickSuggestions: false,
            suggestOnTriggerCharacters: false,
            parameterHints: { enabled: false },
            hover: { enabled: false },
            codeLens: false,
            lightbulb: { enabled: false }
        });

        editor.onDidChangeModelContent(function() {
            if (fmApplyingTabState) return;
            isModified = true;
            if (currentFilePath) {
                fmTabStates[currentFilePath] = $.extend({}, fmTabStates[currentFilePath] || {}, {
                    content: editor.getValue(),
                    modified: true,
                    ext: currentFileExt,
                    encoding: $('#encodingSelect').val() || 'UTF-8'
                });
                fmRenderTabs(currentFilePath);
            }
            $('#saveBtn').removeClass('layui-btn-disabled').prop('disabled', false);
        });

        editor.onDidChangeCursorPosition(function(e) {
            var pos = e.position;
            $('#statusCursorInfo').text('行 ' + pos.lineNumber + ', 列 ' + pos.column);
        });

        editor.addAction({
            id: 'save-file',
            label: 'Save',
            keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS],
            run: function() { saveFile(); }
        });
        return true;
    }

    // 设置编辑器语言
    function setEditorMode(ext) {
        if (!editor || !monacoReady) return;
        var modeMap = {
            'html': 'html', 'htm': 'html',
            'css': 'css',
            'js': 'javascript',
            'json': 'json',
            'php': 'php',
            'xml': 'xml',
            'md': 'markdown',
            'txt': 'plaintext'
        };
        var lang = modeMap[ext.toLowerCase()] || 'html';
        monaco.editor.setModelLanguage(editor.getModel(), lang);
        var labelMap = {
            html: 'HTML', css: 'CSS', javascript: 'JavaScript', json: 'JSON',
            php: 'PHP', xml: 'XML', markdown: 'Markdown', plaintext: 'Text'
        };
        $('#statusLanguage').text('语言：' + (labelMap[lang] || lang));
    }

    function fmFindFolder(nodes, path) {
        if (!path) return {children: nodes || []};
        var list = nodes || [];
        for (var i = 0; i < list.length; i++) {
            if (list[i].type === 'folder' && list[i].path === path) return list[i];
            if (list[i].children && list[i].children.length) {
                var found = fmFindFolder(list[i].children, path);
                if (found) return found;
            }
        }
        return null;
    }

    function fmFormatSize(bytes) {
        bytes = Number(bytes || 0);
        if (bytes < 1024) return bytes + ' B';
        if (bytes < 1048576) return (bytes / 1024).toFixed(bytes > 10240 ? 0 : 1) + ' KB';
        if (bytes < 1073741824) return (bytes / 1048576).toFixed(1) + ' MB';
        return (bytes / 1073741824).toFixed(2) + ' GB';
    }

    function fmNodeSize(node) {
        if (!node) return 0;
        if (node.type !== 'folder') return Number(node.size || 0);
        return (node.children || []).reduce(function(total, child){ return total + fmNodeSize(child); }, 0);
    }

    function fmFormatTime(timestamp) {
        if (!timestamp) return '—';
        var d = new Date(Number(timestamp) * 1000);
        function pad(v) { return String(v).padStart(2, '0'); }
        return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()) + ' ' + pad(d.getHours()) + ':' + pad(d.getMinutes());
    }

    function fmTypeLabel(node) {
        if (node.type === 'folder') return '文件夹';
        var ext = String(node.ext || '').toLowerCase();
        var names = {html:'HTML',htm:'HTML',css:'样式表',js:'JavaScript',php:'PHP',json:'JSON',xml:'XML',txt:'文本',md:'Markdown',jpg:'图片',jpeg:'图片',png:'图片',gif:'图片',webp:'图片',svg:'矢量图',ico:'图标',mp4:'视频',webm:'视频',ogg:'视频',mov:'视频',m4v:'视频',zip:'压缩包',rar:'压缩包','7z':'压缩包'};
        return names[ext] || (ext ? ext.toUpperCase() + ' 文件' : '文件');
    }

    function fmIconHtml(node) {
        if (node.type === 'folder') return '<span class="fm-file-icon folder"><i class="layui-icon layui-icon-folder"></i></span>';
        var ext = String(node.ext || '').toLowerCase();
        if (['jpg','jpeg','png','gif','webp','bmp','svg','ico'].indexOf(ext) !== -1) {
            return '<span class="fm-file-icon image"><img src="/template/' + encodeURI(node.path) + '" alt=""></span>';
        }
        if (['mp4','webm','ogg','mov','m4v'].indexOf(ext) !== -1) {
            return '<span class="fm-file-icon"><i class="layui-icon layui-icon-video"></i></span>';
        }
        var icon = ['zip','rar','7z','tar','gz'].indexOf(ext) !== -1 ? 'layui-icon-template-1' : 'layui-icon-file';
        return '<span class="fm-file-icon"><i class="layui-icon ' + icon + '"></i></span>';
    }

    function fmRenderBreadcrumb() {
        var parts = fmCurrentDir ? fmCurrentDir.split('/') : [];
        var html = '<span class="fm-crumb fm-root ' + (!parts.length ? 'is-current' : '') + '" data-path="">template</span>';
        var current = '';
        parts.forEach(function(part) {
            current = current ? current + '/' + part : part;
            html += '<span class="fm-crumb-sep"><i class="layui-icon layui-icon-right"></i></span><span class="fm-crumb ' + (current === fmCurrentDir ? 'is-current' : '') + '" data-path="' + encodeURIComponent(current) + '">' + escapeHtml(part) + '</span>';
        });
        $('#fmBreadcrumb').html(html);
        $('#fmPathInput').val('/template' + (fmCurrentDir ? '/' + fmCurrentDir : ''));
        $('#fmPathBackBtn').prop('disabled', !fmCurrentDir);
    }

    function fmCollectChildren(nodes, output) {
        (nodes || []).forEach(function(node) {
            output.push(node);
            if (node.children && node.children.length) fmCollectChildren(node.children, output);
        });
        return output;
    }

    function fmSuggestedName(type) {
        var folder = fmFindFolder(fmTreeData, fmCurrentDir);
        var nodes = folder ? (folder.children || []) : [];
        var base = type === 'folder' ? '新建文件夹' : '新建文件';
        var names = {};
        nodes.forEach(function(node){ names[String(node.title || '')] = true; });
        if (!names[base]) return base;
        var number = 2;
        while (names[base + number]) number++;
        return base + number;
    }

    function fmNodeAction(node) {
        if (!node || node.type === 'folder') return {text:'打开', icon:'layui-icon-folder'};
        var ext = String(node.ext || '').toLowerCase();
        if (['jpg','jpeg','png','gif','webp','bmp','svg','ico','mp4','webm','ogg','mov','m4v'].indexOf(ext) !== -1) {
            return {text:'预览', icon:'layui-icon-eye'};
        }
        if (['html','htm','css','js','json','xml','txt','php','md',''].indexOf(ext) !== -1) {
            return {text:'编辑', icon:'layui-icon-edit'};
        }
        return {text:'下载', icon:'layui-icon-download-circle'};
    }

    function fmRenderRows() {
        var folder = fmFindFolder(fmTreeData, fmCurrentDir);
        var nodes = folder ? (folder.children || []) : [];
        var keyword = fmSearchText.toLowerCase();
        if (keyword && fmIncludeChildren) {
            nodes = fmCollectChildren(nodes, []);
        }
        if (keyword) {
            nodes = nodes.filter(function(node) {
                return String(node.title || '').toLowerCase().indexOf(keyword) !== -1;
            });
        }
        nodes = nodes.slice().sort(function(a, b) {
            if (a.type !== b.type) return a.type === 'folder' ? -1 : 1;
            return String(a.title).localeCompare(String(b.title), 'zh-CN', {numeric:true});
        });
        var total = nodes.length;
        var folderCount = nodes.filter(function(node){ return node.type === 'folder'; }).length;
        var fileCount = total - folderCount;
        var maxPage = Math.max(1, Math.ceil(total / fmPageLimit));
        if (fmPage > maxPage) fmPage = maxPage;
        var pageNodes = nodes.slice((fmPage - 1) * fmPageLimit, fmPage * fmPageLimit);
        var html = '';
        if (fmInlineCreateType) {
            var inlineName = fmSuggestedName(fmInlineCreateType);
            html += '<tr class="fm-inline-row"><td class="fm-check-col"></td><td class="fm-name-col"><div class="fm-name">'
                + fmIconHtml({type:fmInlineCreateType === 'folder' ? 'folder' : 'file', ext:''})
                + '<input type="text" class="fm-inline-name" value="' + escapeHtml(inlineName) + '" maxlength="100"></div></td>'
                + '<td class="fm-type-col">' + (fmInlineCreateType === 'folder' ? '文件夹' : '文件') + '</td>'
                + '<td class="fm-size-col">—</td><td class="fm-time-col">—</td><td class="fm-remark-col"></td><td class="fm-action-col"></td></tr>';
        }
        pageNodes.forEach(function(node) {
            var key = encodeURIComponent(node.path);
            var checked = fmSelected[node.path] ? ' checked' : '';
            var nodeAction = fmNodeAction(node);
            var nameHtml = fmRenamePath === node.path
                ? '<input type="text" class="fm-rename-input" value="' + escapeHtml(node.title) + '" maxlength="100">'
                : '<span class="fm-file-label" title="' + escapeHtml(node.title) + '">' + escapeHtml(node.title) + '</span>';
            var sizeHtml = node.type === 'folder'
                ? '<button type="button" class="fm-size-calc layui-btn-sm">计算</button>'
                : fmFormatSize(node.size);
            html += '<tr class="' + (checked ? 'is-selected' : '') + '" data-path="' + key + '" data-type="' + node.type + '" data-ext="' + escapeHtml(String(node.ext || '')) + '">'
                + '<td class="fm-check-col layui-form"><input type="checkbox" class="fm-row-check" lay-filter="fmRowCheck" lay-skin="primary" value="' + key + '"' + checked + '></td>'
                + '<td class="fm-name-col"><div class="fm-name">' + fmIconHtml(node) + nameHtml + '</div></td>'
                + '<td class="fm-type-col">' + fmTypeLabel(node) + '</td>'
                + '<td class="fm-size-col">' + sizeHtml + '</td>'
                + '<td class="fm-time-col">' + fmFormatTime(node.mtime) + '</td>'
                + '<td class="fm-remark-col"><div class="fm-remark ' + (node.remark ? '' : 'is-empty') + '">' + escapeHtml(node.remark || '') + '</div></td>'
                + '<td class="fm-action-col"><div class="fm-row-actions">'
                + '<button type="button" class="fm-link-btn fm-open layui-btn-sm">' + nodeAction.text + '</button>'
                + '<button type="button" class="fm-link-btn layui-btn-sm" data-row-action="download">下载</button>'
                + '<button type="button" class="fm-link-btn fm-rename layui-btn-sm">重命名</button>'
                + '<button type="button" class="fm-link-btn danger fm-delete layui-btn-sm">删除</button>'
                + '<button type="button" class="fm-link-btn fm-more layui-btn-sm">更多 <i class="layui-icon layui-icon-down"></i></button>'
                + '</div></td></tr>';
        });
        if (!html) {
            html = '<tr><td colspan="7"><div class="fm-empty"><i class="layui-icon layui-icon-file"></i>' + (keyword ? '没有找到匹配文件' : '当前目录暂无文件') + '</div></td></tr>';
        }
        $('#fmFileRows').html(html);
        $('.fm-table').toggleClass('is-empty', total === 0 && !fmInlineCreateType);
        var selectedCount = Object.keys(fmSelected).length;
        $('#fmBatchWrap').toggleClass('is-visible', selectedCount > 0);
        $('#fmPasteBtn').toggleClass('is-visible', fmClipboard.items.length > 0);
        $('#fmCountText').html('共' + folderCount + '个目录、' + fileCount + '个文件，文件大小 <button type="button" class="fm-total-size-calc layui-btn-sm">计算</button>' + (selectedCount ? '<span id="fmSelectedCount">，已选 ' + selectedCount + ' 项</span>' : ''));
        $('#fmCheckAll').prop('checked', pageNodes.length > 0 && pageNodes.every(function(node){ return !!fmSelected[node.path]; }));
        form.render('checkbox');
        var limitOptions = [30,50,100,500].map(function(limit){
            return '<option value="' + limit + '"' + (limit === fmPageLimit ? ' selected' : '') + '>' + limit + ' 条/页</option>';
        }).join('');
        $('#fmPagination').html(
            '<div id="fmPageNav"></div>' +
            '<div class="fm-page-limit layui-form" lay-filter="fmPaginationForm"><select lay-filter="fmPageLimitSelect">' + limitOptions + '</select></div>' +
            '<div id="fmPageSkip"></div>'
        );
        laypage.render({
            elem:'fmPageNav',
            count:total,
            curr:fmPage,
            limit:fmPageLimit,
            prev:'<i class="layui-icon layui-icon-left"></i>',
            next:'<i class="layui-icon layui-icon-right"></i>',
            layout:['prev','page','next'],
            jump:function(obj, first) {
                if (!first) {
                    fmPage = obj.curr;
                    fmRenderRows();
                }
            }
        });
        laypage.render({
            elem:'fmPageSkip',
            count:total,
            curr:fmPage,
            limit:fmPageLimit,
            layout:['skip'],
            jump:function(obj, first) {
                if (!first && obj.curr !== fmPage) {
                    fmPage = obj.curr;
                    fmRenderRows();
                }
            }
        });
        form.render('select', 'fmPaginationForm');
        fmRenderBreadcrumb();
        if (fmInlineCreateType) {
            setTimeout(function(){ var input = $('.fm-inline-name')[0]; if (input) { input.focus(); input.select(); } }, 0);
        }
        if (fmRenamePath) {
            setTimeout(function(){ var input = $('.fm-rename-input')[0]; if (input) { input.focus(); input.select(); } }, 0);
        }
    }

    function fmFindNode(path, nodes) {
        nodes = nodes || fmTreeData;
        for (var i = 0; i < nodes.length; i++) {
            if (nodes[i].path === path) return nodes[i];
            if (nodes[i].children) {
                var found = fmFindNode(path, nodes[i].children);
                if (found) return found;
            }
        }
        return null;
    }

    function fmOpenNode(node) {
        if (!node) return;
        if (node.type === 'folder') {
            fmCurrentDir = node.path;
            fmSelected = {};
            fmRenderRows();
            return;
        }
        var imageExts = ['jpg','jpeg','png','gif','bmp','svg','webp','ico'];
        var nodeExt = String(node.ext || '').toLowerCase();
        if (imageExts.indexOf(nodeExt) !== -1) {
            previewImage(node.path, node.ext);
            return;
        }
        if (['mp4','webm','ogg','mov','m4v'].indexOf(nodeExt) !== -1) {
            previewVideo(node.path);
            return;
        }
        if (['html','htm','css','js','json','xml','txt','php','md',''].indexOf(nodeExt) === -1) {
            window.location.href = '/admin/file/download?itemPath=' + encodeURIComponent(node.path);
            return;
        }
        fmOpenEditorWindow(node.path);
    }

    function fmOpenEditorWindow(path) {
        fmEnsureTab(path);
        if (fmEditorLayerIndex !== null) {
            loadFile(path);
            setTimeout(function(){ if (editor) editor.layout(); }, 60);
            return;
        }
        var $workspace = $('#fmEditorWorkspace').addClass('is-open');
        fmEditorLayerIndex = layer.open({
            type:1,
            title:'在线文本编辑器',
            area:['86%','88%'],
            maxmin:true,
            shade:[0.16, '#000'],
            shadeClose:false,
            resize:true,
            skin:'fm-editor-layer',
            content:$workspace,
            success:function(){
                loadFile(path);
                loadTree(path);
                setTimeout(function(){ if (editor) editor.layout(); }, 80);
            },
            full:function(){ setTimeout(function(){ if (editor) editor.layout(); }, 50); },
            restore:function(){ setTimeout(function(){ if (editor) editor.layout(); }, 50); },
            cancel:function(index){
                fmCaptureCurrentTab();
                if (!fmEditorForceClose && fmHasDirtyTabs()) {
                    layer.confirm('还有文件尚未保存，确定关闭编辑器吗？', {btn:['关闭','继续编辑']}, function(confirmIndex){
                        layer.close(confirmIndex);
                        fmEditorForceClose = true;
                        layer.close(index);
                    });
                    return false;
                }
                return true;
            },
            end:function(){
                fmEditorLayerIndex = null;
                fmEditorForceClose = false;
                $workspace.removeClass('is-open').appendTo('.file-manager-wrap');
            }
        });
    }

    function fmCloseEditorWindow() {
        if (fmEditorLayerIndex === null) return;
        fmCaptureCurrentTab();
        if (fmHasDirtyTabs()) {
            layer.confirm('还有文件尚未保存，确定关闭编辑器吗？', {btn:['关闭','继续编辑']}, function(index){
                layer.close(index);
                fmEditorForceClose = true;
                layer.close(fmEditorLayerIndex);
            });
            return;
        }
        fmEditorForceClose = true;
        layer.close(fmEditorLayerIndex);
    }

    function previewVideo(path) {
        var url = '/template/' + String(path || '').split('/').map(encodeURIComponent).join('/');
        layer.open({
            type:1,
            title:String(path || '').split('/').pop() || '视频预览',
            area:['860px','600px'],
            shadeClose:true,
            content:'<div style="height:530px;display:flex;align-items:center;justify-content:center;background:#111"><video src="' + escapeHtml(url) + '" controls autoplay style="max-width:100%;max-height:100%"></video></div>'
        });
    }

    function fmEnsureTab(path) {
        if (fmOpenTabs.indexOf(path) === -1) fmOpenTabs.push(path);
        fmRenderTabs(path);
    }

    function fmCaptureCurrentTab() {
        if (!currentFilePath || !editor) return;
        fmTabStates[currentFilePath] = $.extend({}, fmTabStates[currentFilePath] || {}, {
            content: editor.getValue(),
            modified: !!isModified,
            ext: currentFileExt,
            encoding: $('#encodingSelect').val() || 'UTF-8',
            position: editor.getPosition()
        });
    }

    function fmMarkCurrentTabDirty(modified) {
        isModified = !!modified;
        if (currentFilePath) {
            fmTabStates[currentFilePath] = $.extend({}, fmTabStates[currentFilePath] || {}, {
                content: editor ? editor.getValue() : '',
                modified: isModified,
                ext: currentFileExt,
                encoding: $('#encodingSelect').val() || 'UTF-8'
            });
            fmRenderTabs(currentFilePath);
        }
        $('#saveBtn').toggleClass('layui-btn-disabled', !isModified).prop('disabled', !isModified);
    }

    function fmHasDirtyTabs() {
        return fmOpenTabs.some(function(path){ return !!(fmTabStates[path] && fmTabStates[path].modified); });
    }

    function fmRenderTabs(activePath) {
        var html = '';
        fmOpenTabs.forEach(function(path) {
            var name = path.split('/').pop();
            var dirty = !!(fmTabStates[path] && fmTabStates[path].modified);
            html += '<div class="fm-tab ' + (path === activePath ? 'is-active' : '') + '" data-path="' + encodeURIComponent(path) + '" title="' + escapeHtml(path) + '">'
                + '<i class="layui-icon layui-icon-file"></i><span class="fm-tab-name">' + escapeHtml(name) + '</span>'
                + '<button type="button" class="fm-tab-close layui-btn-sm" title="' + (dirty ? '尚未保存' : '关闭') + '" aria-label="' + (dirty ? '尚未保存' : '关闭') + '">' + (dirty ? '<span class="fm-tab-dirty">!</span>' : '<i class="layui-icon layui-icon-close" aria-hidden="true"></i>') + '</button></div>';
        });
        $('#fmEditorTabs').html(html);
    }

    function fmUploadFiles(files, targetPath, completed) {
        if (!files || !files.length) return;
        var formData = new FormData();
        for (var i = 0; i < files.length; i++) {
            formData.append('file[]', files[i]);
            formData.append('relativePath[]', files[i].webkitRelativePath || files[i].name || '');
        }
        formData.append('targetPath', targetPath || '');
        var progressId = 'fmUploadProgress' + Date.now();
        var totalSize = 0;
        for (var n = 0; n < files.length; n++) totalSize += Number(files[n].size || 0);
        var progressIndex = layer.open({
            type:1,
            title:'上传文件',
            closeBtn:0,
            shadeClose:false,
            area:['440px', '166px'],
            content:'<div style="padding:20px 24px 18px">'
                + '<div style="margin-bottom:6px;color:#40504e">正在上传 ' + files.length + ' 个文件</div>'
                + '<div style="margin-bottom:12px;color:#929c9a;font-size:12px">共 ' + fmFormatSize(totalSize) + '</div>'
                + '<div style="height:8px;overflow:hidden;background:#edf2f1"><div id="' + progressId + 'Bar" style="width:0;height:100%;background:#16baaa;transition:width .12s"></div></div>'
                + '<div id="' + progressId + 'Text" style="margin-top:8px;text-align:right;color:#7d8987;font-size:12px">0%</div></div>'
        });
        return $.ajax({
            url:'/admin/file/upload', type:'POST', data:formData, processData:false, contentType:false,
            xhr:function(){
                var xhr = $.ajaxSettings.xhr();
                if (xhr.upload) xhr.upload.addEventListener('progress', function(event){
                    if (!event.lengthComputable) return;
                    var percent = Math.min(100, Math.round(event.loaded / event.total * 100));
                    $('#' + progressId + 'Bar').css('width', percent + '%');
                    $('#' + progressId + 'Text').text(percent + '%');
                });
                return xhr;
            },
            success:function(res) {
                layer.close(progressIndex);
                if (res.status === 'success') {
                    layer.msg(res.msg, {icon:1});
                    loadTree();
                    if (typeof completed === 'function') completed(true, res);
                } else {
                    layer.msg(res.msg || '上传失败', {icon:2});
                    if (typeof completed === 'function') completed(false, res);
                }
            },
            error:function(){
                layer.close(progressIndex);
                layer.msg('上传失败，请检查文件大小和网络', {icon:2});
                if (typeof completed === 'function') completed(false, null);
            }
        });
    }

    var fmBatchUploadFiles = [];
    var fmBatchUploadLayerIndex = null;

    function fmBatchFileKey(file) {
        return [file.name, file.size, file.lastModified || 0, file.webkitRelativePath || ''].join('|');
    }

    function fmAddBatchUploadFiles(files) {
        var exists = {};
        fmBatchUploadFiles.forEach(function(file){ exists[fmBatchFileKey(file)] = true; });
        Array.prototype.forEach.call(files || [], function(file) {
            var key = fmBatchFileKey(file);
            if (!exists[key]) {
                exists[key] = true;
                fmBatchUploadFiles.push(file);
            }
        });
        fmRenderBatchUploadFiles();
    }

    function fmRenderBatchUploadFiles() {
        var $droparea = $('#fmBatchUploadDroparea');
        var $queue = $('#fmBatchUploadQueue');
        if (!$droparea.length) return;
        var html = '';
        fmBatchUploadFiles.forEach(function(file, index) {
            var displayName = file.webkitRelativePath || file.name;
            html += '<div class="fm-upload-item" data-index="' + index + '">'
                + '<i class="layui-icon layui-icon-file"></i>'
                + '<span class="fm-upload-item-name" title="' + escapeHtml(displayName) + '">' + escapeHtml(displayName) + '</span>'
                + '<span class="fm-upload-item-size">' + fmFormatSize(file.size) + '</span>'
                + '<button type="button" class="fm-upload-item-remove layui-btn-sm" title="移除"><i class="layui-icon layui-icon-close"></i></button>'
                + '</div>';
        });
        $queue.html(html);
        $droparea.toggleClass('has-files', fmBatchUploadFiles.length > 0);
        $('#fmBatchUploadClear').toggleClass('layui-btn-disabled', fmBatchUploadFiles.length === 0);
        $('#fmBatchUploadStart').toggleClass('layui-btn-disabled', fmBatchUploadFiles.length === 0).prop('disabled', fmBatchUploadFiles.length === 0);
    }

    function fmOpenBatchUpload() {
        if (fmBatchUploadLayerIndex !== null) return;
        fmBatchUploadFiles = [];
        var targetPath = fmCurrentDir;
        var publicPath = '/template' + (targetPath ? '/' + targetPath : '');
        var content = '<div class="fm-upload-dialog">'
            + '<div class="fm-upload-dialog-toolbar">'
            + '<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" id="fmBatchChooseBtn"><i class="layui-icon layui-icon-upload"></i>上传文件 <i class="layui-icon layui-icon-down"></i></button>'
            + '<button type="button" class="layui-btn layui-btn-primary layui-btn-sm fm-upload-clear layui-btn-disabled" id="fmBatchUploadClear">清空列表</button>'
            + '</div>'
            + '<div class="fm-upload-droparea" id="fmBatchUploadDroparea">'
            + '<div class="fm-upload-empty">请将需要上传的文件/文件夹拖到此处</div>'
            + '<div class="fm-upload-queue" id="fmBatchUploadQueue"></div>'
            + '</div>'
            + '<div class="fm-upload-dialog-footer"><button type="button" class="layui-btn layui-btn-sm fm-upload-start layui-btn-disabled" id="fmBatchUploadStart" disabled>开始上传</button></div>'
            + '<input type="file" id="fmBatchFileInput" multiple style="display:none">'
            + '<input type="file" id="fmBatchFolderInput" multiple webkitdirectory directory style="display:none">'
            + '</div>';
        fmBatchUploadLayerIndex = layer.open({
            type:1,
            title:'上传文件到【' + escapeHtml(publicPath) + '】— 支持批量上传',
            area:['720px','620px'],
            maxmin:false,
            resize:true,
            shade:[0.18, '#000'],
            shadeClose:false,
            skin:'fm-upload-layer',
            content:content,
            success:function() {
                dropdown.render({
                    elem:'#fmBatchChooseBtn',
                    trigger:'hover',
                    data:[
                        {title:'选择文件', id:'file'},
                        {title:'选择文件夹', id:'folder'}
                    ],
                    click:function(item) {
                        if (item.id === 'folder') $('#fmBatchFolderInput').trigger('click');
                        else $('#fmBatchFileInput').trigger('click');
                    }
                });
                $('#fmBatchChooseBtn').on('click.fmUploadChoose', function(e) {
                    e.preventDefault();
                    e.stopImmediatePropagation();
                    $('#fmBatchFileInput').trigger('click');
                });
                $('#fmBatchFileInput,#fmBatchFolderInput').on('change', function() {
                    fmAddBatchUploadFiles(this.files);
                    this.value = '';
                });
                $('#fmBatchUploadDroparea').on('click', function(e) {
                    if (!fmBatchUploadFiles.length && !$(e.target).closest('.fm-upload-item-remove').length) {
                        $('#fmBatchFileInput').trigger('click');
                    }
                }).on('dragenter dragover', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $(this).addClass('is-dragover');
                }).on('dragleave', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $(this).removeClass('is-dragover');
                }).on('drop', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $(this).removeClass('is-dragover');
                    fmAddBatchUploadFiles(e.originalEvent.dataTransfer.files);
                }).on('click', '.fm-upload-item-remove', function(e) {
                    e.stopPropagation();
                    fmBatchUploadFiles.splice(Number($(this).closest('.fm-upload-item').attr('data-index')), 1);
                    fmRenderBatchUploadFiles();
                });
                $('#fmBatchUploadClear').on('click', function() {
                    if ($(this).hasClass('layui-btn-disabled')) return;
                    fmBatchUploadFiles = [];
                    fmRenderBatchUploadFiles();
                });
                $('#fmBatchUploadStart').on('click', function() {
                    if (!fmBatchUploadFiles.length || $(this).prop('disabled')) return;
                    var $button = $(this).prop('disabled', true).addClass('layui-btn-disabled').text('正在上传...');
                    fmUploadFiles(fmBatchUploadFiles.slice(), targetPath, function(success) {
                        if (success) {
                            layer.close(fmBatchUploadLayerIndex);
                            return;
                        }
                        $button.prop('disabled', false).removeClass('layui-btn-disabled').text('开始上传');
                    });
                });
                fmRenderBatchUploadFiles();
            },
            end:function() {
                fmBatchUploadFiles = [];
                fmBatchUploadLayerIndex = null;
            }
        });
    }

    // 加载目录树和文件列表
    function loadTree(revealPath) {
        fmExpandedFolders = {};
        $('#fileTree .layui-tree-set.layui-tree-spread').each(function(){
            var path = String($(this).attr('data-id') || '');
            if (path) fmExpandedFolders[path] = true;
        });
        revealPath = String(revealPath || '').replace(/^\/+|\/+$/g, '');
        return $.get('/admin/file/getTree', function(res){
            if(res.success && res.data) {
                fmTreeData = res.data;
                if (fmCurrentDir && !fmFindFolder(fmTreeData, fmCurrentDir)) fmCurrentDir = '';
                fmRenderRows();
                // 为节点添加 data-type 和 data-ext 属性
                function processNodes(nodes) {
                    nodes.forEach(function(node) {
                        if (node.type) {
                            node.field = node.field || {};
                            node.field.type = node.type;
                            if (node.type === 'folder') {
                                var nodePath = String(node.path || '');
                                node.spread = !!fmExpandedFolders[nodePath]
                                    || (!!revealPath && (revealPath === nodePath || revealPath.indexOf(nodePath + '/') === 0));
                            }
                            if (node.ext) {
                                node.field.ext = node.ext;
                            }
                        }
                        if (node.children && node.children.length > 0) {
                            processNodes(node.children);
                        }
                    });
                }
                processNodes(res.data);

                tree.render({
                    elem: '#fileTree',
                    data: res.data,
                    showLine: false,
                    showIcon: false,
                    onlyIconControl: false,
                    id: 'fileTreeId',
                    click: function(obj){
                        var data = obj.data;
                        if (data.type === 'folder') {
                            uploadContextPath = data.path || '';
                            $('#fmEditorDirectory').text('/template' + (uploadContextPath ? '/' + uploadContextPath : ''));
                        } else if (data.type === 'file') {
                            uploadContextPath = (data.path || '').split('/').slice(0, -1).join('/');
                        }
                        if(data.type === 'file') {
                            fmOpenNode(data);
                        }
                        // 移除所有选中样式
                        $('.layui-tree-entry.selected').removeClass('selected');
                        // 添加当前选中样式
                        $(obj.elem).children('.layui-tree-entry').addClass('selected');
                    }
                });

                // 立即使所有树节点可点击（修复 layui tree 渲染后点击延迟问题）
                setTimeout(function() {
                    $('#fileTree .layui-tree-set').css('pointer-events', 'auto');
                }, 0);

                // 渲染完成后，标记文件夹和图片节点
                var imageExts = ['jpg','jpeg','png','gif','bmp','svg','webp','ico'];
                function markNodes(nodes) {
                    nodes.forEach(function(node) {
                        var $el = $('#fileTree .layui-tree-set[data-id="' + node.id + '"]');
                        if (node.type === 'folder' || (node.children && node.children.length > 0)) {
                            $el.addClass('is-folder');
                        } else if (node.type === 'file') {
                            $el.addClass('is-file');
                        }
                        if (node.type === 'file' && node.ext && imageExts.indexOf(node.ext.toLowerCase()) !== -1) {
                            $el.addClass('is-image');
                        }
                        if (node.type === 'file' && ['html','htm'].indexOf(String(node.ext || '').toLowerCase()) !== -1) {
                            $el.addClass('is-html');
                        }
                        if (node.children && node.children.length > 0) {
                            markNodes(node.children);
                        }
                    });
                }
                markNodes(res.data);
                if (revealPath) {
                    var $activeNode = $('#fileTree .layui-tree-set').filter(function() {
                        return String($(this).attr('data-id') || '') === revealPath;
                    }).first();
                    if ($activeNode.length) {
                        $('#fileTree .layui-tree-entry.selected').removeClass('selected');
                        $activeNode.children('.layui-tree-entry').addClass('selected');
                        var activeElement = $activeNode.get(0);
                        if (activeElement && typeof activeElement.scrollIntoView === 'function') {
                            activeElement.scrollIntoView({block:'nearest'});
                        }
                    }
                }
                // 文件夹整行均可展开；交由 Layui tree 处理，避免文字点击与箭头点击重复触发。
                $('#fileTree').off('click.fmFolderToggle');
            } else {
                layer.msg('加载目录失败', {icon: 2, offset: '100px'});
            }
        });
    }

    // 图片预览 - 弹窗方式
    function previewImage(path, ext) {
        var imgUrl = '/template/' + path + '?t=' + Date.now();
        var basename = path.split('/').pop();

        // 直接打开图片放大查看组件
        layer.photos({
            photos: {
                title: basename,
                id: 'img-preview-photos',
                data: [{ alt: basename, src: imgUrl }]
            },
            anim: 5
        });
    }

    // 加载文件内容
    function loadFile(path) {
        if (!path || path === currentFilePath) return;
        fmCaptureCurrentTab();
        doLoadFile(path);
    }

    function fmApplyTabState(path, state) {
        if (!editor || !state) return;
        currentFilePath = path;
        currentFileExt = String(state.ext || '').toLowerCase();
        fmEnsureTab(path);
        fmApplyingTabState = true;
        editor.setValue(String(state.content == null ? '' : state.content));
        fmApplyingTabState = false;
        setEditorMode(currentFileExt);
        if (state.position) {
            try { editor.setPosition(state.position); editor.revealPositionInCenterIfOutsideViewport(state.position); } catch (e) {}
        }
        var fileDir = String(path || '').split('/').slice(0, -1).join('/');
        $('#currentFilePath').text('/template/' + path).attr('title', '/template/' + path).show();
        $('#fmEditorDirectory').text('/template' + (fileDir ? '/' + fileDir : ''));
        $('#encodingSelect').val(state.encoding || 'UTF-8');
        $('#editorStatusbar').css('display', 'flex');
        $('#fileModeSwitch').toggleClass('is-visible', currentFileExt === 'html' || currentFileExt === 'htm');
        switchFileMode('code');
        isModified = !!state.modified;
        $('#saveBtn').toggleClass('layui-btn-disabled', !isModified).prop('disabled', !isModified);
        fmRenderTabs(path);
    }

    function doLoadFile(path) {
        // Monaco 为异步加载；若用户提前点击文件，等加载完成后自动继续。
        if (!monacoReady) {
            pendingFilePath = path;
            if (monacoLoadError) {
                console.error('Monaco Editor 加载失败：', monacoLoadError);
                layer.msg('编辑器加载失败，请刷新页面重试', {icon: 2, offset: '100px'});
            }
            return;
        }

        if (fmTabStates[path]) {
            if (!editor && !initEditor()) {
                layer.msg('编辑器加载中，请稍后重试', {icon: 2, offset: '100px'});
                return;
            }
            fmApplyTabState(path, fmTabStates[path]);
            return;
        }

        var loadIndex = layer.load(1, {shade: 0});
        $.get('/admin/file/getFile', {path: path}, function(res){
            layer.close(loadIndex);
            if(res.code === 1) {
                if(!editor) {
                    if (!initEditor()) {
                        layer.msg('编辑器加载中，请稍后重试', {icon: 2, offset: '100px'});
                        return;
                    }
                }
                fmTabStates[path] = {
                    content: res.data.content,
                    modified: false,
                    ext: String(res.data.ext || '').toLowerCase(),
                    encoding: res.data.encoding || 'UTF-8'
                };
                // 状态栏主题同步
                if (($('#themeSelect').val() || 'monokai') !== 'default') {
                    $('#editorStatusbar').removeClass('theme-light');
                    $('#fmEditorWorkspace').removeClass('theme-light');
                } else {
                    $('#editorStatusbar').addClass('theme-light');
                    $('#fmEditorWorkspace').addClass('theme-light');
                }
                fmApplyTabState(path, fmTabStates[path]);
            } else {
                layer.msg(res.msg, {icon: 2, offset: '100px'});
            }
        });
    }

    // 保存文件
    function saveFile() {
        if(!currentFilePath || !editor) {
            layer.msg('请先选择文件', {icon: 2, offset: '100px'});
            return;
        }

        if (!hasPermission('file_edit')) {
            layer.msg('无权限编辑', {icon: 2, offset: '100px'});
            return;
        }

        var savePath = currentFilePath;
        var content = editor.getValue();
        var saveEncoding = $('#encodingSelect').val() || 'UTF-8';
        var saveExt = currentFileExt;
        var loadIndex = layer.load(1, {shade: [0.1, '#fff']});
        $.post('/admin/file/saveFile', {
            path: savePath,
            content: content,
            encoding: saveEncoding
        }, function(res){
            layer.close(loadIndex);
            if(res.status === 'success') {
                layer.msg(res.msg, {icon: 1, offset: '100px', time: 1500});
                fmTabStates[savePath] = $.extend({}, fmTabStates[savePath] || {}, {
                    content: content,
                    modified: false,
                    ext: saveExt,
                    encoding: saveEncoding,
                    position: editor.getPosition()
                });
                if (currentFilePath === savePath) {
                    isModified = false;
                    $('#saveBtn').addClass('layui-btn-disabled').prop('disabled', true);
                }
                fmRenderTabs(currentFilePath);
            } else {
                layer.msg(res.msg, {icon: 2, offset: '100px'});
            }
        });
    }

    function switchFileMode(mode) {
        if (mode === 'preview' && currentFileExt !== 'html' && currentFileExt !== 'htm') {
            layer.msg('只有 HTML 模板支持预览模式', {icon: 0});
            return;
        }
        currentMode = mode;
        $('#fileModeSwitch button').removeClass('is-active').filter('[data-mode="' + mode + '"]').addClass('is-active');
        $('#editorContent, #editorStatusbar').toggle(mode === 'code');
        $('#previewContent').toggle(mode === 'preview');
        if (mode === 'preview') {
            openPreview();
        } else {
            finishPreviewTextEdit();
            if (editor) setTimeout(function(){ editor.layout(); }, 30);
        }
    }

    function openPreview() {
        if (!currentFilePath) return;
        resetPreviewSelection();
        previewChanges = [];
        var frame = document.getElementById('previewFrame');
        frame.onload = function() {
            try {
                enablePreviewEditing(frame.contentDocument);
            } catch (e) {
                layer.msg('预览已打开，但当前模板不支持直接编辑', {icon: 0});
            }
        };
        frame.src = '/admin/file/preview?path=' + encodeURIComponent(currentFilePath) + '&_=' + Date.now();
    }

    function rememberPreviewChange(key, value, originalValue) {
        if (!key) return;
        var foundIndex = previewChanges.findIndex(function(item){ return item.key === key; });
        if (value === originalValue) {
            if (foundIndex !== -1) previewChanges.splice(foundIndex, 1);
        } else if (foundIndex !== -1) {
            previewChanges[foundIndex].value = value;
        } else {
            previewChanges.push({key:key, value:value});
        }
        fmMarkCurrentTabDirty(previewChanges.length > 0);
    }

    function removePreviewChange(key) {
        if (!key) return;
        previewChanges = previewChanges.filter(function(item){ return item.key !== key; });
        fmMarkCurrentTabDirty(previewChanges.length > 0);
    }

    function rememberPreviewLinkChange(key, action, value, details) {
        if (!key) return;
        removePreviewChange(key);
        var change = {key: key, action: action, value: value || ''};
        details = details || {};
        Object.keys(details).forEach(function(name){ change[name] = details[name]; });
        previewChanges.push(change);
        fmMarkCurrentTabDirty(true);
    }

    function resetPreviewSelection() {
        finishPreviewTextEdit();
        activePreviewTextElement = null;
        activePreviewImage = null;
        activePreviewElement = null;
        savedPreviewRange = null;
        activePreviewLinkTarget = null;
        if (previewLinkDecoratedElement) {
            previewLinkDecoratedElement.classList.remove('v3-link-active');
            previewLinkDecoratedElement = null;
        }
        if (previewLinkToolbar) previewLinkToolbar.style.display = 'none';
    }

    function activatePreviewText(el) {
        activePreviewTextElement = el;
        activePreviewImage = null;
        activePreviewElement = el;
    }

    function activatePreviewImage(img) {
        activePreviewTextElement = null;
        activePreviewImage = img;
        activePreviewElement = img;
        savedPreviewRange = null;
    }

    function finishPreviewTextEdit() {
        var element = activePreviewTextElement;
        if (!element || !element.hasAttribute('contenteditable')) return;
        element.removeAttribute('contenteditable');
        element.classList.remove('v3-source-editing');
        rememberPreviewChange(
            element.getAttribute('data-v3-source-key'),
            element.textContent || '',
            element.getAttribute('data-v3-original-value') || ''
        );
    }

    function startPreviewTextEdit(element) {
        if (!element) return;
        if (activePreviewTextElement !== element) finishPreviewTextEdit();
        activatePreviewText(element);
        if (!element.hasAttribute('data-v3-original-value')) {
            element.setAttribute('data-v3-original-value', element.textContent || '');
        }
        element.setAttribute('contenteditable', 'plaintext-only');
        if (element.contentEditable !== 'plaintext-only') element.setAttribute('contenteditable', 'true');
        element.setAttribute('spellcheck', 'false');
        element.classList.add('v3-source-editing');
        element.focus();
    }

    function closestPreviewElement(node, selector) {
        if (!node) return null;
        var element = node.nodeType === 1 ? node : node.parentElement;
        return element && element.closest ? element.closest(selector) : null;
    }

    function previewSelectionInfo(element, range) {
        if (!element || !range || range.collapsed || !element.contains(range.commonAncestorContainer)) {
            return {start: 0, length: 0};
        }
        var before = range.cloneRange();
        before.selectNodeContents(element);
        before.setEnd(range.startContainer, range.startOffset);
        return {
            start: before.toString().length,
            length: range.toString().length
        };
    }

    function unwrapPreviewLink(link) {
        if (!link || !link.parentNode) return;
        var parent = link.parentNode;
        while (link.firstChild) parent.insertBefore(link.firstChild, link);
        parent.removeChild(link);
    }

    function resolvePreviewLinkTarget(node, range) {
        var existing = closestPreviewElement(node, '[data-v3-source-kind="link"]');
        if (existing) {
            return {
                mode: 'existing',
                element: existing,
                key: existing.getAttribute('data-v3-source-key') || '',
                unlinkKey: existing.getAttribute('data-v3-unlink-key') || '',
                href: existing.getAttribute('href') || ''
            };
        }
        var pending = closestPreviewElement(node, '[data-v3-pending-link-key]');
        if (pending) {
            var pendingKind = pending.getAttribute('data-v3-content-kind') || '';
            var pendingSource = pendingKind === 'image'
                ? pending.querySelector('[data-v3-source-kind="image"]')
                : closestPreviewElement(pending, '[data-v3-source-kind="text"]');
            return {
                mode: 'pending',
                element: pending,
                key: pending.getAttribute('data-v3-pending-link-key') || '',
                href: pending.getAttribute('href') || '',
                sourceElement: pendingSource,
                contentKey: pending.getAttribute('data-v3-content-key') || '',
                kind: pendingKind,
                originalContent: pending.getAttribute('data-v3-original-content') || ''
            };
        }
        var editable = closestPreviewElement(node, '[data-v3-link-key]');
        if (!editable) return null;
        var selection = previewSelectionInfo(editable, range);
        var kind = editable.getAttribute('data-v3-source-kind') || '';
        if (kind === 'text' && selection.length < 1) return null;
        return {
            mode: 'new',
            element: editable,
            key: editable.getAttribute('data-v3-link-key') || '',
            contentKey: editable.getAttribute('data-v3-source-key') || '',
            kind: kind,
            start: selection.start,
            length: selection.length,
            range: range && !range.collapsed ? range.cloneRange() : null
        };
    }

    function positionPreviewLinkToolbar(target) {
        if (!previewLinkToolbar || !target) return;
        var rect = null;
        try {
            rect = target.range && !target.range.collapsed
                ? target.range.getBoundingClientRect()
                : target.element.getBoundingClientRect();
        } catch (e) {}
        if (!rect || (!rect.width && !rect.height)) {
            previewLinkToolbar.style.display = 'none';
            return;
        }
        var doc = previewLinkToolbar.ownerDocument;
        var viewportWidth = doc.documentElement.clientWidth;
        var viewportHeight = doc.documentElement.clientHeight;
        if (rect.bottom < 0 || rect.top > viewportHeight || rect.right < 0 || rect.left > viewportWidth) {
            previewLinkToolbar.style.display = 'none';
            return;
        }
        previewLinkToolbar.style.display = 'flex';
        var toolbarWidth = previewLinkToolbar.offsetWidth || 38;
        var toolbarHeight = previewLinkToolbar.offsetHeight || 38;
        var left = Math.max(6, Math.min(viewportWidth - toolbarWidth - 6, rect.right - toolbarWidth));
        var placement = 'bottom';
        var top = rect.bottom + 8;
        if (top + toolbarHeight > viewportHeight - 6) {
            placement = 'top';
            top = Math.max(6, rect.top - toolbarHeight - 8);
        }
        previewLinkToolbar.style.left = Math.round(left) + 'px';
        previewLinkToolbar.style.top = Math.round(top) + 'px';
        previewLinkToolbar.setAttribute('data-placement', placement);
    }

    function updatePreviewLinkToolbar(target) {
        activePreviewLinkTarget = target;
        if (!previewLinkToolbar) return;
        if (previewLinkDecoratedElement) {
            previewLinkDecoratedElement.classList.remove('v3-link-active');
            previewLinkDecoratedElement = null;
        }
        if (!target || !target.key) {
            previewLinkToolbar.style.display = 'none';
            return;
        }
        if (!target.range || target.range.collapsed) {
            previewLinkDecoratedElement = target.element;
            previewLinkDecoratedElement.classList.add('v3-link-active');
        }
        previewLinkToolbar.style.display = 'flex';
        var setButton = previewLinkToolbar.querySelector('[data-link-action="set"]');
        var setTitle = target.mode === 'new' ? '添加链接' : '设置链接';
        setButton.setAttribute('title', setTitle);
        setButton.setAttribute('aria-label', setTitle);
        previewLinkToolbar.querySelector('[data-link-action="remove"]').style.display =
            target.mode === 'new' ? 'none' : 'inline-flex';
        positionPreviewLinkToolbar(target);
    }

    function createPendingPreviewLink(doc, target, href) {
        var link = doc.createElement('a');
        link.setAttribute('href', href);
        link.setAttribute('data-v3-pending-link-key', target.key);
        link.setAttribute('data-v3-content-key', target.contentKey || '');
        link.setAttribute('data-v3-content-kind', target.kind || '');
        link.setAttribute('data-v3-original-content',
            target.kind === 'image'
                ? (target.element.getAttribute('data-v3-original-value') || '')
                : (target.element.getAttribute('data-v3-original-value') || '')
        );
        link.setAttribute('title', '链接：' + href);
        var selectedRange = target.range || savedPreviewRange;
        if (target.kind === 'text' && selectedRange && !selectedRange.collapsed
            && target.element.contains(selectedRange.commonAncestorContainer)) {
            var fragment = selectedRange.extractContents();
            link.appendChild(fragment);
            selectedRange.insertNode(link);
        } else {
            var element = target.element;
            if (target.kind === 'text') {
                while (element.firstChild) link.appendChild(element.firstChild);
                element.appendChild(link);
            } else {
                element.parentNode.insertBefore(link, element);
                link.appendChild(element);
            }
        }
        return link;
    }

    function openPreviewLinkEditor(doc) {
        var target = activePreviewLinkTarget;
        if (!target || !target.key) return;
        var currentHref = target.href || '';
        top.layer.prompt({
            formType: 0,
            title: target.mode === 'new' ? '添加链接' : '设置链接',
            value: currentHref,
            placeholder: '请输入链接地址，例如 /about/ 或 https://example.com'
        }, function(value, index) {
            value = String(value || '').trim();
            if (!value) {
                top.layer.msg('请输入链接地址', {icon: 0});
                return;
            }
            if (/^(?:javascript|data|vbscript):/i.test(value)) {
                top.layer.msg('链接地址格式不正确', {icon: 0});
                return;
            }
            if (target.mode === 'existing') {
                target.element.setAttribute('href', value);
                rememberPreviewChange(
                    target.key,
                    value,
                    target.element.getAttribute('data-v3-original-value') || ''
                );
                target.href = value;
            } else if (target.mode === 'pending') {
                target.element.setAttribute('href', value);
                var pendingChange = previewChanges.find(function(item){ return item.key === target.key; });
                if (pendingChange) pendingChange.value = value;
                target.href = value;
            } else {
                var details = {start: target.start || 0, length: target.length || 0};
                if (target.kind === 'text') details.content = target.element.textContent || '';
                if (target.kind === 'image') details.content = target.element.getAttribute('src') || '';
                removePreviewChange(target.contentKey);
                rememberPreviewLinkChange(target.key, 'set_link', value, details);
                var pendingLink = createPendingPreviewLink(doc, target, value);
                target = {
                    mode: 'pending',
                    element: pendingLink,
                    key: target.key,
                    href: value,
                    sourceElement: target.element,
                    contentKey: target.contentKey,
                    kind: target.kind,
                    originalContent: target.element.getAttribute('data-v3-original-value') || ''
                };
                updatePreviewLinkToolbar(target);
            }
            top.layer.close(index);
        });
    }

    function removeActivePreviewLink() {
        var target = activePreviewLinkTarget;
        if (!target || target.mode === 'new') return;
        if (target.mode === 'existing') {
            removePreviewChange(target.key);
            rememberPreviewLinkChange(target.unlinkKey, 'remove_link', '');
        } else {
            removePreviewChange(target.key);
            var contentKey = target.contentKey || target.element.getAttribute('data-v3-content-key') || '';
            var kind = target.kind || target.element.getAttribute('data-v3-content-kind') || '';
            var originalContent = target.originalContent ||
                target.element.getAttribute('data-v3-original-content') || '';
            var sourceElement = target.sourceElement;
            if (!sourceElement) {
                sourceElement = kind === 'image'
                    ? target.element.querySelector('[data-v3-source-kind="image"]')
                    : closestPreviewElement(target.element, '[data-v3-source-kind="text"]');
            }
            var currentContent = sourceElement
                ? (kind === 'image' ? (sourceElement.getAttribute('src') || '') : (sourceElement.textContent || ''))
                : originalContent;
            if (contentKey && currentContent !== originalContent) {
                rememberPreviewChange(contentKey, currentContent, originalContent);
            }
        }
        unwrapPreviewLink(target.element);
        updatePreviewLinkToolbar(null);
    }

    function enablePreviewEditing(doc) {
        if (!doc || !doc.body) return;
        var fingerprintNode = doc.querySelector('meta[name="v3-template-fingerprint"]');
        previewFingerprint = fingerprintNode ? fingerprintNode.getAttribute('content') || '' : '';
        var style = doc.createElement('style');
        style.id = 'v3SourceMapPreviewStyle';
        style.textContent = [
            '[data-v3-source-kind="text"]{transition:outline-color .15s ease,background-color .15s ease}',
            '[data-v3-source-kind="text"]:hover{outline:1px dashed rgba(22,186,170,.75)!important;outline-offset:3px;cursor:text!important}',
            '[data-v3-source-kind="text"].v3-source-editing{outline:1px solid #16baaa!important;outline-offset:3px;cursor:text!important}',
            '[data-v3-source-kind="image"]{transition:outline-color .15s ease;cursor:pointer!important}',
            '[data-v3-source-kind="image"]:hover{outline:2px solid rgba(22,186,170,.8)!important;outline-offset:3px}',
            '[data-v3-source-kind="link"]{transition:outline-color .15s ease}',
            '[data-v3-source-kind="link"]:hover{outline:1px dashed rgba(30,120,210,.75)!important;outline-offset:4px}',
            '@font-face{font-family:v3-layui-icon;src:url("/public/static/admin/lib/layui/font/iconfont.woff2?v=293") format("woff2"),url("/public/static/admin/lib/layui/font/iconfont.woff?v=293") format("woff")}',
            '.v3-link-active{outline:none!important;box-shadow:0 0 0 2px rgba(22,186,170,.24)!important;border-radius:3px}',
            '#v3PreviewLinkToolbar{position:fixed;left:0;top:0;z-index:2147483646;display:none;align-items:center;gap:3px;padding:5px;background:rgba(255,255,255,.98);border:1px solid rgba(216,226,229,.9);border-radius:10px;box-shadow:0 8px 24px rgba(31,45,61,.16),0 2px 6px rgba(31,45,61,.08);font-family:"Microsoft YaHei",sans-serif;animation:v3LinkToolbarIn .14s ease-out;backdrop-filter:blur(8px)}',
            '#v3PreviewLinkToolbar:after{content:"";position:absolute;right:12px;width:8px;height:8px;background:#fff;transform:rotate(45deg)}',
            '#v3PreviewLinkToolbar[data-placement="bottom"]:after{top:-5px;border-left:1px solid #dfe5e8;border-top:1px solid #dfe5e8}',
            '#v3PreviewLinkToolbar[data-placement="top"]:after{bottom:-5px;border-right:1px solid #dfe5e8;border-bottom:1px solid #dfe5e8}',
            '#v3PreviewLinkToolbar button{position:relative;z-index:1;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:#f2faf8;color:#168f83;font-size:16px;line-height:32px;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}',
            '#v3PreviewLinkToolbar .v3-link-icon{font-family:v3-layui-icon!important;font-style:normal;-webkit-font-smoothing:antialiased}',
            '#v3PreviewLinkToolbar button:hover{background:#16baaa;color:#fff;transform:translateY(-1px)}',
            '#v3PreviewLinkToolbar button:active{transform:translateY(0) scale(.96)}',
            '#v3PreviewLinkToolbar button[data-link-action="remove"]{background:#f7f8f9;color:#89939d}',
            '#v3PreviewLinkToolbar button[data-link-action="remove"]:hover{background:#fff0ee;color:#df5448}',
            '@keyframes v3LinkToolbarIn{from{opacity:0;transform:translateY(3px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}'
        ].join('');
        (doc.head || doc.documentElement).appendChild(style);
        previewLinkToolbar = doc.createElement('div');
        previewLinkToolbar.id = 'v3PreviewLinkToolbar';
        previewLinkToolbar.innerHTML =
            '<button type="button" class="layui-btn-sm" data-link-action="set" title="添加链接" aria-label="添加链接"><i class="v3-link-icon">&#xe64c;</i></button>' +
            '<button type="button" class="layui-btn-sm" data-link-action="remove" title="取消链接" aria-label="取消链接"><i class="v3-link-icon">&#xe64d;</i></button>';
        doc.body.appendChild(previewLinkToolbar);
        previewLinkToolbar.addEventListener('mousedown', function(event) {
            event.preventDefault();
            event.stopPropagation();
        });
        previewLinkToolbar.addEventListener('click', function(event) {
            event.preventDefault();
            event.stopPropagation();
            var button = event.target.closest('[data-link-action]');
            var action = button ? button.getAttribute('data-link-action') : '';
            if (action === 'set') openPreviewLinkEditor(doc);
            if (action === 'remove') removeActivePreviewLink();
        });
        Array.prototype.forEach.call(doc.querySelectorAll('[data-v3-source-kind="text"]'), function(element) {
            element.setAttribute('data-v3-original-value', element.textContent || '');
            element.addEventListener('click', function(event) {
                event.preventDefault();
                event.stopPropagation();
                startPreviewTextEdit(element);
            });
            element.addEventListener('blur', function() {
                finishPreviewTextEdit();
            });
            element.addEventListener('paste', function(event) {
                event.preventDefault();
                var value = (event.clipboardData || doc.defaultView.clipboardData).getData('text/plain');
                doc.execCommand('insertText', false, value);
            });
            element.addEventListener('keydown', function(event) {
                if (event.key === 'Escape') {
                    element.textContent = element.getAttribute('data-v3-original-value') || '';
                    element.blur();
                }
            });
        });
        Array.prototype.forEach.call(doc.querySelectorAll('[data-v3-source-kind="image"]'), function(image) {
            image.setAttribute('data-v3-original-value', image.getAttribute('src') || '');
            image.addEventListener('click', function(event) {
                event.preventDefault();
                event.stopPropagation();
                activatePreviewImage(image);
                updatePreviewLinkToolbar(resolvePreviewLinkTarget(image, null));
            });
            image.addEventListener('dblclick', function(event) {
                event.preventDefault();
                event.stopPropagation();
                var originalValue = image.getAttribute('data-v3-original-value') || '';
                openPreviewImagePicker(image.getAttribute('src') || '', function(selected) {
                    image.setAttribute('src', selected);
                    rememberPreviewChange(image.getAttribute('data-v3-source-key'), selected, originalValue);
                });
            });
        });
        Array.prototype.forEach.call(doc.querySelectorAll('[data-v3-source-kind="link"]'), function(link) {
            var originalValue = link.getAttribute('href') || '';
            link.setAttribute('data-v3-original-value', originalValue);
            link.setAttribute('title', '移到此处可设置链接');
            link.addEventListener('click', function(event) {
                event.preventDefault();
                event.stopPropagation();
                finishPreviewTextEdit();
                updatePreviewLinkToolbar(resolvePreviewLinkTarget(link, null));
            });
        });
        doc.addEventListener('mouseover', function(event) {
            if (previewLinkToolbar && previewLinkToolbar.contains(event.target)) return;
            var target = resolvePreviewLinkTarget(event.target, savedPreviewRange);
            if (target && target.mode !== 'new') updatePreviewLinkToolbar(target);
        });
        doc.addEventListener('selectionchange', function() {
            var selection = doc.getSelection();
            if (!selection || !selection.rangeCount || selection.isCollapsed) {
                if (activePreviewLinkTarget && activePreviewLinkTarget.mode === 'new'
                    && activePreviewLinkTarget.kind === 'text') {
                    updatePreviewLinkToolbar(null);
                }
                return;
            }
            savedPreviewRange = selection.getRangeAt(0).cloneRange();
            var target = resolvePreviewLinkTarget(savedPreviewRange.commonAncestorContainer, savedPreviewRange);
            if (target) updatePreviewLinkToolbar(target);
        });
        doc.defaultView.addEventListener('scroll', function() {
            positionPreviewLinkToolbar(activePreviewLinkTarget);
        }, true);
        doc.defaultView.addEventListener('resize', function() {
            positionPreviewLinkToolbar(activePreviewLinkTarget);
        });
        doc.addEventListener('click', function(event) {
            var link = event.target.closest && event.target.closest('a');
            if (link) event.preventDefault();
        }, true);
    }

    function openPreviewImagePicker(selectedImage, callback) {
        top.layer.open({
            type: 2,
            title: ['选择图片', 'border:none'],
            area: ['1000px', '620px'],
            content: '/admin/index/images.html',
            btn: ['取消', '确定'],
            btnAlign: 'c',
            success: function(layero) {
                var frame = layero.find('iframe')[0], attempts = 0;
                (function prepare() {
                    attempts++;
                    if (frame && frame.contentWindow && typeof frame.contentWindow.prepareImagePicker === 'function') {
                        frame.contentWindow.prepareImagePicker({multi:false, selectedImage:selectedImage || '', selectedImages:selectedImage ? [selectedImage] : []});
                        return;
                    }
                    if (attempts < 50 && frame && frame.isConnected) setTimeout(prepare, 40);
                })();
            },
            btn2: function(index, layero) {
                var iframeWindow = layero.find('iframe')[0].contentWindow;
                var selected = '';
                if (iframeWindow) {
                    var innerIframe = iframeWindow.document.getElementById('content_body');
                    if (innerIframe && innerIframe.contentWindow) {
                        var selectedInfo = innerIframe.contentWindow.getFullSelectedImage && innerIframe.contentWindow.getFullSelectedImage();
                        if (selectedInfo && selectedInfo.url) selected = selectedInfo.url;
                        else if (innerIframe.contentWindow.getSelectedImage) selected = innerIframe.contentWindow.getSelectedImage() || '';
                    }
                }
                if (!selected) {
                    top.layer.msg('请先选择一张图片', {icon: 0});
                    return false;
                }
                callback(selected);
                top.layer.close(index);
                return false;
            }
        });
    }

    function savePreviewChanges() {
        finishPreviewTextEdit();
        if (!currentFilePath || !previewChanges.length) {
            layer.msg('没有需要保存的预览修改', {icon: 0});
            return;
        }
        var loading = layer.load(1, {shade:[0.08, '#fff']});
        $.post('/admin/file/savePreview', {
            path: currentFilePath,
            changes: JSON.stringify(previewChanges),
            fingerprint: previewFingerprint
        }, function(res) {
            layer.close(loading);
            if (res.status !== 'success') {
                layer.msg(res.msg || '保存失败', {icon: 2});
                return;
            }
            layer.msg(res.msg, {icon: 1});
            previewChanges = [];
            isModified = false;
            if (fmTabStates[currentFilePath]) fmTabStates[currentFilePath].modified = false;
            $('#saveBtn').addClass('layui-btn-disabled').prop('disabled', true);
            fmRenderTabs(currentFilePath);
            delete fmTabStates[currentFilePath];
            doLoadFile(currentFilePath);
            setTimeout(function(){ switchFileMode('preview'); }, 80);
        }, 'json').fail(function(){
            layer.close(loading);
            layer.msg('保存请求失败', {icon: 2});
        });
    }

    // 保存按钮
    $('#saveBtn').on('click', function(){
        currentMode === 'preview' ? savePreviewChanges() : saveFile();
    });
    $('#fileModeSwitch').on('click', 'button', function(){
        switchFileMode($(this).data('mode'));
    });
    $('#fmSaveAllBtn').on('click', function(){
        fmCaptureCurrentTab();
        var dirtyPaths = fmOpenTabs.filter(function(path){ return !!(fmTabStates[path] && fmTabStates[path].modified); });
        if (!dirtyPaths.length) {
            layer.msg('没有需要保存的修改', {time:1000});
            return;
        }
        var loading = layer.load(1, {shade:[.08, '#fff']});
        var failed = [];
        function saveNext(index) {
            if (index >= dirtyPaths.length) {
                layer.close(loading);
                if (currentFilePath && fmTabStates[currentFilePath]) {
                    isModified = !!fmTabStates[currentFilePath].modified;
                    $('#saveBtn').toggleClass('layui-btn-disabled', !isModified).prop('disabled', !isModified);
                }
                fmRenderTabs(currentFilePath);
                layer.msg(failed.length ? '部分文件保存失败：' + failed.join('、') : '全部保存成功', {icon:failed.length ? 2 : 1});
                return;
            }
            var path = dirtyPaths[index];
            var state = fmTabStates[path];
            $.post('/admin/file/saveFile', {
                path:path,
                content:state.content,
                encoding:state.encoding || 'UTF-8'
            }).done(function(res){
                if (res.status === 'success') state.modified = false;
                else failed.push(path.split('/').pop());
            }).fail(function(){ failed.push(path.split('/').pop()); })
              .always(function(){ saveNext(index + 1); });
        }
        saveNext(0);
    });
    $('#fmEditorReloadBtn').on('click', function(){
        if (currentFilePath) loadFile(currentFilePath);
    });

    function fmRunEditorAction(actionId) {
        if (!editor) {
            layer.msg('请先打开文件', {icon:2, time:1200});
            return;
        }
        var action = editor.getAction(actionId);
        if (action) action.run();
        editor.focus();
    }

    $('#fmEditorReplaceBtn').on('click', function(){ fmRunEditorAction('editor.action.startFindReplaceAction'); });
    $('#fmEditorFontBtn').on('click', function(){
        if (!editor) return layer.msg('请先打开文件', {icon:2, time:1200});
        layer.prompt({title:'字体大小', formType:0, value:String(editor.getOption(monaco.editor.EditorOption.fontSize) || 14)}, function(value, index){
            var size = parseInt(value, 10);
            if (size < 10 || size > 32) return layer.msg('字体大小请输入 10 至 32');
            editor.updateOptions({fontSize:size});
            layer.close(index);
            editor.focus();
        });
    });
    $('#fmEditorThemeBtn').on('click', function(){
        var nextTheme = ($('#themeSelect').val() || 'monokai') === 'default' ? 'monokai' : 'default';
        $('#themeSelect').val(nextTheme).trigger('change');
        layer.msg(nextTheme === 'default' ? '已切换浅色主题' : '已切换深色主题', {time:900});
    });

    function fmEditorCreateItem(type) {
        var parentPath = uploadContextPath || String(currentFilePath || '').split('/').slice(0, -1).join('/');
        layer.prompt({
            title:type === 'folder' ? '新建文件夹' : '新建文件',
            formType:0,
            placeholder:type === 'folder' ? '请输入文件夹名称' : '请输入文件名'
        }, function(value, index){
            value = $.trim(value || '');
            if (!value) return layer.msg('名称不能为空');
            $.post(type === 'folder' ? '/admin/file/createFolder' : '/admin/file/createFile', {
                parentPath:parentPath,
                folderName:value,
                fileName:value
            }, function(res){
                if (res.status !== 'success') return layer.msg(res.msg || '创建失败', {icon:2});
                layer.close(index);
                loadTree(parentPath);
                layer.msg('创建成功', {icon:1, time:1000});
            });
        });
    }
    $('#fmTreeNewBtn').on('click', function(){
        layer.open({
            type:1,
            title:'新建',
            area:['330px','175px'],
            content:'<div class="fm-tree-new-actions"><button type="button" class="layui-btn-sm" data-type="file"><i class="layui-icon layui-icon-file"></i>新建文件</button><button type="button" class="layui-btn-sm" data-type="folder"><i class="layui-icon layui-icon-folder"></i>新建文件夹</button></div>',
            success:function(layero, index){
                layero.find('[data-type]').on('click', function(){
                    var type = $(this).data('type');
                    layer.close(index);
                    fmEditorCreateItem(type);
                });
            }
        });
    });
    $('#fmTreeReloadBtn').on('click', function(){ loadTree(); });
    $('#fmTreeUpBtn').on('click', function(){
        var path = uploadContextPath || String(currentFilePath || '').split('/').slice(0, -1).join('/');
        var parent = String(path || '').split('/').slice(0, -1).join('/');
        uploadContextPath = parent;
        $('#fmEditorDirectory').text('/template' + (parent ? '/' + parent : ''));
        loadTree(parent);
    });
    $('#fmTreeSearchBtn').on('click', function(){
        layer.prompt({title:'搜索文件或目录', formType:0, placeholder:'输入名称'}, function(value, index){
            var keyword = $.trim(value || '').toLowerCase();
            if (!keyword) return;
            var found = null;
            (function find(nodes){
                (nodes || []).some(function(node){
                    if (String(node.title || '').toLowerCase().indexOf(keyword) !== -1) {
                        found = node;
                        return true;
                    }
                    if (node.children && node.children.length) {
                        find(node.children);
                        return !!found;
                    }
                    return false;
                });
            })(fmTreeData);
            if (!found) return layer.msg('没有找到匹配内容');
            layer.close(index);
            loadTree(found.path);
        });
    });

    function fmCopyText(text, successText) {
        if (!text) return;
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(function(){
                layer.msg(successText || '已复制', {icon:1, time:1000});
            }).catch(function(){ fmCopyTextFallback(text, successText); });
        } else {
            fmCopyTextFallback(text, successText);
        }
    }

    function fmCopyTextFallback(text, successText) {
        var $temp = $('<textarea style="position:fixed;left:-9999px;top:-9999px"></textarea>').val(text).appendTo('body');
        $temp[0].select();
        document.execCommand('copy');
        $temp.remove();
        layer.msg(successText || '已复制', {icon:1, time:1000});
    }

    function fmCopyTemplatePath(path) {
        var cleanPath = String(path || '').replace(/^\/+/, '');
        fmCopyText('/template/' + cleanPath, '路径已复制');
    }

    // 主题切换
    $('#themeSelect').on('change', function(){
        var theme = $(this).val();
        $('#fmEditorWorkspace').toggleClass('theme-light', theme === 'default');
        if (editor) {
            monaco.editor.setTheme(theme);
            $('#editorStatusbar').toggleClass('theme-light', theme === 'default');
        }
    });

    // 模板插入
    var tplMap = {
        // 拆开 closing head 标签，避免旧版全局 CSRF 注入逻辑误把模板字符串当成页面 head。
        html: '<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Document</title>\n</' + 'head>\n<body>\n    \n</body>\n</html>',
        css: '/* ================================\n   样式文件\n   ================================ */\n\n/* 重置 */\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;\n    font-size: 14px;\n    color: #333;\n    line-height: 1.6;\n    background: #fff;\n}\n\na {\n    color: #16baaa;\n    text-decoration: none;\n}\n\na:hover {\n    text-decoration: underline;\n}\n\nimg {\n    max-width: 100%;\n    height: auto;\n}\n\n/* 容器 */\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 15px;\n}\n\n/* 头部 */\n.header {\n\n}\n\n/* 主内容 */\n.main {\n\n}\n\n/* 底部 */\n.footer {\n\n}',
        js: '/**\n * JavaScript 模块\n */\n(function() {\n    \'use strict\';\n\n    // DOM 加载完成\n    document.addEventListener(\'DOMContentLoaded\', function() {\n        init();\n    });\n\n    function init() {\n        // 初始化\n        console.log(\'页面已加载\');\n    }\n\n})();',
        php: ['<','?php','/**',' * PHP 文件',' */','declare(strict_types=1);','','// 你的代码','',''].join('\n'),
        json: '{\n    "name": "",\n    "version": "1.0.0",\n    "description": "",\n    "data": {\n\n    }\n}',
        xml: ['<','?xml version="1.0" encoding="UTF-8"?','>','<root>','    <item>','        <title>标题</title>','        <content>内容</content>','    </item>','</root>'].join('\n'),
        md: '# 标题\n\n## 简介\n\n这里是简介内容。\n\n## 目录\n\n- [章节一](#章节一)\n- [章节二](#章节二)\n\n## 章节一\n\n正文内容。\n\n## 章节二\n\n正文内容。\n\n---\n\n> 引用文本\n\n```code\n代码块\n```\n'
    };

    $('#templateSelect').on('change', function(){
        var tpl = $(this).val();
        if (!tpl || !editor) { $(this).val(''); return; }

        var content = editor.getValue().trim();
        if (content.length > 0) {
            layer.confirm('当前编辑器已有内容，插入模板将<b style="color:#ff5722">替换全部内容</b>，是否继续？', {
                btn: ['替换', '插入到光标位置', '取消'], icon: 3
            }, function(index) {
                layer.close(index);
                editor.setValue(tplMap[tpl] || '');
                setEditorMode(tpl === 'js' ? 'js' : tpl);
                isModified = true;
                $('#saveBtn').removeClass('layui-btn-disabled').prop('disabled', false);
                $('#templateSelect').val('');
            }, function(index) {
                layer.close(index);
                var pos = editor.getPosition();
                editor.executeEdits('template', [{
                    range: new monaco.Range(pos.lineNumber, pos.column, pos.lineNumber, pos.column),
                    text: '\n' + (tplMap[tpl] || '')
                }]);
                isModified = true;
                $('#saveBtn').removeClass('layui-btn-disabled').prop('disabled', false);
                $('#templateSelect').val('');
            });
        } else {
            editor.setValue(tplMap[tpl] || '');
            setEditorMode(tpl === 'js' ? 'js' : tpl);
            isModified = true;
            $('#saveBtn').removeClass('layui-btn-disabled').prop('disabled', false);
            $('#templateSelect').val('');
        }
    });

    // 编码切换 - 重新加载文件内容
    $('#encodingSelect').on('change', function(){
        if (!currentFilePath) return;
        var encoding = $(this).val();
        var loadIndex = layer.load(1, {shade: [0.1, '#fff']});
        $.get('/admin/file/getFile', {path: currentFilePath, encoding: encoding}, function(res){
            layer.close(loadIndex);
            if(res.code === 1 && editor) {
                fmApplyingTabState = true;
                editor.setValue(res.data.content);
                fmApplyingTabState = false;
                isModified = false;
                fmTabStates[currentFilePath] = $.extend({}, fmTabStates[currentFilePath] || {}, {
                    content:res.data.content,
                    modified:false,
                    encoding:encoding,
                    ext:currentFileExt
                });
                $('#saveBtn').addClass('layui-btn-disabled').prop('disabled', true);
                fmRenderTabs(currentFilePath);
                layer.msg('已切换为 ' + encoding, {offset: '100px', time: 1000});
            }
        });
    });

    // HTML 转义
    function escapeHtml(text) {
        text = String(text == null ? '' : text);
        var map = {
            '&': '&amp;',
            '<': '&lt;',
            '>': '&gt;',
            '"': '&quot;',
            "'": '&#039;'
        };
        return text.replace(/[&<>"']/g, function(m) { return map[m]; });
    }

    function fmCreate(type) {
        fmInlineCreateType = type;
        fmPage = 1;
        fmRenderRows();
    }

    function fmCommitInlineCreate(input) {
        if (!fmInlineCreateType || $(input).data('saving')) return;
        var type = fmInlineCreateType;
        var value = $.trim(input.value || '');
        if (!value) {
            fmInlineCreateType = '';
            fmRenderRows();
            return;
        }
        $(input).data('saving', true).prop('disabled', true);
        var data = type === 'folder'
            ? {parentPath:fmCurrentDir, folderName:value}
            : {parentPath:fmCurrentDir, fileName:value};
        $.post(type === 'folder' ? '/admin/file/createFolder' : '/admin/file/createFile', data, function(res) {
            if (res.status === 'success') {
                fmInlineCreateType = '';
                layer.msg('创建成功', {icon:1, time:1000});
                loadTree();
            } else {
                $(input).data('saving', false).prop('disabled', false).focus().select();
                layer.msg(res.msg || '创建失败', {icon:2});
            }
        }).fail(function(){
            $(input).data('saving', false).prop('disabled', false).focus().select();
            layer.msg('创建失败', {icon:2});
        });
    }

    function fmRenameNode(node) {
        if (!node) return;
        fmRenamePath = node.path;
        fmRenderRows();
    }

    function fmCommitRename(input) {
        if (!fmRenamePath || $(input).data('saving')) return;
        var node = fmFindNode(fmRenamePath);
        if (!node) { fmRenamePath = ''; return fmRenderRows(); }
        var value = $.trim(input.value || '');
        if (!value || value === node.title) {
            fmRenamePath = '';
            return fmRenderRows();
        }
        $(input).data('saving', true).prop('disabled', true);
        $.post('/admin/file/rename', {itemPath:node.path, newName:value}, function(res) {
            if (res.status === 'success') {
                fmRenamePath = '';
                layer.msg(res.msg || '重命名成功', {icon:1, time:1000});
                loadTree();
            } else {
                $(input).data('saving', false).prop('disabled', false).focus().select();
                layer.msg(res.msg || '重命名失败', {icon:2});
            }
        }).fail(function(){
            $(input).data('saving', false).prop('disabled', false).focus().select();
            layer.msg('重命名失败', {icon:2});
        });
    }

    function fmDeleteNodes(items) {
        if (!items.length) return;
        layer.confirm('确定删除选中的 ' + items.length + ' 项吗？', {title:'删除文件', icon:3, btn:['删除','取消']}, function(confirmIndex) {
            layer.close(confirmIndex);
            var loading = layer.load(1, {shade:[.08, '#fff']});
            var ok = 0;
            var failed = 0;
            function next(pos) {
                if (pos >= items.length) {
                    layer.close(loading);
                    fmSelected = {};
                    layer.msg(failed ? ('已删除 ' + ok + ' 项，失败 ' + failed + ' 项') : ('已删除 ' + ok + ' 项'), {icon:failed ? 0 : 1});
                    loadTree();
                    return;
                }
                $.post('/admin/file/deleteItem', {itemPath:items[pos].path, itemType:items[pos].type})
                    .done(function(res){ res.status === 'success' ? ok++ : failed++; })
                    .fail(function(){ failed++; })
                    .always(function(){ next(pos + 1); });
            }
            next(0);
        });
    }

    var $fmUploadInput = $('<input type="file" multiple style="display:none">').appendTo('body');
    $fmUploadInput.on('change', function(){ fmUploadFiles(this.files, fmCurrentDir); this.value = ''; });

    function fmOpenUrlDownload() {
        var content = '<div style="padding:20px 22px 6px"><div style="margin-bottom:9px;color:#5f6975">输入可直接下载的文件地址</div>'
            + '<input type="text" id="fmRemoteUrl" class="layui-input" placeholder="https://example.com/file.zip">'
            + '<div style="margin-top:9px;color:#9aa3ad;font-size:12px">文件将保存到当前目录，最大50MB</div></div>';
        layer.open({
            type:1,title:'URL链接下载',area:['520px','210px'],content:content,
            btn:['开始下载','取消'],
            yes:function(index){
                var url = $.trim($('#fmRemoteUrl').val() || '');
                if (!url) return layer.msg('请输入文件地址', {icon:0});
                var loading = layer.load(1, {shade:[.08,'#fff']});
                $.post('/admin/file/downloadUrl', {url:url,targetPath:fmCurrentDir}, function(res){
                    layer.close(loading);
                    if (res.status === 'success') {
                        layer.close(index);
                        layer.msg(res.msg, {icon:1});
                        loadTree();
                    } else layer.msg(res.msg || '下载失败', {icon:2});
                }).fail(function(){ layer.close(loading); layer.msg('下载请求失败', {icon:2}); });
            },
            success:function(){ setTimeout(function(){ $('#fmRemoteUrl').focus(); }, 0); }
        });
    }

    dropdown.render({
        elem:'#fmUploadMenuBtn',
        trigger:'hover',
        data:[
            {title:'上传文件', id:'upload'},
            {title:'URL 链接下载', id:'url'}
        ],
        click:function(item){
            if (item.id === 'upload') fmOpenBatchUpload();
            if (item.id === 'url') fmOpenUrlDownload();
        }
    });
    dropdown.render({
        elem:'#fmNewBtn',
        trigger:'hover',
        data:[
            {title:'新建文件夹', id:'folder'},
            {title:'新建文件', id:'file'}
        ],
        click:function(item){ fmCreate(item.id); }
    });
    $('#fmUploadMenuBtn').on('click.fmBatchUpload', function(e){
        e.preventDefault();
        e.stopImmediatePropagation();
        fmOpenBatchUpload();
    });
    $('#fmBatchMenuBtn').on('click', function(e){
        e.stopPropagation();
        $('.fm-pop-menu').not('#fmBatchMenu').removeClass('is-open');
        $('#fmBatchMenu').toggleClass('is-open');
    });
    $(document).on('click', function(){
        $('.fm-pop-menu').removeClass('is-open');
        $('#fmActionMenu').removeClass('is-open');
        $('#fmFileRows tr').removeClass('is-menu-open');
    });
    $('#fmSearch').on('input', function(){ fmSearchText = $.trim(this.value || ''); fmPage = 1; fmRenderRows(); });
    form.on('checkbox(fmIncludeChildren)', function(data){ fmIncludeChildren = !!data.elem.checked; fmPage = 1; fmRenderRows(); });
    form.on('select(fmPageLimitSelect)', function(data){
        var nextLimit = parseInt(data.value, 10) || 30;
        if (nextLimit === fmPageLimit) return;
        fmPageLimit = nextLimit;
        fmPage = 1;
        fmRenderRows();
    });
    $('#fmBreadcrumb').on('click', '.fm-crumb', function(){
        var path = decodeURIComponent($(this).attr('data-path') || '');
        if (path === fmCurrentDir) {
            fmEnterPathEdit();
            return;
        }
        fmCurrentDir = path;
        fmSelected = {};
        fmPage = 1;
        fmRenderRows();
    });
    $('#fmPathBackBtn').on('click', function(){
        if (!fmCurrentDir) return;
        var parts = fmCurrentDir.split('/');
        parts.pop();
        fmCurrentDir = parts.join('/');
        fmSelected = {};
        fmPage = 1;
        fmRenderRows();
    });
    $('.fm-path-left').on('click', function(e){
        if ($(e.target).closest('#fmPathBackBtn, #fmPathRefreshBtn, #fmPathInput, .fm-crumb').length) return;
        fmEnterPathEdit();
    });
    $('#fmPathRefreshBtn').on('click', function(e){
        e.stopPropagation();
        var $button = $(this);
        if ($button.hasClass('is-loading')) return;
        var startedAt = Date.now();
        $button.addClass('is-loading').attr('aria-busy', 'true');
        loadTree().always(function(){
            var remaining = Math.max(0, 700 - (Date.now() - startedAt));
            setTimeout(function(){
                $button.removeClass('is-loading').removeAttr('aria-busy');
            }, remaining);
        });
    });

    function fmEnterPathEdit() {
        $('#fmBreadcrumb').hide();
        $('#fmPathInput').show().focus().select();
    }

    $('#fmPathInput').on('keydown', function(e){
        if (e.key === 'Escape') {
            $(this).hide();
            $('#fmBreadcrumb').show();
            return;
        }
        if (e.key !== 'Enter') return;
        var value = $.trim(this.value || '').replace(/\\/g, '/').replace(/^\/+|\/+$/g, '');
        value = value.replace(/^template\/?/, '');
        if (value && !fmFindFolder(fmTreeData, value)) {
            return layer.msg('目录不存在', {icon:0});
        }
        fmCurrentDir = value;
        fmSelected = {};
        fmPage = 1;
        $(this).hide();
        $('#fmBreadcrumb').show();
        fmRenderRows();
    }).on('blur', function(){
        setTimeout(function(){ $('#fmPathInput').hide(); $('#fmBreadcrumb').show(); }, 120);
    });
    form.on('checkbox(fmRowCheck)', function(data){
        var path = decodeURIComponent(data.value || '');
        var $row = $(data.elem).closest('tr');
        if (data.elem.checked) fmSelected[path] = $row.attr('data-type'); else delete fmSelected[path];
        fmSelectionAnchorPath = path;
        fmRenderRows();
    });
    form.on('checkbox(fmCheckAll)', function(data){
        $('#fmFileRows tr[data-path]').each(function(){
            var path = decodeURIComponent($(this).attr('data-path') || '');
            if (data.elem.checked) fmSelected[path] = $(this).attr('data-type'); else delete fmSelected[path];
        });
        fmRenderRows();
    });

    function fmItemsFromSelection() {
        return Object.keys(fmSelected).map(function(path){ return {path:path,type:fmSelected[path],node:fmFindNode(path)}; });
    }

    function fmSetClipboard(mode, items) {
        fmClipboard = {mode:mode,items:items.filter(Boolean).map(function(item){
            return {path:item.path,type:item.type || (item.node && item.node.type) || 'file'};
        })};
        var text = (mode === 'cut' ? '已剪切 ' : '已复制 ') + fmClipboard.items.length + ' 项';
        $('#fmClipboardTip').html('<i class="layui-icon layui-icon-ok-circle"></i>' + text).toggleClass('is-visible', fmClipboard.items.length > 0);
        fmSelected = {};
        fmRenderRows();
        layer.msg(text + '，请选择目录后粘贴', {icon:1,time:1300});
    }

    function fmPaste(targetDir) {
        if (!fmClipboard.items.length) return;
        var items = fmClipboard.items.slice();
        var mode = fmClipboard.mode;
        var loading = layer.load(1, {shade:[.08,'#fff']});
        var success = 0, failed = 0;
        function next(index) {
            if (index >= items.length) {
                layer.close(loading);
                if (mode === 'cut' && failed === 0) fmClipboard = {mode:'',items:[]};
                $('#fmClipboardTip').toggleClass('is-visible', fmClipboard.items.length > 0);
                layer.msg('粘贴完成：成功 ' + success + ' 项' + (failed ? '，失败 ' + failed + ' 项' : ''), {icon:failed ? 0 : 1});
                loadTree();
                return;
            }
            var item = items[index];
            var endpoint = mode === 'cut' ? '/admin/file/move' : '/admin/file/copyItem';
            $.post(endpoint, {itemPath:item.path,targetDir:targetDir || ''})
                .done(function(res){ res.status === 'success' ? success++ : failed++; })
                .fail(function(){ failed++; })
                .always(function(){ next(index + 1); });
        }
        next(0);
    }

    function fmRunSequential(items, endpoint, extra, completed) {
        var loading = layer.load(1, {shade:[.08,'#fff']});
        var success = 0, failed = 0;
        function next(index) {
            if (index >= items.length) {
                layer.close(loading);
                if (completed) completed(success, failed);
                loadTree();
                return;
            }
            var item = items[index];
            var data = $.extend({itemPath:item.path,itemType:item.type}, extra || {});
            $.post(endpoint, data)
                .done(function(res){ res.status === 'success' ? success++ : failed++; })
                .fail(function(){ failed++; })
                .always(function(){ next(index + 1); });
        }
        next(0);
    }

    function fmRunAction(action, items, targetDir) {
        items = items || [];
        if (action === 'refresh') return loadTree();
        if (action === 'newfile') return fmCreate('file');
        if (action === 'newfolder') return fmCreate('folder');
        if (action === 'upload') return $fmUploadInput.click();
        if (action === 'paste') return fmPaste(targetDir == null ? fmCurrentDir : targetDir);
        if (!items.length) return;
        if (action === 'open') return fmOpenNode(items[0].node || fmFindNode(items[0].path));
        if (action === 'copypath') return fmCopyTemplatePath(items[0].path);
        if (action === 'copy' || action === 'cut') return fmSetClipboard(action, items);
        if (action === 'rename') return fmRenameNode(items[0].node || fmFindNode(items[0].path));
        if (action === 'delete') return fmDeleteNodes(items);
        if (action === 'download') {
            if (items.length === 1) {
                window.location.href = '/admin/file/download?itemPath=' + encodeURIComponent(items[0].path);
                return;
            }
            var $form = $('<form method="post" action="/admin/file/batchDownload" style="display:none"></form>');
            $('<input type="hidden" name="items">').val(JSON.stringify(items.map(function(item){ return item.path; }))).appendTo($form);
            $form.appendTo('body')[0].submit();
            setTimeout(function(){ $form.remove(); }, 800);
            return;
        }
        if (action === 'compress') {
            return fmRunSequential(items, '/admin/file/compress', null, function(ok,fail){
                layer.msg('压缩完成：成功 ' + ok + ' 项' + (fail ? '，失败 ' + fail + ' 项' : ''), {icon:fail ? 0 : 1});
            });
        }
        if (action === 'extract') {
            var archives = items.filter(function(item){
                var node = item.node || fmFindNode(item.path);
                return node && String(node.ext || '').toLowerCase() === 'zip';
            });
            if (!archives.length) return layer.msg('请选择 ZIP 压缩包', {icon:0});
            return fmRunSequential(archives, '/admin/file/extract', null, function(ok,fail){
                layer.msg('解压完成：成功 ' + ok + ' 项' + (fail ? '，失败 ' + fail + ' 项' : ''), {icon:fail ? 0 : 1});
            });
        }
    }

    function fmActionMenuHtml(node) {
        var html = '';
        if (node) {
            var ext = String(node.ext || '').toLowerCase();
            var nodeAction = fmNodeAction(node);
            var openIcon = node.type === 'folder' ? 'fa-folder-open-o' : (nodeAction.text === '编辑' ? 'fa-pencil' : 'fa-eye');
            html += '<div class="fm-pop-item" data-menu-action="open"><i class="fa ' + openIcon + '"></i>' + nodeAction.text + '</div>';
            html += '<div class="fm-pop-item" data-menu-action="download"><i class="fa fa-download"></i>下载</div>';
            html += '<div class="fm-pop-item" data-menu-action="copypath"><i class="fa fa-link"></i>复制路径</div>';
            html += '<div class="fm-pop-divider"></div>'
                + '<div class="fm-pop-item" data-menu-action="copy"><i class="fa fa-copy"></i>复制</div>'
                + '<div class="fm-pop-item" data-menu-action="cut"><i class="fa fa-cut"></i>剪切</div>'
                + '<div class="fm-pop-item" data-menu-action="rename"><i class="fa fa-pencil-square-o"></i>重命名</div>'
                + '<div class="fm-pop-item" data-menu-action="' + (ext === 'zip' ? 'extract' : 'compress') + '"><i class="fa fa-file-archive-o"></i>' + (ext === 'zip' ? '解压' : '压缩') + '</div>';
            if (node.type === 'folder' && fmClipboard.items.length) {
                html += '<div class="fm-pop-item" data-menu-action="paste"><i class="fa fa-paste"></i>粘贴到此目录</div>';
            }
            html += '<div class="fm-pop-divider"></div><div class="fm-pop-item is-danger" data-menu-action="delete"><i class="fa fa-trash-o"></i>删除</div>';
        } else {
            if (fmClipboard.items.length) html += '<div class="fm-pop-item" data-menu-action="paste"><i class="layui-icon layui-icon-release"></i>粘贴</div><div class="fm-pop-divider"></div>';
            html += '<div class="fm-pop-item" data-menu-action="newfolder"><i class="layui-icon layui-icon-folder"></i>新建文件夹</div>'
                + '<div class="fm-pop-item" data-menu-action="newfile"><i class="layui-icon layui-icon-file"></i>新建文件</div>'
                + '<div class="fm-pop-item" data-menu-action="upload"><i class="layui-icon layui-icon-upload"></i>上传文件</div>'
                + '<div class="fm-pop-divider"></div><div class="fm-pop-item" data-menu-action="refresh"><i class="layui-icon layui-icon-refresh"></i>刷新</div>';
        }
        return html;
    }

    function fmShowActionMenu(node, x, y, anchor) {
        fmMenuTarget = node;
        var $menu = $('#fmActionMenu').html(fmActionMenuHtml(node)).addClass('is-open');
        var left = x, top = y;
        if (anchor) {
            var rect = anchor.getBoundingClientRect();
            left = rect.right - $menu.outerWidth();
            top = rect.bottom + 5;
        }
        left = Math.max(8, Math.min(left, window.innerWidth - $menu.outerWidth() - 8));
        top = Math.max(8, Math.min(top, window.innerHeight - $menu.outerHeight() - 8));
        $menu.css({left:left,top:top});
    }

    function fmSetRowSelected($row, selected) {
        if (!$row || !$row.length) return;
        var path = decodeURIComponent($row.attr('data-path') || '');
        if (!path) return;
        if (selected) fmSelected[path] = $row.attr('data-type');
        else delete fmSelected[path];
        $row.toggleClass('is-selected', !!selected);
        $row.find('.fm-row-check').prop('checked', !!selected);
    }

    function fmSyncSelectionControls() {
        var selectedCount = Object.keys(fmSelected).length;
        $('#fmBatchWrap').toggleClass('is-visible', selectedCount > 0);
        $('#fmPasteBtn').toggleClass('is-visible', fmClipboard.items.length > 0);
        $('#fmFileRows tr[data-path]').each(function(){
            var path = decodeURIComponent($(this).attr('data-path') || '');
            var selected = !!fmSelected[path];
            $(this).toggleClass('is-selected', selected).find('.fm-row-check').prop('checked', selected);
        });
        var $rows = $('#fmFileRows tr[data-path]');
        $('#fmCheckAll').prop('checked', $rows.length > 0 && $rows.toArray().every(function(row){
            return !!fmSelected[decodeURIComponent($(row).attr('data-path') || '')];
        }));
        $('#fmSelectedCount').remove();
        if (selectedCount) $('#fmCountText').append('<span id="fmSelectedCount">，已选 ' + selectedCount + ' 项</span>');
        form.render('checkbox');
    }

    function fmSelectRange(anchorPath, targetPath, keepExisting) {
        var $rows = $('#fmFileRows tr[data-path]');
        var anchorIndex = -1, targetIndex = -1;
        $rows.each(function(index){
            var path = decodeURIComponent($(this).attr('data-path') || '');
            if (path === anchorPath) anchorIndex = index;
            if (path === targetPath) targetIndex = index;
        });
        if (anchorIndex < 0 || targetIndex < 0) return false;
        if (!keepExisting) fmSelected = {};
        var start = Math.min(anchorIndex, targetIndex), end = Math.max(anchorIndex, targetIndex);
        $rows.each(function(index){
            if (index >= start && index <= end) fmSetRowSelected($(this), true);
        });
        return true;
    }

    $('#fmFileRows').on('mousedown', 'tr[data-path]', function(e){
        if (e.which !== 1 || $(e.target).closest('.fm-check-col,.fm-row-actions,button,input,textarea,select,a,.fm-remark').length) return;
        e.preventDefault();
        var $row = $(this);
        var path = decodeURIComponent($row.attr('data-path') || '');
        var ctrl = e.ctrlKey || e.metaKey;
        if (e.shiftKey && fmSelectionAnchorPath && fmSelectRange(fmSelectionAnchorPath, path, ctrl)) {
            fmMouseSelectionMode = 'select';
        } else if (ctrl) {
            fmMouseSelectionMode = fmSelected[path] ? 'deselect' : 'select';
            fmSetRowSelected($row, fmMouseSelectionMode === 'select');
            fmSelectionAnchorPath = path;
        } else {
            fmSelected = {};
            fmMouseSelectionMode = 'select';
            fmSetRowSelected($row, true);
            fmSelectionAnchorPath = path;
        }
        fmMouseSelecting = true;
        fmSyncSelectionControls();
    }).on('mouseenter', 'tr[data-path]', function(){
        if (!fmMouseSelecting) return;
        fmSetRowSelected($(this), fmMouseSelectionMode === 'select');
        fmSyncSelectionControls();
    }).on('dblclick', 'tr[data-path]', function(e){
        if ($(e.target).closest('.fm-check-col,.fm-row-actions,button,input,textarea,select,a,.fm-remark').length) return;
        var path = decodeURIComponent($(this).attr('data-path') || '');
        fmOpenNode(fmFindNode(path));
    });
    $(document).on('mouseup.fmRowSelection blur.fmRowSelection', function(){
        fmMouseSelecting = false;
    });

    $('#fmFileRows').on('click', '.fm-open', function(){
        var $row = $(this).closest('tr');
        fmOpenNode(fmFindNode(decodeURIComponent($row.attr('data-path') || '')));
    }).on('click', '.fm-row-check', function(e){
        e.stopPropagation();
    }).on('click', '.fm-rename', function(){
        var path = decodeURIComponent($(this).closest('tr').attr('data-path') || '');
        fmRenameNode(fmFindNode(path));
    }).on('click', '.fm-delete', function(){
        var path = decodeURIComponent($(this).closest('tr').attr('data-path') || '');
        var node = fmFindNode(path);
        if (!node) return;
        var selectedItems = fmItemsFromSelection();
        var nodeIsSelected = !!fmSelected[node.path];
        fmDeleteNodes(nodeIsSelected && selectedItems.length > 1
            ? selectedItems
            : [{path:node.path, type:node.type, node:node}]);
    }).on('click', '[data-row-action]', function(){
        var path = decodeURIComponent($(this).closest('tr').attr('data-path') || '');
        var node = fmFindNode(path);
        if (node) fmRunAction($(this).data('row-action'), [{path:node.path,type:node.type,node:node}]);
    }).on('click', '.fm-more', function(e){
        e.stopPropagation();
        var $row = $(this).closest('tr').addClass('is-menu-open');
        var node = fmFindNode(decodeURIComponent($row.attr('data-path') || ''));
        fmShowActionMenu(node, 0, 0, this);
    }).on('click', '.fm-size-calc', function(e){
        e.stopPropagation();
        var $cell = $(this).closest('td');
        var node = fmFindNode(decodeURIComponent($(this).closest('tr').attr('data-path') || ''));
        $cell.text(fmFormatSize(fmNodeSize(node)));
    }).on('click', '.fm-remark', function(e){
        e.stopPropagation();
        var $cell = $(this);
        var $row = $cell.closest('tr');
        var path = decodeURIComponent($row.attr('data-path') || '');
        var node = fmFindNode(path);
        if (!node || $cell.find('input').length) return;
        var original = String(node.remark || '');
        var $input = $('<input type="text" class="fm-remark-input" maxlength="100">').val(original);
        $cell.removeClass('is-empty').addClass('is-editing').empty().append($input);
        $input.focus().select().on('keydown', function(event){
            if (event.key === 'Enter') this.blur();
            if (event.key === 'Escape') { $(this).data('cancel', true); this.blur(); }
        }).on('blur', function(){
            if ($(this).data('cancel')) { node.remark = original; fmRenderRows(); return; }
            var value = $.trim(this.value || '');
            $.post('/admin/file/updateRemark', {itemPath:path,remark:value}, function(res){
                if (res.status === 'success') { node.remark = value; fmRenderRows(); }
                else { layer.msg(res.msg || '备注保存失败', {icon:2}); fmRenderRows(); }
            }).fail(function(){ layer.msg('备注保存失败', {icon:2}); fmRenderRows(); });
        });
    });
    $('#fmFileRows').on('keydown', '.fm-inline-name', function(e){
        if (e.key === 'Enter') { e.preventDefault(); fmCommitInlineCreate(this); }
        if (e.key === 'Escape') { e.preventDefault(); fmInlineCreateType = ''; fmRenderRows(); }
    }).on('blur', '.fm-inline-name', function(){ fmCommitInlineCreate(this); });
    $('#fmFileRows').on('keydown', '.fm-rename-input', function(e){
        e.stopPropagation();
        if (e.key === 'Enter') { e.preventDefault(); fmCommitRename(this); }
        if (e.key === 'Escape') { e.preventDefault(); fmRenamePath = ''; fmRenderRows(); }
    }).on('click', '.fm-rename-input', function(e){ e.stopPropagation(); })
      .on('blur', '.fm-rename-input', function(){ fmCommitRename(this); });
    $('#fmCountText').on('click', '.fm-total-size-calc', function(){
        var folder = fmFindFolder(fmTreeData, fmCurrentDir);
        var total = (folder ? (folder.children || []) : fmTreeData).reduce(function(sum, node){ return sum + fmNodeSize(node); }, 0);
        $(this).replaceWith('<span>' + fmFormatSize(total) + '</span>');
    });
    $('#fmSearchBtn').on('click', function(){ $('#fmSearch').focus().trigger('input'); });
    $('#fmDropZone').on('contextmenu', function(e){
        e.preventDefault();
        var $row = $(e.target).closest('tr[data-path]');
        var node = $row.length ? fmFindNode(decodeURIComponent($row.attr('data-path') || '')) : null;
        if (node) {
            if (!fmSelected[node.path]) fmSelected = {};
            fmSelected[node.path] = node.type;
            fmRenderRows();
            $('#fmFileRows tr[data-path]').each(function(){
                if (decodeURIComponent($(this).attr('data-path') || '') === node.path) {
                    $(this).addClass('is-menu-open');
                }
            });
        }
        fmShowActionMenu(node, e.clientX, e.clientY);
    });
    $('#fmActionMenu').on('click', '.fm-pop-item', function(e){
        e.stopPropagation();
        var action = $(this).data('menu-action');
        var node = fmMenuTarget;
        var targetDir = node && node.type === 'folder' ? node.path : fmCurrentDir;
        var selectedItems = fmItemsFromSelection();
        var supportsMultiple = ['download','copy','cut','compress','extract','delete'].indexOf(action) !== -1;
        var actionItems = node && supportsMultiple && fmSelected[node.path] && selectedItems.length > 1
            ? selectedItems
            : (node ? [{path:node.path,type:node.type,node:node}] : []);
        $('#fmActionMenu').removeClass('is-open');
        $('#fmFileRows tr').removeClass('is-menu-open');
        fmRunAction(action, actionItems, targetDir);
    });
    $('#fmBatchMenu').on('click', '.fm-pop-item', function(e){
        e.stopPropagation();
        var action = $(this).data('batch');
        $('#fmBatchMenu').removeClass('is-open');
        fmRunAction(action, fmItemsFromSelection(), fmCurrentDir);
    });
    $('#fmPasteBtn').on('click', function(){ fmPaste(fmCurrentDir); });

    var fmDragDepth = 0;
    $('#fmDropZone').on('dragenter', function(e){ e.preventDefault(); fmDragDepth++; $(this).addClass('drag-over'); })
        .on('dragover', function(e){ e.preventDefault(); })
        .on('dragleave', function(e){ e.preventDefault(); fmDragDepth--; if (fmDragDepth <= 0) { fmDragDepth = 0; $(this).removeClass('drag-over'); } })
        .on('drop', function(e){
            e.preventDefault();
            fmDragDepth = 0;
            $(this).removeClass('drag-over');
            fmUploadFiles(e.originalEvent.dataTransfer.files, fmCurrentDir);
        });

    $('#fmEditorTabs').on('click', '.fm-tab', function(e){
        var path = decodeURIComponent($(this).attr('data-path') || '');
        if ($(e.target).closest('.fm-tab-close').length) {
            e.stopPropagation();
            if (path === currentFilePath) fmCaptureCurrentTab();
            var closeTab = function(){
                var idx = fmOpenTabs.indexOf(path);
                if (idx !== -1) fmOpenTabs.splice(idx, 1);
                delete fmTabStates[path];
                if (path === currentFilePath) {
                    currentFilePath = null;
                    isModified = false;
                    var nextPath = fmOpenTabs[Math.max(0, idx - 1)];
                    if (nextPath) doLoadFile(nextPath);
                    else fmCloseEditorWindow();
                } else fmRenderTabs(currentFilePath);
            };
            if (fmTabStates[path] && fmTabStates[path].modified) {
                layer.confirm('该文件尚未保存，确定关闭吗？', {btn:['关闭','继续编辑']}, function(index){
                    layer.close(index);
                    closeTab();
                });
            } else closeTab();
            return;
        }
        if (path !== currentFilePath) loadFile(path);
    });

    // 目录树独立加载，不能被编辑器初始化状态阻塞。
    loadTree();

    // 接收页面头部已经启动的 Monaco 预加载任务。
    if (window.monacoReadyPromise) {
        window.monacoReadyPromise.then(function() {
            monacoReady = true;
            try {
                configureLightweightMonaco();
            } catch (error) {
                // 轻量配置失败不能阻塞编辑器本身。
                console.warn('Monaco 轻量配置失败：', error);
            }
            if (pendingFilePath) {
                var path = pendingFilePath;
                pendingFilePath = null;
                doLoadFile(path);
            }
        }).catch(function(error) {
            monacoLoadError = error;
            console.error('Monaco Editor 加载失败：', error);
            if (pendingFilePath) {
                layer.msg('编辑器加载失败，请刷新页面重试', {icon: 2, offset: '100px'});
            }
        });
    } else {
        monacoLoadError = new Error('Monaco 预加载任务未创建');
    }

    // ========== 右键菜单功能 ==========
    var contextTargetPath = '';   // 右键点击的目标路径
    var contextTargetType = '';   // 'folder' | 'file' | ''
    var contextNodePath = '';     // 右键点击节点自身的路径（用于删除）
    var contextNodeExt = '';      // 右键点击节点的扩展名
    var uploadContextPath = '';   // 上传文件的目标目录
    var $contextTreeSet = $();    // 右键点击的树节点
    var $ctxMenu = $('#treeContextMenu');

    // 整个左侧面板区域右键
    $('.file-tree-panel').on('contextmenu', function(e) {
        e.preventDefault();
        e.stopPropagation();

        var $set = $(e.target).closest('.layui-tree-set');
        if ($set.length) {
            $contextTreeSet = $set;
            var nodeId = $set.attr('data-id');
            var contextNode = fmFindNode(nodeId);
            var isFolder = !!(contextNode && contextNode.type === 'folder');
            $('#fileTree .layui-tree-entry.selected').removeClass('selected');
            $set.children('.layui-tree-entry').addClass('selected');

            if (isFolder) {
                // 右键文件夹：新建 + 上传 + 重命名 + 移动 + 压缩 + 删除
                contextTargetPath = nodeId;
                contextTargetType = 'folder';
                contextNodePath = nodeId;
                contextNodeExt = '';
                uploadContextPath = nodeId;
                $('#ctxNewFolder, #ctxNewFile, #ctxUpload, #ctxDivider1, #ctxCopy, #ctxCut, #ctxCopyPath, #ctxRename, #ctxMove, #ctxCompress, #ctxDivider2, #ctxDelete').show();
                $('#ctxPaste').toggle(fmClipboard.items.length > 0);
                $('#ctxEdit, #ctxDownload, #ctxExtract').hide();
                $('#ctxDelete').html('<i class="layui-icon layui-icon-delete"></i>删除文件夹');
            } else {
                // 右键文件：重命名 + 移动 + 压缩 + 下载/解压(仅压缩包) + 删除
                var $parentSet = $set.parent().closest('.layui-tree-set');
                contextTargetPath = $parentSet.length ? $parentSet.attr('data-id') : '';
                contextTargetType = 'file';
                contextNodePath = nodeId;
                uploadContextPath = contextTargetPath;
                contextNodeExt = (nodeId.split('.').pop() || '').toLowerCase();
                
                // 隐藏新建/上传，显示文件相关操作
                $('#ctxNewFolder, #ctxNewFile, #ctxUpload, #ctxPaste, #ctxDivider1').hide();
                $('#ctxEdit, #ctxCopy, #ctxCut, #ctxCopyPath, #ctxRename, #ctxMove, #ctxCompress, #ctxDownload, #ctxDivider2, #ctxDelete').show();
                var previewExts = ['jpg','jpeg','png','gif','bmp','svg','webp','ico','mp4','webm','ogg','mov','m4v'];
                $('#ctxEdit').html('<i class="layui-icon ' + (previewExts.indexOf(contextNodeExt) !== -1 ? 'layui-icon-eye' : 'layui-icon-edit') + '"></i>' + (previewExts.indexOf(contextNodeExt) !== -1 ? '预览' : '编辑'));
                
                var archiveExts = ['zip', 'rar', '7z', 'tar', 'gz', 'bz2'];
                if (archiveExts.indexOf(contextNodeExt) !== -1) {
                    $('#ctxExtract').toggle(contextNodeExt === 'zip');
                } else {
                    $('#ctxExtract').hide();
                }
                $('#ctxDelete').html('<i class="layui-icon layui-icon-delete"></i>删除文件');
            }
        } else {
            $contextTreeSet = $();
            // 右键空白区域
            contextTargetPath = '';
            contextTargetType = '';
            contextNodePath = '';
            contextNodeExt = '';
            uploadContextPath = '';
            // 显示：新建（隐藏重命名/压缩/下载/解压/删除）
            $('#ctxNewFolder, #ctxNewFile, #ctxUpload').show();
            $('#ctxPaste').toggle(fmClipboard.items.length > 0);
            $('#ctxDivider1, #ctxEdit, #ctxCopy, #ctxCut, #ctxCopyPath, #ctxRename, #ctxMove, #ctxCompress, #ctxDownload, #ctxExtract, #ctxDivider2, #ctxDelete').hide();
        }

        $ctxMenu.css({left: '-9999px', top: '-9999px'}).show();
        var menuWidth = $ctxMenu.outerWidth() || 168;
        var menuHeight = $ctxMenu.outerHeight() || 320;
        var left = Math.max(8, Math.min(e.clientX, window.innerWidth - menuWidth - 8));
        var top = Math.max(8, Math.min(e.clientY, window.innerHeight - menuHeight - 8));
        $ctxMenu.css({left: left + 'px', top: top + 'px'});
    });

    // 点击任意位置关闭菜单
    $(document).on('click', function() {
        $ctxMenu.hide();
    });

    // 新建文件夹
    $('#ctxNewFolder').on('click', function() {
        $ctxMenu.hide();
        layer.prompt({
            formType: 0,
            title: '新建文件夹' + (contextTargetPath ? '（在 ' + contextTargetPath + ' 下）' : '（根目录）'),
            placeholder: '请输入文件夹名称',
            btn: ['确定', '取消'],
            btnAlign: 'c',
            value: ''
        }, function(folderName, index) {
            if (!folderName || !folderName.trim()) {
                layer.msg('名称不能为空', {icon: 2, offset: '100px'});
                return;
            }
            var loadIndex = layer.load(1, {shade: [0.1, '#fff']});
            $.post('/admin/file/createFolder', {
                parentPath: contextTargetPath,
                folderName: folderName.trim()
            }, function(res) {
                layer.close(loadIndex);
                if (res.status === 'success') {
                    layer.close(index);
                    layer.msg(res.msg, {icon: 1, offset: '100px', time: 1500});
                    loadTree();
                } else {
                    layer.msg(res.msg, {icon: 2, offset: '100px'});
                }
            });
        });
    });

    // 新建文件
    $('#ctxNewFile').on('click', function() {
        $ctxMenu.hide();
        layer.prompt({
            formType: 0,
            title: '新建文件' + (contextTargetPath ? '（在 ' + contextTargetPath + ' 下）' : '（根目录）'),
            placeholder: '请输入文件名',
            btn: ['确定', '取消'],
            btnAlign: 'c',
            value: ''
        }, function(fileName, index) {
            if (!fileName || !fileName.trim()) {
                layer.msg('文件名不能为空', {icon: 2, offset: '100px'});
                return;
            }
            var loadIndex = layer.load(1, {shade: [0.1, '#fff']});
            $.post('/admin/file/createFile', {
                parentPath: contextTargetPath,
                fileName: fileName.trim()
            }, function(res) {
                layer.close(loadIndex);
                if (res.status === 'success') {
                    layer.close(index);
                    layer.msg(res.msg, {icon: 1, offset: '100px', time: 1500});
                    loadTree();
                } else {
                    layer.msg(res.msg, {icon: 2, offset: '100px'});
                }
            });
        });
    });

    // 删除文件/文件夹
    $('#ctxDelete').on('click', function() {
        $ctxMenu.hide();
        var typeName = contextTargetType === 'folder' ? '文件夹' : '文件';
        var deletePath = contextNodePath;

        layer.confirm('确定要删除' + typeName + ' <b style="color:#FF5722">' + deletePath + '</b> 吗？<br><br><span style="color:#999;font-size:12px">' + (contextTargetType === 'folder' ? '该文件夹下的所有文件都将被删除，' : '') + '此操作不可恢复！</span>', {
            icon: 3,
            title: '删除确认',
            btn: ['确定删除', '取消'],
            btnAlign: 'c',
            btn1: function(idx) {
                layer.close(idx);
                var loadIndex = layer.load(1, {shade: [0.1, '#fff']});
                $.post('/admin/file/deleteItem', {
                    itemPath: deletePath,
                    itemType: contextTargetType
                }, function(res) {
                    layer.close(loadIndex);
                    if (res.status === 'success') {
                        layer.msg(res.msg, {icon: 1, offset: '100px', time: 1500});
                        // 如果删除的是当前编辑的文件，清空编辑器
                        if (currentFilePath && currentFilePath === deletePath) {
                            currentFilePath = null;
                            isModified = false;
                            document.getElementById('editorContent').innerHTML = '<div class="empty-state"><i class="layui-icon layui-icon-file"></i><p>请从左侧选择要编辑的文件</p></div>';
                            if (editor) { editor.dispose(); }
                            editor = null;
                            $('#currentFilePath').text('').hide();
                            $('#editorStatusbar').hide();
                            $('#saveBtn').prop('disabled', true);
                        }
                        loadTree();
                    } else {
                        layer.msg(res.msg, {icon: 2, offset: '100px'});
                    }
                });
            }
        });
    });

    // 重命名：直接在当前树节点原位编辑
    $('#ctxRename').on('click', function() {
        $ctxMenu.hide();
        var oldPath = contextNodePath;
        var oldName = oldPath.split('/').pop();
        var renameType = contextTargetType;
        var $set = $contextTreeSet;
        var $text = $set.children('.layui-tree-entry').find('.layui-tree-txt').first();
        if (!$set.length || !$text.length) return;

        $('#fileTree .layui-tree-set.is-renaming').removeClass('is-renaming');
        $set.addClass('is-renaming');
        var $input = $('<input type="text" class="fm-tree-rename-input" maxlength="100">').val(oldName);
        $text.empty().append($input);
        var finished = false;

        function cancelRename() {
            if (finished) return;
            finished = true;
            $set.removeClass('is-renaming');
            $text.text(oldName);
        }

        function saveRename() {
            if (finished || $input.data('saving')) return;
            var newName = $.trim($input.val() || '');
            if (!newName) {
                layer.msg('名称不能为空', {icon:2, time:1200});
                $input.focus();
                return;
            }
            if (newName === oldName) return cancelRename();
            $input.data('saving', true).prop('disabled', true);
            $.post('/admin/file/rename', {itemPath:oldPath, newName:newName}, function(res) {
                if (res.status === 'success') {
                    finished = true;
                    var parentPath = oldPath.split('/').slice(0, -1).join('/');
                    var newPath = parentPath ? parentPath + '/' + newName : newName;
                    layer.msg(res.msg || '重命名成功', {icon:1, time:1000});
                    loadTree(renameType === 'folder' ? newPath : parentPath);
                } else {
                    $input.data('saving', false).prop('disabled', false).focus().select();
                    layer.msg(res.msg || '重命名失败', {icon:2});
                }
            }).fail(function() {
                $input.data('saving', false).prop('disabled', false).focus().select();
                layer.msg('重命名失败，请稍后重试', {icon:2});
            });
        }

        $input.on('mousedown click dblclick', function(e){ e.stopPropagation(); })
            .on('keydown', function(e){
                e.stopPropagation();
                if (e.key === 'Enter') { e.preventDefault(); saveRename(); }
                if (e.key === 'Escape') { e.preventDefault(); cancelRename(); }
            })
            .on('blur', saveRename);
        setTimeout(function(){
            $input.focus();
            var dot = renameType === 'file' ? oldName.lastIndexOf('.') : -1;
            if ($input[0] && $input[0].setSelectionRange) $input[0].setSelectionRange(0, dot > 0 ? dot : oldName.length);
        }, 0);
    });

    // 移动
    $('#ctxMove').on('click', function() {
        $ctxMenu.hide();
        var typeName = contextTargetType === 'folder' ? '文件夹' : '文件';
        // 加载目录树用于选择目标
        $.get('/admin/file/getTree', function(res) {
            if (!res.success || !res.data) {
                layer.msg('加载目录失败', {icon: 2, offset: '100px'});
                return;
            }
            // 过滤出纯文件夹节点（排除当前项本身）
            function filterFolders(nodes, parentPath) {
                var result = [];
                nodes.forEach(function(node) {
                    if (node.type === 'folder' || (node.children && node.children.length > 0)) {
                        var fullPath = node.path || node.id;
                        // 排除自身
                        if (fullPath === contextNodePath) return;
                        var item = {
                            title: node.title,
                            id: fullPath,
                            children: node.children ? filterFolders(node.children, fullPath) : []
                        };
                        result.push(item);
                    }
                });
                return result;
            }
            
            var folders = [{
                title: 'template',
                id: '',
                children: filterFolders(res.data, '')
            }];
            
            // 渲染树选择器
            var treeHtml = '<div id="moveTreeView" style="max-height:350px;overflow:auto;padding:10px;"></div>';
            var moveDialog = layer.open({
                type: 1,
                title: '移动' + typeName + ' <b>' + contextNodePath + '</b> 到...',
                area: ['420px', '450px'],
                content: treeHtml,
                btn: ['确定移动', '取消'],
                btnAlign: 'c',
                yes: function(index) {
                    var selected = $('#moveTreeView .layui-tree-entry.selected');
                    if (!selected.length) {
                        layer.msg('请选择目标目录', {icon: 2, offset: '100px'});
                        return;
                    }
                    var targetDir = selected.closest('.layui-tree-set').attr('data-id');
                    if (targetDir === undefined) targetDir = '';
                    
                    layer.close(index);
                    var loadIndex = layer.load(1, {shade: [0.1, '#fff']});
                    $.post('/admin/file/move', {
                        itemPath: contextNodePath,
                        targetDir: targetDir
                    }, function(res) {
                        layer.close(loadIndex);
                        if (res.status === 'success') {
                            layer.msg(res.msg, {icon: 1, offset: '100px', time: 1500});
                            loadTree();
                        } else {
                            layer.msg(res.msg, {icon: 2, offset: '100px'});
                        }
                    });
                }
            });
            
            // 渲染 tree
            setTimeout(function() {
                layui.tree.render({
                    elem: '#moveTreeView',
                    data: folders,
                    showLine: true,
                    showIcon: false,
                    onlyIconControl: true,
                    click: function(obj) {
                        $('#moveTreeView .layui-tree-entry.selected').removeClass('selected');
                        $(obj.elem).children('.layui-tree-entry').addClass('selected');
                    }
                });
                // 展开根节点
                setTimeout(function() {
                    $('#moveTreeView .layui-tree-iconClick').first().click();
                }, 200);
            }, 100);
        });
    });

    // 压缩
    $('#ctxCompress').on('click', function() {
        $ctxMenu.hide();
        var typeName = contextTargetType === 'folder' ? '文件夹' : '文件';
        layer.confirm('确定要压缩 ' + typeName + ' <b>' + contextNodePath + '</b> 吗？', {
            btn: ['确定', '取消'],
            btnAlign: 'c'
        }, function(index) {
            layer.close(index);
            var loadIndex = layer.load(1, {shade: [0.1, '#fff']});
            $.post('/admin/file/compress', {
                itemPath: contextNodePath,
                itemType: contextTargetType
            }, function(res) {
                layer.close(loadIndex);
                if (res.status === 'success') {
                    layer.msg(res.msg, {icon: 1, offset: '100px', time: 2000});
                    loadTree();
                } else {
                    layer.msg(res.msg, {icon: 2, offset: '100px'});
                }
            });
        });
    });

    // 下载
    $('#ctxEdit').on('click', function() {
        $ctxMenu.hide();
        fmOpenNode(fmFindNode(contextNodePath));
    });
    $('#ctxDownload').on('click', function() {
        $ctxMenu.hide();
        window.location.href = '/admin/file/download?itemPath=' + encodeURIComponent(contextNodePath);
    });
    $('#ctxCopy').on('click', function() {
        $ctxMenu.hide();
        fmSetClipboard('copy', [{path:contextNodePath, type:contextTargetType, node:fmFindNode(contextNodePath)}]);
    });
    $('#ctxCut').on('click', function() {
        $ctxMenu.hide();
        fmSetClipboard('cut', [{path:contextNodePath, type:contextTargetType, node:fmFindNode(contextNodePath)}]);
    });
    $('#ctxPaste').on('click', function() {
        $ctxMenu.hide();
        fmPaste(contextTargetType === 'folder' ? contextNodePath : (contextTargetPath || ''));
    });
    $('#ctxCopyPath').on('click', function() {
        $ctxMenu.hide();
        fmCopyTemplatePath(contextNodePath);
    });

    // 解压
    $('#ctxExtract').on('click', function() {
        $ctxMenu.hide();
        layer.confirm('确定要解压 <b>' + contextNodePath + '</b> 到当前目录吗？', {
            btn: ['确定', '取消'],
            btnAlign: 'c'
        }, function(index) {
            layer.close(index);
            var loadIndex = layer.load(1, {shade: [0.1, '#fff']});
            $.post('/admin/file/extract', {
                itemPath: contextNodePath
            }, function(res) {
                layer.close(loadIndex);
                if (res.status === 'success') {
                    layer.msg(res.msg, {icon: 1, offset: '100px', time: 2000});
                    loadTree();
                } else {
                    layer.msg(res.msg, {icon: 2, offset: '100px'});
                }
            });
        });
    });

    // ========== 文件上传功能 ==========
    // 创建隐藏的文件选择器（用于右键菜单触发上传）
    var $uploadInput = $('<input type="file" multiple accept="*/*" style="display:none;">');
    $('body').append($uploadInput);

    $uploadInput.on('change', function() {
        var files = this.files;
        if (!files.length) return;

        var formData = new FormData();
        for (var i = 0; i < files.length; i++) {
            formData.append('file[]', files[i]);
        }
        formData.append('targetPath', uploadContextPath);

        layer.load(1, {shade: [0.1, '#fff']});
        $.ajax({
            url: '/admin/file/upload',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(res) {
                layer.closeAll('loading');
                if (res.status === 'success') {
                    layer.msg(res.msg, {icon: 1, offset: '100px', time: 1500});
                    loadTree();
                } else {
                    layer.msg(res.msg, {icon: 2, offset: '100px'});
                }
            },
            error: function() {
                layer.closeAll('loading');
                layer.msg('上传失败，请检查网络或文件大小', {icon: 2, offset: '100px'});
            }
        });
        $uploadInput.val('');
    });

    // 右键菜单 - 上传
    $('#ctxUpload').on('click', function() {
        $ctxMenu.hide();
        $uploadInput.click();
    });
    // 拖拽上传到目录树面板
    $('.file-tree-panel').on('dragover', function(e) {
        e.preventDefault();
        e.stopPropagation();
        $(this).addClass('drag-over');
    }).on('dragleave', function(e) {
        e.preventDefault();
        e.stopPropagation();
        $(this).removeClass('drag-over');
    }).on('drop', function(e) {
        e.preventDefault();
        e.stopPropagation();
        $(this).removeClass('drag-over');
        
        var files = e.originalEvent.dataTransfer.files;
        if (!files.length) return;

        var formData = new FormData();
        for (var i = 0; i < files.length; i++) {
            formData.append('file[]', files[i]);
        }
        formData.append('targetPath', uploadContextPath);

        layer.load(1, {shade: [0.1, '#fff']});
        $.ajax({
            url: '/admin/file/upload',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(res) {
                layer.closeAll('loading');
                if (res.status === 'success') {
                    layer.msg(res.msg, {icon: 1, offset: '100px', time: 1500});
                    loadTree();
                } else {
                    layer.msg(res.msg, {icon: 2, offset: '100px'});
                }
            },
            error: function() {
                layer.closeAll('loading');
                layer.msg('上传失败', {icon: 2, offset: '100px'});
            }
        });
    });

    // 页面离开提醒
    window.addEventListener('beforeunload', function(e) {
        fmCaptureCurrentTab();
        if(fmHasDirtyTabs()) {
            e.preventDefault();
            e.returnValue = '当前文件已修改，确定要离开吗？';
            return e.returnValue;
        }
    });
});
{/literal}
</script>

</body>
</html>