dsh-long-plugins 1.3.8 → 1.3.10

package/README.md

@@ -5,7 +5,7 @@ upload manager, workspace **输出文件** section, top-bar **文件** browser w
 **技能文档** (skill docs) browser, DeepSeek account balance, and **turn ruler (session navigation)** — all in one installable plugin.
 Also ships an auto-repair install that relinks DSH core patches (reverse-proxy WebSocket heartbeat, upgrade relink).
 
-一个插件整合 DSH Web 的常用增强：上传管理、顶栏「📂文件」工作区浏览 + 文件预览（Word、PPT 格式渲染）、工作区「输出文件」面板、技能文档浏览、账户余额显示。并自带修复安装，自动重连 DSH 核心补丁（反代 WebSocket 心跳、升级重连）。会话记录导航。
+一个插件整合 DSH Web 的常用增强：上传管理、顶栏「📂文件」工作区浏览 + 文件预览（Word、PPT、Excel 格式渲染）、工作区「输出文件」面板、技能文档浏览、账户余额显示。并自带修复安装，自动重连 DSH 核心补丁（反代 WebSocket 心跳、升级重连）。会话记录导航。
 
 ## Features / 功能
 
@@ -95,6 +95,8 @@ Agent 可直接调用 `md2docx` 工具，把 Markdown 转成带页码页脚的 W
 /api/dsh-uploads/workspace-file/save     save edited content (POST)
 /api/dsh-uploads/docx-preview            Word (.docx) real render page (browser-side docx-preview)
 /api/dsh-uploads/docx-preview-asset       serve docx-preview / jszip vendor libs
+/api/dsh-uploads/xlsx-preview             Excel (.xlsx) static render page (browser-side SheetJS → table)
+/api/dsh-uploads/xlsx-preview-asset        serve SheetJS (xlsx) vendor lib
 /dsh-skill-docs/skill-docs               skill docs list (grouped by skill)
 /dsh-skill-docs/skill-doc                preview / download
 /dsh-skill-docs/skill-doc/save           save (POST)
@@ -115,7 +117,18 @@ MIT
 - `JSZip` — 解压 Office 包 — **MIT**（或 GPLv3，本项目按 MIT 使用）
 - `Chart.js` — PPT 内图表 — **MIT**
 - `PptxViewJS` — PowerPoint 真实预览 — **MIT**
+- `SheetJS`(xlsx.full.min.js) — Excel 真实预览 — **Apache-2.0**
 - npm 依赖：`mammoth`（BSD-2-Clause）、`exceljs`（MIT）
 
 完整的版权声明与来源见 [`THIRD_PARTY_NOTICES.md`](THIRD_PARTY_NOTICES.md)。
 
+## Changelog / 更新记录
+
+### v1.3.10
+- 新增 `.xlsx` 浏览器端预览：用 SheetJS 解析并显示为表格（行列标头、合并单元格、多工作表切换），预览支持 − / ＋ / 适合宽度缩放，默认整表适配；浏览器端处理，不占用 NAS 本地资源。
+- 工作区浏览、工作区文件、上传文件列表中的 `.xlsx` 均接入该预览页。
+- `.csv` / `.tsv` 保留表格预览（首行作表头）。
+- 文件列表按钮顺序调整：工作区浏览页为 复制路径、重命名、下载、预览；上传/输出文件面板为 复制路径、删除、下载、预览。
+- 「上传文件」「输出文件」新增「开启删除」开关：关闭时删除按钮置灰禁用，开启后可删除；上传文件的「复制路径」不再使用删除红色。
+- 手机端（≤640px）文件列表顶部操作行保持单行：搜索/日期等宽、刷新/开关靠右。
+

package/THIRD_PARTY_NOTICES.md

@@ -34,6 +34,13 @@ copyright notices and sources are listed here.
 - npm: <https://www.npmjs.com/package/pptxviewjs>
 - CDN / source build: <https://cdn.jsdelivr.net/npm/pptxviewjs@1.1.9>
 
+### SheetJS (`xlsx.full.min.js`)
+- Used for: real browser-side Excel (`.xlsx`) preview
+- License: **Apache-2.0**
+- Copyright: SheetJS Community Edition
+- npm: <https://www.npmjs.com/package/xlsx>
+- CDN / source build: <https://cdn.jsdelivr.net/npm/xlsx@0.18.5>
+
 ## Runtime npm dependencies (not vendored into the package)
 
 These are declared as `dependencies` and resolved on the host at install time;

package/client/client.js

@@ -95,6 +95,21 @@ window.__ModuleLoader__.load({
       t._timer = setTimeout(() => { t.className = 'dsh-long-toast' }, 2800)
     }
 
+    /** 复制文本到剪贴板 + 轻提示。 */
+    function copyText(text) {
+      try {
+        const done = () => showToast(`已复制：${text}`)
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+          navigator.clipboard.writeText(text).then(done, () => showToast('复制失败', 'error'))
+        } else {
+          const ta = document.createElement('textarea')
+          ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0'
+          document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta)
+          done()
+        }
+      } catch (e) { showToast('复制失败', 'error') }
+    }
+
     /** Trigger a browser download for a URL (no navigation, keeps the page). */
     function triggerDownload(url, name) {
       const a = document.createElement('a')
@@ -703,6 +718,7 @@ window.__ModuleLoader__.load({
       const [previewMaximized, setPreviewMaximized] = React.useState(false)
       const [dayFilter, setDayFilter] = React.useState('')
       const [search, setSearch] = React.useState('')
+      const [deleteEnabled, setDeleteEnabled] = React.useState(false)
 
       async function refresh() {
         setState((current) => ({ ...current, loading: true, error: '' }))
@@ -837,6 +853,12 @@ window.__ModuleLoader__.load({
               { type: 'button', className: 'dsh-upload-refresh', disabled: state.loading, onClick: refresh },
               state.loading ? '刷新中…' : '刷新',
             ),
+            React.createElement(
+              'label',
+              { className: 'dsh-upload-del-toggle' },
+              React.createElement('input', { type: 'checkbox', checked: deleteEnabled, onChange: (e) => setDeleteEnabled(e.target.checked) }),
+              '开启删除',
+            ),
           ),
         ),
         React.createElement(
@@ -926,13 +948,22 @@ window.__ModuleLoader__.load({
               React.createElement(
                 'div',
                 { className: 'dsh-upload-actions' },
-                React.createElement('button', { type: 'button', className: 'dsh-upload-preview', onClick: () => previewFile(file.name) }, '预览'),
-                React.createElement('a', { href: downloadUrl(file.name), download: file.name }, '下载'),
                 React.createElement(
                   'button',
-                  { type: 'button', disabled: deleting === file.name, onClick: () => remove(file.name) },
+                  { type: 'button', className: 'dsh-upload-copy', onClick: () => {
+                    const s = String(file.path || file.name)
+                    const base = state.root ? String(state.root).replace(/\/[^/]*$/, '') : ''
+                    copyText(base && s.indexOf(base) === 0 ? s.slice(base.length).replace(/^\/+/, '') : s)
+                  } },
+                  '复制路径',
+                ),
+                React.createElement(
+                  'button',
+                  { type: 'button', disabled: !deleteEnabled || deleting === file.name, onClick: () => remove(file.name) },
                   deleting === file.name ? '删除中…' : '删除',
                 ),
+                React.createElement('a', { href: downloadUrl(file.name), download: file.name }, '下载'),
+                React.createElement('button', { type: 'button', className: 'dsh-upload-preview', onClick: () => previewFile(file.name) }, '预览'),
               ),
             )),
           )),
@@ -1000,7 +1031,13 @@ window.__ModuleLoader__.load({
       .dsh-upload-file-meta{flex:none;color:var(--dsw-alias-label-tertiary);font-size:12px}
       .dsh-upload-actions{display:flex;flex:none;gap:7px}
       .dsh-upload-actions button{color:var(--dsw-alias-state-error-primary)}
-      @media (max-width:640px){.dsh-upload-row{align-items:stretch;flex-direction:column;gap:4px}.dsh-upload-file-name{white-space:normal;word-break:break-all}.dsh-upload-actions{width:100%}.dsh-upload-actions a,.dsh-upload-actions button{flex:1;text-align:center}.dsh-upload-chip{min-width:160px}.dsh-upload-settings-head{flex-direction:column;align-items:stretch;gap:10px}.dsh-upload-head-actions{width:100%;justify-content:flex-end}.dsh-upload-head-actions .dsh-upload-refresh{flex:1;text-align:center;padding:7px 8px;max-width:none}}
+      .dsh-upload-actions button.dsh-upload-copy{color:var(--dsw-alias-label-primary)}
+      .dsh-upload-actions button:disabled{opacity:.5;cursor:not-allowed;color:var(--dsw-alias-label-tertiary)}
+      .dsh-upload-del-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;user-select:none}
+      .dsh-upload-del-toggle input{accent-color:var(--dsw-alias-state-business-primary);cursor:pointer}
+      .dsh-ws-del:disabled{opacity:.5;cursor:not-allowed;color:var(--dsw-alias-label-tertiary)!important}
+      .dsh-upload-actions a,.dsh-upload-actions button{white-space:nowrap}
+      @media (max-width:640px){.dsh-upload-row{align-items:stretch;flex-direction:column;gap:4px}.dsh-upload-file-name{white-space:normal;word-break:break-all}.dsh-upload-actions{width:100%;display:flex;gap:6px}.dsh-upload-actions a,.dsh-upload-actions button{flex:1;text-align:center;white-space:nowrap;padding:6px 4px}.dsh-upload-chip{min-width:160px}.dsh-upload-settings-head{flex-direction:column;align-items:stretch;gap:10px}.dsh-upload-head-actions{width:100%;flex-wrap:nowrap;justify-content:flex-start}.dsh-upload-head-actions .dsh-searchpop,.dsh-upload-head-actions .dsh-datefilter{flex:1 1 0;min-width:0}.dsh-upload-head-actions .dsh-upload-refresh{flex:none;text-align:center;padding:7px 8px;max-width:none}.dsh-upload-head-actions .dsh-upload-del-toggle{flex:none;white-space:nowrap;padding:0 4px}}
       .dsh-ws-folder:hover{background:var(--dsw-alias-interactive-bg-hover)}
       .dsh-ws-file-type{flex:none;font-size:10px;line-height:14px;padding:1px 6px;border-radius:5px;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover);white-space:nowrap}
       .dsh-upload-preview-del{color:var(--dsw-alias-state-error-primary)!important}
@@ -1043,6 +1080,7 @@ window.__ModuleLoader__.load({
       const [collapsed, setCollapsed] = React.useState({})
       const [dayFilter, setDayFilter] = React.useState('')
       const [search, setSearch] = React.useState('')
+      const [deleteEnabled, setDeleteEnabled] = React.useState(false)
       const [copied, setCopied] = React.useState(false)
       const [editing, setEditing] = React.useState(false)
       const [edited, setEdited] = React.useState('')
@@ -1104,6 +1142,9 @@ window.__ModuleLoader__.load({
             } else if (/\.pptx$/i.test(path)) {
               // pptx：走 PptxViewJS 真实渲染页（浏览器端 Canvas 渲染，所见即所得）。
               setPreview({ path, name: data.name, url: '/api/dsh-uploads/pptx-preview?path=' + encodeURIComponent(path) })
+            } else if (/\.xlsx$/i.test(path)) {
+              // xlsx：走 x-spreadsheet 真实渲染页（浏览器端解析 xlsx，所见即所得）。
+              setPreview({ path, name: data.name, url: '/api/dsh-uploads/xlsx-preview?path=' + encodeURIComponent(path) })
             } else {
               setPreview(data)
             }
@@ -1242,6 +1283,10 @@ window.__ModuleLoader__.load({
         React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap', minWidth: 0 } },
           React.createElement(SearchPopup, { value: search, onChange: setSearch, placeholder: '搜索文件名…' }),
           React.createElement(DateFilter, { value: dayFilter, onChange: setDayFilter, placeholder: '选择日期' }),
+          React.createElement('label', { className: 'dsh-upload-del-toggle' },
+            React.createElement('input', { type: 'checkbox', checked: deleteEnabled, onChange: (e) => setDeleteEnabled(e.target.checked) }),
+            '开启删除',
+          ),
         ),
         error !== null && React.createElement('div', { style: { fontSize: 12, color: 'var(--dsw-alias-state-error-primary)' } }, error),
         groups === null && error === null && React.createElement('div', { style: metaStyle }, '加载中…'),
@@ -1274,9 +1319,10 @@ window.__ModuleLoader__.load({
             React.createElement(
               'div',
               { className: 'dsh-ws-actions', style: { display: 'flex', gap: 6, flex: 'none' } },
-              React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => openPreview(f.path) }, '预览'),
+              React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => copyText(f.path) }, '复制路径'),
+              React.createElement('button', { type: 'button', className: 'dsh-ws-del', style: delStyle, disabled: !deleteEnabled || busy, onClick: () => doDelete(f.path) }, '删除'),
               React.createElement('a', { href: '/api/dsh-uploads/workspace-file?path=' + encodeURIComponent(f.path) + '&download=1', download: f.name, style: btnStyle }, '下载'),
-              React.createElement('button', { type: 'button', style: delStyle, disabled: busy, onClick: () => doDelete(f.path) }, '删除'),
+              React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: () => openPreview(f.path) }, '预览'),
             ),
           )),
         )),
@@ -1294,7 +1340,7 @@ window.__ModuleLoader__.load({
               editing && React.createElement('button', { type: 'button', style: btnStyle, disabled: busy, onClick: doSave }, savedFlash ? '已保存' : '保存'),
               React.createElement('button', { type: 'button', style: btnStyle, onClick: copyContent }, copied ? '已复制' : '复制全部'),
               (preview.url !== void 0 || preview.officeHtml !== void 0 || preview.mdHtml !== void 0) && preview.loading !== true && React.createElement('a', { href: '/api/dsh-uploads/workspace-file?path=' + encodeURIComponent(preview.path) + '&download=1', download: preview.name, style: { ...btnStyle, color: 'var(--dsw-alias-state-business-primary)' } }, '下载'),
-              (preview.url !== void 0 || preview.officeHtml !== void 0 || preview.mdHtml !== void 0) && preview.loading !== true && React.createElement('a', { href: '/api/dsh-uploads/workspace-preview?path=' + encodeURIComponent(preview.path), target: '_blank', rel: 'noopener noreferrer', style: { ...btnStyle, color: 'var(--dsw-alias-state-business-primary)' } }, '打开'),
+              (preview.url !== void 0 || preview.officeHtml !== void 0 || preview.mdHtml !== void 0) && preview.loading !== true && React.createElement('a', { href: preview.url !== void 0 ? preview.url : '/api/dsh-uploads/workspace-preview?path=' + encodeURIComponent(preview.path), target: '_blank', rel: 'noopener noreferrer', style: { ...btnStyle, color: 'var(--dsw-alias-state-business-primary)' } }, '打开'),
               React.createElement('button', { type: 'button', style: delStyle, disabled: busy, onClick: () => doDelete(preview.path) }, '删除'),
               React.createElement('button', { type: 'button', style: btnStyle, onClick: () => setMaximized((m) => !m) }, maximized ? '还原' : '放大'),
               React.createElement('button', { type: 'button', style: btnStyle, onClick: () => setPreview(null) }, '关闭'),