npm - @duxweb/dvha-template - Versions diffs - 1.0.10 → 1.0.11 - Mend

@duxweb/dvha-template 1.0.10 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/bin/index.js +32 -2
package/package.json +1 -1
package/template/ui-configs/pro/pages/home.vue +88 -75
package/template/ui-configs/pro/vite.config.ts +32 -0
package/template/ui-configs/pro.json +8 -1

package/bin/index.js CHANGED Viewed

@@ -139,13 +139,31 @@ async function createProject(projectName) {
     fs.copySync(uiPagesDir, targetPagesDir)
   }
-  // 2.5. 检查并复制UI特定的main.ts文件（如果存在）
-  const uiMainTsPath = path.resolve(__dirname, '..', 'template', 'ui-configs', template, 'main.ts')
+  // 2.5. 检查并复制UI特定的配置文件（如果存在）
+  const uiConfigDir = path.resolve(__dirname, '..', 'template', 'ui-configs', template)
+  // 复制 main.ts
+  const uiMainTsPath = path.join(uiConfigDir, 'main.ts')
   if (fs.existsSync(uiMainTsPath)) {
     const targetMainTsPath = path.join(root, 'main.ts')
     fs.copySync(uiMainTsPath, targetMainTsPath)
   }
+  // 复制 vite.config.ts
+  const uiViteConfigPath = path.join(uiConfigDir, 'vite.config.ts')
+  if (fs.existsSync(uiViteConfigPath)) {
+    const targetViteConfigPath = path.join(root, 'vite.config.ts')
+    fs.copySync(uiViteConfigPath, targetViteConfigPath)
+  }
+  // 对于 pro 模板，删除 uno.config.ts（因为不需要 UnoCSS）
+  if (template === 'pro') {
+    const targetUnoConfigPath = path.join(root, 'uno.config.ts')
+    if (fs.existsSync(targetUnoConfigPath)) {
+      fs.removeSync(targetUnoConfigPath)
+    }
+  }
   // 3. 更新package.json
   const pkgPath = path.join(root, 'package.json')
   if (fs.existsSync(pkgPath)) {
@@ -167,6 +185,18 @@ async function createProject(projectName) {
       }
     }
+    // 移除排除的依赖
+    if (uiConfig.excludeDependencies && Array.isArray(uiConfig.excludeDependencies)) {
+      uiConfig.excludeDependencies.forEach((dep) => {
+        if (pkg.dependencies && pkg.dependencies[dep]) {
+          delete pkg.dependencies[dep]
+        }
+        if (pkg.devDependencies && pkg.devDependencies[dep]) {
+          delete pkg.devDependencies[dep]
+        }
+      })
+    }
     fs.writeJsonSync(pkgPath, pkg, { spaces: 2 })
   }

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-template",
   "type": "module",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "Create DVHA project from template",
   "author": "DuxWeb",
   "license": "MIT",

package/template/ui-configs/pro/pages/home.vue CHANGED Viewed

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { DuxCard, DuxChart, DuxDashboardQuick } from '@duxweb/dvha-pro'
-import { NButton, NGi, NGrid } from 'naive-ui'
+import { DuxCard } from '@duxweb/dvha-pro'
 import { computed, ref } from 'vue'
 // 基本统计数据
@@ -37,11 +36,11 @@ const chartData = computed(() => ({
 </script>
 <template>
-  <div class="p-6 space-y-6">
+  <div class="space-y-4">
     <!-- 欢迎区域 -->
     <DuxCard>
       <div class="text-center py-8">
-        <div class="i-tabler:brand-vue text-6xl text-blue-600 mx-auto mb-6" />
+        <div class="i-tabler:brand-vue text-4xl text-blue-600 mx-auto mb-4" />
         <h1 class="text-3xl font-bold text-gray-900 dark:text-gray-100 mb-4">
           欢迎使用 Dux Pro
         </h1>
@@ -51,108 +50,119 @@ const chartData = computed(() => ({
       </div>
     </DuxCard>
-    <!-- 统计卡片 -->
-    <NGrid :cols="3" :x-gap="16">
-      <NGi v-for="item in stats" :key="item.label">
-        <DuxDashboardQuick
-          :label="item.label"
-          :icon="item.icon"
-          :value="item.value"
-        />
-      </NGi>
-    </NGrid>
+    <!-- Dux Pro 特性展示 -->
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-4">
+      <DuxCard>
+        <div class="text-center p-4">
+          <div class="i-tabler:components text-4xl text-purple-600 mb-6 mx-auto" />
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
+            远程渲染
+          </h3>
+          <p class="text-gray-600 dark:text-gray-300 text-sm">
+            支持字符串渲染为 Vue 页面，远程组件动态加载
+          </p>
+        </div>
+      </DuxCard>
-    <!-- 图表区域 -->
-    <DuxCard>
-      <template #header>
-        <div class="flex items-center justify-between">
-          <h3 class="text-lg font-semibold">
-            数据概览
+      <DuxCard>
+        <div class="text-center p-4">
+          <div class="i-tabler:chart-bar text-4xl text-green-600 mb-6 mx-auto" />
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
+            数据可视化
           </h3>
-          <NButton size="small" type="primary">
-            查看详情
-          </NButton>
+          <p class="text-gray-600 dark:text-gray-300 text-sm">
+            内置图表组件，轻松展示数据分析结果
+          </p>
         </div>
-      </template>
-      <DuxChart :option="chartData" style="height: 300px;" />
-    </DuxCard>
+      </DuxCard>
-    <!-- Dux Pro 特性展示 -->
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
       <DuxCard>
         <div class="text-center p-4">
-          <div class="i-tabler:components text-4xl text-purple-600 mb-4" />
+          <div class="i-tabler:layout-dashboard text-4xl text-blue-600 mb-6 mx-auto" />
           <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
-            丰富组件
+            动态渲染
           </h3>
           <p class="text-gray-600 dark:text-gray-300 text-sm">
-            提供丰富的业务组件，快速构建管理后台
+            页面布局支持动态渲染，运行时 UnoCSS 样式生成
           </p>
         </div>
       </DuxCard>
       <DuxCard>
         <div class="text-center p-4">
-          <div class="i-tabler:chart-bar text-4xl text-green-600 mb-4" />
+          <div class="i-tabler:forms text-4xl text-orange-600 mb-6 mx-auto" />
           <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
-            数据可视化
+            表单组件
           </h3>
           <p class="text-gray-600 dark:text-gray-300 text-sm">
-            内置图表组件，轻松展示数据分析结果
+            强大的表单构建器，支持各种表单验证
           </p>
         </div>
       </DuxCard>
       <DuxCard>
         <div class="text-center p-4">
-          <div class="i-tabler:layout-dashboard text-4xl text-blue-600 mb-4" />
+          <div class="i-tabler:table text-4xl text-indigo-600 mb-6 mx-auto" />
           <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
-            页面布局
+            数据表格
           </h3>
           <p class="text-gray-600 dark:text-gray-300 text-sm">
-            灵活的布局组件，适应各种业务场景
+            功能完整的数据表格，支持排序、筛选、分页
           </p>
         </div>
       </DuxCard>
-    </div>
-    <!-- 快速操作 -->
-    <DuxCard>
-      <template #header>
-        <h3 class="text-lg font-semibold">
-          快速操作
-        </h3>
-      </template>
-      <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-        <NButton block type="primary">
-          <template #icon>
-            <div class="i-tabler:plus" />
-          </template>
-          创建订单
-        </NButton>
-        <NButton block>
-          <template #icon>
-            <div class="i-tabler:users" />
-          </template>
-          用户管理
-        </NButton>
-        <NButton block>
-          <template #icon>
-            <div class="i-tabler:chart-bar" />
-          </template>
-          数据统计
-        </NButton>
-        <NButton block>
-          <template #icon>
-            <div class="i-tabler:settings" />
-          </template>
-          系统设置
-        </NButton>
-      </div>
-    </DuxCard>
+      <DuxCard>
+        <div class="text-center p-4">
+          <div class="i-tabler:palette text-4xl text-pink-600 mb-6 mx-auto" />
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
+            主题定制
+          </h3>
+          <p class="text-gray-600 dark:text-gray-300 text-sm">
+            灵活的主题配置，支持深色模式和自定义色彩
+          </p>
+        </div>
+      </DuxCard>
+      <DuxCard>
+        <div class="text-center p-4">
+          <div class="i-tabler:shield-check text-4xl text-red-600 mb-6 mx-auto" />
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
+            权限管理
+          </h3>
+          <p class="text-gray-600 dark:text-gray-300 text-sm">
+            完善的权限控制系统，角色和权限精细化管理
+          </p>
+        </div>
+      </DuxCard>
+      <DuxCard>
+        <div class="text-center p-4">
+          <div class="i-tabler:rocket text-4xl text-cyan-600 mb-6 mx-auto" />
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
+            高性能
+          </h3>
+          <p class="text-gray-600 dark:text-gray-300 text-sm">
+            基于 Vue 3 构建，享受最新技术带来的性能提升
+          </p>
+        </div>
+      </DuxCard>
+      <DuxCard>
+        <div class="text-center p-4">
+          <div class="i-tabler:devices text-4xl text-teal-600 mb-6 mx-auto" />
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2">
+            响应式设计
+          </h3>
+          <p class="text-gray-600 dark:text-gray-300 text-sm">
+            完美适配桌面、平板、手机等各种设备
+          </p>
+        </div>
+      </DuxCard>
+    </div>
     <!-- 开始使用 -->
-    <div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-950 dark:to-indigo-950 rounded-lg border p-8 text-center">
+    <div class="bg-primary-50 dark:bg-primary-950 rounded-lg border border-primary/50 p-8 text-center">
       <h3 class="text-xl font-bold text-gray-900 dark:text-gray-100 mb-4">
         开始构建您的 Pro 应用
       </h3>
@@ -162,12 +172,15 @@ const chartData = computed(() => ({
       <div class="flex justify-center space-x-4">
         <a
           href="https://github.com/duxweb/dvha" target="_blank"
-          class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm font-medium"
+          class="inline-flex items-center px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 text-sm font-medium"
         >
           <div class="i-tabler:brand-github mr-2" />
           查看源码
         </a>
-        <a href="#" class="inline-flex items-center px-4 py-2 border border-gray-300 text-gray-700 dark:text-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 text-sm font-medium">
+        <a
+          href="https://duxweb.dux.plus/dvha/" target="_blank"
+          class="inline-flex items-center px-4 py-2 border border-gray-300 text-gray-700 dark:text-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 text-sm font-medium"
+        >
           <div class="i-tabler:book mr-2" />
           查看文档
         </a>

package/template/ui-configs/pro/vite.config.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { resolve } from 'node:path'
+import vue from '@vitejs/plugin-vue'
+import VueJsx from '@vitejs/plugin-vue-jsx'
+import { defineConfig } from 'vite'
+export default defineConfig({
+  plugins: [
+    vue(),
+    VueJsx(),
+  ],
+  build: {
+    rollupOptions: {
+      input: {
+        index: resolve(__dirname, 'index.html'),
+      },
+      output: {
+        entryFileNames: 'js/[name]-[hash].js',
+        chunkFileNames: 'js/[name]-[hash].js',
+        manualChunks(id) {
+          if (id.includes('node_modules')) {
+            return id
+              .toString()
+              .split('node_modules/')[1]
+              .split('/')[0]
+              .toString()
+          }
+        },
+      },
+    },
+    outDir: resolve(__dirname, 'dist'),
+  },
+})

package/template/ui-configs/pro.json CHANGED Viewed

@@ -10,5 +10,12 @@
     "vue": "^3.5.0",
     "vue-router": "^4.5.1"
   },
-  "devDependencies": {}
+  "devDependencies": {},
+  "excludeDependencies": [
+    "@iconify-json/tabler",
+    "@unocss/preset-icons",
+    "@unocss/eslint-plugin",
+    "@unocss/reset",
+    "unocss"
+  ]
 }