docs: ✏️ 处理小程序超包

docs/.vitepress/theme/components/VPIframe.vue

@@ -54,7 +54,7 @@ const href = computed(() => {
 
   if (!paths.length) return baseUrl.value
 
-  return baseUrl.value + `pages/${kebabToCamel(paths[paths.length - 1])}/Index`
+  return baseUrl.value + `subPages/${kebabToCamel(paths[paths.length - 1])}/Index`
 })
 
 const qrcode = computed(() => {

scripts/qrcode.ts

@@ -30,6 +30,13 @@ try {
 }
 
 const pages = pagesJson.pages.filter((page: { path: string }) => page.path.endsWith('Index'))
+if (pagesJson.subPackages) {
+  pagesJson.subPackages.forEach((subPackage: { root: string; pages: Record<string, any>[] }) => {
+    subPackage.pages.forEach((page: Record<string, any>) => {
+      pages.push({ path: `${subPackage.root}/${page.path}` })
+    })
+  })
+}
 
 function camelToKebabCase(str: string): string {
   return str

src/components/page-wraper/page-wraper.vue

@@ -93,7 +93,7 @@ const theme = computed(() => {
 function goToReward() {
   fabActive.value = false
   uni.navigateTo({
-    url: '/pages/wxRewardAd/Index'
+    url: '/subPages/wxRewardAd/Index'
   })
 }
 

src/pages.json

@@ -16,7 +16,27 @@
       }
     },
     {
-      "path": "pages/button/Index",
+      "path": "pages/about/Index",
+      "name": "about",
+      "style": {
+        "mp-alipay": {
+          "allowsBounceVertical": "NO"
+        },
+        // #ifdef MP
+        "navigationBarTitleText": "关于",
+        // #endif
+        // #ifndef MP
+        "navigationBarTitleText": "%about-title%"
+        // #endif
+      }
+    }
+  ],
+  "subPackages": [
+    {
+      "root": "subPages",
+      "pages": [
+        {
+          "path": "button/Index",
           "name": "button",
           "style": {
             "mp-alipay": {
@@ -31,7 +51,7 @@
           }
         },
         {
-      "path": "pages/icon/Index",
+          "path": "icon/Index",
           "name": "icon",
           "style": {
             "mp-alipay": {
@@ -46,7 +66,7 @@
           }
         },
         {
-      "path": "pages/badge/Index",
+          "path": "badge/Index",
           "name": "badge",
           "style": {
             "mp-alipay": {
@@ -61,7 +81,7 @@
           }
         },
         {
-      "path": "pages/cell/Index",
+          "path": "cell/Index",
           "name": "cell",
           "style": {
             "mp-alipay": {
@@ -76,7 +96,7 @@
           }
         },
         {
-      "path": "pages/rate/Index",
+          "path": "rate/Index",
           "name": "rate",
           "style": {
             "mp-alipay": {
@@ -91,7 +111,7 @@
           }
         },
         {
-      "path": "pages/slider/Index",
+          "path": "slider/Index",
           "name": "slider",
           "style": {
             "mp-alipay": {
@@ -106,7 +126,7 @@
           }
         },
         {
-      "path": "pages/layout/Index",
+          "path": "layout/Index",
           "name": "layout",
           "style": {
             "mp-alipay": {
@@ -121,7 +141,7 @@
           }
         },
         {
-      "path": "pages/card/Index",
+          "path": "card/Index",
           "name": "card",
           "style": {
             "mp-alipay": {
@@ -136,7 +156,7 @@
           }
         },
         {
-      "path": "pages/tag/Index",
+          "path": "tag/Index",
           "name": "tag",
           "style": {
             "mp-alipay": {
@@ -151,7 +171,7 @@
           }
         },
         {
-      "path": "pages/search/Index",
+          "path": "search/Index",
           "name": "search",
           "style": {
             "mp-alipay": {
@@ -166,7 +186,7 @@
           }
         },
         {
-      "path": "pages/transition/Index",
+          "path": "transition/Index",
           "name": "transition",
           "style": {
             "mp-alipay": {
@@ -181,7 +201,7 @@
           }
         },
         {
-      "path": "pages/popup/Index",
+          "path": "popup/Index",
           "name": "popup",
           "style": {
             "mp-alipay": {
@@ -196,7 +216,7 @@
           }
         },
         {
-      "path": "pages/divider/Index",
+          "path": "divider/Index",
           "name": "divider",
           "style": {
             "mp-alipay": {
@@ -211,7 +231,7 @@
           }
         },
         {
-      "path": "pages/switch/Index",
+          "path": "switch/Index",
           "name": "switch",
           "style": {
             "mp-alipay": {
@@ -226,7 +246,7 @@
           }
         },
         {
-      "path": "pages/input/Index",
+          "path": "input/Index",
           "name": "input",
           "style": {
             "mp-alipay": {
@@ -241,7 +261,7 @@
           }
         },
         {
-      "path": "pages/textarea/Index",
+          "path": "textarea/Index",
           "name": "textarea",
           "style": {
             "mp-alipay": {
@@ -256,7 +276,7 @@
           }
         },
         {
-      "path": "pages/messageBox/Index",
+          "path": "messageBox/Index",
           "name": "messageBox",
           "style": {
             "mp-alipay": {
@@ -271,7 +291,7 @@
           }
         },
         {
-      "path": "pages/toast/Index",
+          "path": "toast/Index",
           "name": "toast",
           "style": {
             "mp-alipay": {
@@ -286,7 +306,7 @@
           }
         },
         {
-      "path": "pages/notify/Index",
+          "path": "notify/Index",
           "name": "toast",
           "style": {
             "mp-alipay": {
@@ -301,7 +321,7 @@
           }
         },
         {
-      "path": "pages/loading/Index",
+          "path": "loading/Index",
           "name": "loading",
           "style": {
             "mp-alipay": {
@@ -316,7 +336,7 @@
           }
         },
         {
-      "path": "pages/progress/Index",
+          "path": "progress/Index",
           "name": "progress",
           "style": {
             "mp-alipay": {
@@ -331,7 +351,7 @@
           }
         },
         {
-      "path": "pages/statusTip/Index",
+          "path": "statusTip/Index",
           "name": "statusTip",
           "style": {
             "mp-alipay": {
@@ -346,7 +366,7 @@
           }
         },
         {
-      "path": "pages/inputNumber/Index",
+          "path": "inputNumber/Index",
           "name": "inputNumber",
           "style": {
             "mp-alipay": {
@@ -361,7 +381,7 @@
           }
         },
         {
-      "path": "pages/loadmore/Index",
+          "path": "loadmore/Index",
           "name": "loadmore",
           "style": {
             "mp-alipay": {
@@ -376,7 +396,7 @@
           }
         },
         {
-      "path": "pages/resize/Index",
+          "path": "resize/Index",
           "name": "resize",
           "style": {
             "mp-alipay": {
@@ -391,7 +411,7 @@
           }
         },
         {
-      "path": "pages/sticky/Index",
+          "path": "sticky/Index",
           "name": "sticky",
           "style": {
             "mp-alipay": {
@@ -406,7 +426,7 @@
           }
         },
         {
-      "path": "pages/img/Index",
+          "path": "img/Index",
           "name": "img",
           "style": {
             "mp-alipay": {
@@ -421,7 +441,7 @@
           }
         },
         {
-      "path": "pages/imgCropper/Index",
+          "path": "imgCropper/Index",
           "name": "imgCropper",
           "style": {
             "mp-alipay": {
@@ -436,7 +456,7 @@
           }
         },
         {
-      "path": "pages/pagination/Index",
+          "path": "pagination/Index",
           "name": "pagination",
           "style": {
             "mp-alipay": {
@@ -451,7 +471,7 @@
           }
         },
         {
-      "path": "pages/sortButton/Index",
+          "path": "sortButton/Index",
           "name": "sortButton",
           "style": {
             "mp-alipay": {
@@ -466,7 +486,7 @@
           }
         },
         {
-      "path": "pages/actionSheet/Index",
+          "path": "actionSheet/Index",
           "name": "actionSheet",
           "style": {
             "mp-alipay": {
@@ -481,7 +501,7 @@
           }
         },
         {
-      "path": "pages/curtain/Index",
+          "path": "curtain/Index",
           "name": "curtain",
           "style": {
             "mp-alipay": {
@@ -496,7 +516,7 @@
           }
         },
         {
-      "path": "pages/noticeBar/Index",
+          "path": "noticeBar/Index",
           "name": "noticeBar",
           "style": {
             "mp-alipay": {
@@ -511,7 +531,7 @@
           }
         },
         {
-      "path": "pages/popover/Index",
+          "path": "popover/Index",
           "name": "popover",
           "style": {
             "mp-alipay": {
@@ -526,7 +546,7 @@
           }
         },
         {
-      "path": "pages/tooltip/Index",
+          "path": "tooltip/Index",
           "name": "tooltip",
           "style": {
             "mp-alipay": {
@@ -541,7 +561,7 @@
           }
         },
         {
-      "path": "pages/pickerView/Index",
+          "path": "pickerView/Index",
           "name": "pickerView",
           "style": {
             "mp-alipay": {
@@ -556,7 +576,7 @@
           }
         },
         {
-      "path": "pages/picker/Index",
+          "path": "picker/Index",
           "name": "picker",
           "style": {
             "mp-alipay": {
@@ -571,7 +591,7 @@
           }
         },
         {
-      "path": "pages/tabs/Index",
+          "path": "tabs/Index",
           "name": "tabs",
           "style": {
             "mp-alipay": {
@@ -586,7 +606,7 @@
           }
         },
         {
-      "path": "pages/radio/Index",
+          "path": "radio/Index",
           "name": "radio",
           "style": {
             "mp-alipay": {
@@ -601,7 +621,7 @@
           }
         },
         {
-      "path": "pages/checkbox/Index",
+          "path": "checkbox/Index",
           "name": "checkbox",
           "style": {
             "mp-alipay": {
@@ -616,7 +636,7 @@
           }
         },
         {
-      "path": "pages/colPicker/Index",
+          "path": "colPicker/Index",
           "name": "colPicker",
           "style": {
             "mp-alipay": {
@@ -631,7 +651,7 @@
           }
         },
         {
-      "path": "pages/selectPicker/Index",
+          "path": "selectPicker/Index",
           "name": "selectPicker",
           "style": {
             "mp-alipay": {
@@ -646,7 +666,7 @@
           }
         },
         {
-      "path": "pages/dropMenu/Index",
+          "path": "dropMenu/Index",
           "name": "dropMenu",
           "style": {
             "mp-alipay": {
@@ -661,7 +681,7 @@
           }
         },
         {
-      "path": "pages/grid/Index",
+          "path": "grid/Index",
           "name": "grid",
           "style": {
             "mp-alipay": {
@@ -676,7 +696,7 @@
           }
         },
         {
-      "path": "pages/swipeAction/Index",
+          "path": "swipeAction/Index",
           "name": "swipeAction",
           "style": {
             "mp-alipay": {
@@ -691,7 +711,7 @@
           }
         },
         {
-      "path": "pages/skeleton/Index",
+          "path": "skeleton/Index",
           "name": "skeleton",
           "style": {
             "mp-alipay": {
@@ -706,7 +726,7 @@
           }
         },
         {
-      "path": "pages/steps/Index",
+          "path": "steps/Index",
           "name": "steps",
           "style": {
             "mp-alipay": {
@@ -721,7 +741,7 @@
           }
         },
         {
-      "path": "pages/upload/Index",
+          "path": "upload/Index",
           "name": "upload",
           "style": {
             "mp-alipay": {
@@ -736,7 +756,7 @@
           }
         },
         {
-      "path": "pages/calendarView/Index",
+          "path": "calendarView/Index",
           "name": "calendarView",
           "style": {
             "mp-alipay": {
@@ -751,7 +771,7 @@
           }
         },
         {
-      "path": "pages/calendar/Index",
+          "path": "calendar/Index",
           "name": "calendar",
           "style": {
             "mp-alipay": {
@@ -766,7 +786,7 @@
           }
         },
         {
-      "path": "pages/datetimePickerView/Index",
+          "path": "datetimePickerView/Index",
           "name": "datetimePickerView",
           "style": {
             "mp-alipay": {
@@ -781,7 +801,7 @@
           }
         },
         {
-      "path": "pages/datetimePicker/Index",
+          "path": "datetimePicker/Index",
           "name": "datetimePicker",
           "style": {
             "mp-alipay": {
@@ -796,7 +816,7 @@
           }
         },
         {
-      "path": "pages/form/Index",
+          "path": "form/Index",
           "name": "form",
           "style": {
             "mp-alipay": {
@@ -811,7 +831,7 @@
           }
         },
         {
-      "path": "pages/form/demo1",
+          "path": "form/demo1",
           "name": "formDemo1",
           "style": {
             "mp-alipay": {
@@ -826,7 +846,7 @@
           }
         },
         {
-      "path": "pages/form/demo2",
+          "path": "form/demo2",
           "name": "formDemo2",
           "style": {
             "mp-alipay": {
@@ -841,7 +861,7 @@
           }
         },
         {
-      "path": "pages/form/demo3",
+          "path": "form/demo3",
           "name": "formDemo3",
           "style": {
             "mp-alipay": {
@@ -856,7 +876,7 @@
           }
         },
         {
-      "path": "pages/collapse/Index",
+          "path": "collapse/Index",
           "name": "collapse",
           "style": {
             "mp-alipay": {
@@ -871,7 +891,7 @@
           }
         },
         {
-      "path": "pages/configProvider/Index",
+          "path": "configProvider/Index",
           "name": "configProvider",
           "style": {
             "mp-alipay": {
@@ -886,7 +906,7 @@
           }
         },
         {
-      "path": "pages/watermark/Index",
+          "path": "watermark/Index",
           "name": "watermark",
           "style": {
             "mp-alipay": {
@@ -901,7 +921,7 @@
           }
         },
         {
-      "path": "pages/circle/Index",
+          "path": "circle/Index",
           "name": "circle",
           "style": {
             "mp-alipay": {
@@ -916,7 +936,7 @@
           }
         },
         {
-      "path": "pages/swiper/Index",
+          "path": "swiper/Index",
           "name": "swiper",
           "style": {
             "mp-alipay": {
@@ -931,7 +951,7 @@
           }
         },
         {
-      "path": "pages/segmented/Index",
+          "path": "segmented/Index",
           "name": "segmented",
           "style": {
             "mp-alipay": {
@@ -946,7 +966,7 @@
           }
         },
         {
-      "path": "pages/tabbar/Index",
+          "path": "tabbar/Index",
           "name": "tabbar",
           "style": {
             "mp-alipay": {
@@ -961,7 +981,7 @@
           }
         },
         {
-      "path": "pages/overlay/Index",
+          "path": "overlay/Index",
           "name": "overlay",
           "style": {
             "mp-alipay": {
@@ -976,7 +996,7 @@
           }
         },
         {
-      "path": "pages/navbar/Index",
+          "path": "navbar/Index",
           "name": "navbar",
           "style": {
             "mp-alipay": {
@@ -992,7 +1012,7 @@
           }
         },
         {
-      "path": "pages/table/Index",
+          "path": "table/Index",
           "name": "table",
           "style": {
             "mp-alipay": {
@@ -1007,7 +1027,7 @@
           }
         },
         {
-      "path": "pages/sidebar/Index",
+          "path": "sidebar/Index",
           "name": "sidebar",
           "style": {
             "mp-alipay": {
@@ -1022,7 +1042,7 @@
           }
         },
         {
-      "path": "pages/sidebar/demo1",
+          "path": "sidebar/demo1",
           "name": "sidebar",
           "style": {
             "mp-alipay": {
@@ -1037,7 +1057,7 @@
           }
         },
         {
-      "path": "pages/sidebar/demo2",
+          "path": "sidebar/demo2",
           "name": "sidebar",
           "style": {
             "mp-alipay": {
@@ -1052,7 +1072,7 @@
           }
         },
         {
-      "path": "pages/sidebar/demo3",
+          "path": "sidebar/demo3",
           "name": "sidebar",
           "style": {
             "mp-alipay": {
@@ -1067,7 +1087,7 @@
           }
         },
         {
-      "path": "pages/form/demo4",
+          "path": "form/demo4",
           "name": "formDemo4",
           "style": {
             "mp-alipay": {
@@ -1082,7 +1102,7 @@
           }
         },
         {
-      "path": "pages/fab/Index",
+          "path": "fab/Index",
           "name": "fab",
           "style": {
             "mp-alipay": {
@@ -1097,7 +1117,7 @@
           }
         },
         {
-      "path": "pages/text/Index",
+          "path": "text/Index",
           "name": "text",
           "style": {
             "mp-alipay": {
@@ -1112,7 +1132,7 @@
           }
         },
         {
-      "path": "pages/countDown/Index",
+          "path": "countDown/Index",
           "name": "countDown",
           "style": {
             "mp-alipay": {
@@ -1127,7 +1147,7 @@
           }
         },
         {
-      "path": "pages/countTo/Index",
+          "path": "countTo/Index",
           "name": "countTo",
           "style": {
             "mp-alipay": {
@@ -1142,7 +1162,7 @@
           }
         },
         {
-      "path": "pages/keyboard/Index",
+          "path": "keyboard/Index",
           "name": "keyboard",
           "style": {
             "mp-alipay": {
@@ -1157,7 +1177,7 @@
           }
         },
         {
-      "path": "pages/numberKeyboard/Index",
+          "path": "numberKeyboard/Index",
           "name": "numberKeyboard",
           "style": {
             "mp-alipay": {
@@ -1172,7 +1192,7 @@
           }
         },
         {
-      "path": "pages/gap/Index",
+          "path": "gap/Index",
           "name": "gap",
           "style": {
             "mp-alipay": {
@@ -1187,7 +1207,7 @@
           }
         },
         {
-      "path": "pages/passwordInput/Index",
+          "path": "passwordInput/Index",
           "name": "passwordInput",
           "style": {
             "mp-alipay": {
@@ -1202,7 +1222,7 @@
           }
         },
         {
-      "path": "pages/signature/Index",
+          "path": "signature/Index",
           "name": "signature",
           "style": {
             "mp-alipay": {
@@ -1217,7 +1237,7 @@
           }
         },
         {
-      "path": "pages/signature/Landscape",
+          "path": "signature/Landscape",
           "name": "signatureLandscape",
           "style": {
             "mp-alipay": {
@@ -1233,7 +1253,7 @@
           }
         },
         {
-      "path": "pages/backtop/Index",
+          "path": "backtop/Index",
           "name": "backtop",
           "style": {
             "mp-alipay": {
@@ -1248,7 +1268,7 @@
           }
         },
         {
-      "path": "pages/indexBar/Index",
+          "path": "indexBar/Index",
           "name": "indexBar",
           "style": {
             "mp-alipay": {
@@ -1263,7 +1283,7 @@
           }
         },
         {
-      "path": "pages/floatingPanel/Index",
+          "path": "floatingPanel/Index",
           "name": "floatingPanel",
           "style": {
             "mp-alipay": {
@@ -1278,7 +1298,7 @@
           }
         },
         {
-      "path": "pages/wxRewardAd/Index",
+          "path": "wxRewardAd/Index",
           "name": "wxRewardAd",
           "style": {
             "mp-alipay": {
@@ -1291,21 +1311,8 @@
             "navigationBarTitleText": "%wxrewardad-title%"
             // #endif
           }
-    },
-    {
-      "path": "pages/about/Index",
-      "name": "about",
-      "style": {
-        "mp-alipay": {
-          "allowsBounceVertical": "NO"
-        },
-        // #ifdef MP
-        "navigationBarTitleText": "关于",
-        // #endif
-        // #ifndef MP
-        "navigationBarTitleText": "%about-title%"
-        // #endif
         }
+      ]
     }
   ],
   "tabBar": {

src/pages/about/Index.vue

@@ -137,23 +137,21 @@ const switchLanguage = (locale: string) => {
 // 打开公众号二维码
 const openWeChat = () => {
   uni.previewImage({
-    urls: ['/static/WeChatOfficialAccounts.jpg']
+    urls: ['https://wot-design-uni.cn/wechatPublicAccount.png']
   })
 }
 
 // 打开捐赠二维码
 const donate = () => {
-  uni.getImageInfo({ src: '/static/weixinQrcode.jpg' }).then((res) => {
   uni.previewImage({
-      urls: [res.path]
+    urls: ['https://wot-design-uni.cn/weixinQrcode.jpg']
-    })
   })
   // 打开捐赠页面
 }
 
 const watchAd = () => {
   uni.navigateTo({
-    url: '/pages/wxRewardAd/Index'
+    url: '/subPages/wxRewardAd/Index'
   })
 }
 </script>

src/pages/index/Index.vue

@@ -31,7 +31,7 @@
                   :key="j"
                   is-link
                   :label="page.name"
-                  @click="handleClick(`/pages/${page.id}/Index`)"
+                  @click="handleClick(`/subPages/${page.id}/Index`)"
                 ></wd-cell>
               </view>
             </view>