docs: update css vars

Author: anlyyao

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));

src/navbar/README.en-US.md

@@ -53,7 +53,7 @@ Name | Default Value | Description
 --td-navbar-capsule-height | 32px | - 
 --td-navbar-capsule-width | 88px | - 
 --td-navbar-center-left | @navbar-right | - 
---td-navbar-center-width | --td-navbar-center-width | - 
+--td-navbar-center-width | 187px | - 
 --td-navbar-color | @text-color-primary | - 
 --td-navbar-height | 48px | - 
 --td-navbar-left-arrow-size | 24px | - 

src/navbar/README.md

@@ -102,7 +102,7 @@ t-class-title | 标题样式类
 --td-navbar-capsule-height | 32px | - 
 --td-navbar-capsule-width | 88px | - 
 --td-navbar-center-left | @navbar-right | - 
---td-navbar-center-width | --td-navbar-center-width | - 
+--td-navbar-center-width | 187px | - 
 --td-navbar-color | @text-color-primary | - 
 --td-navbar-height | 48px | - 
 --td-navbar-left-arrow-size | 24px | - 

src/qrcode/README.en-US.md

@@ -24,3 +24,12 @@ value | String | - | scanned text | N
 name | params | description
 -- | -- | --
 refresh | \- | Click the "Click to refresh" callback
+
+### CSS Variables
+
+The component provides the following CSS variables, which can be used to customize styles.
+Name | Default Value | Description 
+-- | -- | --
+--td-font-size-title-small | --td-font-size-title-small | - 
+--td-brand-color-hover | --td-brand-color-hover | - 
+--td-success-color | --td-success-color | - 

src/qrcode/README.md

@@ -101,11 +101,9 @@ t-class | 根节点样式类
 
 ### CSS Variables
 
-
 组件提供了下列 CSS 变量，可用于自定义样式。
-
-名称 | 默认值 | 描述
+名称 | 默认值 | 描述 
 -- | -- | --
---td-qrcode-border-color | #dcdcdc | -
---td-qrcode-border-width | 1px | -
---td-qrcode-border-radius | 6px | -
+--td-font-size-title-small | --td-font-size-title-small | - 
+--td-brand-color-hover | --td-brand-color-hover | - 
+--td-success-color | --td-success-color | -