From 01fa28b3ea329ca5d89469ac6348aec0317e7448 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Mon, 13 Feb 2023 23:00:15 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/header.vue | 41 ++++++++++++++++++++++++++++++++++--
 src/store.js              |  3 ++-
 src/views/home.vue        | 44 ++++++++++++++++++++++-----------------
 3 files changed, 66 insertions(+), 22 deletions(-)

diff --git a/src/components/header.vue b/src/components/header.vue
index 0c54b08..142d24d 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -23,13 +23,50 @@
       <p>同时我们也提供自主提交开源库的收录(前提是在npm上发布的)</p>
     </cite>
 
-    <wc-input class="search" no-border placeholder="请输入开源库的名字~~" />
+    <wc-input
+      class="search"
+      no-border
+      placeholder="请输入开源库的名字~~"
+      clearable
+      v-model="input"
+      @submit="search"
+    />
   </div>
 </template>
 
 <script>
+import fetch from '@/lib/fetch'
+
 export default {
-  props: {}
+  data() {
+    return { input: '' }
+  },
+  methods: {
+    search() {
+      let id = this.input.trim()
+      if (id) {
+        fetch('/package/search/' + encodeURIComponent(id)).then(r => {
+          // let list = r.data.map(it => it.split('/'))
+          let dict = { versions: [], id }
+          let last = null
+          for (let it of r.data) {
+            let tmp = it.split('/')
+            if (tmp.length === 1) {
+              last = it
+              dict.versions.push(last)
+              dict[last] = []
+            } else {
+              dict[last].push(it)
+            }
+          }
+          console.log(dict)
+          this.$store.result = dict
+        })
+      } else {
+        this.$store.result = null
+      }
+    }
+  }
 }
 </script>
 
diff --git a/src/store.js b/src/store.js
index 9b79883..4a97cfa 100644
--- a/src/store.js
+++ b/src/store.js
@@ -7,7 +7,8 @@ const store = reactive({
     1: '🕒待审核中',
     2: '✅正常',
     9: '🙅🏻拒绝收录'
-  }
+  },
+  result: null // 搜索结果
 })
 
 export default function (app) {
diff --git a/src/views/home.vue b/src/views/home.vue
index ac73a84..bbe4e78 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,6 +1,19 @@
 <template>
-  <main class="home">
-    <dl class="card" v-for="it in libs" :key="it.name">
+  <main class="home" @click="copy">
+    <dl class="card" v-if="$store.result">
+      <dt class="title">
+        {{ $store.result.id }} - v{{ $store.result.versions[0] }}
+      </dt>
+      <dd class="list">
+        <section
+          class="link"
+          v-for="f in $store.result[$store.result.versions[0]]"
+        >
+          //jscdn.ink/{{ $store.result.id }}/{{ f }}
+        </section>
+      </dd>
+    </dl>
+    <dl class="card" v-else v-for="it in libs" :key="it.name">
       <dt class="title">{{ it.name }} - v{{ it.version }}</dt>
       <dd class="list">
         <section class="link" v-for="f in it.files">
@@ -34,22 +47,6 @@ export default {
             'vue.runtime.global.prod.js'
           ]
         },
-        {
-          name: 'vue-router',
-          version: '4.1.6',
-          files: [
-            'vue-router.cjs',
-            'vue-router.cjs.js',
-            'vue-router.cjs.prod.js',
-            'vue-router.esm-browser.js',
-            'vue-router.esm-bundler.js',
-            'vue-router.global.js',
-            'vue-router.global.prod.js',
-            'vue-router.mjs',
-            'vue-router.node.mjs',
-            'vue-router.prod.cjs'
-          ]
-        },
         {
           name: '@bytedo/fetch',
           version: '2.1.1',
@@ -61,6 +58,15 @@ export default {
 
   mounted() {
     this.$store.searchShow = true
+  },
+
+  methods: {
+    copy(ev) {
+      if (ev.target.tagName === 'SECTION') {
+        navigator.clipboard.writeText(ev.target.textContent.trim())
+        layer.toast('复制成功', 'success')
+      }
+    }
   }
 }
 </script>
@@ -70,7 +76,7 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-top: 16px;
+  padding: 16px 0 32px;
 
   .card {
     width: 1024px;

From 4bb2d607e951b16704017631bd1227ee73c6cc39 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Thu, 16 Feb 2023 00:45:09 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E6=94=B9=E7=94=A8=E5=8E=BBdevtools?=
 =?UTF-8?q?=E7=89=88vue-router?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue.live.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/vue.live.js b/vue.live.js
index c611b5a..71336e3 100644
--- a/vue.live.js
+++ b/vue.live.js
@@ -26,10 +26,9 @@ export default {
   // 也可以在页面中直接引入完整的路径, 而不必须在这里声明
   imports: {
     vue: '//jscdn.ink/vue/3.2.47/vue.esm-browser.prod.js',
-    'vue-router': '//jscdn.ink/vue-router/4.1.6/vue-router.esm-browser.js',
+    'vue-router': '//jscdn.ink/@bytedo/vue-router/4.1.6/vue-router.js',
     // 这个库被vue-router依赖, 可以注释掉vue-router代码中的 @vue/devtools-api 的引入
     // 以达到减少不必须的体积的效果
-    '@vue/devtools-api': '//jscdn.ink/@vue/devtools-api/6.5.0/esm/index.js',
     fetch: '//jscdn.ink/@bytedo/fetch/2.1.1/next.js'
   }
 }

From 1925bbf39728a054ccc24743b66869768a1ca146 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Thu, 16 Feb 2023 22:11:02 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js        |  1 +
 src/views/home.vue | 30 +++++++++++++++++++++++-------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/main.js b/src/main.js
index cb5888c..7c68002 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 
 import '//jscdn.ink/es.shim/2.1.0/index.js'
 import '//jscdn.ink/@bytedo/wcui/1.0.12/form/input.js'
+import '//jscdn.ink/@bytedo/wcui/1.0.12/form/dropdown.js'
 import '//jscdn.ink/@bytedo/wcui/1.0.12/form/button.js'
 import '//jscdn.ink/@bytedo/wcui/1.0.12/form/link.js'
 import '//jscdn.ink/@bytedo/wcui/1.0.12/layer/index.js'
diff --git a/src/views/home.vue b/src/views/home.vue
index bbe4e78..ad52ffe 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,14 +1,19 @@
 <template>
   <main class="home" @click="copy">
-    <dl class="card" v-if="$store.result">
+    <dl class="card" v-if="version">
       <dt class="title">
-        {{ $store.result.id }} - v{{ $store.result.versions[0] }}
+        {{ $store.result.id }} -
+        <wc-dropdown v-model="version">
+          <wc-option
+            v-for="v in $store.result.versions"
+            :key="v"
+            :value="v"
+            :label="v"
+          />
+        </wc-dropdown>
       </dt>
       <dd class="list">
-        <section
-          class="link"
-          v-for="f in $store.result[$store.result.versions[0]]"
-        >
+        <section class="link" v-for="f in $store.result[version]">
           //jscdn.ink/{{ $store.result.id }}/{{ f }}
         </section>
       </dd>
@@ -52,7 +57,18 @@ export default {
           version: '2.1.1',
           files: ['index.js', 'next.js']
         }
-      ]
+      ],
+      version: ''
+    }
+  },
+
+  watch: {
+    '$store.result'(val) {
+      if (val) {
+        this.version = val.versions[val.versions.length - 1]
+      } else {
+        this.version = ''
+      }
     }
   },