fix(icons): add single icon's js file, rename icon from SubScript to Subscript (#3868)

* fix(icons): add single icon's js file,  rename icon from SubScript to Subscript

* fix(icon): add build icon's files

Author: shenjunjian

examples/sites/demos/pc/app/icon/advance-icons.js

@@ -234,7 +234,7 @@ export const advanceIcons = [
   'IconStarDisable',
   'IconStartCircle',
   'IconStatistics',
-  'IconSubScript',
+  'IconSubscript',
   'IconSubstituteMaterial',
   'IconSuccessful',
   'IconSummit',

internals/automate/src/build-svg-to-js/config-saas.ts

@@ -4,5 +4,5 @@ export const iconsPath = '../../packages/vue-icon-saas'
 
 export const rewriteConfig = {
   'total-nolume': 'total-volume',
-  'subscript': 'sub-script'
+  'sub-script': 'subscript'
 }

internals/automate/src/build-svg-to-js/config.ts

@@ -3,5 +3,5 @@ export const svgsPath = '../../packages/theme/src/svgs'
 export const iconsPath = '../../packages/vue-icon'
 
 export const rewriteConfig = {
-  'subscript': 'sub-script'
+  'sub-script': 'subscript'
 }

internals/automate/src/build-svg-to-js/index.ts

@@ -81,18 +81,28 @@ svgsFiles.forEach((filename) => {
 // 2、生成组件的js
 const fillList: { capName: string; svgName: string }[] = []
 const uncheckedList: { capName: string; svgName: string }[] = []
+
+// 2.1 写入重命名图标的js
 const rewriteList = Object.keys(rewriteConfig).map((wrongName) => {
   return {
     capName: camelize('-' + wrongName),
     svgName: wrongName,
-    rewriteName: camelize('-' + rewriteConfig[wrongName])
+    rewriteName: rewriteConfig[wrongName],
+    rewriteCapName: camelize('-' + rewriteConfig[wrongName])
   }
 })
 
+rewriteList.forEach((item) => {
+  const tmplStr = `import Icon${item.capName} from "./${item.rewriteName}";
+export default Icon${item.capName};
+  `
+  fs.writeFileSync(`${iconsPath}/src/${item.svgName}.ts`, tmplStr, 'utf-8')
+})
+
 Object.values(svgsMap).forEach((item) => {
   const capName = camelize('-' + item.svgName)
 
-  // 支持线&面的图标
+  // 2.2 支持线&面的图标js
   if (item.hasFill) {
     fillList.push({ capName, svgName: item.svgName })
     const tmplStr = `import { svg } from '@opentiny/vue-common'
@@ -105,7 +115,7 @@ export default () => svg({ name: 'Icon${capName}', component: ${capName}, filled
     fs.writeFileSync(`${iconsPath}/src/${item.svgName}.ts`, tmplStr, 'utf-8')
     return
   }
-  // 未梳理到的图标
+  // 2.3 未梳理到的图标js
   uncheckedList.push({ capName, svgName: item.svgName })
   const tmplStr = `import { svg } from '@opentiny/vue-common'
 import ${capName} from '${themePackage}/svgs/${item.svgName}.svg'
@@ -130,7 +140,7 @@ const tmplUnchecked = uncheckedList
 const tmplRewrite = rewriteList
   .map(
     (exp) =>
-      `export const Icon${exp.capName} = () => ({...Icon${exp.rewriteName}(), name:'Icon${exp.capName}', deprecatedBy: 'Icon${exp.rewriteName}' })
+      `export const Icon${exp.capName} = () => ({...Icon${exp.rewriteCapName}(), name:'Icon${exp.capName}', deprecatedBy: 'Icon${exp.rewriteCapName}' })
 export const icon${exp.capName} = Icon${exp.capName}`
   )
   .join('\n')

…heme-saas/src/svgs/sub-script-filled.svg …theme-saas/src/svgs/subscript-filled.svgpackages/theme-saas/src/svgs/sub-script-filled.svg renamed to packages/theme-saas/src/svgs/subscript-filled.svg packages/theme-saas/src/svgs/sub-script-filled.svg renamed to packages/theme-saas/src/svgs/subscript-filled.svg

@@ -233,7 +233,7 @@ import IconSplit from './src/split'
 import IconStarDisable from './src/star-disable'
 import IconStartCircle from './src/start-circle'
 import IconStatistics from './src/statistics'
-import IconSubScript from './src/sub-script'
+import IconSubscript from './src/subscript'
 import IconSubstituteMaterial from './src/substitute-material'
 import IconSuccessful from './src/successful'
 import IconSummit from './src/summit'
@@ -815,7 +815,7 @@ export { IconSplit, IconSplit as iconSplit }
 export { IconStarDisable, IconStarDisable as iconStarDisable }
 export { IconStartCircle, IconStartCircle as iconStartCircle }
 export { IconStatistics, IconStatistics as iconStatistics }
-export { IconSubScript, IconSubScript as iconSubScript }
+export { IconSubscript, IconSubscript as iconSubscript }
 export { IconSubstituteMaterial, IconSubstituteMaterial as iconSubstituteMaterial }
 export { IconSuccessful, IconSuccessful as iconSuccessful }
 export { IconSummit, IconSummit as iconSummit }
@@ -1170,8 +1170,8 @@ export const IconTotalNolume = () => ({
   deprecatedBy: 'IconTotalVolume'
 })
 export const iconTotalNolume = IconTotalNolume
-export const IconSubscript = () => ({ ...IconSubScript(), name: 'IconSubscript', deprecatedBy: 'IconSubScript' })
-export const iconSubscript = IconSubscript
+export const IconSubScript = () => ({ ...IconSubscript(), name: 'IconSubScript', deprecatedBy: 'IconSubscript' })
+export const iconSubScript = IconSubScript
 
 export default {
   IconAcceptance,
@@ -1409,7 +1409,7 @@ export default {
   IconStarDisable,
   IconStartCircle,
   IconStatistics,
-  IconSubScript,
+  IconSubscript,
   IconSubstituteMaterial,
   IconSuccessful,
   IconSummit,
@@ -1755,5 +1755,5 @@ export default {
   IconWord,
   IconZip,
   IconTotalNolume,
-  IconSubscript
+  IconSubScript
 }

…kages/theme-saas/src/svgs/sub-script.svg …ckages/theme-saas/src/svgs/subscript.svgpackages/theme-saas/src/svgs/sub-script.svg renamed to packages/theme-saas/src/svgs/subscript.svg packages/theme-saas/src/svgs/sub-script.svg renamed to packages/theme-saas/src/svgs/subscript.svg

@@ -1,5 +1,3 @@
-import { svg } from '@opentiny/vue-common'
-import SubScript from '@opentiny/vue-theme-saas/svgs/sub-script.svg'
-import SubScriptFilled from '@opentiny/vue-theme-saas/svgs/sub-script-filled.svg'
+import IconSubScript from './subscript'
 
-export default () => svg({ name: 'IconSubScript', component: SubScript, filledComponent: SubScriptFilled })()
+export default IconSubScript

packages/theme/src/svgs/sub-script.svg packages/theme/src/svgs/subscript.svgpackages/theme/src/svgs/sub-script.svg renamed to packages/theme/src/svgs/subscript.svg

@@ -0,0 +1,5 @@
+import { svg } from '@opentiny/vue-common'
+import Subscript from '@opentiny/vue-theme-saas/svgs/subscript.svg'
+import SubscriptFilled from '@opentiny/vue-theme-saas/svgs/subscript-filled.svg'
+
+export default () => svg({ name: 'IconSubscript', component: Subscript, filledComponent: SubscriptFilled })()