st-comp 0.0.4 → 0.0.6

package/vitePlugins/createExportFile.ts

@@ -0,0 +1,97 @@
+/**
+ * 创建统一的导出文件
+ */
+import fs from 'fs'
+
+const toFirstLowerCase = (word) => {
+  return `${word[0].toLowerCase()}${word.substr(1)}`
+}
+
+export default () => {
+  return {
+    name: 'createExport',
+    buildStart() {
+      fs.readdir('./packages', (err, files) => {
+        if (err) {
+          console.error(err)
+          return
+        }
+        const filterFiles = files.filter(fileName => !fileName.includes('.'))
+        // 生成每个组件的导出文件
+        filterFiles.forEach(fileName => {
+          const content = `import { App } from "vue";
+import St${fileName} from "./index.vue";
+
+export default {
+  install(app: App) {
+    app.component("st-${toFirstLowerCase(fileName)}", St${fileName});
+  },
+}
+`
+          fs.writeFile(`./packages/${fileName}/index.ts`, content, (err) => {
+            if (err) throw err
+          })
+        })
+        // 生成统一导出文件
+        const mainContent = `import { App } from "vue"
+${filterFiles.map(fileName => `import St${fileName} from "./${fileName}/index.ts"`).join(`
+`)}
+        
+export default {
+  install(app: App) {
+    ${filterFiles.map(fileName => `St${fileName}.install(app)`).join(`
+    `)}
+  },
+}
+        `
+        fs.writeFile(`./packages/index.ts`, mainContent, (err) => {
+          if (err) throw err
+        })
+        // 生成routes配置
+        const routesContent = `export default [
+  ${filterFiles.map(fileName => `{
+    path: '/${toFirstLowerCase(fileName)}',
+    name: '${fileName}',
+    component: () => import('@/pages/${fileName}/index.vue'),
+  },`).join(`
+  `)}
+]
+`
+        fs.writeFile(`./src/router/routes.ts`, routesContent, (err) => {
+          if (err) throw err
+        })
+        // 如果没有pages文件，则生成pages文件
+        fs.readdir('./src/pages', (pagesErr, pagesFiles) => {
+          if (pagesErr) {
+            console.error(pagesErr)
+            return
+          }
+          const filterPagesFiles = pagesFiles.filter(fileName => !fileName.includes('.'))
+          filterFiles.forEach(fileName => {
+            if (!filterPagesFiles.includes(fileName)) {
+              const pagesContent = `<template>
+  <div>
+    ${fileName}
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss" scoped>
+
+</style>
+`
+              fs.mkdir(`./src/pages/${fileName}`, err => {
+                if(err) throw err;
+                fs.writeFile(`./src/pages/${fileName}/index.vue`, pagesContent, (err) => {
+                  if (err) throw err
+                })
+              })
+            }
+          })
+        })
+      })
+    }
+  }
+}

package/src/components/HelloWorld.vue

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>