@das-fed/cli 6.4.0-dev.5 → 6.4.0-dev.50

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')

package/src/commands/init/template/src/views/hello/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/src/views/hello/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/src/views/hello/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/src/views/hello/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/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />