@das-fed/cli 7.1.0-dev.18 → 7.1.0-dev.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/cli",
-  "version": "7.1.0-dev.18",
+  "version": "7.1.0-dev.19",
   "description": "",
   "type": "module",
   "main": "src/index.js",

package/src/commands/build/nginx.main.conf

@@ -1,55 +1,55 @@
-worker_processes 4;
-worker_rlimit_nofile 6000;
-events {
-    worker_connections  1000;
-}
-http {
-    include       mime.types;
-    default_type  application/octet-stream;
-
-    # 使用gzip压缩
-    gzip  on;
-    gzip_proxied any;
-    gzip_http_version 1.0;
-    gzip_min_length 1100;
-    gzip_buffers    4 16k;
-    gzip_comp_level 1;
-    gzip_vary on;
-    gzip_types  text/plain application/x-javascript text/css application/xml text/javascript application/json application/javascript image/x-icon;
-    gzip_disable "MSIE [1-6]\.";
-
-    # proxy配置
-    proxy_http_version 1.1;
-    proxy_connect_timeout 86400s;
-    proxy_read_timeout 86400s;
-    proxy_send_timeout 86400s;
-    proxy_set_header Upgrade $http_upgrade;
-    proxy_set_header Connection "upgrade";
-    proxy_set_header Host $host;
-    proxy_set_header X-Real-IP $remote_addr;
-    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-    proxy_set_header X-Forwarded-Proto $scheme;
-    proxy_set_header X-Frame-Options SAMEORIGIN;
-
-
-
-    sendfile        on;
-    keepalive_timeout  65;
-    client_max_body_size   500m;
-    server_tokens off;
-    server {
-        listen       80;
-        etag         on;
-        location / {
-            root   /usr/share/nginx/html;
-            index  index.html index.htm;
-            try_files $uri $uri/ /index.html;
-            expires 0;
-        }
-
-        error_page   500 502 503 504  /50x.html;
-        location = /50x.html {
-            root   html;
-        }
-    }
+worker_processes 4;
+worker_rlimit_nofile 6000;
+events {
+    worker_connections  1000;
+}
+http {
+    include       mime.types;
+    default_type  application/octet-stream;
+
+    # 使用gzip压缩
+    gzip  on;
+    gzip_proxied any;
+    gzip_http_version 1.0;
+    gzip_min_length 1100;
+    gzip_buffers    4 16k;
+    gzip_comp_level 1;
+    gzip_vary on;
+    gzip_types  text/plain application/x-javascript text/css application/xml text/javascript application/json application/javascript image/x-icon;
+    gzip_disable "MSIE [1-6]\.";
+
+    # proxy配置
+    proxy_http_version 1.1;
+    proxy_connect_timeout 86400s;
+    proxy_read_timeout 86400s;
+    proxy_send_timeout 86400s;
+    proxy_set_header Upgrade $http_upgrade;
+    proxy_set_header Connection "upgrade";
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+    proxy_set_header X-Frame-Options SAMEORIGIN;
+
+
+
+    sendfile        on;
+    keepalive_timeout  65;
+    client_max_body_size   500m;
+    server_tokens off;
+    server {
+        listen       80;
+        etag         on;
+        location / {
+            root   /usr/share/nginx/html;
+            index  index.html index.htm;
+            try_files $uri $uri/ /index.html;
+            expires 0;
+        }
+
+        error_page   500 502 503 504  /50x.html;
+        location = /50x.html {
+            root   html;
+        }
+    }
 }

package/src/commands/build/nginx.micro.conf

@@ -1,57 +1,57 @@
-worker_processes 2;
-worker_rlimit_nofile 2000;
-events {
-    worker_connections  1000;
-}
-http {
-    include       mime.types;
-    default_type  application/octet-stream;
-    # 使用gzip压缩
-    gzip  on;
-    gzip_proxied any;
-    gzip_http_version 1.0;
-    gzip_min_length 1100;
-    gzip_buffers    4 16k;
-    gzip_comp_level 1;
-    gzip_vary on;
-    gzip_types  text/plain application/x-javascript text/css application/xml text/javascript application/json application/javascript image/x-icon;
-    gzip_disable "MSIE [1-6]\.";
-
-    # proxy配置
-    proxy_http_version 1.1;
-    proxy_connect_timeout 86400s;
-    proxy_read_timeout 86400s;
-    proxy_send_timeout 86400s;
-    proxy_set_header Upgrade $http_upgrade;
-    proxy_set_header Connection "upgrade";
-    proxy_set_header Host $host;
-    proxy_set_header X-Real-IP $remote_addr;
-    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-    proxy_set_header X-Forwarded-Proto $scheme;
-    proxy_set_header X-Frame-Options SAMEORIGIN;
-
-
-    sendfile        on;
-    keepalive_timeout  65;
-    client_max_body_size   500m;
-    server_tokens off;
-    server {
-        listen       80;
-        etag         on;
-
-        location ~ ^/(api|oss)/ {
-            proxy_pass http://gateway:9080;
-        }
-
-        location {url} {
-            alias  /usr/share/nginx/html;
-            try_files $uri $uri/ /index.html;
-            expires 0;
-        }
-
-        error_page   500 502 503 504  /50x.html;
-        location = /50x.html {
-            root   html;
-        }
-    }
+worker_processes 2;
+worker_rlimit_nofile 2000;
+events {
+    worker_connections  1000;
+}
+http {
+    include       mime.types;
+    default_type  application/octet-stream;
+    # 使用gzip压缩
+    gzip  on;
+    gzip_proxied any;
+    gzip_http_version 1.0;
+    gzip_min_length 1100;
+    gzip_buffers    4 16k;
+    gzip_comp_level 1;
+    gzip_vary on;
+    gzip_types  text/plain application/x-javascript text/css application/xml text/javascript application/json application/javascript image/x-icon;
+    gzip_disable "MSIE [1-6]\.";
+
+    # proxy配置
+    proxy_http_version 1.1;
+    proxy_connect_timeout 86400s;
+    proxy_read_timeout 86400s;
+    proxy_send_timeout 86400s;
+    proxy_set_header Upgrade $http_upgrade;
+    proxy_set_header Connection "upgrade";
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+    proxy_set_header X-Frame-Options SAMEORIGIN;
+
+
+    sendfile        on;
+    keepalive_timeout  65;
+    client_max_body_size   500m;
+    server_tokens off;
+    server {
+        listen       80;
+        etag         on;
+
+        location ~ ^/(api|oss)/ {
+            proxy_pass http://gateway:9080;
+        }
+
+        location {url} {
+            alias  /usr/share/nginx/html;
+            try_files $uri $uri/ /index.html;
+            expires 0;
+        }
+
+        error_page   500 502 503 504  /50x.html;
+        location = /50x.html {
+            root   html;
+        }
+    }
 }

package/src/commands/init/template/.pnpmfile.cjs

@@ -1,29 +1,29 @@
-const parseArgs = (args) => {
-  return args.reduce((acc, arg) => {
-    const [key, value] = arg.split('=')
-    acc[key.replace(/^--/, '')] = value
-    return acc
-  }, {})
-}
-const argv = parseArgs(process.argv.slice(2))
-const frameworkVersion = argv['config.frameworkVersion']
-
-function readPackage(pkg, context) {
-  const lockPackages = {
-    '@das-fed/cli': frameworkVersion,
-    '@das-fed/ui': frameworkVersion,
-    '@das-fed/utils': frameworkVersion,
-    '@das-fed/web': frameworkVersion,
-    '@das-fed/web-components': frameworkVersion,
-    'mpegts.js': '1.7.3',
-  }
-  Object.keys(pkg.dependencies)
-    .filter((key) => pkg.dependencies[key] && lockPackages[key])
-    .forEach((key) => (pkg.dependencies[key] = lockPackages[key]))
-  Object.keys(pkg.devDependencies)
-    .filter((key) => pkg.dependencies[key] && lockPackages[key])
-    .forEach((key) => (pkg.dependencies[key] = lockPackages[key]))
-  return pkg
-}
-
-module.exports = { hooks: { readPackage } }
+const parseArgs = (args) => {
+  return args.reduce((acc, arg) => {
+    const [key, value] = arg.split('=')
+    acc[key.replace(/^--/, '')] = value
+    return acc
+  }, {})
+}
+const argv = parseArgs(process.argv.slice(2))
+const frameworkVersion = argv['config.frameworkVersion']
+
+function readPackage(pkg, context) {
+  const lockPackages = {
+    '@das-fed/cli': frameworkVersion,
+    '@das-fed/ui': frameworkVersion,
+    '@das-fed/utils': frameworkVersion,
+    '@das-fed/web': frameworkVersion,
+    '@das-fed/web-components': frameworkVersion,
+    'mpegts.js': '1.7.3',
+  }
+  Object.keys(pkg.dependencies)
+    .filter((key) => pkg.dependencies[key] && lockPackages[key])
+    .forEach((key) => (pkg.dependencies[key] = lockPackages[key]))
+  Object.keys(pkg.devDependencies)
+    .filter((key) => pkg.dependencies[key] && lockPackages[key])
+    .forEach((key) => (pkg.dependencies[key] = lockPackages[key]))
+  return pkg
+}
+
+module.exports = { hooks: { readPackage } }

package/src/commands/init/template/.prettierignore

@@ -1,21 +1,21 @@
-## OS
-.DS_Store
-.idea
-.editorconfig
-pnpm-lock.yaml
-.npmrc
-
-# Ignored suffix
-*.log
-*.md
-*.svg
-*.png
-*.ico
-*ignore
-
-## Local
-.husky
-
-## Built-files
-.cache
-dist
+## OS
+.DS_Store
+.idea
+.editorconfig
+pnpm-lock.yaml
+.npmrc
+
+# Ignored suffix
+*.log
+*.md
+*.svg
+*.png
+*.ico
+*ignore
+
+## Local
+.husky
+
+## Built-files
+.cache
+dist

package/src/commands/init/template/.prettierrc

@@ -1,8 +1,8 @@
-{
-  "singleQuote": true,
-  "tabWidth": 2,
-  "printWidth": 120,
-  "semi": false,
-  "trailingComma": "all",
-  "bracketSpacing": true
-}
+{
+  "singleQuote": true,
+  "tabWidth": 2,
+  "printWidth": 120,
+  "semi": false,
+  "trailingComma": "all",
+  "bracketSpacing": true
+}

package/src/commands/init/template/package.json

@@ -1,7 +1,7 @@
-{
-  "private": "true",
-  "type": "module",
-  "scripts": {
-    "build": "node scripts/build"
-  }
-}
+{
+  "private": "true",
+  "type": "module",
+  "scripts": {
+    "build": "node scripts/build"
+  }
+}

package/src/commands/init/template/packages/microapp/index.html

@@ -1,13 +1,13 @@
-<!doctype html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title></title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title></title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/src/commands/init/template/packages/microapp/package.json

@@ -1,25 +1,25 @@
-{
-  "name": "@das-fed-apps/%packageName%",
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "das-cli dev",
-    "build": "das-cli build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@das-fed/ui": "6.4.0-dev.83",
-    "@das-fed/utils": "6.4.0-dev.83",
-    "@das-fed/web": "6.4.0-dev.83",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0",
-    "dayjs": "^1.11.10"
-  },
-  "devDependencies": {
-    "@das-fed/cli": "6.4.0-dev.83",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.7.2",
-    "vite": "^5.2.7",
-    "vue-tsc": "^1.6.5"
-  }
-}
+{
+  "name": "@das-fed-apps/%packageName%",
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "das-cli dev",
+    "build": "das-cli build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@das-fed/ui": "6.4.0-dev.83",
+    "@das-fed/utils": "6.4.0-dev.83",
+    "@das-fed/web": "6.4.0-dev.83",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
+    "dayjs": "^1.11.10"
+  },
+  "devDependencies": {
+    "@das-fed/cli": "6.4.0-dev.83",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "typescript": "^5.7.2",
+    "vite": "^5.2.7",
+    "vue-tsc": "^1.6.5"
+  }
+}

package/src/commands/init/template/packages/microapp/public/config.js

@@ -1,3 +1,3 @@
-window.config = {
-  microAppName: '%microAppName%',
-}
+window.config = {
+  microAppName: '%microAppName%',
+}

package/src/commands/init/template/packages/microapp/src/das-web-app.ts

@@ -1,11 +1,11 @@
-import '@das-fed/web/packages/style'
-
-export default () => {
-  return {
-    microAppName: '%microAppName%',
-    router: { glob: import.meta.glob('@/views/**/**/router.ts', { eager: true, import: 'default' }) },
-    plugins: { glob: import.meta.glob('@/plugins/*/index.ts', { eager: true, import: 'default' }) },
-    theme: { glob: import.meta.glob('@/**/**/theme/*.ts', { eager: true, import: 'default' }) },
-    i18n: { glob: import.meta.glob('@/**/**/i18n/*.ts', { eager: true, import: 'default' }) },
-  }
-}
+import '@das-fed/web/packages/style'
+
+export default () => {
+  return {
+    microAppName: '%microAppName%',
+    router: { glob: import.meta.glob('@/views/**/**/router.ts', { eager: true, import: 'default' }) },
+    plugins: { glob: import.meta.glob('@/plugins/*/index.ts', { eager: true, import: 'default' }) },
+    theme: { glob: import.meta.glob('@/**/**/theme/*.ts', { eager: true, import: 'default' }) },
+    i18n: { glob: import.meta.glob('@/**/**/i18n/*.ts', { eager: true, import: 'default' }) },
+  }
+}

package/src/commands/init/template/packages/microapp/src/main.dev.ts

@@ -1,16 +1,16 @@
-import { createDasWebApp, mainAppFramework } from '@das-fed/web'
-import '@das-fed/web/packages/style'
-
-createDasWebApp({
-  root: { component: mainAppFramework.Layout },
-  router: { routers: mainAppFramework.routes },
-  microApps: [
-    {
-      microAppName: '%microAppName%',
-      router: { glob: import.meta.glob('@/views/**/**/router.ts', { eager: true, import: 'default' }) },
-      plugins: { glob: import.meta.glob('@/plugins/*/index.ts', { eager: true, import: 'default' }) },
-      theme: { glob: import.meta.glob('@/**/**/theme/*.ts', { eager: true, import: 'default' }) },
-      i18n: { glob: import.meta.glob('@/**/**/i18n/*.ts', { eager: true, import: 'default' }) },
-    },
-  ],
-})
+import { createDasWebApp, mainAppFramework } from '@das-fed/web'
+import '@das-fed/web/packages/style'
+
+createDasWebApp({
+  root: { component: mainAppFramework.Layout },
+  router: { routers: mainAppFramework.routes },
+  microApps: [
+    {
+      microAppName: '%microAppName%',
+      router: { glob: import.meta.glob('@/views/**/**/router.ts', { eager: true, import: 'default' }) },
+      plugins: { glob: import.meta.glob('@/plugins/*/index.ts', { eager: true, import: 'default' }) },
+      theme: { glob: import.meta.glob('@/**/**/theme/*.ts', { eager: true, import: 'default' }) },
+      i18n: { glob: import.meta.glob('@/**/**/i18n/*.ts', { eager: true, import: 'default' }) },
+    },
+  ],
+})

package/src/commands/init/template/packages/microapp/src/main.ts

@@ -1,10 +1,10 @@
-import { createDasWebApp } from '@das-fed/web'
-import '@das-fed/web/packages/style'
-
-createDasWebApp({
-  microAppName: '%microAppName%',
-  router: { glob: import.meta.glob('@/views/**/**/router.ts', { eager: true, import: 'default' }) },
-  plugins: { glob: import.meta.glob('@/plugins/*/index.ts', { eager: true, import: 'default' }) },
-  theme: { glob: import.meta.glob('@/**/**/theme/*.ts', { eager: true, import: 'default' }) },
-  i18n: { glob: import.meta.glob('@/**/**/i18n/*.ts', { eager: true, import: 'default' }) },
-})
+import { createDasWebApp } from '@das-fed/web'
+import '@das-fed/web/packages/style'
+
+createDasWebApp({
+  microAppName: '%microAppName%',
+  router: { glob: import.meta.glob('@/views/**/**/router.ts', { eager: true, import: 'default' }) },
+  plugins: { glob: import.meta.glob('@/plugins/*/index.ts', { eager: true, import: 'default' }) },
+  theme: { glob: import.meta.glob('@/**/**/theme/*.ts', { eager: true, import: 'default' }) },
+  i18n: { glob: import.meta.glob('@/**/**/i18n/*.ts', { eager: true, import: 'default' }) },
+})

package/src/commands/init/template/packages/microapp/src/views/demo/api/index.ts

@@ -1,6 +1,6 @@
-import { createService } from '@das-fed/utils/create-api-service'
-
-const http = createService('/test')
-
-export const getUser = http.get('/user')
-export const addUser = http.post('/user')
+import { createService } from '@das-fed/utils/create-api-service'
+
+const http = createService('/test')
+
+export const getUser = http.get('/user')
+export const addUser = http.post('/user')

package/src/commands/init/template/packages/microapp/src/views/demo/app.vue

@@ -1,157 +1,157 @@
-<template>
-  <div class="hello-container">
-    <button type="button" @click="setLang('zh-CN')">中</button>
-    <button type="button" style="margin-left: 10px" @click="setLang('en')">英</button>
-    <div class="img-container">
-      <a href="https://vitejs.dev" target="_blank">
-        <img src="./assets/vite.svg" class="logo" alt="Vite logo" />
-      </a>
-      <a href="https://vuejs.org/" target="_blank">
-        <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-      </a>
-    </div>
-    <router-link to="/"> {{ t('home-router') }} </router-link>
-    <span>-</span>
-    <router-link to="/demo"> {{ t('demo-router') }} </router-link>
-
-    <div>
-      <h1>{{ msg }}</h1>
-
-      <div class="card">
-        <p>
-          {{ t('edit', 'views/hello/app.vue') }}
-        </p>
-      </div>
-
-      <p v-html="t('click-out', `<a href='http://docs.chn-das.com' target='_blank'>达实文档中心</a>`)"></p>
-      <p v-html="t('suggest', `<a href='https://github.com/vuejs/language-tools' target='_blank'>Volar</a>`)"></p>
-      <router-link to="/demo">
-        <p class="read-the-demo">{{ t('read-the-demo') }}</p>
-      </router-link>
-    </div>
-    <button type="button" @click="setTheme('light')">{{ t('light') }}</button>
-    <button type="button" style="margin-left: 10px" @click="setTheme('dark')">
-      {{ t('dark') }}
-    </button>
-    <br />
-    <br />
-    <div class="img-container">
-      <a href="https://aiot.chn-das.com/login" target="_blank">
-        <img class="das-logo" src="./assets/das.png" />
-      </a>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { t, setLang, setTheme } from '@das-fed/web'
-
-const msg = ref('vite + vue + das-fe')
-</script>
-
-<style>
-
-
-.hello-container {
-  height: 100%;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-  background: var(--hello-bg);
-  color: var(--hello-color);
-}
-.hello-container p {
-  margin-bottom: 10px;
-}
-.hello-container h1 {
-  font-weight: 600;
-  margin-bottom: 20px;
-  color: var(--btn-color);
-}
-
-.img-container {
-  display: flex;
-  justify-content: center;
-}
-body {
-  background: var(--hello-bg);
-  color: var(--hello-color);
-}
-button {
-  background: var(--btn-bg);
-  color: var(--btn-color);
-}
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-.das-logo {
-  height: 30px;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.das-logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.read-the-demo {
-  color: #888;
-  /* font-size: 14px; */
-  font-weight: 400;
-}
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-</style>
+<template>
+  <div class="hello-container">
+    <button type="button" @click="setLang('zh-CN')">中</button>
+    <button type="button" style="margin-left: 10px" @click="setLang('en')">英</button>
+    <div class="img-container">
+      <a href="https://vitejs.dev" target="_blank">
+        <img src="./assets/vite.svg" class="logo" alt="Vite logo" />
+      </a>
+      <a href="https://vuejs.org/" target="_blank">
+        <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+      </a>
+    </div>
+    <router-link to="/"> {{ t('home-router') }} </router-link>
+    <span>-</span>
+    <router-link to="/demo"> {{ t('demo-router') }} </router-link>
+
+    <div>
+      <h1>{{ msg }}</h1>
+
+      <div class="card">
+        <p>
+          {{ t('edit', 'views/hello/app.vue') }}
+        </p>
+      </div>
+
+      <p v-html="t('click-out', `<a href='http://docs.chn-das.com' target='_blank'>达实文档中心</a>`)"></p>
+      <p v-html="t('suggest', `<a href='https://github.com/vuejs/language-tools' target='_blank'>Volar</a>`)"></p>
+      <router-link to="/demo">
+        <p class="read-the-demo">{{ t('read-the-demo') }}</p>
+      </router-link>
+    </div>
+    <button type="button" @click="setTheme('light')">{{ t('light') }}</button>
+    <button type="button" style="margin-left: 10px" @click="setTheme('dark')">
+      {{ t('dark') }}
+    </button>
+    <br />
+    <br />
+    <div class="img-container">
+      <a href="https://aiot.chn-das.com/login" target="_blank">
+        <img class="das-logo" src="./assets/das.png" />
+      </a>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { t, setLang, setTheme } from '@das-fed/web'
+
+const msg = ref('vite + vue + das-fe')
+</script>
+
+<style>
+
+
+.hello-container {
+  height: 100%;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+  background: var(--hello-bg);
+  color: var(--hello-color);
+}
+.hello-container p {
+  margin-bottom: 10px;
+}
+.hello-container h1 {
+  font-weight: 600;
+  margin-bottom: 20px;
+  color: var(--btn-color);
+}
+
+.img-container {
+  display: flex;
+  justify-content: center;
+}
+body {
+  background: var(--hello-bg);
+  color: var(--hello-color);
+}
+button {
+  background: var(--btn-bg);
+  color: var(--btn-color);
+}
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+.das-logo {
+  height: 30px;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.das-logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+
+.read-the-demo {
+  color: #888;
+  /* font-size: 14px; */
+  font-weight: 400;
+}
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+</style>

package/src/commands/init/template/packages/microapp/src/views/demo/i18n/index.ts

@@ -1,16 +1,16 @@
-export default {
-  'home-router': { 'zh-CN': '主页', en: 'home' },
-  'demo-router': { 'zh-CN': '示例', en: 'demo' },
-  light: { 'zh-CN': '浅色', en: 'light' },
-  dark: { 'zh-CN': '深色', en: 'dark' },
-  edit: {
-    'zh-CN': '编辑 $0 来测试模块热重载',
-    en: 'Edit $0 to test HMR',
-  },
-  'click-out': {
-    'zh-CN': '进入 $0 , 快速创建 Vue + Vite + Das Front-End 的开发模板',
-    en: 'Click out $0 , check the official Vue + Vite + Das Front-End starter',
-  },
-  suggest: { 'zh-CN': '安装 $0 在您的IDE中获得更好的开发体验', en: 'Install $0 in your IDE for a better DX' },
-  'read-the-demo': { 'zh-CN': '进入示例页面，查看组件库使用示例', en: 'to read demo' },
-}
+export default {
+  'home-router': { 'zh-CN': '主页', en: 'home' },
+  'demo-router': { 'zh-CN': '示例', en: 'demo' },
+  light: { 'zh-CN': '浅色', en: 'light' },
+  dark: { 'zh-CN': '深色', en: 'dark' },
+  edit: {
+    'zh-CN': '编辑 $0 来测试模块热重载',
+    en: 'Edit $0 to test HMR',
+  },
+  'click-out': {
+    'zh-CN': '进入 $0 , 快速创建 Vue + Vite + Das Front-End 的开发模板',
+    en: 'Click out $0 , check the official Vue + Vite + Das Front-End starter',
+  },
+  suggest: { 'zh-CN': '安装 $0 在您的IDE中获得更好的开发体验', en: 'Install $0 in your IDE for a better DX' },
+  'read-the-demo': { 'zh-CN': '进入示例页面，查看组件库使用示例', en: 'to read demo' },
+}

package/src/commands/init/template/packages/microapp/src/views/demo/router.ts

@@ -1,12 +1,12 @@
-import type { RouteRecordRaw } from 'vue-router'
-import { setI18nRule, setThemeRule } from '@das-fed/web'
-import i18n from './i18n'
-import theme from './theme'
-
-setI18nRule(i18n)
-setThemeRule(theme)
-
-export default {
-  path: '/',
-  component: () => import('./app.vue'),
-} as RouteRecordRaw
+import type { RouteRecordRaw } from 'vue-router'
+import { setI18nRule, setThemeRule } from '@das-fed/web'
+import i18n from './i18n'
+import theme from './theme'
+
+setI18nRule(i18n)
+setThemeRule(theme)
+
+export default {
+  path: '/',
+  component: () => import('./app.vue'),
+} as RouteRecordRaw

package/src/commands/init/template/packages/microapp/src/views/demo/theme/index.ts

@@ -1,18 +1,18 @@
-export default {
-  '--hello-bg': {
-    light: '#fff',
-    dark: '#000',
-  },
-  '--hello-color': {
-    light: '#000',
-    dark: '#fff',
-  },
-  '--btn-bg': {
-    light: '#f9f9f9',
-    dark: '#1a1a1a',
-  },
-  '--btn-color': {
-    light: '#213547',
-    dark: '#f9f9f9',
-  },
-}
+export default {
+  '--hello-bg': {
+    light: '#fff',
+    dark: '#000',
+  },
+  '--hello-color': {
+    light: '#000',
+    dark: '#fff',
+  },
+  '--btn-bg': {
+    light: '#f9f9f9',
+    dark: '#1a1a1a',
+  },
+  '--btn-color': {
+    light: '#213547',
+    dark: '#f9f9f9',
+  },
+}

package/src/commands/init/template/packages/microapp/tsconfig.json

@@ -1,32 +1,32 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-    "jsxImportSource": "vue", // vue 3.4+ 需要显示指定jsx导出为vue
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": false,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-    /* @ alias */
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "jsxImportSource": "vue", // vue 3.4+ 需要显示指定jsx导出为vue
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    /* @ alias */
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/src/commands/init/template/packages/microapp/tsconfig.node.json

@@ -1,10 +1,10 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/src/commands/init/template/packages/microapp/vite.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import { dasFeWebVitePlugin } from '@das-fed/cli'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [dasFeWebVitePlugin({ dasWebApp: { type: 'microApp' } })],
-})
+import { defineConfig } from 'vite'
+import { dasFeWebVitePlugin } from '@das-fed/cli'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [dasFeWebVitePlugin({ dasWebApp: { type: 'microApp' } })],
+})

package/src/commands/init/template/pnpm-workspace.yaml

@@ -1,6 +1,6 @@
-# pnpm-workspace.yaml
-packages:
-  # all packages in direct subdirs of packages/
-  - 'packages/*'
-
-  - 'packages/*/packages/*'
+# pnpm-workspace.yaml
+packages:
+  # all packages in direct subdirs of packages/
+  - 'packages/*'
+
+  - 'packages/*/packages/*'

package/src/commands/init/template/scripts/build.js

@@ -1,34 +1,34 @@
-import path from 'path'
-import fs from 'fs'
-import { execSync } from 'child_process'
-import { fileURLToPath } from 'url'
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-
-const getFirstPackage = (dirPath) => {
-  const items = fs.readdirSync(dirPath)
-  for (const item of items) {
-    const fullPath = path.join(dirPath, item)
-    if (fs.statSync(fullPath).isDirectory()) return fullPath
-  }
-  return null
-}
-
-const copyDirectorySync = (src, dest) => {
-  if (!fs.existsSync(dest)) fs.mkdirSync(dest, { recursive: true })
-  const items = fs.readdirSync(src)
-  items.forEach((item) => {
-    const srcPath = path.join(src, item)
-    const destPath = path.join(dest, item)
-    if (fs.statSync(srcPath).isDirectory()) {
-      copyDirectorySync(srcPath, destPath)
-    } else {
-      fs.copyFileSync(srcPath, destPath)
-    }
-  })
-}
-
-const cwd = getFirstPackage(path.resolve(__dirname, `../packages`))
-execSync('pnpm run build', { cwd, stdio: 'inherit' })
-copyDirectorySync(path.join(cwd, 'dist'), path.join(__dirname, '../dist'))
+import path from 'path'
+import fs from 'fs'
+import { execSync } from 'child_process'
+import { fileURLToPath } from 'url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const getFirstPackage = (dirPath) => {
+  const items = fs.readdirSync(dirPath)
+  for (const item of items) {
+    const fullPath = path.join(dirPath, item)
+    if (fs.statSync(fullPath).isDirectory()) return fullPath
+  }
+  return null
+}
+
+const copyDirectorySync = (src, dest) => {
+  if (!fs.existsSync(dest)) fs.mkdirSync(dest, { recursive: true })
+  const items = fs.readdirSync(src)
+  items.forEach((item) => {
+    const srcPath = path.join(src, item)
+    const destPath = path.join(dest, item)
+    if (fs.statSync(srcPath).isDirectory()) {
+      copyDirectorySync(srcPath, destPath)
+    } else {
+      fs.copyFileSync(srcPath, destPath)
+    }
+  })
+}
+
+const cwd = getFirstPackage(path.resolve(__dirname, `../packages`))
+execSync('pnpm run build', { cwd, stdio: 'inherit' })
+copyDirectorySync(path.join(cwd, 'dist'), path.join(__dirname, '../dist'))