feat(qrcode): add config for qrcode component

example/app.json

@@ -11,6 +11,7 @@
     "pages/loading/skyline/loading",
     "pages/progress/progress",
     "pages/progress/skyline/progress",
+    "pages/qrcode/qrcode",
     "pages/cascader/cascader",
     "pages/cell/cell",
     "pages/cell/skyline/cell",

example/pages/home/data/display.ts

@@ -54,6 +54,11 @@ const display = {
       name: 'Progress',
       label: '进度条',
     },
+    {
+      name: 'QRCode',
+      label: '二维码',
+      path: '/pages/qrcode/qrcode',
+    },
     {
       name: 'Result',
       label: '结果',

example/project.config.json

@@ -26,7 +26,7 @@
     "bigPackageSizeSupport": true
   },
   "compileType": "miniprogram",
-  "libVersion": "3.6.3",
+  "libVersion": "3.8.11",
   "appid": "wx6f3e38f61d138c04",
   "projectname": "TDesign",
   "debugOptions": {
@@ -256,6 +256,12 @@
           "query": "",
           "scene": null
         },
+        {
+          "name": "qrcode",
+          "pathName": "pages/qrcode/qrcode",
+          "query": "",
+          "scene": null
+        },
         {
           "name": "overlay",
           "pathName": "pages/overlay/overlay",

script/generate-css-vars.js

@@ -21,14 +21,15 @@ const combine = {
   grid: ['grid', 'grid-item'],
   layout: ['row', 'col'],
   form: ['form', 'form-item'],
+  qrcode: ['qrcode', 'qrcode/components/qrcode-canvas', 'qrcode/components/qrcode-status'],
 };
 
 const resolveCwd = (...args) => {
   args.unshift(process.cwd());
   return path.join(...args);
 };
 
-const findFilePath = (componentName) => resolveCwd(`src/${componentName}/${componentName}.less`);
+const findFilePath = (componentPath, componentName) => resolveCwd(`src/${componentPath}/${componentName}.less`);
 
 const getAllComponentName = async (dirPath) => {
   const items = await fs.promises.readdir(dirPath, { withFileTypes: true });
@@ -42,10 +43,10 @@ const generateCssVariables = async (componentName) => {
 
   if (combine[componentName]) {
     combine[componentName].forEach((item) => {
-      lessPath.push(findFilePath(item));
+      lessPath.push(findFilePath(item, item.includes('/') ? item.split('/').pop() : item));
     });
   } else {
-    lessPath.push(findFilePath(componentName));
+    lessPath.push(findFilePath(componentName, componentName));
   }
 
   const validPaths = lessPath.filter((item) => fs.existsSync(item));

site/site.config.mjs

@@ -429,6 +429,14 @@ export const docs = [
         path: '/miniprogram/components/progress',
         component: () => import('@/progress/README.md'),
       },
+      {
+        title: 'QRCode 二维码',
+        titleEn: 'QRCode',
+        name: 'qrcode',
+        meta: { docType: 'data' },
+        path: '/miniprogram/components/qrcode',
+        component: () => import('@/qrcode/README.md'),
+      },
       {
         title: 'Result 结果',
         titleEn: 'Result',