fix(icon): added the content of the show-title example and improved several comments

Author: shenjunjian

examples/sites/demos/pc/app/icon/show-title-composition-api.vue

@@ -1,6 +1,10 @@
 <template>
-  <div title="复制" class="icon-demo">
-    <tiny-icon-copy></tiny-icon-copy>
+  <div class="icon-demo">
+    <div title="可见复制">
+      <tiny-icon-copy></tiny-icon-copy>
+    </div>
+
+    <tiny-icon-copy title="不可见复制"></tiny-icon-copy>
   </div>
 </template>
 
@@ -11,8 +15,11 @@ const TinyIconCopy = iconCopy()
 </script>
 
 <style scoped>
+.icon-demo {
+  display: flex;
+}
 .icon-demo .tiny-svg {
-  margin: 20px 83px;
+  margin: 20px 40px;
   font-size: 24px;
 }
 </style>

examples/sites/demos/pc/app/icon/show-title.spec.ts

@@ -4,5 +4,5 @@ test('显示title', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('icon#show-title')
 
-  await expect(page.getByTitle('复制')).toHaveCount(1)
+  await expect(page.getByTitle('可见复制')).toHaveCount(1)
 })

examples/sites/demos/pc/app/icon/show-title.vue

@@ -1,6 +1,10 @@
 <template>
-  <div title="复制" class="icon-demo">
-    <icon-copy></icon-copy>
+  <div class="icon-demo">
+    <div title="可见复制">
+      <tiny-icon-copy></tiny-icon-copy>
+    </div>
+
+    <tiny-icon-copy title="不可见复制"></tiny-icon-copy>
   </div>
 </template>
 
@@ -9,14 +13,17 @@ import { IconCopy } from '@opentiny/vue-icon'
 
 export default {
   components: {
-    IconCopy: IconCopy()
+    TinyIconCopy: IconCopy()
   }
 }
 </script>
 
 <style scoped>
+.icon-demo {
+  display: flex;
+}
 .icon-demo .tiny-svg {
-  margin: 20px 83px;
+  margin: 20px 40px;
   font-size: 24px;
 }
 </style>

examples/sites/demos/pc/app/icon/webdoc/icon.js

@@ -42,7 +42,7 @@ export default {
       },
       desc: {
         'zh-CN':
-          '图标组件自身上指定 <code>title</code> 属性无效，需要通过给其父元素的 <code>title</code> 属性实现提示功能。',
+          '图标组件自身上指定 <code>title</code> 属性无效，需要通过其父元素的 <code>title</code> 属性实现提示功能。',
         'en-US':
           'The <code>title</code> attribute specified on the icon component is invalid. You need to give the <code>title</code> attribute of its parent element to realize the prompt function.'
       },

packages/theme/build/release.js

@@ -21,7 +21,7 @@ let cssStr = fs.readFileSync(path.resolve(root, 'dist/old-theme-index.css'), 'ut
 
 jsStr = jsStr.replace('#CSS#', cssStr)
 fs.writeFileSync(path.resolve(root, 'src/old-theme-index.js'), jsStr) // 供开发时(pnpm site)， 可以访问到最新的定制主题变量
-fs.writeFileSync(path.resolve(root, 'dist/old-theme-index.js'), jsStr)
+fs.writeFileSync(path.resolve(root, 'dist/old-theme-index.js'), jsStr) // 打包发布用
 
 // 3、复制 package.json
 const content = fs.readFileSync(path.resolve(root, 'package.json'), 'utf8')

packages/theme/src/button/vars.less

@@ -26,7 +26,7 @@
   // 圆形时按钮圆角
   --tv-Button-border-radius-circle: var(--tv-border-radius-round); // 50%  会造成椭圆，此次common变量用 999px代替
 
-  //------------------------------------------------------ 场景2、尺寸  height, font-size,padding-x,min-width----
+  //--------------------------------------------------- 场景2、尺寸  height, font-size,padding-x,min-width,仅图标时的 icon-size
   // 默认时按钮字号
   --tv-Button-font-size: var(--tv-font-size-md);
   // 默认时按钮高度
@@ -78,7 +78,7 @@
   // 超小按钮内图标的大小
   --tv-Button-size-icon-font-size-mini: 12px;
 
-  //------------------------------------------------------ 场景3、颜色  text-color bg-color border-color icon-color----
+  //------------------------------------------------------ 场景3、颜色  text-color bg-color border-color icon-color
   //------ 状态： 默认+primary+4主题  ghost  plain (hover active)  disabled
   // 1、ghost中只影响 bg       2、active 只影响（主题+plain)   3、 disabled 优先级高过 （主题+plain+激活)