From 926d57c19211906f12ccceac5455422b8ba7115a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=81=8D=E5=85=AE=E6=83=9A=E5=85=AE?=
 <101191390+HIllya51@users.noreply.github.com>
Date: Fri, 26 Jul 2024 00:21:19 +0800
Subject: [PATCH] apis

---
 docs/main.js        |   8 ++-
 docs/manyapis.js    | 154 ++++++++++++++++++++++++++++++++++++++++++++
 docs/style.css      |  28 ++++++++
 docs/zh/manyapis.md |   5 ++
 4 files changed, 194 insertions(+), 1 deletion(-)
 create mode 100644 docs/manyapis.js
 create mode 100644 docs/zh/manyapis.md

diff --git a/docs/main.js b/docs/main.js
index 899cfdd5..e1238359 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -65,6 +65,12 @@ window.$docsify = {
                 });
             })
         },
+        function (hook, vm) {
+            hook.doneEach(() => {
+                if (document.getElementById('manytables') == null) return
+                import('/manyapis.js')
+            })
+        },
         function (hook, vm) {
             return;
             hook.doneEach(() => {
@@ -203,4 +209,4 @@ window.onpopstate = function (event) {
 
         }
     }
-};
+};
\ No newline at end of file
diff --git a/docs/manyapis.js b/docs/manyapis.js
new file mode 100644
index 00000000..78f1a32a
--- /dev/null
+++ b/docs/manyapis.js
@@ -0,0 +1,154 @@
+
+function parsevalue(text) {
+    if (text == 'undefined') return -1;
+    if (text == '') return -1;
+    if (text == '✓') return 5;
+    if (text == '✗') return 3;
+
+    return parseFloat(text)
+}
+function sortTable(table, n) {
+    var rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
+
+    switching = true;
+    dir = "asc";
+    while (switching) {
+        switching = false;
+        rows = table.rows;
+        for (i = 1; i < (rows.length - 1); i++) {
+            shouldSwitch = false;
+            x = rows[i].getElementsByTagName("TD")[n];
+            y = rows[i + 1].getElementsByTagName("TD")[n];
+            if (dir == "asc") {
+                if (parsevalue(x.innerText) > parsevalue(y.innerText)) {
+                    shouldSwitch = true;
+                    break;
+                }
+            } else if (dir == "desc") {
+                if (parsevalue(x.innerText) < parsevalue(y.innerText)) {
+                    shouldSwitch = true;
+                    break;
+                }
+            }
+        }
+        if (shouldSwitch) {
+            rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
+            switching = true;
+            switchcount++;
+        } else {
+            if (switchcount == 0 && dir == "asc") {
+                dir = "desc";
+                switching = true;
+            }
+        }
+    }
+}
+const manytables = [
+    {
+        name: 'LLM翻译',
+        titles: [
+            { type: 'isfree', name: '免费' },
+            // { type: 'effect', name: '效果' },
+            { type: 'freetoken', name: '试用token' },
+        ],
+        rankdatas: [
+            { type: 'DeepSeek', isfree: false, freetoken: 5000000 },
+            { type: '阿里云百炼大模型', isfree: false },
+            { type: '字节跳动豆包大模型', isfree: false },
+            { type: '月之暗面', isfree: false },
+            { type: '智谱AI', isfree: false },
+            { type: '零一万物', isfree: false },
+            { type: '硅基流动', isfree: false },
+            { type: '讯飞星火大模型', isfree: false },
+            { type: '腾讯混元大模型', isfree: false },
+            { type: '百度千帆大模型', isfree: false },
+            { type: 'gemini', isfree: true },
+            { type: 'Sakura大模型', isfree: true },
+            { type: 'ChatGPT', isfree: true },
+            { type: 'claude', isfree: false },
+            { type: 'cohere', isfree: false },
+        ]
+    },
+    {
+        name: 'OCR',
+        titles: [
+            { type: 'isoffline', name: '离线' },
+            { type: 'isfree', name: '免费' },
+            { type: 'istrial', name: '可试用' },
+            { type: 'price', name: '价格' },
+            { type: 'effect', name: '效果' },
+        ],
+        rankdatas: [
+            { type: '本地OCR', isoffline: true, isfree: true, effect: 3 },
+            { type: 'WeChat/QQ OCR', isoffline: true, isfree: true, effect: 3.5 },
+            { type: 'WindowsOCR', isoffline: true, isfree: true, effect: 2.8 },
+            { type: 'Tesseract5', isoffline: true, isfree: true, effect: 1.5 },
+            { type: 'manga-ocr', isoffline: true, isfree: true, effect: 3.6 },
+            { type: 'Google Lens', isoffline: false, isfree: true, effect: 4 },
+            { type: 'GeminiOCR', isoffline: false, isfree: false, effect: 5, istrial: false, price: 5 },
+            { type: 'Google Cloud Vision', isoffline: false, isfree: false, effect: 5, istrial: false },
+            { type: '百度OCR', isoffline: false, isfree: false, istrial: false },
+            { type: '百度图片翻译', isoffline: false, isfree: false, istrial: false },
+            { type: '腾讯OCR', isoffline: false, isfree: false, istrial: false },
+            { type: '腾讯图片翻译', isoffline: false, isfree: false, istrial: false },
+            { type: '飞书OCR', isoffline: false, isfree: true },
+            { type: 'ocrspace', isoffline: false, isfree: false, istrial: false },
+            { type: 'docsumo', isoffline: false, isfree: false, istrial: false },
+            { type: '有道OCR', isoffline: false, isfree: false, istrial: true },
+            { type: '有道图片翻译', isoffline: false, isfree: false, istrial: true },
+            { type: '火山OCR', isoffline: false, isfree: false, istrial: false },
+            { type: '讯飞OCR', isoffline: false, isfree: false, istrial: false },
+            { type: '有道词典', isoffline: false, isfree: true },
+        ]
+    }
+];
+
+manytables.forEach((atable) => {
+    var ele_manytables = document.getElementById('manytables')
+    var centertable = document.createElement('div')
+    centertable.classList.add('centertable')
+    var table = document.createElement('table')
+    centertable.appendChild(table)
+    table.classList.add('manytables')
+    ele_manytables.appendChild(centertable)
+    var header = document.createElement('tr')
+    table.appendChild(header)
+    var tablename = document.createElement('th')
+    var div = document.createElement('div')
+    tablename.appendChild(div)
+    div.classList.add('manytables2')
+    div.innerText = atable.name
+    header.appendChild(tablename)
+    atable.titles.forEach((title, idx) => {
+        var th = document.createElement('th')
+        var div = document.createElement('div')
+        th.appendChild(div)
+        div.innerText = title.name
+        div.addEventListener('click', function () { sortTable(table, idx + 1) })
+        div.classList.add('clickable')
+        div.classList.add('manytables2')
+        header.appendChild(th)
+    })
+
+    atable.rankdatas.forEach(item => {
+        var tr = document.createElement('tr')
+        table.appendChild(tr)
+        var td = document.createElement('td')
+        tr.appendChild(td)
+        td.innerText = item.type
+        td.classList.add('manytables2')
+        atable.titles.forEach((title, idx) => {
+            var td = document.createElement('td')
+            td.classList.add('manytables2')
+            tr.appendChild(td)
+            if (item[title.type] === true)
+                td.innerText = '✓'
+            else if (item[title.type] === false)
+                td.innerText = ''//'✗'
+            else if (item[title.type] === undefined)
+                td.innerText = ''
+            else
+                td.innerText = item[title.type]
+        })
+    })
+})
diff --git a/docs/style.css b/docs/style.css
index 1305517a..19e48dd5 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -140,3 +140,31 @@ main .markdown-section {
     display: none;
 } 
 */
+
+
+.manytables {
+    /* border: 1px solid black; */
+    border-top: 1px solid black;
+    border-bottom: 1px solid black;
+    /*border-collapse: collapse;*/
+}
+
+.manytables2 {
+    padding-left: 10px;
+    padding-right: 10px;
+    text-align: center;
+    /*margin: 10px;*/
+    /* margin-left: auto;
+    margin-right: auto; */
+}
+
+.clickable {
+    cursor: pointer;
+}
+
+.centertable{
+    align-items: center;
+    display: flex;
+    justify-content: center;
+
+}
\ No newline at end of file
diff --git a/docs/zh/manyapis.md b/docs/zh/manyapis.md
new file mode 100644
index 00000000..087ca99a
--- /dev/null
+++ b/docs/zh/manyapis.md
@@ -0,0 +1,5 @@
+## 各种API对比
+
+<div id="manytables">
+
+</div>
\ No newline at end of file