Compare commits

..

27 Commits

Author SHA1 Message Date
muwoo
d2f3f347af Update package.json 2026-01-14 11:14:26 +08:00
muwoo
bd2f3b6b0e Merge pull request #487 from 25juan/feature/plugin-import
feat(插件市场): 添加自定义插件导入功能
2026-01-14 11:13:47 +08:00
muwoo
4847c58bc9 Merge pull request #488 from lanxiuyun/fixWindows
fix:当Windows隐藏窗口后,不会自动将焦点返回到之前的程序。
2026-01-14 11:11:45 +08:00
lanxiuyun
6a53a8cf16 fix:当Windows隐藏窗口后,不会自动将焦点返回到之前的程序。 2026-01-13 16:44:32 +08:00
25juan
c7691992ec feat(插件市场): 添加自定义插件导入功能
新增本地插件导入功能,支持通过本地文件或远程URL导入插件配置。添加了新的路由、页面组件及多语言支持,并扩展了插件存储逻辑以区分本地插件。同时更新了Ant Design组件注册以支持新功能所需的UI组件。
2026-01-10 21:59:22 +08:00
muwoo
0d39d2b9ce Merge pull request #481 from lanxiuyun/hooks-onShow-onHide
插件支持调用 onShow onHide
2025-12-03 13:54:07 +08:00
lanxiuyun
a05860bc6a 插件支持调用 onShow onHide 2025-12-03 13:39:03 +08:00
muwoo
3b4ca0e289 Update LESS loader options in vue.config.js 2025-11-27 18:15:37 +08:00
muwoo
b75188fdb8 Update Yarn command to install Vue CLI 2025-11-27 18:06:42 +08:00
muwoo
bf3ae7c9ba Update main.yml 2025-11-27 17:53:32 +08:00
muwoo
b7b16e2f3e Update main.yml 2025-11-27 17:47:04 +08:00
muwoo
3fec3665b6 Update Vue CLI version in GitHub Actions workflow 2025-11-27 17:42:16 +08:00
muwoo
b7587a454f Merge pull request #477 from lanxiuyun/support-copy-file
windows 支持复制文件到剪贴板
2025-11-27 17:34:48 +08:00
lanxiuyun
f5f3f030ce 添加注释 2025-11-27 17:32:14 +08:00
lanxiuyun
0bddb33fde 优化可读性 2025-11-27 16:29:53 +08:00
lanxiuyun
9005d070aa windows复制文件到剪切板 2025-11-27 16:01:58 +08:00
lanxiuyun
9adfa84cab 简化复制代码 2025-11-27 15:32:42 +08:00
lanxiuyun
15c160e45d 支持复制文件 2025-11-27 14:47:47 +08:00
muwoo
6bf613042a Update Vue CLI version in workflow 2025-11-20 21:48:34 +08:00
muwoo
04fe2e03a6 Pin Vue CLI version to 5.0.8 in workflow 2025-11-20 21:43:41 +08:00
muwoo
6c0d34fc4f Update package.json 2025-11-19 20:21:55 +08:00
muwoo
3fa9bb0384 Merge pull request #472 from 25juan/feature/volta
fix:修复当使用 volta 管理 node 版本的时候安装插件失败
2025-11-19 20:21:12 +08:00
muwoo
791115901a Merge pull request #473 from lanxiuyun/fix-detach
Fix: detach bug
2025-11-19 20:20:36 +08:00
lanxiuyun
a879ed6555 fix-detach 2025-11-11 13:56:52 +08:00
sgellar
28b58e7976 fix:修复当使用 volta 管理 node 版本的时候安装插件失败 2025-11-11 12:20:57 +08:00
muwoo
dc54b25f84 Merge pull request #464 from lanxiuyun/fix-feature-npm-i
fix: feature中的npm i
2025-09-16 10:21:04 +08:00
lanxiuyun
fc51a383bf 更新 less-loader 版本 2025-09-13 15:41:28 +08:00
21 changed files with 537 additions and 24 deletions

View File

@@ -52,7 +52,7 @@ jobs:
run: |
yarn
yarn global add xvfb-maybe
yarn global add @vue/cli
yarn global add @vue/cli@4.5.0 --frozen-lockfile --ignore-engines
- name: Build feature
run: |
cd ./feature

View File

@@ -53,5 +53,8 @@
"> 1%",
"last 2 versions",
"not dead"
]
],
"volta": {
"node": "16.20.2"
}
}

View File

@@ -42,7 +42,7 @@
"eslint-plugin-prettier": "^3.3.1",
"eslint-plugin-vue": "^7.0.0",
"less": "^4.1.3",
"less-loader": "5.0.0",
"less-loader": "^6.2.0",
"prettier": "^2.2.1",
"typescript": "~4.1.5"
},
@@ -67,5 +67,8 @@
"> 1%",
"last 2 versions",
"not dead"
]
],
"volta": {
"node": "16.20.2"
}
}

View File

@@ -42,6 +42,12 @@
</template>
{{ $t('feature.market.systemTool') }}
</a-menu-item>
<a-menu-item key="localPlugin">
<template #icon>
<ApiOutlined style="font-size: 16px" />
</template>
{{ $t('feature.market.localPlugin') }}
</a-menu-item>
<a-sub-menu class="user-info">
<template #icon>
<a-avatar :size="32">
@@ -82,6 +88,7 @@
'tools',
'worker',
'system',
'localPlugin',
].includes(active[0])
? 'container'
: 'more'
@@ -107,6 +114,7 @@ import {
SettingOutlined,
HeartOutlined,
BugOutlined,
ApiOutlined,
} from '@ant-design/icons-vue';
import { useStore } from 'vuex';
import localConfig from '@/confOp';

View File

@@ -11,6 +11,7 @@ export default {
imageTool: 'Image Tools',
developTool: 'Develop Tools',
systemTool: 'System Tools',
localPlugin: 'Custom Plugins',
finder: {
must: 'Necessary',
recommended: 'Recommended',
@@ -114,6 +115,28 @@ export default {
installSuccess: '{pluginName} Install Successed!',
refreshSuccess: '{pluginName} Refresh Successed!',
},
localPlugin: {
title: 'Import Local Plugin',
okText: 'Import',
cancelText: 'Cancel',
importType: 'Import Type',
localImport: 'Local Import',
remoteImport: 'Remote Import',
importUrl: 'Import Url',
importUrlPlaceholder:
'Please input remote plugin config file url. Refer to the address below',
importFile: 'Import File',
importFileErrorMsg: 'Please select the plugin config file to import',
importUrlErrorMsg:
'Please input the correct remote plugin config file url',
configFetchSuccess: 'Plugin config file import success',
deleteLocalPluginSuccess: 'Plugin delete success',
deleteLocalPluginButton: 'Delete Plugin',
deleteLocalPluginConfirm: 'Confirm Delete Plugin',
deleteLocalPluginConfirmText: 'Confirm',
deleteLocalPluginCancelText: 'Cancel',
tips: 'Local Import and Remote Import both only support importing Json format configuration files. The specific content of the Json file can refer to the link: https://gitee.com/monkeyWang/rubickdatabase/raw/master/plugins/total-plugins.json',
},
},
},
};

View File

@@ -11,6 +11,8 @@ export default {
imageTool: '图像',
developTool: '开发者',
systemTool: '系统',
localPlugin: '自定义插件',
finder: {
must: '必备',
recommended: '推荐',
@@ -112,6 +114,26 @@ export default {
installSuccess: '{pluginName}安装成功!',
refreshSuccess: '{pluginName}刷新成功!',
},
localPlugin: {
title: '导入配置文件',
okText: '导入',
cancelText: '关闭',
importType: '导入方式',
localImport: '本地导入',
remoteImport: '远程导入',
importUrl: '导入地址',
importUrlPlaceholder: '请输入远程插件配置文件地址。参考下面的地址',
importFile: '导入文件',
importFileErrorMsg: '请选择要导入的插件配置文件',
importUrlErrorMsg: '请输入正确的远程插件配置文件地址',
configFetchSuccess: '插件配置文件导入成功',
deleteLocalPluginSuccess: '插件删除成功',
deleteLocalPluginButton: '删除插件',
deleteLocalPluginConfirm: '确认删除插件',
deleteLocalPluginConfirmText: '确认',
deleteLocalPluginCancelText: '取消',
tips: '本地导入和远程导入都只支持导入Json 格式的配置文件。Json 文件的具体内容参考链接: https://gitee.com/monkeyWang/rubickdatabase/raw/master/plugins/total-plugins.json',
},
},
},
};

View File

@@ -11,15 +11,18 @@ import {
Form,
Input,
Radio,
Typography,
Select,
Switch,
Avatar,
Popconfirm,
Collapse,
List,
Tooltip,
Alert,
Drawer,
Modal,
Upload,
Result,
Spin,
} from 'ant-design-vue';
@@ -73,6 +76,9 @@ createApp(App)
.use(Modal)
.use(Result)
.use(Spin)
.use(Upload)
.use(Popconfirm)
.use(Typography)
.use(router)
.use(Vue3Lottie)
.mount('#app');

View File

@@ -31,6 +31,11 @@ const routes: Array<RouteRecordRaw> = [
name: 'system',
component: () => import('../views/market/components/system.vue'),
},
{
path: '/localPlugin',
name: 'localPlugin',
component: () => import('../views/market/components/local-plugin.vue'),
},
{
path: '/finder',
name: 'finder',
@@ -56,6 +61,7 @@ const routes: Array<RouteRecordRaw> = [
name: 'dev',
component: () => import('../views/dev/index.vue'),
},
{
path: '/:catchAll(.*)',
name: 'finder',

View File

@@ -11,7 +11,7 @@ const isDownload = (item: Market.Plugin, targets: any[]) => {
});
return isDownload;
};
const LOCAL_PLUGIN_JSON = 'localPluginJson';
export default createStore({
state: {
totalPlugins: [],
@@ -30,8 +30,25 @@ export default createStore({
},
},
actions: {
async saveLocalPlugins({ dispatch, state }, plugins) {
// 先移除
window.rubick.db.remove(LOCAL_PLUGIN_JSON);
window.rubick.db.put({
_id: LOCAL_PLUGIN_JSON,
data: JSON.stringify(plugins),
});
await dispatch('init');
},
async deleteLocalPlugins({ dispatch, state }) {
// 先移除
window.rubick.db.remove(LOCAL_PLUGIN_JSON);
await dispatch('init');
},
async init({ commit }) {
const totalPlugins = await request.getTotalPlugins();
const tPlugins = await request.getTotalPlugins();
const lTPlugins = window.rubick.db.get(LOCAL_PLUGIN_JSON);
const totalPlugins = tPlugins.concat(JSON.parse(lTPlugins?.data || '[]'));
const localPlugins = window.market.getLocalPlugins();
totalPlugins.forEach((origin: Market.Plugin) => {

View File

@@ -22,6 +22,7 @@ const data = ref([]);
onBeforeMount(async () => {
data.value = await request.getImageDetail();
console.log(data.value);
});
const system = computed(() => {

View File

@@ -0,0 +1,196 @@
<template>
<div class="local-plugin">
<div class="local-plugin__header">
<h3 class="local-plugin__title">
{{ $t('feature.market.localPlugin') }}
</h3>
<div class="local-plugin__action">
<a-button type="primary" @click="visible = true">
<template #icon><UploadOutlined /></template>
{{ $t('feature.localPlugin.title') }}
</a-button>
<a-popconfirm
placement="leftBottom"
:title="$t('feature.localPlugin.deleteLocalPluginConfirm')"
:ok-text="$t('feature.localPlugin.deleteLocalPluginConfirmText')"
:cancel-text="$t('feature.localPlugin.deleteLocalPluginCancelText')"
@confirm="handleDeleteClick"
>
<a-button type="danger">
<template #icon><DeleteOutlined /></template>
{{ $t('feature.localPlugin.deleteLocalPluginButton') }}
</a-button>
</a-popconfirm>
</div>
</div>
<div class="local-plugin__list">
<PluginList
v-if="pluginList && !!pluginList.length"
@downloadSuccess="downloadSuccess"
:list="pluginList"
/>
</div>
<a-modal
v-model:visible="visible"
destroy-on-close
:title="$t('feature.localPlugin.title')"
:ok-text="$t('feature.localPlugin.okText')"
:cancel-text="$t('feature.localPlugin.cancelText')"
@ok="handleOk"
@cancel="handleCancel"
>
<a-form>
<a-alert :message="$t('feature.localPlugin.tips')" type="success" />
<a-form-item
:label="$t('feature.localPlugin.importType')"
name="importType"
>
<a-radio-group v-model:value="formState.importType">
<a-radio :value="1">
{{ $t('feature.localPlugin.localImport') }}
</a-radio>
<a-radio :value="2">
{{ $t('feature.localPlugin.remoteImport') }}
</a-radio>
</a-radio-group>
</a-form-item>
<a-form-item
:label="$t('feature.localPlugin.localImport')"
v-if="formState.importType == '1'"
name="importFile"
>
<a-upload
:maxCount="1"
accept=".json"
v-model:file-list="formState.importFile"
:beforeUpload="() => false"
name="file"
>
<a-button type="primary">
<template #icon><UploadOutlined /></template>
{{ $t('feature.localPlugin.importFile') }}
</a-button>
</a-upload>
</a-form-item>
<a-form-item
:label="$t('feature.localPlugin.remoteImport')"
v-if="formState.importType == '2'"
name="importUrl"
>
<a-input
v-model:value="formState.importUrl"
:placeholder="$t('feature.localPlugin.importUrlPlaceholder')"
/>
</a-form-item>
</a-form>
</a-modal>
</div>
</template>
<script setup>
import { UploadOutlined, DeleteOutlined } from '@ant-design/icons-vue';
import { ref, reactive, getCurrentInstance, computed } from 'vue';
import { message } from 'ant-design-vue';
import PluginList from './plugin-list.vue';
import { useStore } from 'vuex';
const visible = ref(false);
const store = useStore();
const { proxy } = getCurrentInstance();
const pluginList = computed(() => {
return store.state.totalPlugins.filter((i) => i['#type'] == 'localPlugin');
});
const formState = reactive({
importType: 1,
importFile: [],
importUrl: '',
});
const handleOk = () => {
if (formState.importType == 1 && !formState.importFile.length) {
message.error(proxy.$t('feature.localPlugin.importFileErrorMsg'));
return;
}
if (formState.importType == 2 && !formState.importUrl) {
message.error(proxy.$t('feature.localPlugin.importUrlErrorMsg'));
return;
}
if (formState.importType == 1) {
readPlguinJsonByFile();
} else {
readPlguinJsonByUrl();
}
};
const readPlguinJsonByFile = () => {
const file = formState.importFile[0];
const reader = new FileReader();
reader.readAsText(file.originFileObj);
reader.onload = () => {
const json = JSON.parse(reader.result);
configFetchSuccess(json);
};
};
const readPlguinJsonByUrl = () => {
fetch(formState.importUrl)
.then((response) => response.json())
.then((json) => {
configFetchSuccess(json);
});
};
// onMounted(() => {
// const json = window.rubick.db.get(LOCAL_PLUGIN_JSON);
// pluginList.value = JSON.parse(json.data);
// });
const configFetchSuccess = (json) => {
// 打上标记,表示本地插件
const plugins = json.map((i) => ({ ...i, '#type': 'localPlugin' }));
message.success(proxy.$t('feature.localPlugin.configFetchSuccess'));
visible.value = false;
formState.importFile = [];
formState.importUrl = '';
formState.importType = 1;
store.dispatch('saveLocalPlugins', plugins);
};
const handleCancel = () => {
visible.value = false;
formState.importFile = [];
formState.importUrl = '';
formState.importType = 1;
};
const handleDeleteClick = async () => {
await store.dispatch('deleteLocalPlugins');
message.success(proxy.$t('feature.localPlugin.deleteLocalPluginSuccess'));
};
</script>
<style lang="less" scoped>
.local-plugin {
&__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--color-border-light);
padding-bottom: 16px;
margin-bottom: 16px;
}
&__list {
background-color: #fff;
}
&__title {
font-weight: 500;
color: var(--color-text-primary);
}
&__action {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
}
</style>

View File

@@ -7,7 +7,9 @@ module.exports = {
// 向预处理器 Loader 传递配置选项
less: {
// 配置less其他样式解析用法一致
javascriptEnabled: true, // 设置为true
lessOptions: {
javascriptEnabled: true, // 设置为true
},
},
},
},

View File

@@ -39,5 +39,8 @@
"last 2 versions",
"not dead",
"not ie 11"
]
],
"volta": {
"node": "16.20.2"
}
}

View File

@@ -1,6 +1,6 @@
{
"name": "rubick",
"version": "4.3.5",
"version": "4.3.8",
"author": "muwoo <2424880409@qq.com>",
"private": true,
"scripts": {
@@ -79,5 +79,8 @@
"resolutions": {
"vue-cli-plugin-electron-builder/electron-builder": "^23.0.3",
"leveldown": "6.0.3"
},
"volta": {
"node": "16.20.2"
}
}

View File

@@ -39,6 +39,12 @@ window.rubick = {
openPlugin(plugin) {
ipcSendSync('loadPlugin', plugin);
},
onShow(cb) {
typeof cb === 'function' && (window.rubick.hooks.onShow = cb);
},
onHide(cb) {
typeof cb === 'function' && (window.rubick.hooks.onHide = cb);
},
// 窗口交互
hideMainWindow() {
ipcSendSync('hideMainWindow');

View File

@@ -36,7 +36,14 @@ class AdapterHandler {
fs.mkdirsSync(options.baseDir);
fs.writeFileSync(
`${options.baseDir}/package.json`,
'{"dependencies":{}}'
// '{"dependencies":{}}'
// fix 插件安装时node版本问题
JSON.stringify({
dependencies: {},
volta: {
node: '16.19.1',
},
})
);
}
this.baseDir = options.baseDir;

View File

@@ -59,6 +59,7 @@ export default () => {
});
win.on('show', () => {
// 触发主窗口的 onShow hook
win.webContents.executeJavaScript(
`window.rubick && window.rubick.hooks && typeof window.rubick.hooks.onShow === "function" && window.rubick.hooks.onShow()`
);
@@ -67,6 +68,7 @@ export default () => {
});
win.on('hide', () => {
// 触发主窗口的 onHide hook
win.webContents.executeJavaScript(
`window.rubick && window.rubick.hooks && typeof window.rubick.hooks.onHide === "function" && window.rubick.hooks.onHide()`
);

View File

@@ -82,7 +82,7 @@ export default () => {
};
const init = (plugin, window: BrowserWindow) => {
if (view === null || view === undefined) {
if (view === null || view === undefined || view.inDetach) {
createView(plugin, window);
// if (viewInstance.getView(plugin.name) && !commonConst.dev()) {
// view = viewInstance.getView(plugin.name).view;
@@ -176,14 +176,29 @@ export default () => {
const removeView = (window: BrowserWindow) => {
if (!view) return;
executeHooks('PluginOut', null);
// 先记住这次要移除的视图,防止后面异步代码里全局引用被换掉
const snapshotView = view;
setTimeout(() => {
window.removeBrowserView(view);
if (!view.inDetach) {
window.setBrowserView(null);
view.webContents?.destroy();
// 获取当前视图,判断是否已经换成了新视图
const currentView = window.getBrowserView?.();
window.removeBrowserView(snapshotView);
// 主窗口的插件视图仍然挂着旧实例时,需要还原主窗口 UI
if (!snapshotView.inDetach) {
// 如果窗口还挂着旧视图,说明还没换掉,需要把主窗口恢复到初始状态
if (currentView === snapshotView) {
window.setBrowserView(null);
if (view === snapshotView) {
window.webContents?.executeJavaScript(`window.initRubick()`);
view = undefined;
}
}
snapshotView.webContents?.destroy();
}
// 分离窗口只需释放全局引用,视图由分离窗口继续管理
else if (view === snapshotView) {
view = undefined;
}
window.webContents?.executeJavaScript(`window.initRubick()`);
view = undefined;
}, 0);
};

View File

@@ -27,6 +27,30 @@ import DBInstance from './db';
import getWinPosition from './getWinPosition';
import path from 'path';
import commonConst from '@/common/utils/commonConst';
import { copyFilesToWindowsClipboard } from './windowsClipboard';
/**
* sanitize input files 剪贴板文件合法性校验
* @param input
* @returns
*/
const sanitizeInputFiles = (input: unknown): string[] => {
const candidates = Array.isArray(input)
? input
: typeof input === 'string'
? [input]
: [];
return candidates
.map((filePath) => (typeof filePath === 'string' ? filePath.trim() : ''))
.filter((filePath) => {
if (!filePath) return false;
try {
return fs.existsSync(filePath);
} catch {
return false;
}
});
};
const runnerInstance = runner();
const detachInstance = detach();
@@ -44,6 +68,20 @@ class API extends DBInstance {
mainWindow.webContents.on('before-input-event', (event, input) =>
this.__EscapeKeyDown(event, input, mainWindow)
);
// 设置主窗口的 show/hide 事件监听
this.setupMainWindowHooks(mainWindow);
}
private setupMainWindowHooks(mainWindow: BrowserWindow) {
mainWindow.on('show', () => {
// 触发插件的 onShow hook
runnerInstance.executeHooks('Show', null);
});
mainWindow.on('hide', () => {
// 触发插件的 onHide hook
runnerInstance.executeHooks('Hide', null);
});
}
public getCurrentWindow = (window, e) => {
@@ -230,13 +268,28 @@ class API extends DBInstance {
}
public copyFile({ data }) {
if (data.file && fs.existsSync(data.file)) {
clipboard.writeBuffer(
'NSFilenamesPboardType',
Buffer.from(plist.build([data.file]))
);
return true;
const targetFiles = sanitizeInputFiles(data?.file);
if (!targetFiles.length) {
return false;
}
if (process.platform === 'darwin') {
try {
clipboard.writeBuffer(
'NSFilenamesPboardType',
Buffer.from(plist.build(targetFiles))
);
return true;
} catch {
return false;
}
}
if (process.platform === 'win32') {
return copyFilesToWindowsClipboard(targetFiles);
}
return false;
}

View File

@@ -61,7 +61,11 @@ const registerHotKey = (mainWindow: BrowserWindow): void => {
// 显示主窗口
function mainWindowPopUp() {
const currentShow = mainWindow.isVisible() && mainWindow.isFocused();
if (currentShow) return mainWindow.hide();
if (currentShow) {
mainWindow.blur(); // 先失去焦点,使焦点恢复到之前的应用程序
mainWindow.hide();
return;
}
const { x: wx, y: wy } = winPosition.getPosition();
mainWindow.setAlwaysOnTop(false);
mainWindow.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true });

View File

@@ -0,0 +1,133 @@
import { clipboard } from 'electron';
import path from 'path';
// 仅在 Windows 平台辅助操作剪贴板多文件格式。
type ClipboardExModule = typeof import('electron-clipboard-ex');
const DROPFILES_HEADER_SIZE = 20;
let clipboardExModule: ClipboardExModule | null = null;
/**
* Windows 平台专用:尝试加载第三方库 electron-clipboard-ex。
* 这个库能够调用系统底层接口写入“文件复制”数据,成功率更高。
* 其他系统无需加载它,因此这里做了“按需加载”的处理。
*/
const ensureClipboardEx = (): ClipboardExModule | null => {
if (process.platform !== 'win32') return null;
if (clipboardExModule) return clipboardExModule;
try {
// eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
clipboardExModule = require('electron-clipboard-ex');
} catch {
clipboardExModule = null;
}
return clipboardExModule;
};
/**
* 把一组文件路径变成 Windows 规定的文本格式。
* 要求:每个路径之间用单个空字符分隔,最后再额外放两个空字符,表示列表结束。
* Windows 资源管理器会按这个格式解析我们复制到剪贴板的文件。
*/
const buildWindowsFileListPayload = (files: string[]): Buffer =>
Buffer.from(`${files.join('\0')}\0\0`, 'utf16le');
/**
* 构造 CF_HDROP 专用的二进制数据。
* 这是 Windows 复制文件时的底层格式,前 20 字节是固定的结构头,
* 后面紧跟着具体的文件路径(由 buildWindowsFileListPayload 生成)。
* 只要把这个内容写入剪贴板,任何支持粘贴文件的程序都能理解。
*/
const buildWindowsFileDropBuffer = (files: string[]): Buffer => {
const payload = buildWindowsFileListPayload(files);
const header = Buffer.alloc(DROPFILES_HEADER_SIZE);
header.writeUInt32LE(DROPFILES_HEADER_SIZE, 0);
header.writeInt32LE(0, 4);
header.writeInt32LE(0, 8);
header.writeUInt32LE(0, 12);
header.writeUInt32LE(1, 16);
const result = Buffer.alloc(header.length + payload.length);
for (let i = 0; i < header.length; i += 1) {
result[i] = header[i];
}
for (let i = 0; i < payload.length; i += 1) {
result[header.length + i] = payload[i];
}
return result;
};
/**
* 复制/移动/创建快捷方式 等不同操作在 Windows 中对应不同的“意图”值。
* Preferred DropEffect 告诉系统:当前剪贴板数据应该以何种方式处理。
* 我们默认写入“copy”相当于普通的复制粘贴。
*/
const buildDropEffectBuffer = (effect: 'copy' | 'move' | 'link' = 'copy') => {
const effectMap = {
copy: 1,
move: 2,
link: 4,
} as const;
const buffer = Buffer.alloc(4);
buffer.writeUInt32LE(effectMap[effect], 0);
return buffer;
};
/**
* 直接使用 Electron 内置 API 写入多种剪贴板格式。
* 步骤:
* 1. 写入二进制的 CF_HDROP含头部与路径列表
* 2. 写入纯文本形式的 FileNameW备选格式
* 3. 写入 Preferred DropEffect告诉系统“这是复制”
* 全部成功后,读取一次 CF_HDROP 的长度,确认剪贴板里确实有内容。
*/
const writeWindowsBuffers = (files: string[]): boolean => {
try {
clipboard.writeBuffer('CF_HDROP', buildWindowsFileDropBuffer(files));
clipboard.writeBuffer('FileNameW', buildWindowsFileListPayload(files));
clipboard.writeBuffer('Preferred DropEffect', buildDropEffectBuffer('copy'));
return clipboard.readBuffer('CF_HDROP').length > 0;
} catch {
return false;
}
};
/**
* 如果项目中安装了 electron-clipboard-ex我们优先使用它。
* 理由:该库通过原生方式与系统交互,兼容性往往优于 Electron 的 JS 层写入。
* 调用成功后,必要时读回文件列表做一次数量校验,确保复制的文件数量正确。
*/
const writeWithClipboardEx = (files: string[]): boolean => {
const clipboardEx = ensureClipboardEx();
if (!clipboardEx) return false;
try {
clipboardEx.writeFilePaths(files);
if (typeof clipboardEx.readFilePaths === 'function') {
const result = clipboardEx.readFilePaths();
return Array.isArray(result) && result.length === files.length;
}
return true;
} catch {
return false;
}
};
/**
* 对外暴露的唯一入口。
* 1. 先把所有路径换成 Windows 可识别的标准形式path.normalize
* 2. 尝试使用 electron-clipboard-ex 写入,如果成功就结束。
* 3. 若第三方库不可用或失败,再退回 Electron 原生写入流程。
* 这一层屏蔽了所有细节,外部调用者只需传入字符串数组即可。
*/
export const copyFilesToWindowsClipboard = (files: string[]): boolean => {
const normalizedFiles = files
.map((filePath) => path.normalize(filePath))
.filter(Boolean);
if (!normalizedFiles.length) return false;
if (writeWithClipboardEx(normalizedFiles)) {
return true;
}
return writeWindowsBuffers(normalizedFiles);
};