@das-fed/cli 6.4.0-hot.3 → 6.4.0-hot.30

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

@@ -0,0 +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' }) },
+  }
+}

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

@@ -0,0 +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' }) },
+    },
+  ],
+})

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

@@ -0,0 +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' }) },
+})

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

@@ -0,0 +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')

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

@@ -0,0 +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>

package/src/commands/init/template/packages/microapp/src/views/demo/assets/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

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

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

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

@@ -0,0 +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' },
+}

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

@@ -0,0 +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

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

@@ -0,0 +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',
+  },
+}

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

@@ -0,0 +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" }]
+}

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

@@ -0,0 +1,10 @@
+{
+  "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

@@ -0,0 +1,7 @@
+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

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

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

@@ -1 +1,4 @@
-window.config = {}
+window.config = {
+  sso: false,
+  noRedireLogin: true,
+}

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

@@ -0,0 +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'))

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

@@ -0,0 +1,9 @@
+export default () => {
+  return {
+    microAppName: __MICRO_APPNAME__,
+    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/src/main.ts

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

package/src/commands/init/template/src/micro-app.ts

@@ -1,8 +1,8 @@
-import { createDasWebApp } from '@das-fed/web'
-
-createDasWebApp({
-  // @ts-ignore
-  microAppName: __MICRO_APPNAME__,
-  router: { glob: import.meta.glob('@/views/**/router.ts', { eager: true, import: 'default' }) },
-  plugins: { glob: import.meta.glob('@/plugins/*/index.ts', { eager: true, import: 'default' }) },
-})
+import { createDasWebApp } from '@das-fed/web'
+
+createDasWebApp({
+  // @ts-ignore
+  microAppName: __MICRO_APPNAME__,
+  router: { glob: import.meta.glob('@/views/**/router.ts', { eager: true, import: 'default' }) },
+  plugins: { glob: import.meta.glob('@/plugins/*/index.ts', { eager: true, import: 'default' }) },
+})

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

@@ -1,61 +1,61 @@
-<template>
-  <div class="demo-container">
-    <h2>
-      {{ t('demo-msg') }}
-    </h2>
-
-    <a href="http://aiot-ui.rd.chn-das.com/das-ui" target="_blank">
-      <p class="read-the-docs">{{ t('demo-doc-tip') }}</p>
-    </a>
-
-    <div>{{ t('demo-component-msg') }}</div>
-    <div class="alert-container">
-      <div v-for="item in ['info', 'success', 'warning', 'error']" :key="item" class="alert-item">
-        <DasAlert show-icon :message="`${item} Text`" :type="item" />
-      </div>
-    </div>
-
-    <div>@das-fed/ui组件库中DasIcon使用案例</div>
-    <DasIconAdd />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { t } from '@das-fed/web'
-import { DasAlert, DasIconAdd } from '@das-fed/ui'
-</script>
-
-<style>
-.demo-container {
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-  height: 100%;
-  background: var(--hello-bg);
-  color: var(--hello-color);
-}
-.demo-container h2 {
-  color: var(--hello-color);
-}
-.alert-container {
-  background: var(--demo-alert-bg);
-  color: var(--demo-alert-color);
-  padding: 20px;
-  margin: 10px 0;
-  border-radius: 10px;
-  box-sizing: border-box;
-  height: auto;
-  min-width: 600px;
-}
-.alert-item {
-  margin-top: 20px;
-}
-.alert-item:first-child {
-  margin-top: 0;
-}
-.read-the-docs {
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: 400;
-}
-</style>
+<template>
+  <div class="demo-container">
+    <h2>
+      {{ t('demo-msg') }}
+    </h2>
+
+    <a href="http://aiot-ui.rd.chn-das.com/das-ui" target="_blank">
+      <p class="read-the-docs">{{ t('demo-doc-tip') }}</p>
+    </a>
+
+    <div>{{ t('demo-component-msg') }}</div>
+    <div class="alert-container">
+      <div v-for="item in ['info', 'success', 'warning', 'error']" :key="item" class="alert-item">
+        <DasAlert show-icon :message="`${item} Text`" :type="item" />
+      </div>
+    </div>
+
+    <div>@das-fed/ui组件库中DasIcon使用案例</div>
+    <DasIconAdd />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { t } from '@das-fed/web'
+import { DasAlert, DasIconAdd } from '@das-fed/ui'
+</script>
+
+<style>
+.demo-container {
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+  height: 100%;
+  background: var(--hello-bg);
+  color: var(--hello-color);
+}
+.demo-container h2 {
+  color: var(--hello-color);
+}
+.alert-container {
+  background: var(--demo-alert-bg);
+  color: var(--demo-alert-color);
+  padding: 20px;
+  margin: 10px 0;
+  border-radius: 10px;
+  box-sizing: border-box;
+  height: auto;
+  min-width: 600px;
+}
+.alert-item {
+  margin-top: 20px;
+}
+.alert-item:first-child {
+  margin-top: 0;
+}
+.read-the-docs {
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 400;
+}
+</style>

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

@@ -1,14 +1,14 @@
-export default {
-  'demo-msg': {
-    'zh-CN': '这是第一个示例路由页面',
-    en: 'This is Demo Page',
-  },
-  'demo-doc-tip': {
-    'zh-CN': '查看完整组件库文档',
-    en: 'read the components doc',
-  },
-  'demo-component-msg': {
-    'zh-CN': '@das-fed/ui组件库中DasAlert使用案例',
-    en: 'the DasAlert example of @das-fed/ui',
-  },
-}
+export default {
+  'demo-msg': {
+    'zh-CN': '这是第一个示例路由页面',
+    en: 'This is Demo Page',
+  },
+  'demo-doc-tip': {
+    'zh-CN': '查看完整组件库文档',
+    en: 'read the components doc',
+  },
+  'demo-component-msg': {
+    'zh-CN': '@das-fed/ui组件库中DasAlert使用案例',
+    en: 'the DasAlert example of @das-fed/ui',
+  },
+}

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

@@ -1,13 +1,13 @@
-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: '/demo',
-  component: () => import('./app.vue'),
-  meta: { keepAlive: true },
-} 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: '/demo',
+  component: () => import('./app.vue'),
+  meta: { keepAlive: true },
+} as RouteRecordRaw

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

@@ -1,7 +1,7 @@
-export default {
-  '--demo-alert-bg': {
-    light: '#fff',
-    dark: 'rgba(255,255,255,.2)',
-  },
-  '--demo-alert-color': '#000',
-}
+export default {
+  '--demo-alert-bg': {
+    light: '#fff',
+    dark: 'rgba(255,255,255,.2)',
+  },
+  '--demo-alert-color': '#000',
+}

package/src/commands/init/template/src/views/hello/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')