lint

Author: mintfog

source/js/main.js

@@ -193,13 +193,14 @@ window.addEventListener('hexo-blog-decrypt', () => {
 
 // 搜索弹窗交互与搜索逻辑
 (function() {
+  const theme_config = window.theme_config || {};
   if (!theme_config || !theme_config.search || !theme_config.search.enable) {
-    return
+    return;
   }
-  let language = theme_config.language || 'zh-CN';
+  const language = theme_config.language || 'zh-CN';
 
   // 动态插入搜索弹窗结构到 body
-  var modalHtml = `
+  const modalHtml = `
     <div id="search-modal" class="search-modal" style="display:none;">
       <div class="search-modal-mask"></div>
       <div class="search-modal-content">
@@ -211,57 +212,58 @@ window.addEventListener('hexo-blog-decrypt', () => {
       </div>
     </div>
   `;
-  var temp = document.createElement('div');
+  const temp = document.createElement('div');
   temp.innerHTML = modalHtml;
   document.body.appendChild(temp.firstElementChild);
 
   // 创建右下角悬浮按钮
-  var floatBtn = document.createElement('button');
+  const floatBtn = document.createElement('button');
   floatBtn.id = 'search-float-btn';
   floatBtn.title = language === 'en' ? 'Search' : '搜索';
-  var searchIcon = '<svg width="22" height="22" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8" stroke="#409eff" stroke-width="2" fill="none"/><line x1="17" y1="17" x2="21" y2="21" stroke="#409eff" stroke-width="2" stroke-linecap="round"/></svg>';
-  var closeIcon = '<svg width="22" height="22" viewBox="0 0 24 24"><line x1="6" y1="6" x2="18" y2="18" stroke="#f56c6c" stroke-width="2" stroke-linecap="round"/><line x1="18" y1="6" x2="6" y2="18" stroke="#f56c6c" stroke-width="2" stroke-linecap="round"/></svg>';
+  const searchIcon = '<svg width="22" height="22" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8" stroke="#409eff" stroke-width="2" fill="none"/><line x1="17" y1="17" x2="21" y2="21" stroke="#409eff" stroke-width="2" stroke-linecap="round"/></svg>';
+  const closeIcon = '<svg width="22" height="22" viewBox="0 0 24 24"><line x1="6" y1="6" x2="18" y2="18" stroke="#f56c6c" stroke-width="2" stroke-linecap="round"/><line x1="18" y1="6" x2="6" y2="18" stroke="#f56c6c" stroke-width="2" stroke-linecap="round"/></svg>';
   floatBtn.innerHTML = searchIcon;
   document.body.appendChild(floatBtn);
 
-  var modal = document.getElementById('search-modal');
-  var closeBtn = document.getElementById('search-modal-close');
-  var mask = document.querySelector('.search-modal-mask');
+  const modal = document.getElementById('search-modal');
+  const closeBtn = document.getElementById('search-modal-close');
+  const mask = document.querySelector('.search-modal-mask');
 
   // 搜索数据缓存
-  var posts = [];
-  var algoliaLoaded = false;
-  var algoliaIndex = null;
+  let posts = [];
+  let algoliaLoaded = false;
+  let algoliaIndex = null;
 
   // 搜索类型
-  var searchType = `${theme_config.search.type || "json"}`;
+  const searchType = theme_config.search.type || 'json';
 
   // 打开弹窗时绑定 input 事件
   function openModal() {
     modal.style.display = 'flex';
     floatBtn.innerHTML = closeIcon;
-    var input = document.getElementById('search-input');
-    var results = document.getElementById('search-results');
-    setTimeout(function() { input && input.focus(); }, 100);
+    const input = document.getElementById('search-input');
+    const results = document.getElementById('search-results');
+    setTimeout(() => { input && input.focus(); }, 100);
     // 解绑旧事件，防止多次绑定
     input.oninput = null;
     if (searchType === 'algolia') {
       if (!algoliaLoaded) {
-        var appId = theme_config.search.algolia.appID;
-        var apiKey = theme_config.search.algolia.apiKey;
-        var indexName = theme_config.search.algolia.indexName;
-        var script = document.createElement('script');
+        const appId = theme_config.search.algolia.appID;
+        const apiKey = theme_config.search.algolia.apiKey;
+        const indexName = theme_config.search.algolia.indexName;
+        const script = document.createElement('script');
         script.src = 'https://cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js';
         script.onload = function() {
-          var client = algoliasearch(appId, apiKey);
+          // eslint-disable-next-line no-undef
+          const client = algoliasearch(appId, apiKey);
           algoliaIndex = client.initIndex(indexName);
           algoliaLoaded = true;
         };
         document.body.appendChild(script);
       }
       input.oninput = function() {
         if (!algoliaIndex) return;
-        var keyword = this.value.trim();
+        const keyword = this.value.trim();
         renderResults(results, []);
         if (!keyword) return;
         algoliaIndex.search(keyword).then(({ hits }) => {
@@ -276,11 +278,11 @@ window.addEventListener('hexo-blog-decrypt', () => {
           .then(data => { posts = data; });
       }
       input.oninput = function() {
-        var keyword = this.value.trim().toLowerCase();
+        const keyword = this.value.trim().toLowerCase();
         if (!keyword) return renderResults(results, []);
-        var filtered = posts.filter(post =>
-          (post.title && post.title.toLowerCase().includes(keyword)) ||
-          (post.content && post.content.toLowerCase().includes(keyword))
+        const filtered = posts.filter(post =>
+          (post.title && post.title.toLowerCase().includes(keyword))
+          || (post.content && post.content.toLowerCase().includes(keyword))
         );
         renderResults(results, filtered);
       };
@@ -290,26 +292,26 @@ window.addEventListener('hexo-blog-decrypt', () => {
   function closeModal() {
     modal.style.display = 'none';
     floatBtn.innerHTML = searchIcon;
-    var input = document.getElementById('search-input');
-    var results = document.getElementById('search-results');
+    const input = document.getElementById('search-input');
+    const results = document.getElementById('search-results');
     if (input) input.value = '';
     if (results) results.innerHTML = '';
   }
 
   function renderResults(results, list) {
     results.innerHTML = '';
     if (!list.length) {
-      let text = theme_config.language === 'en' ? 'No results found' : '未找到结果';
-      results.innerHTML = '<li style="color:#888;padding:1em;">'+text+'</li>';
+      const text = theme_config.language === 'en' ? 'No results found' : '未找到结果';
+      results.innerHTML = '<li style="color:#888;padding:1em;">' + text + '</li>';
       return;
     }
-    list.forEach(function(item) {
-      var summary = '';
+    list.forEach(item => {
+      let summary = '';
       if (item.content) {
-        var clean = item.content.replace(/<[^>]+>/g, '').replace(/\n/g, '');
+        const clean = item.content.replace(/<[^>]+>/g, '').replace(/\n/g, '');
         summary = clean.length > 80 ? clean.slice(0, 80) + '...' : clean;
       }
-      var li = document.createElement('li');
+      const li = document.createElement('li');
       li.innerHTML = `<a href="${item.url || item.permalink}" target="_blank"><div class="search-title">${item.title}</div><div class="search-summary">${summary}</div></a>`;
       results.appendChild(li);
     });
@@ -325,7 +327,7 @@ window.addEventListener('hexo-blog-decrypt', () => {
   };
   if (closeBtn) closeBtn.onclick = closeModal;
   if (mask) mask.onclick = closeModal;
-  window.addEventListener('keydown', function(e) {
+  window.addEventListener('keydown', e => {
     if (e.key === 'Escape') closeModal();
   });
-})();
+}());