npm - @ives_xxz/packages - Versions diffs - 1.0.0 - Mend

@ives_xxz/packages 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (188) hide show

package/Quick Finder/src/renderer/settings/index.html ADDED Viewed

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <!-- 样式 -->
+    <link rel="stylesheet" type="text/css" href="../../eazax/css/cocos-tag.css">
+    <link rel="stylesheet" type="text/css" href="../../eazax/css/cocos-class.css">
+    <link rel="stylesheet" type="text/css" href="index.css">
+    <!-- 脚本 -->
+    <script type="text/javascript" src="../../../lib/vue.global.prod.js" defer></script>
+    <script type="text/javascript" src="index.js" defer></script>
+</head>
+<body>
+    <div id="app" v-cloak>
+        <!-- 标题 -->
+        <div class="title">{{ t('settings') }}</div>
+        <!-- 配置 -->
+        <div class="properties">
+            <!-- 文件类型 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('openable') }}</span>
+                    <span class="tooltip">{{ t('openableTooltip') }}</span>
+                </div>
+                <div class="content">
+                    <div class="openable">
+                        <div class="item" v-for="(item, index) in OPENABLE_LIST" :key="index">
+                            <input class="checkbox" type="checkbox" :checked="openable.indexOf(item.ext) !== -1"
+                                @change="onOpenableChanged($event, item)" />
+                            <div class="type">{{ `${item.type} (${item.ext})` }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 选择快捷键 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('selectKey') }}</span>
+                    <span class="tooltip">{{ t('selectKeyTooltip') }}</span>
+                </div>
+                <div class="content">
+                    <select v-model="selectKey">
+                        <option v-for="item in presets" :key="item.key" :value="item.key">{{ item.name }}</option>
+                    </select>
+                </div>
+            </div>
+            <!-- 自定义快捷键 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('customKey') }}</span>
+                    <span class="tooltip">{{ t('customKeyTooltip') }}</span>
+                </div>
+                <div class="content">
+                    <input v-model="customKey" :placeholder="t('customKeyPlaceholder')" />
+                </div>
+            </div>
+            <!-- 自动检查更新 -->
+            <div class="property">
+                <div class="label">
+                    <span class="text">{{ t('autoCheck') }}</span>
+                    <span class="tooltip">{{ t('autoCheckTooltip') }}</span>
+                </div>
+                <div class="content">
+                    <input type="checkbox" v-model="autoCheckUpdate" />
+                </div>
+            </div>
+            <!-- 快捷键参考 -->
+            <div class="tip">
+                <span>{{ t('reference') }}</span>
+                <a href="https://www.electronjs.org/docs/api/accelerator" target="_blank">{{ t('accelerator') }}</a>
+            </div>
+            <!-- Git 仓库 -->
+            <div class="tip">
+                <span>{{ t('repository') }}</span>
+                <a :href="repositoryUrl" target="_blank">{{ packageName }}</a>
+            </div>
+            <div class="line"></div>
+            <!-- 应用按钮 -->
+            <button class="apply-btn" @click="onApplyBtnClick">{{ t('apply') }}</button>
+        </div>
+    </div>
+</body>
+</html>

package/Quick Finder/src/renderer/settings/index.js ADDED Viewed

@@ -0,0 +1,219 @@
+const { shell } = require('electron');
+const { getUrlParam } = require('../../eazax/browser-util');
+const { translate } = require('../../eazax/i18n');
+const RendererEvent = require('../../eazax/renderer-event');
+const PackageUtil = require('../../eazax/package-util');
+const EditorRendererKit = require('../../eazax/editor-renderer-kit');
+const ConfigManager = require('../../common/config-manager');
+// 导入 Vue 工具函数
+const { ref, watch, onMounted, onBeforeUnmount, createApp } = Vue;
+/** 当前语言 */
+const LANG = getUrlParam('lang');
+// 构建 Vue 应用
+const App = {
+    /**
+     * 设置
+     * @param {*} props
+     * @param {*} context
+     */
+    setup(props, context) {
+        // 可以直接打开的所有文件类型
+        const OPENABLE_LIST = ref([
+            { ext: '.fire', type: t('scene') },
+            { ext: '.prefab', type: t('prefab') },
+            { ext: '.ts', type: t('typescript') },
+            { ext: '.js', type: t('javascript') },
+            { ext: '.json', type: t('json') },
+            { ext: '.md', type: t('markdown') },
+            { ext: '.txt', type: t('txt') },
+        ]);
+        // 可以直接打开的文件类型列表
+        const openable = ref([]);
+        // 预设快捷键
+        const presets = ref([
+            { key: '', name: t('none') },
+            { key: 'custom', name: t('customKey') },
+            { key: 'F1', name: 'F1' },
+            { key: 'F3', name: 'F3' },
+            { key: 'F4', name: 'F4' },
+            { key: 'F5', name: 'F5' },
+            { key: 'F6', name: 'F6' },
+            { key: 'CmdOrCtrl+F', name: 'Cmd/Ctrl + F' },
+            { key: 'CmdOrCtrl+B', name: 'Cmd/Ctrl + B' },
+            { key: 'CmdOrCtrl+Shift+F', name: 'Cmd/Ctrl + Shift + F' },
+        ]);
+        // 选择
+        const selectKey = ref('');
+        // 自定义
+        const customKey = ref('');
+        // 自动检查更新
+        const autoCheckUpdate = ref(false);
+        // 仓库地址
+        const repositoryUrl = PackageUtil.repository;
+        // 包名
+        const packageName = PackageUtil.name;
+        // 监听选择快捷键
+        watch(selectKey, (value) => {
+            if (value !== 'custom') {
+                customKey.value = '';
+            }
+        });
+        // 监听自定义
+        watch(customKey, (value) => {
+            if (value !== '' && selectKey.value !== 'custom') {
+                selectKey.value = 'custom';
+            }
+        });
+        /**
+         * 获取配置
+         */
+        function getConfig() {
+            const config = ConfigManager.get();
+            if (!config) return;
+            // 可打开文件类型
+            openable.value = config.openable;
+            // 自动检查更新
+            autoCheckUpdate.value = config.autoCheckUpdate;
+            // 快捷键
+            const hotkey = config.hotkey;
+            if (!hotkey || hotkey === '') {
+                selectKey.value = '';
+                customKey.value = '';
+                return;
+            }
+            // 预设快捷键
+            for (let i = 0, l = presets.value.length; i < l; i++) {
+                if (presets.value[i].key === hotkey) {
+                    selectKey.value = hotkey;
+                    customKey.value = '';
+                    return;
+                }
+            }
+            // 自定义快捷键
+            selectKey.value = 'custom';
+            customKey.value = hotkey;
+        }
+        /**
+         * 保存配置
+         */
+        function setConfig() {
+            const config = {
+                openable: openable.value,
+                hotkey: null,
+                autoCheckUpdate: autoCheckUpdate.value,
+            };
+            if (selectKey.value === 'custom') {
+                // 自定义输入是否有效
+                if (customKey.value === '') {
+                    EditorRendererKit.print('warn', translate('customKeyError'));
+                    return;
+                }
+                // 不可以使用双引号（避免 json 值中出现双引号而解析错误，导致插件加载失败）
+                if (customKey.value.includes('"')) {
+                    customKey.value = customKey.value.replace(/\"/g, '');
+                    EditorRendererKit.print('warn', translate('quoteError'));
+                    return;
+                }
+                config.hotkey = customKey.value;
+            } else {
+                config.hotkey = selectKey.value;
+            }
+            // 保存到本地
+            ConfigManager.set(config);
+        }
+        /**
+         * 可打开文件类型勾选变化回调
+         * @param {*} event
+         * @param {{ ext:string, type: string }} item
+         */
+        function onOpenableChanged(event, item) {
+            const { ext } = item,
+                index = openable.value.indexOf(ext);
+            if (event.target.checked) {
+                if (index === -1) {
+                    openable.value.push(ext);
+                }
+            } else {
+                if (index !== -1) {
+                    openable.value.splice(index, 1);
+                }
+            }
+        }
+        /**
+         * 应用按钮点击回调
+         * @param {*} event
+         */
+        function onApplyBtnClick(event) {
+            // 保存配置
+            setConfig();
+        }
+        /**
+         * 翻译
+         * @param {string} key
+         */
+        function t(key) {
+            return translate(LANG, key);
+        }
+        /**
+         * 生命周期：挂载后
+         */
+        onMounted(() => {
+            // 获取配置
+            getConfig();
+            // 覆盖 a 标签点击回调（使用默认浏览器打开网页）
+            const links = document.querySelectorAll('a[href]');
+            links.forEach((link) => {
+                link.addEventListener('click', (event) => {
+                    event.preventDefault();
+                    const url = link.getAttribute('href');
+                    shell.openExternal(url);
+                });
+            });
+            // （主进程）检查更新
+            RendererEvent.send('check-update', false);
+        });
+        /**
+         * 生命周期：卸载前
+         */
+        onBeforeUnmount(() => {
+        });
+        return {
+            OPENABLE_LIST,
+            openable,
+            presets,
+            selectKey,
+            customKey,
+            autoCheckUpdate,
+            repositoryUrl,
+            packageName,
+            onOpenableChanged,
+            onApplyBtnClick,
+            t,
+        };
+    },
+};
+// 创建实例
+const app = createApp(App);
+// 挂载
+app.mount('#app');