Merge pull request #12 from lhxcccccccccc/master

[Serverless官网]: 组件页面支持v3
Serverless-Devs · Jun 7, 2024 · 35bdec0 · 35bdec0
2 parents b36bd60 + 96c2e44
commit 35bdec0
Showing 1 changed file with 28 additions and 40 deletions.
diff --git a/component.html b/component.html
@@ -493,11 +493,6 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
         downloadV3Plugin(name)
       }
 
-      // 列表存储数据
-      var dataList;
-      var v3Total = 0;
-      var v2Total = 0;
-
       function onClick(value, key, package_type) {
         var obj = {
           package_type : package_type,
@@ -539,23 +534,30 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
 
         document.getElementById(idName).innerHTML = attrString;
       }
-
-
-       // V3: 搜索/获取 Package 信息
-       function getPackagesV3(sort) {
-        var data = `type=Component&sort=${sort}`;
-        if ((getQueryVariable("category") || "-1") !== "-1") {
-          data = insertParam("category", getQueryVariable("category"), data);
-        }
-        if (document.getElementById("searchdata").value) {
-          data = insertParam("search",document.getElementById("searchdata").value,data);
-        }
-        if ((getQueryVariable("provider") || "-1") !== "-1") {
-          data = insertParam("provider", getQueryVariable("provider"), data);
-        }
-
-
-        getPackagesSearchForV3(data, function (result) {
+
+      function getPackages() {
+        var selectData = document.getElementById("sortselect");
+        var index = selectData.selectedIndex;
+        var sort = selectData.options[index].value;
+        console.log(document.getElementById("sortselect").selectedIndex);
+        // 列表存储数据
+        var dataList = [];
+        var v3Total = 0;
+        var v2Total = 0;
+        // 左侧内容主体区域
+        // V3: 搜索/获取 Package 信息
+        ;(function getPackagesV3() {
+            var data = `type=Component&sort=${sort}`;
+            if ((getQueryVariable("category") || "-1") !== "-1") {
+              data = insertParam("category", getQueryVariable("category"), data);
+            }
+            if (document.getElementById("searchdata").value) {
+              data = insertParam("search",document.getElementById("searchdata").value,data);
+            }
+            if ((getQueryVariable("provider") || "-1") !== "-1") {
+              data = insertParam("provider", getQueryVariable("provider"), data);
+            }
+          getPackagesSearchForV3(data, function (result) {
           var keys = Object.keys(result);
             var times = [0.3, 0.2, 0.1];
             for (var i = 0; i < keys.length; i++) {
@@ -576,11 +578,10 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
             v3Total = keys.length
             return ;
         })
-      }
-
-
-      function getPackagesV2(sort) {
+          }
+        )();
         // V2: 获取 Package 信息
+        ;(function getPackagesV2() {
         // ===> type=Component&sort=time
         // ===> type=Component&sort=download
         // ===> type=Component&sort=download&keyword=core
@@ -619,19 +620,7 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
             v2Total = keys.length
           }
         )
-      }
-      function getPackages() {
-        var selectData = document.getElementById("sortselect");
-        var index = selectData.selectedIndex;
-        var sort = selectData.options[index].value;
-        console.log(document.getElementById("sortselect").selectedIndex);
-
-        // 列表存储数据
-        dataList = [];
-
-        // 左侧内容主体区域
-        getPackagesV3(sort)
-        getPackagesV2(sort)
+        })();
 
         if(dataList && dataList.length > 0){
           if(sort === 'time'){
@@ -647,7 +636,6 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
         renderTpl('totalTpl', { total: v2Total + v3Total }, '#showinfo')
       }
 
-
        // 获取 分类 / 信息
        // 1. 调用V2接口  获取V2分类
        // 2. 调用V3接口  获取V3分类