@lijian-ui/dsh-file-manager 0.1.21 → 0.2.1

package/src/client/picker/FilePickerModal.tsx

@@ -23,6 +23,7 @@ import type { PanelApi } from '../api.ts'
 import { filePicker, type PickState } from './file-picker.ts'
 import { ChevronDownIcon, ChevronRightIcon, CloseIcon, FileIcon, FolderIcon, FolderOpenIcon, SearchIcon } from '../components/icons.tsx'
 import { appendToDraft, insertFileReference, type RefSpan } from '../reference.ts'
+import { t } from '../locales.ts'
 import pickerCss from '../styles/picker.module.css'
 
 /** Debounce for the workspace search box. */
@@ -194,9 +195,9 @@ export function FilePickerModal({
           {isDir && isOpen && (
             <div>
               {isLoading ? (
-                <div className={pickerCss.note} style={{ paddingLeft: 8 + (depth + 1) * 16 }}>加载中…</div>
+                <div className={pickerCss.note} style={{ paddingLeft: 8 + (depth + 1) * 16 }}>{t('picker.loading')}</div>
               ) : children.length === 0 ? (
-                <div className={pickerCss.note} style={{ paddingLeft: 8 + (depth + 1) * 16 }}>（空目录）</div>
+                <div className={pickerCss.note} style={{ paddingLeft: 8 + (depth + 1) * 16 }}>{t('picker.emptyDir')}</div>
               ) : (
                 children.map((child) => renderNode(child, depth + 1))
               )}
@@ -218,8 +219,8 @@ export function FilePickerModal({
       <div className={pickerCss.modal} onClick={(e) => e.stopPropagation()}>
         <div className={pickerCss.header}>
           <div className={pickerCss.titleRow}>
-            <span className={pickerCss.title}>引用项目文件</span>
-            <button type="button" className={pickerCss.closeBtn} onClick={onClose} aria-label="关闭">
+            <span className={pickerCss.title}>{t('picker.title')}</span>
+            <button type="button" className={pickerCss.closeBtn} onClick={onClose} aria-label={t('picker.closeAria')}>
               <CloseIcon size={16} />
             </button>
           </div>
@@ -227,13 +228,13 @@ export function FilePickerModal({
             <span className={pickerCss.searchIcon}><SearchIcon size={14} /></span>
             <input
               className={pickerCss.searchInput}
-              placeholder="搜索工作区文件…"
+              placeholder={t('picker.searchPlaceholder')}
               value={search}
               onChange={(e) => setSearch(e.target.value)}
               autoFocus
             />
             {search !== '' && (
-              <button type="button" className={pickerCss.searchClear} onClick={() => setSearch('')} aria-label="清空">
+              <button type="button" className={pickerCss.searchClear} onClick={() => setSearch('')} aria-label={t('picker.clearAria')}>
                 <CloseIcon size={13} />
               </button>
             )}
@@ -244,9 +245,9 @@ export function FilePickerModal({
         <div className={pickerCss.body}>
           {searchResults !== null ? (
             searching ? (
-              <div className={pickerCss.note}>搜索中…</div>
+              <div className={pickerCss.note}>{t('explorer.search.searching')}</div>
             ) : searchResults.length === 0 ? (
-              <div className={pickerCss.note}>没有匹配的文件</div>
+              <div className={pickerCss.note}>{t('explorer.search.empty')}</div>
             ) : (
               searchResults.map((hit) => {
                 const isSel = selected.has(hit.path)
@@ -276,9 +277,9 @@ export function FilePickerModal({
               })
             )
           ) : rootLoading ? (
-            <div className={pickerCss.note}>加载中…</div>
+            <div className={pickerCss.note}>{t('picker.loading')}</div>
           ) : rootEntries.length === 0 ? (
-            <div className={pickerCss.note}>（空目录）</div>
+            <div className={pickerCss.note}>{t('picker.emptyDir')}</div>
           ) : (
             rootEntries.map((entry) => tree(entry, 0))
           )}
@@ -287,7 +288,7 @@ export function FilePickerModal({
         <div className={pickerCss.footer}>
           <div className={pickerCss.chips}>
             {selectedList.length === 0 ? (
-              <span className={pickerCss.chipsEmpty}>选择文件或目录（可多选）</span>
+              <span className={pickerCss.chipsEmpty}>{t('picker.emptySelection')}</span>
             ) : (
               selectedList.map((pick) => (
                 <span key={pick.path} className={pickerCss.chip}>
@@ -296,7 +297,7 @@ export function FilePickerModal({
                     type="button"
                     className={pickerCss.chipX}
                     onClick={() => toggleSelect(pick.path, pick.isDir)}
-                    aria-label="移除"
+                    aria-label={t('picker.removeAria')}
                   >
                     <CloseIcon size={11} />
                   </button>
@@ -305,14 +306,14 @@ export function FilePickerModal({
             )}
           </div>
           <div className={pickerCss.footerActions}>
-            <button type="button" className={pickerCss.cancelBtn} onClick={onClose}>取消</button>
+            <button type="button" className={pickerCss.cancelBtn} onClick={onClose}>{t('common.cancel')}</button>
             <button
               type="button"
               className={pickerCss.insertBtn}
               disabled={selectedList.length === 0}
               onClick={() => onInsert(selectedList)}
             >
-              插入{selectedList.length > 0 ? ` (${selectedList.length})` : ''}
+              {t('picker.insert')}{selectedList.length > 0 ? ` (${selectedList.length})` : ''}
             </button>
           </div>
         </div>

package/src/client/preview/PreviewPanel.tsx

@@ -212,7 +212,7 @@ export function PreviewPanel({ stores, onAddFileReference }: { stores: PanelStor
           role="button"
           tabIndex={-1}
         >
-          添加到对话
+          {t('preview.addToChat')}
         </div>
       )}
       {closingIds !== null && (

package/src/client/store.ts

@@ -13,6 +13,7 @@
 import type { FileRead, FsEntry, GitStatusView, PreviewContentType, SearchHit } from '../core/types.ts'
 import type { PanelApi } from './api.ts'
 import { detectContentType, isTextType, pdfPreviewUrl, tabIdOf } from './fileType.ts'
+import { t } from './locales.ts'
 import {
   createDebounced, evictPreviewScopes, readJson, readStoredNumber, writeJson, writeStoredNumber,
 } from './persist.ts'
@@ -1133,7 +1134,7 @@ export function createPreviewStore(api: PanelApi): PreviewStore {
                 ...item,
                 loading: false,
                 error: result.error.code === 'write-conflict'
-                  ? '文件已在磁盘上被修改，保存冲突：请刷新后重试'
+                  ? t('preview.saveConflict')
                   : result.error.message,
               }
             }

package/src/client/styles/tokens.module.css

@@ -188,85 +188,13 @@
   }
 }
 
-/* Drag handles: 2px visual line, 6px + brand on hover/active. */
+/* Drag handles: invisible, col-resize cursor only (like DSH native sidebar). */
 :global(.filemgr-explorer-handle),
 :global(.filemgr-preview-handle) {
   touch-action: none;
-}
-:global(.filemgr-explorer-handle::after),
-:global(.filemgr-preview-handle::after) {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 2px;
-  border-radius: 9999px;
-  background-color: var(--aion-bg-3);
-  opacity: 0.9;
-  transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1),
-    background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
-  pointer-events: none;
-}
-:global(.filemgr-explorer-handle:hover::after),
-:global(.filemgr-explorer-handle:active::after),
-:global(.filemgr-preview-handle:hover::after),
-:global(.filemgr-preview-handle:active::after) {
-  width: 6px;
-  background-color: var(--aion-brand);
-}
-/* The preview handle's line sits at its right edge (its hit zone extends
-   left); the explorer's at its left edge. */
-:global(.filemgr-preview-handle::after) {
-  left: auto;
-  right: 0;
-  opacity: 0.3;
-}
-:global(.filemgr-preview-handle:hover::after),
-:global(.filemgr-preview-handle:active::after) {
-  opacity: 1;
+  cursor: col-resize;
 }
 
-/* Floating expand button (explorer collapsed). Docked at the viewport's
-   top-right corner, just below the shell header's bottom divider (the
-   horizontal line under the "Session log" row) — the layout controller
-   sets an inline top for that, so the button never overlaps the header
-   chrome (issues #374 / #292). Above the columns (z 30): when the preview
-   region is open it overlaps the rightmost column track, so anything
-   lower would be painted under the opaque column and stop receiving
-   clicks (issue #234 follow-up). Full-screen overlay drawers must render
-   at the ROOT stacking context (z 100~1000) to cover it.
-   The top below is only the pre-JS fallback (the chevron row); the
-   controller overwrites it inline. */
-:global(.filemgr-floating-expand) {
-  position: fixed;
-  top: calc(6px + env(titlebar-area-height, 0px));
-  right: 8px;
-  width: 24px;
-  height: 24px;
-  display: none;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  border-radius: 4px;
-  background-color: var(--aion-bg-2);
-  color: var(--aion-text-secondary);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
-  cursor: pointer;
-  z-index: 100;
-  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
-}
-:global(.filemgr-floating-expand:hover) {
-  background-color: var(--aion-bg-3);
-  color: var(--aion-text-primary);
-}
-:global(.filemgr-floating-expand:active) {
-  background-color: var(--aion-bg-active);
-}
-:global(.filemgr-floating-expand:focus-visible) {
-  outline: 2px solid var(--aion-primary);
-  outline-offset: 2px;
-}
 
 /* The collapse chevron inside the explorer tab bar (top-right). It rides
    the explorer column's stacking context (the column stacks at z 30), so