cmpt-huitu-cli 1.0.0 → 1.0.2

package/templates/default/README.md

@@ -11,8 +11,8 @@
 - ✅ **Element Plus**：企业级 UI 组件库
 - ✅ **Pinia**：Vue 3 官方状态管理
 - ✅ **Vue Router**：官方路由管理器
-- ✅ **@huitu/ui**：共享 UI 组件库
-- ✅ **@huitu/utils**：共享工具函数库
+- ✅ **cmpt-huitu-ui**：共享 UI 组件库
+- ✅ **cmpt-huitu-utils**：共享工具函数库
 
 ## 🚀 快速开始
 
@@ -81,16 +81,16 @@ template/
 
 ## 📦 共享包使用
 
-### 使用 @huitu/ui 组件
+### 使用 cmpt-huitu-ui 组件
 
 ```javascript
-import { HTable, ModuleTitle } from '@huitu/ui'
+import { HTable, VexTable, HtDialog } from 'cmpt-huitu-ui'
 ```
 
-### 使用 @huitu/utils 工具
+### 使用 cmpt-huitu-utils 工具
 
 ```javascript
-import { parseTime, cache, modal } from '@huitu/utils'
+import { parseTime, cache, modal } from 'cmpt-huitu-utils'
 ```
 
 ## 🔧 开发命令

package/templates/default/src/components.d.ts

@@ -8,9 +8,9 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    About: typeof import('./views/About.vue')['default']
-    Error: typeof import('./components/error/Error.vue')['default']
-    Home: typeof import('./views/Home.vue')['default']
+    About: typeof import('./views/about.vue')['default']
+    Error: typeof import('./components/error/error.vue')['default']
+    Home: typeof import('./views/home.vue')['default']
     Login: typeof import('./views/login/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

package/templates/default/src/main.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import App from './App.vue'
+import App from './app.vue'
 import router from './routers'
 import { createPinia } from 'pinia'
 import ElementPlus from 'element-plus'

package/templates/default/src/routers/base.js

@@ -3,12 +3,12 @@ export const constantRoutes = [
   {
     path: '/401',
     name: '401',
-    component: () => import('@components/error/Error.vue'),
+    component: () => import('@components/error/error.vue'),
   },
   {
     path: '/404',
     name: '404',
-    component: () => import('@components/error/Error.vue'),
+    component: () => import('@components/error/error.vue'),
   },
   {
     path: '/login',
@@ -21,7 +21,7 @@ export const constantRoutes = [
   {
     path: '/',
     name: 'index',
-    component: () => import('@views/Home.vue'),
+    component: () => import('@views/home.vue'),
     meta: {
       title: '首页',
       keepAlive: true,
@@ -30,7 +30,7 @@ export const constantRoutes = [
   {
     path: '/about',
     name: 'about',
-    component: () => import('@views/About.vue'),
+    component: () => import('@views/about.vue'),
   },
 ]
 

package/templates/default/src/styles/index.scss

@@ -4,20 +4,20 @@
  * @Date: 2026-01-04
  * @Description: 
  * 1. 公共样式已通过 vite.config.js 的 additionalData 全局引入：
- *    - @huitu/ui/src/styles/variables.scss (公共变量)
- *    - @huitu/ui/src/styles/mixin.scss (公共 mixin)
+ *    - cmpt-huitu-ui/src/styles/variables.scss (公共变量)
+ *    - cmpt-huitu-ui/src/styles/mixin.scss (公共 mixin)
  * 2. 必须显式引入以下产生 CSS 输出的全局样式文件（不能放在 additionalData 中）：
  *    - src/styles/theme/variables.scss (项目主题变量定义)
- *    - @huitu/ui/src/styles/reset.scss (Element Plus 样式重置)
+ *    - cmpt-huitu-ui/src/styles/reset.scss (Element Plus 样式重置)
  * 3. 项目自定义样式请放在 theme/ 目录下，并在此处引入
  */
 
 // 引入 CSS 变量定义（主题配置）
-@import "./theme/variables.scss";
+@use "./theme/variables.scss" as *;
 
 // 引入 Element Plus 重置样式（依赖上面的变量）
-// @import '@huitu/ui/src/styles/reset.scss';
+// @use 'cmpt-huitu-ui/src/styles/reset.scss';
 
 // 项目自定义样式
 // 如需添加其他自定义样式，请在 theme/ 目录下创建文件并在此处引入
-// @import './theme/custom.scss';
+// @use './theme/custom.scss' as *;

package/templates/default/src/styles/theme/README.md

@@ -11,12 +11,13 @@
 
 2. 在 `src/styles/index.scss` 中引入你的样式文件：
    ```scss
-   @import './theme/custom.scss';
+   @use './theme/custom.scss' as *;
    ```
 
 ## 公共样式
 
-公共样式变量和 mixin 已通过 `@huitu/ui` 提供，在 `vite.config.js` 中已全局配置：
+公共样式变量和 mixin 已通过 `cmpt-huitu-ui` 提供，在 `vite.config.js` 中已全局配置：
+
 - `variables.scss` - 公共变量（字体大小、颜色等）
 - `mixin.scss` - 公共 mixin（滚动条、统计数据样式等）
 - `reset.scss` - 样式重置（Element Plus 组件样式重置等）
@@ -29,12 +30,12 @@
 
 ```scss
 // src/styles/theme/variables.scss
-:root[data-theme="light"] {
+:root[data-theme='light'] {
   --my-custom-color: #067dff;
   --my-custom-bg: #ffffff;
 }
 
-:root[data-theme="dark"] {
+:root[data-theme='dark'] {
   --my-custom-color: #e3a000;
   --my-custom-bg: #00192e;
 }
@@ -49,4 +50,3 @@
   background: var(--my-custom-bg);
 }
 ```
-

package/templates/default/src/utils/auth.js

@@ -2,7 +2,7 @@
  * @FileDescription: 系统登录信息工具类
  */
 
-import { cache } from '@huitu/utils'
+import { cache } from 'cmpt-huitu-utils'
 const { session } = cache
 // Token 管理（使用通用前缀）
 export function getToken() {

package/templates/default/src/utils/requestAxios.js

@@ -7,7 +7,7 @@
  */
 import axios from 'axios'
 import { getToken, clearAuth } from '@utils/auth'
-import { tansParamsString } from '@huitu/utils'
+import { tansParamsString } from 'cmpt-huitu-utils'
 import errorCode from '@utils/errorCode'
 
 // 全局默认基础配置

package/templates/default/src/utils/theme.js

@@ -3,7 +3,7 @@
  */
 
 // 设置主题
-import { cache } from '@huitu/utils'
+import { cache } from 'cmpt-huitu-utils'
 const { local } = cache
 export const setTheme = (theme) => {
   local.set('data-theme', theme)

package/templates/default/src/views/{Home.vue → home.vue}

@@ -1,6 +1,6 @@
 <template>
   <div class="home">
-    <ModuleTitle title="欢迎使用慧图标准脚手架" />
+    <h1>欢迎使用慧图标准脚手架</h1>
     <VexTable
       :columns="columns"
       :data="data"
@@ -17,28 +17,13 @@
         <li><el-tag>Vue 3</el-tag></li>
         <li><el-tag type="success">Vite</el-tag></li>
         <li><el-tag type="warning">Element Plus</el-tag></li>
-        <li><el-tag type="danger">@huitu/ui</el-tag></li>
-        <li><el-tag type="info">@huitu/utils</el-tag></li>
+        <li><el-tag type="danger">cmpt-huitu-ui</el-tag></li>
+        <li><el-tag type="info">cmpt-huitu-utils</el-tag></li>
       </ul>
 
-      <div class="demo-section">
-        <h3>UI 组件演示</h3>
-        <div class="demo-item">
-          <p>AccentTitle:</p>
-          <AccentTitle
-            title="测试标题"
-            unit="单位: 个"
-          />
-        </div>
-        <div class="demo-item">
-          <p>BgTag:</p>
-          <BgTag label="标签组件" />
-        </div>
-      </div>
-
       <div class="demo-section">
         <h3>Utils 工具演示</h3>
-        <p>当前时间 (formatted by @huitu/utils): {{ currentTime }}</p>
+        <p>当前时间 (formatted by cmpt-huitu-utils): {{ currentTime }}</p>
       </div>
     </div>
   </div>
@@ -46,7 +31,7 @@
 
 <script setup>
   import { ref, onMounted } from 'vue'
-  import { parseTime } from '@huitu/utils'
+  import { parseTime } from 'cmpt-huitu-utils'
 
   const currentTime = ref('')
   const columns = [

package/templates/default/vite.config.js

@@ -106,8 +106,8 @@ export default defineConfig(({ mode, command }) => {
       preprocessorOptions: {
         scss: {
           additionalData: `
-            @use "${resolve(__dirname, '../../packages/ui/src/styles/variables.scss')}" as *;
-            @use "${resolve(__dirname, '../../packages/ui/src/styles/mixin.scss')}" as *;
+            @use "cmpt-huitu-ui/src/styles/variables.scss" as *;
+            @use "cmpt-huitu-ui/src/styles/mixin.scss" as *;
           `,
         },
       },
@@ -165,8 +165,22 @@ export default defineConfig(({ mode, command }) => {
 
     // 优化依赖预构建(当你首次启动 vite 时，Vite 在本地加载你的站点之前预构建了项目依赖。)
     optimizeDeps: {
-      include: ['vue', 'vue-router', 'pinia', 'axios', 'element-plus', 'dayjs'], // 默认情况下，不在 node_modules 中的，链接的包不会被预构建
-      exclude: ['@huitu'], // 在预构建中强制排除的依赖项
+      include: [
+        'vue',
+        'vue-router',
+        'pinia',
+        'axios',
+        'element-plus',
+        'dayjs',
+        'dayjs/plugin/duration',
+        'dayjs/plugin/relativeTime',
+        'dayjs/plugin/isBetween',
+        'dayjs/plugin/weekday',
+        'dayjs/plugin/weekOfYear',
+        'dayjs/plugin/isSameOrBefore',
+        'dayjs/plugin/isSameOrAfter',
+      ], // 默认情况下，不在 node_modules 中的，链接的包不会被预构建
+      exclude: ['cmpt-huitu-ui', 'cmpt-huitu-utils'], // 在预构建中强制排除的依赖项
       force: false, // 强制进行依赖预构建
     },