feat(vue-generator): add public floder, support image generation (#660)

* feat(vue-generator): add public floder, support image generation

* feat(vue-generator):  code add public floder, support image generation

Author: zhengjg

packages/vue-generator/src/templates/vue-template/index.js

@@ -3,6 +3,7 @@ import genViteConfig from './templateFiles/genViteConfig'
 import getPackageJson from './templateFiles/packageJson'
 import gitIgnoreFile from './templateFiles/.gitignore?raw'
 import entryHTMLFile from './templateFiles/index.html?raw'
+import logoImage from './templateFiles/public/favicon.ico'
 import mainJSFile from './templateFiles/src/main.js?raw'
 import appVueFile from './templateFiles/src/App.vue?raw'
 import bridgeFile from './templateFiles/src/lowcodeConfig/bridge.js?raw'
@@ -32,6 +33,36 @@ const getTemplate = (schema, str) => {
   })
 }
 
+/**
+ * 图片的 base64 转 Blob 对象，用于生成本地图片
+ * @param {*} base64 String
+ * @returns Blob
+ */
+const base64ToBlob = (base64Data) => {
+  // Split base64
+  const arr = base64Data.split(',')
+  // Get MIME type
+  const mimeMatch = arr[0].match(/:(.*?);/)
+  if (!mimeMatch) {
+    throw new Error('Invalid base64 data')
+  }
+  const mime = mimeMatch[1]
+  // Decode base64 string
+  let raw
+  try {
+    raw = window.atob(arr[1])
+  } catch (e) {
+    throw new Error('Failed to decode base64 string')
+  }
+  const rawLength = raw.length
+  // Convert to Blob
+  const uInt8Array = new Uint8Array(rawLength)
+  for (let i = 0; i < rawLength; i++) {
+    uInt8Array[i] = raw.charCodeAt(i)
+  }
+  return new Blob([uInt8Array], { type: mime })
+}
+
 /**
  * get project template
  * @returns
@@ -67,6 +98,12 @@ export function generateTemplate(schema) {
       path: '.',
       fileContent: getTemplate(schema, entryHTMLFile)
     },
+    {
+      fileType: 'image/x-icon',
+      fileName: 'favicon.ico',
+      path: './public',
+      fileContent: base64ToBlob(logoImage)
+    },
     {
       fileType: 'js',
       fileName: 'main.js',