xw-devtool-cli 1.0.37 → 1.0.38

package/README.md

@@ -15,13 +15,14 @@
   - **图片分割**：支持网格等分（自定义行/列数）或自定义分割线（像素/百分比），自动生成分割后的图片文件。
   - **图片主色识别**：提取图片主色调（Hex/RGB/HSL/HSV），默认复制 Hex 到剪贴板，支持保存详细信息到文件。
   - **颜色吸取**：从图片中吸取单像素颜色或区域平均颜色，支持 px/% 坐标输入，结果显示颜色条并自动复制 Hex/Hex8。
-  - **屏幕取色**：直接在屏幕上将鼠标移动到目标位置按 **空格键** 即可取色。
-    > **注意事项**：
-    > 1. 使用前请确保命令行窗口处于 **激活状态** (Focus)。
-    > 2. 由于涉及跨进程通信，按下空格后可能存在轻微延时，请耐心等待结果。
-    > 3. 取色模式下会显示全屏十字辅助线，按 **回车键** 退出模式。
+  - **屏幕取色**：实时显示鼠标所在位置的颜色值（Hex/RGB）。
+    > **操作说明**：
+    > 1. 进入模式后，屏幕右下角会实时显示当前颜色预览和数值。
+    > 2. 移动鼠标到目标位置，按 **Enter 键** 复制当前颜色 Hex 到剪贴板（会有成功提示）。
+    > 3. 按 **ESC 键** 退出取色模式。
+    > 4. 支持多显示器。
   - **占位图生成**：快速生成指定尺寸、颜色、文字的占位图片 (Placeholder Image)。
-  - **全屏十字辅助线**：显示跟随鼠标的全屏红色十字线，用于屏幕对齐和定位。
+  - **全屏十字辅助线**：显示跟随鼠标的全屏红色十字线，用于屏幕对齐和定位。按 **ESC 键** 退出。
   - **屏幕测距**：点击屏幕上任意两点，测量其像素距离。
   - **屏幕文字标注**：在屏幕上点击并输入文字，进行临时标注。右键撤销，Delete 清空。
   - **图片压缩**：支持文件或文件夹；文件夹可批量压缩其下所有图片（可选包含子文件夹）。支持 PNG/JPG/WebP，质量 1-100；输出文件名带时间戳并复制输出目录到剪贴板。
@@ -100,29 +101,38 @@ xw-devtool --en  # 英文启动 (Start in English)
 =================================
       xw-devtool-cli 菜单
 =================================
-1. 图片 ↔ Base64
+1. 图片 <-> Base64
 2. 图片格式转换
-3. 占位图生成
+3. 图片分割工具
 4. 图片主色识别
-5. 二维码生成
-5. URL 编解码
-6. 字符串 Base64 转换
-7. Unicode 编解码
-8. HTML 实体 编码/解码
-9. 变量格式转换
-a. JSON 格式 (压缩/美化)
-b. 中文转拼音
-c. 时间格式 / 时间戳
-d. 时间计算 (差值/偏移)
-e. 颜色转换 (Hex ↔ RGB)
-f. 获取 UUID
-g. 哈希计算 (MD5/SHA/SM3)
-h. Mock 文本
-i. 特殊符号大全
-j. Emoji 输入
-k. Markdown 语法工具
-l. VS Code 代码段生成器
-s. 设置 (语言)
+5. 颜色吸取
+6. 全屏十字辅助线
+7. 屏幕测距 (像素)
+8. 屏幕文字标注
+9. 图片压缩
+a. 占位图生成器
+b. 二维码生成器
+c. URL 编码/解码
+d. 进制转换工具
+e. 字符串 编码/解码 (Base64)
+f. Unicode 编码/解码
+g. HTML 实体 编码/解码
+h. 变量命名格式转换
+i. JSON 格式化 (压缩/美化)
+j. 汉字转拼音
+k. 时间格式化 / 时间戳
+l. 时间计算 (差值/偏移)
+m. 颜色转换 (Hex <-> RGB)
+n. 颜色预览
+o. 生成 UUID
+p. 哈希计算 (MD5/SHA/SM3)
+q. Mock 文本生成
+r. 特殊字符 (符号)
+s. Emoji 选择器
+t. Markdown 片段
+u. VS Code 代码片段生成
+v. Git 助手 (分支/提交模板)
+w. 设置 / 语言 (Settings)
 0. 退出
 =================================
 ```
@@ -146,6 +156,20 @@ s. 设置 (语言)
 - 生成的新图片将保存在源文件同级目录。
 - 生成 ICO 时可自定义尺寸，留空默认生成 `256` 尺寸；输出文件名包含时间戳。
 
+### 图片压缩
+- 选择 `imgCompress` (菜单对应数字/字母) 进入。
+- **支持输入**：
+  - **文件**：单张图片压缩。
+  - **文件夹**：批量压缩文件夹内所有图片（可选是否递归子文件夹）。
+- **参数设置**：
+  - **质量**：推荐 80，也可自定义 1-100。
+  - **文件夹结构**：批量处理时可选保留原目录结构。
+  - **文件名后缀**：可选是否添加 `_compressed_时间戳` 后缀。如果不添加，将保持原文件名（建议输出到不同目录以防覆盖）。
+- **输出**：
+  - 默认输出到源目录下的 `compressed_YYYYMMDD_HHmmss` 文件夹。
+  - 自动复制输出目录路径。
+  - 完成后可选直接打开输出目录。
+
 ### 3. 占位图生成 (Placeholder Image)
 - 选择 `3` 进入。
 - **模式 1：本地图片文件 (Local Image File)**
@@ -317,12 +341,15 @@ Key features include: Base64 encoding/decoding, image format conversion, image <
   - **Image ↔ Base64**: Convert images to Base64 strings and vice versa.
   - **Image Dominant Color**: Extract dominant color (Hex/RGB/HSL/HSV), copy Hex to clipboard by default, or save details to file.
   - **Image Color Picker**: Pick color from image (single pixel or average), supports px/% coordinates, shows color bar and auto-copies Hex/Hex8.
-  - **Screen Color Picker**: Pick color directly from screen by moving mouse and pressing **Space**.
-    > **Note**:
-    > 1. Ensure the terminal window is **Focused** before use.
-    > 2. There might be a slight delay after pressing Space due to system calls.
-    > 3. A full-screen crosshair is shown in picking mode; press **Enter** to exit.
+  - **Screen Color Picker**: Real-time color picking from screen (Hex/RGB).
+    > **Usage**:
+    > 1. Real-time color preview and values are shown in the bottom-right corner.
+    > 2. Move mouse to target and press **Enter** to copy Hex color to clipboard.
+    > 3. Press **ESC** to exit.
+    > 4. Supports multiple monitors.
   - **Placeholder Image**: Quickly generate placeholder images with custom size, color, and text.
+  - **Image Compression**: Support file or folder input; batch compress images in folder (recursive optional). Supports PNG/JPG/WebP, Quality 1-100. Output filename suffix optional.
+  - **Full Screen Crosshair**: Show red crosshair following mouse. Press **ESC** to exit.
 - **Mock Data**:
   - Generate: Lorem Ipsum, Chinese characters, ID cards, Emails, URLs, Order IDs, Phone numbers.
   - Supports batch generation.
@@ -385,28 +412,22 @@ The interactive menu will appear:
 =================================
       xw-devtool-cli Menu
 =================================
-1. Image <-> Base64
-2. Image Format Convert
-3. Placeholder Image Generator
-4. QR Code Generator
-5. URL Encode/Decode
-6. String Encode/Decode (Base64)
-7. Unicode Encode/Decode
-8. HTML Entity Encode/Decode
-9. Variable Format Converter
-a. JSON Format (Minify/Prettify)
-b. Chinese to Pinyin
-c. Time Format / Timestamp
-d. Time Calculation (Diff/Offset)
-e. Color Converter (Hex <-> RGB)
-f. Get UUID
-g. Hash Calculator (MD5/SHA/SM3)
-h. Mock Text
-i. Special Characters (Symbols)
-j. Emoji Picker
-k. Markdown Snippets
-l. VS Code Snippet Generator
-s. Settings (Language)
+1. Image <-> Base64                    2. Image Format Convert
+3. Image Splitter                      4. Image Dominant Color
+5. Color Picker                        6. Screen Crosshair
+7. Pixel Distance Tool                 8. Screen Mark Tool
+9. Image Compression                   a. Placeholder Image Generator
+b. QR Code Generator                   c. URL Encode/Decode
+d. Number Base Converter               e. String Encode/Decode (Base64)
+f. Unicode Encode/Decode               g. HTML Entity Encode/Decode
+h. Variable Format Converter           i. JSON Format (Minify/Prettify)
+j. Chinese to Pinyin                   k. Time Format / Timestamp
+l. Time Calculation (Diff/Offset)      m. Color Converter (Hex <-> RGB)
+n. Color Preview                       o. Get UUID
+p. Hash Calculator (MD5/SHA/SM3)       q. Mock Text
+r. Special Characters (Symbols)        s. Emoji Picker
+t. Markdown Snippets                   u. VS Code Snippet Generator
+v. Git Helper (Branch/Commit Template) w. Settings / Language
 0. Exit
 =================================
 ```
@@ -429,6 +450,19 @@ s. Settings (Language)
 - Set quality/compression.
 - Saved in the same directory.
 
+#### Image Compression
+- Select `imgCompress` (menu key).
+- **Input**: File or Folder (batch processing).
+- **Settings**:
+  - Quality (1-100).
+  - Recursive (for folders).
+  - Preserve directory structure.
+  - Suffix option: Add `_compressed_timestamp` or keep original filename.
+- **Output**:
+  - Saved to `compressed_YYYYMMDD_HHmmss` folder.
+  - Auto-copy output path.
+  - Option to open output folder.
+
 #### 3. Placeholder Image Generator
 - Select `3`.
 - **Mode 1: Local Image File**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xw-devtool-cli",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "type": "module",
   "description": "基于node的开发者助手cli",
   "main": "index.js",
@@ -74,6 +74,7 @@
     "url": "https://gitee.com/github-9819409/xw-devtool-cli/issues"
   },
   "dependencies": {
+    "cli-table3": "^0.6.5",
     "clipboardy": "^5.0.2",
     "commander": "^14.0.2",
     "dayjs": "^1.11.19",
@@ -85,7 +86,7 @@
     "qrcode": "^1.5.4",
     "sharp": "^0.33.5",
     "tinycolor2": "^1.6.0",
-    "uuid": "^13.0.0",
-    "to-ico": "^1.1.5"
+    "to-ico": "^1.1.5",
+    "uuid": "^13.0.0"
   }
 }

package/src/index.js

@@ -1,5 +1,6 @@
 import inquirer from 'inquirer';
 import { Command } from 'commander';
+import Table from 'cli-table3';
 import i18next from './i18n.js';
 import { saveConfig } from './utils/config.js';
 
@@ -134,10 +135,31 @@ async function showMenu() {
     console.log('\n=================================');
     console.log(`      ${i18next.t('menu.title')}`);
     console.log('=================================');
-    features.forEach((feature, index) => {
-        console.log(`${getFeatureKey(index)}. ${feature.name}`);
+
+    // Prepare items for table
+    const items = features.map((feature, index) => `${getFeatureKey(index)}. ${feature.name}`);
+    items.push(`0. ${i18next.t('menu.exit')}`);
+
+    // Configure table
+    const table = new Table({
+        chars: {
+            'top': '', 'top-mid': '', 'top-left': '', 'top-right': '',
+            'bottom': '', 'bottom-mid': '', 'bottom-left': '', 'bottom-right': '',
+            'left': '', 'left-mid': '', 'mid': '', 'mid-mid': '',
+            'right': '', 'right-mid': '', 'middle': '   '
+        },
+        style: { 'padding-left': 0, 'padding-right': 0 },
+        colWidths: [40, 40]
     });
-    console.log(`0. ${i18next.t('menu.exit')}`);
+    
+    // Add items to table in pairs
+    const columns = 2;
+    for (let i = 0; i < items.length; i += columns) {
+        const row = items.slice(i, i + columns);
+        table.push(row);
+    }
+
+    console.log(table.toString());
     console.log('=================================\n');
 
     const { choice } = await inquirer.prompt([