.

kska32 · Sep 28, 2023 · 3ed25b1 · 3ed25b1
1 parent 70e9dcf
commit 3ed25b1
Show file tree

Hide file tree

Showing 26 changed files with 3,444 additions and 10 deletions.
diff --git a/.gitignore b/.gitignore
@@ -8,7 +8,6 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
-dist
 dist-ssr
 *.local
 
@@ -22,3 +21,10 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+package.json
+package-lock.json
+vite.config.json
+src
+public
+.eslintrc.cjs
diff --git a/dist/assets/brand-icons-42e369dc.ttf b/dist/assets/brand-icons-42e369dc.ttf
diff --git a/dist/assets/brand-icons-6519a15b.svg b/dist/assets/brand-icons-6519a15b.svg
diff --git a/dist/assets/brand-icons-9fafd6c3.woff b/dist/assets/brand-icons-9fafd6c3.woff
diff --git a/dist/assets/brand-icons-d023c55f.eot b/dist/assets/brand-icons-d023c55f.eot
diff --git a/dist/assets/brand-icons-e7d4d534.woff2 b/dist/assets/brand-icons-e7d4d534.woff2
diff --git a/dist/assets/flags-94d5c7f1.png b/dist/assets/flags-94d5c7f1.png
diff --git a/dist/assets/icons-282a64fb.svg b/dist/assets/icons-282a64fb.svg
diff --git a/dist/assets/icons-434466b5.woff2 b/dist/assets/icons-434466b5.woff2
diff --git a/dist/assets/icons-8b4e1b84.eot b/dist/assets/icons-8b4e1b84.eot
diff --git a/dist/assets/icons-95b6a484.woff b/dist/assets/icons-95b6a484.woff
diff --git a/dist/assets/icons-cb7f81f5.ttf b/dist/assets/icons-cb7f81f5.ttf
diff --git a/dist/assets/index-8d395eb9.js b/dist/assets/index-8d395eb9.js
diff --git a/dist/assets/index-cdbe175d.css b/dist/assets/index-cdbe175d.css
diff --git a/dist/assets/outline-icons-4537fa06.eot b/dist/assets/outline-icons-4537fa06.eot
diff --git a/dist/assets/outline-icons-4bc359c2.woff b/dist/assets/outline-icons-4bc359c2.woff
diff --git a/dist/assets/outline-icons-4d288344.woff2 b/dist/assets/outline-icons-4d288344.woff2
diff --git a/dist/assets/outline-icons-67172172.ttf b/dist/assets/outline-icons-67172172.ttf
diff --git a/dist/assets/outline-icons-ae8fd02a.svg b/dist/assets/outline-icons-ae8fd02a.svg
diff --git a/dist/ebook-list.json.zip b/dist/ebook-list.json.zip
diff --git a/dist/favicon.ico b/dist/favicon.ico
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>目录搜索</title>
+    <script type="module" crossorigin src="/assets/index-8d395eb9.js"></script>
+    <link rel="stylesheet" href="/assets/index-cdbe175d.css">
+  </head>
+  <body>
+    <div id="root"></div>
+
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>目录搜索</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package.json b/package.json
@@ -1,5 +1,6 @@
 {
   "name": "ebook-client-app",
+  "homepage": "./",
   "private": true,
   "version": "0.0.0",
   "type": "module",

diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/App.jsx b/src/App.jsx
@@ -70,6 +70,19 @@ const BookList = styled.div`
 
     >span{
       text-align: left;
+
+      >span{
+        &.size{
+          position: relative;
+          background-color: rgba(0,0,0,0.3);
+          color: #fff;
+          border-radius: 5px;
+          font-size: 12px;
+          padding: 2px 5px;
+          margin-left: 10px;
+          user-select: none;
+        }
+      }
     }
 
     &:hover{
@@ -138,8 +151,10 @@ function App() {
 
 
   const search = useCallback((v)=>{
+    const keyword = v?.trim()??'';
+    if(keyword === '') return;
     setLoading(true);
-    bookListDB.search(v)
+    bookListDB.search(keyword)
       .then(setBooklist)
       .catch(console.error).finally(()=>{
         setLoading(false);
@@ -148,10 +163,8 @@ function App() {
 
 
   return <AppWrapper>
-      <h2>目录搜索</h2>
-      <br />
       <InputBox>
-        <Input fluid placeholder='Search...' 
+        <Input fluid placeholder='目录搜索...' 
             size='large'
             value={value} 
             onChange={(e)=>setValue(e.target.value)} 
@@ -163,8 +176,11 @@ function App() {
         {
           booklist.map((v,i)=>{
             return <div className='item' key={v.id} >
-             <span>{v.name}</span>
-             <a href={v.webViewLink} target='_blank'><Icon name='download' color='grey' /></a>
+              <span>
+                  <span className='name'>{v.name}</span>
+                  <span className='size'>{Number(v.size / 1024**2).toFixed(2)} MB</span>
+              </span>
+              <a href={v.webViewLink} target='_blank'><Icon name='download' color='grey' /></a>
             </div>
           })
         }