feat(qrcode): add config for qrcode component (#3780)

* feat(qrcode): add config for qrcode component

* feat(qrcode): 主要功能实现(#3779)

* feat(qrcode): 修改部分样式(#3779)

* feat(qrcode): 多余defaultprop文件去除、渲染插槽增加(#3779)

* feat(qrcode): 清除部分无用代码、修复iconSize属性问题

* feat(qrcode): 增加示例文件 (#3779)

* fix(qrcode):  修改组件样式(#3779)

* feat(qrcode): 增加使用示例页面(#3779)

* feat(qrcode): 增加展示文件

* feat(qrcode): 增加测试文件(#3779)

* feat(qrcode): 继续完善测试和演示文件(#3779)

* fix(qrcode): 修正文件引入

* fix(qrcode): 修正文案

* fix(qrcode): 修改展示文件样式、路径(#3779)

* feat(qrcode): 修改skyline展示文件(#3779)

* fix: 更新qrcode工具引用方式

* fix(qrcode): 修改演示文件名(#3779)

* fix(qrcode): 修改文件的导入(#3779)

* feat(qrcode): 优化展示与部分实现、增加下载方法(#3779)

* fix(qrcode): 重新运行 test (#3779)

* fix(qrcode): 修改展示文案 (#3779)

* fix(qrcode): 修正字体样式 (#3779)

* feat(qrcode): 样式文件对齐 (#3779)

* fix(qrcode): 修改组件结构 (#3779)

* fix(qrcode): 修改测试文件 (#3779)

* feat(qrcode): 修改多个示例文件，调整组件结构 (#3779)

* fix:  调整展示文件 (#3779)

* chore: 清除无用代码 (#3779)

* fix(qrcode): 修改展示文件和README (#3779)

* fix(qrrcode): 更改单词拼写错误

* fix: 调整展示文件(#3779)

* fix: 增加展示文件的组件引入

* fix: 调整展示文件样式

* docs: update css vars

---------

Co-authored-by: jarmywang <[email protected]>
Co-authored-by: anlyyao <[email protected]>

Author: 3 people

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',