create-weapp-vite 2.0.53 → 2.0.55

package/templates/vant/src/layouts/admin/index.scss

@@ -0,0 +1,40 @@
+.layout-admin {
+  min-height: 100%;
+  background:
+    radial-gradient(circle at top right, rgb(239 68 68 / 18%), transparent 28%),
+    linear-gradient(180deg, #fff8f8 0%, #fff1f2 100%);
+}
+
+.layout-admin__hero {
+  padding: 36rpx 32rpx 32rpx;
+  color: #fff;
+  background: linear-gradient(145deg, #7f1d1d 0%, #dc2626 64%, #f87171 100%);
+  border-radius: 0 0 28rpx 28rpx;
+}
+
+.layout-admin__eyebrow {
+  display: inline-flex;
+  padding: 8rpx 16rpx;
+  font-size: 22rpx;
+  background: rgb(255 255 255 / 14%);
+  border-radius: 999rpx;
+}
+
+.layout-admin__title {
+  display: block;
+  margin-top: 18rpx;
+  font-size: 42rpx;
+  font-weight: 700;
+}
+
+.layout-admin__subtitle {
+  display: block;
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  line-height: 1.7;
+  opacity: 0.92;
+}
+
+.layout-admin__body {
+  padding-bottom: 32rpx;
+}

package/templates/vant/src/layouts/admin/index.ts

@@ -0,0 +1 @@
+Component({})

package/templates/vant/src/layouts/admin/index.wxml

@@ -0,0 +1,10 @@
+<view class="layout-admin">
+  <view class="layout-admin__hero">
+    <text class="layout-admin__eyebrow">layouts/admin/index.wxml</text>
+    <text class="layout-admin__title">{{title || 'Vant Admin Layout'}}</text>
+    <text class="layout-admin__subtitle">{{subtitle || 'Vant 原生模板也支持 setPageLayout()。'}}</text>
+  </view>
+  <view class="layout-admin__body">
+    <slot />
+  </view>
+</view>

package/templates/vant/src/layouts/default/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/templates/vant/src/layouts/default/index.scss

@@ -0,0 +1,3 @@
+.layout-default {
+  min-height: 100%;
+}

package/templates/vant/src/layouts/default/index.ts

@@ -0,0 +1 @@
+Component({})

package/templates/vant/src/layouts/default/index.wxml

@@ -0,0 +1,3 @@
+<view class="layout-default">
+  <slot />
+</view>

package/templates/vant/src/pages/index/index.ts

@@ -54,4 +54,9 @@ Page({
     // eslint-disable-next-line no-console
     console.log(hello())
   },
+  goToLayouts() {
+    wx.navigateTo({
+      url: '/pages/layouts/index',
+    })
+  },
 })

package/templates/vant/src/pages/index/index.wxml

@@ -23,6 +23,9 @@
     <view>
       <van-button type="default" @tap="showDialog">Vant 按钮</van-button>
     </view>
+    <view>
+      <van-button type="primary" plain bind:tap="goToLayouts">打开布局演示页</van-button>
+    </view>
   </view>
 </view>
 <van-dialog id="van-dialog" />

package/templates/vant/src/pages/layouts/index.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "https://vite.icebreaker.top/page.json",
+  "navigationBarTitleText": "布局能力"
+}

package/templates/vant/src/pages/layouts/index.scss

@@ -0,0 +1,3 @@
+.layout-btn {
+  margin-top: 24rpx;
+}

package/templates/vant/src/pages/layouts/index.ts

@@ -0,0 +1,35 @@
+import Dialog from '@vant/weapp/dialog/dialog'
+import { setPageLayout } from 'weapp-vite/runtime'
+
+Page({
+  data: {
+    currentLayout: 'default',
+  },
+  onLoad() {
+    setPageLayout('default')
+  },
+  applyDefaultLayout() {
+    this.setData({ currentLayout: 'default' })
+    setPageLayout('default')
+  },
+  applyAdminLayout() {
+    this.setData({ currentLayout: 'admin' })
+    setPageLayout('admin', {
+      title: 'Vant Console',
+      subtitle: '这个标题来自原生 Page 调用 setPageLayout()。',
+    })
+  },
+  clearLayout() {
+    this.setData({ currentLayout: 'none' })
+    setPageLayout(false)
+  },
+  showState() {
+    Dialog.alert({
+      title: '当前布局',
+      message: `当前状态：${this.data.currentLayout}`,
+    })
+  },
+  backHome() {
+    wx.navigateTo({ url: '/pages/index/index' })
+  },
+})

package/templates/vant/src/pages/layouts/index.wxml

@@ -0,0 +1,17 @@
+<view class="min-h-screen bg-slate-100 px-4 py-5">
+  <view class="rounded-2xl bg-white p-5 shadow-sm">
+    <view class="text-xs font-semibold uppercase tracking-[0.2em] text-rose-700">Native Layouts</view>
+    <view class="mt-3 text-2xl font-bold text-slate-900">Vant 原生模板已接入 layouts</view>
+    <view class="mt-3 text-sm leading-7 text-slate-600">当前状态：{{currentLayout}}</view>
+  </view>
+
+  <view class="mt-4 rounded-2xl bg-white p-5 shadow-sm">
+    <van-button type="primary" bind:tap="applyDefaultLayout">使用 default 布局</van-button>
+    <van-button custom-class="layout-btn" type="danger" plain bind:tap="applyAdminLayout">切到 admin 布局</van-button>
+    <van-button custom-class="layout-btn" type="default" plain bind:tap="clearLayout">关闭布局</van-button>
+    <van-button custom-class="layout-btn" type="success" plain bind:tap="showState">查看当前状态</van-button>
+    <van-button custom-class="layout-btn" type="default" bind:tap="backHome">返回首页</van-button>
+  </view>
+
+  <van-dialog id="van-dialog" />
+</view>

package/templates/vant/tsconfig.json

@@ -1,10 +1,16 @@
 {
   "references": [
     {
-      "path": "./tsconfig.app.json"
+      "path": "./.weapp-vite/tsconfig.app.json"
     },
     {
-      "path": "./tsconfig.node.json"
+      "path": "./.weapp-vite/tsconfig.server.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.node.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.shared.json"
     }
   ],
   "files": []

package/templates/vant/vite.config.ts

@@ -5,6 +5,15 @@ import { defineConfig } from 'weapp-vite/config'
 export default defineConfig({
   weapp: {
     srcRoot: 'src',
+    typescript: {
+      app: {
+        compilerOptions: {
+          paths: {
+            '@vant/weapp/*': ['./node_modules/@vant/weapp/dist/*'],
+          },
+        },
+      },
+    },
     autoImportComponents: {
       resolvers: [VantResolver()],
     },

package/templates/wevu/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weapp-vite-wevu-template",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": true,
   "description": "weapp-vite + wevu (Vue SFC) 模板",
   "author": "ice breaker <1324318532@qq.com>",
@@ -19,8 +19,9 @@
     "dev": "weapp-vite dev",
     "dev:open": "weapp-vite dev -o",
     "build": "weapp-vite build",
-    "typecheck": "vue-tsc --noEmit -p tsconfig.app.json",
-    "open": "weapp-vite open"
+    "typecheck": "vue-tsc --noEmit -p .weapp-vite/tsconfig.app.json",
+    "open": "weapp-vite open",
+    "postinstall": "weapp-vite prepare"
   },
   "devDependencies": {
     "miniprogram-api-typings": "catalog:",

package/templates/wevu/project.private.config.json

@@ -2,7 +2,7 @@
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
   "projectname": "weapp-vite-wevu-template",
   "setting": {
-    "compileHotReLoad": false
+    "compileHotReLoad": true
   },
   "libVersion": "3.13.0"
-}
+}

package/templates/wevu/src/layouts/admin.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+const props = defineProps<{
+  subtitle?: string
+  title?: string
+}>()
+</script>
+
+<template>
+  <view class="layout-admin">
+    <view class="layout-admin__hero">
+      <text class="layout-admin__eyebrow">
+        layouts/admin.vue
+      </text>
+      <text class="layout-admin__title">
+        {{ props.title || 'Admin Layout' }}
+      </text>
+      <text class="layout-admin__subtitle">
+        {{ props.subtitle || '页面内容通过默认 slot 注入到布局中。' }}
+      </text>
+    </view>
+    <view class="layout-admin__body">
+      <slot />
+    </view>
+  </view>
+</template>
+
+<style>
+.layout-admin {
+  min-height: 100%;
+  background:
+    radial-gradient(circle at top right, rgb(37 99 235 / 18%), transparent 32%),
+    linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
+}
+
+.layout-admin__hero {
+  padding: 36rpx 32rpx 32rpx;
+  color: #fff;
+  background: linear-gradient(150deg, #0f172a 0%, #1d4ed8 62%, #60a5fa 100%);
+  border-radius: 0 0 28rpx 28rpx;
+  box-shadow: 0 18rpx 42rpx rgb(29 78 216 / 18%);
+}
+
+.layout-admin__eyebrow {
+  display: inline-flex;
+  padding: 8rpx 16rpx;
+  font-size: 22rpx;
+  background: rgb(255 255 255 / 14%);
+  border-radius: 999rpx;
+}
+
+.layout-admin__title {
+  display: block;
+  margin-top: 18rpx;
+  font-size: 46rpx;
+  font-weight: 700;
+}
+
+.layout-admin__subtitle {
+  display: block;
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  line-height: 1.7;
+  opacity: 0.92;
+}
+
+.layout-admin__body {
+  padding-bottom: 32rpx;
+}
+</style>
+
+<json>
+{
+  "component": true
+}
+</json>

package/templates/wevu/src/layouts/default.vue

@@ -0,0 +1,17 @@
+<template>
+  <view class="layout-default">
+    <slot />
+  </view>
+</template>
+
+<style>
+.layout-default {
+  min-height: 100%;
+}
+</style>
+
+<json>
+{
+  "component": true
+}
+</json>

package/templates/wevu/src/pages/index/index.vue

@@ -10,6 +10,7 @@ const HOME_PATH = '/pages/index/index'
 const OVERVIEW_PATH = '/pages/overview/index'
 const WORKSPACE_PATH = '/packageA/pages/workspace/index'
 const SETTINGS_PATH = '/packageB/pages/settings/index'
+const LAYOUTS_PATH = '/pages/layouts/index'
 
 const route = useRoute()
 const router = useRouter()
@@ -40,6 +41,12 @@ const quickLinks = [
     action: '前往设置',
     path: SETTINGS_PATH,
   },
+  {
+    title: '页面布局',
+    description: '体验 default/admin/false 三种页面壳切换方式。',
+    action: '打开布局页',
+    path: LAYOUTS_PATH,
+  },
 ]
 
 async function pushTo(path: string) {

package/templates/wevu/src/pages/layouts/index.vue

@@ -0,0 +1,171 @@
+<script setup lang="ts">
+import { ref, setPageLayout } from 'wevu'
+import { useRouter } from 'wevu/router'
+
+definePageJson({
+  navigationBarTitleText: '页面布局',
+})
+
+const router = useRouter()
+const currentLayout = ref<'default' | 'admin' | 'none'>('default')
+
+const cards = [
+  {
+    title: 'default 布局',
+    desc: '当前页面默认命中 src/layouts/default.vue，适合作为轻量通用外壳。',
+  },
+  {
+    title: 'admin 布局',
+    desc: '点击按钮后会调用 setPageLayout(\'admin\') 切到命名布局，同时传入标题与说明。',
+  },
+  {
+    title: '关闭布局',
+    desc: '也可以通过 setPageLayout(false) 临时移除页面壳，让页面恢复为原始根结构。',
+  },
+]
+
+function applyDefaultLayout() {
+  currentLayout.value = 'default'
+  setPageLayout('default')
+}
+
+function applyAdminLayout() {
+  currentLayout.value = 'admin'
+  setPageLayout('admin', {
+    title: '业务后台布局',
+    subtitle: '这个标题来自 setPageLayout() 传入的 props。',
+  })
+}
+
+function clearLayout() {
+  currentLayout.value = 'none'
+  setPageLayout(false)
+}
+
+async function backHome() {
+  await router.push('/pages/index/index')
+}
+</script>
+
+<template>
+  <view class="page">
+    <view class="hero">
+      <view class="hero__eyebrow">
+        Layout Playground
+      </view>
+      <view class="hero__title">
+        基础模板已接入 src/layouts 约定
+      </view>
+      <view class="hero__desc">
+        当前状态：{{ currentLayout }}。可以在 default、admin 与 false 三种布局模式之间切换，作为正式业务页面的基础壳能力。
+      </view>
+    </view>
+
+    <view
+      v-for="item in cards"
+      :key="item.title"
+      class="section"
+    >
+      <view class="section__title">
+        {{ item.title }}
+      </view>
+      <text class="section__desc">
+        {{ item.desc }}
+      </text>
+    </view>
+
+    <view class="section">
+      <button class="action-btn" @tap="applyDefaultLayout">
+        使用 default 布局
+      </button>
+      <button class="action-btn action-btn--primary" @tap="applyAdminLayout">
+        切到 admin 布局
+      </button>
+      <button class="action-btn action-btn--ghost" @tap="clearLayout">
+        关闭布局
+      </button>
+      <button class="action-btn action-btn--light" @tap="backHome">
+        返回首页
+      </button>
+    </view>
+  </view>
+</template>
+
+<style>
+.page {
+  box-sizing: border-box;
+  min-height: 100vh;
+  padding: 28rpx 28rpx 40rpx;
+}
+
+.hero,
+.section {
+  padding: 28rpx;
+  margin-top: 20rpx;
+  background: rgb(255 255 255 / 92%);
+  border: 2rpx solid rgb(226 232 240 / 88%);
+  border-radius: 28rpx;
+  box-shadow: 0 12rpx 32rpx rgb(15 23 42 / 4%);
+}
+
+.hero {
+  margin-top: 0;
+  background: linear-gradient(160deg, #eff6ff 0%, #dbeafe 100%);
+  border-color: #bfdbfe;
+}
+
+.hero__eyebrow {
+  font-size: 22rpx;
+  font-weight: 600;
+  color: #1d4ed8;
+}
+
+.hero__title {
+  margin-top: 12rpx;
+  font-size: 40rpx;
+  font-weight: 700;
+  color: #0f172a;
+}
+
+.hero__desc,
+.section__desc {
+  display: block;
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  line-height: 1.7;
+  color: #475569;
+}
+
+.section__title {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: #0f172a;
+}
+
+.action-btn {
+  margin-top: 16rpx;
+  color: #fff;
+  background: #0f172a;
+  border-radius: 999rpx;
+}
+
+.action-btn--primary {
+  background: #2563eb;
+}
+
+.action-btn--ghost {
+  color: #0f172a;
+  background: #e2e8f0;
+}
+
+.action-btn--light {
+  color: #1d4ed8;
+  background: #dbeafe;
+}
+</style>
+
+<json>
+{
+  "navigationBarTitleText": "页面布局"
+}
+</json>

package/templates/wevu/tsconfig.json

@@ -1,10 +1,16 @@
 {
   "references": [
     {
-      "path": "./tsconfig.app.json"
+      "path": "./.weapp-vite/tsconfig.app.json"
     },
     {
-      "path": "./tsconfig.node.json"
+      "path": "./.weapp-vite/tsconfig.server.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.node.json"
+    },
+    {
+      "path": "./.weapp-vite/tsconfig.shared.json"
     }
   ],
   "files": []

package/templates/wevu-tdesign/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weapp-vite-wevu-tailwindcss-tdesign-template",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": true,
   "description": "weapp-vite + wevu (Vue SFC) 模板",
   "author": "ice breaker <1324318532@qq.com>",
@@ -19,9 +19,9 @@
     "dev": "weapp-vite dev",
     "dev:open": "weapp-vite dev -o",
     "build": "weapp-vite build",
-    "typecheck": "vue-tsc --noEmit -p tsconfig.app.json",
+    "typecheck": "vue-tsc --noEmit -p .weapp-vite/tsconfig.app.json",
     "open": "weapp-vite open",
-    "postinstall": "weapp-tw patch"
+    "postinstall": "weapp-tw patch && weapp-vite prepare"
   },
   "dependencies": {
     "tdesign-miniprogram": "catalog:"
@@ -33,7 +33,7 @@
     "miniprogram-api-typings": "catalog:",
     "postcss": "catalog:",
     "sass": "catalog:",
-    "tailwindcss": "catalog:",
+    "tailwindcss": "catalog:tailwind3",
     "typescript": "catalog:",
     "vue-tsc": "catalog:",
     "weapp-tailwindcss": "catalog:",

package/templates/wevu-tdesign/project.private.config.json

@@ -2,7 +2,7 @@
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
   "projectname": "weapp-vite-wevu-tailwindcss-tdesign-template",
   "setting": {
-    "compileHotReLoad": false
+    "compileHotReLoad": true
   },
   "condition": {
     "miniprogram": {

package/templates/wevu-tdesign/src/app.vue

@@ -4,6 +4,7 @@ import { onHide, onLaunch, onShow } from 'wevu'
 defineAppJson({
   pages: [
     'pages/index/index',
+    'pages/layouts/index',
     'pages/data/index',
     'pages/form/index',
     'pages/list/index',

package/templates/wevu-tdesign/src/components/KpiBoard/index.vue

@@ -18,12 +18,6 @@ const props = withDefaults(defineProps<{
   columns: 2,
 })
 
-console.log('props', JSON.stringify(props))
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-
 type KpiTone = 'positive' | 'negative' | 'neutral'
 
 export interface KpiItem {
@@ -35,6 +29,10 @@ export interface KpiItem {
   footnote?: string
 }
 
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+
 function resolveTone(delta?: number): KpiTone {
   if (delta === undefined || Number.isNaN(delta)) {
     return 'neutral'

package/templates/wevu-tdesign/src/hooks/useToast.ts

@@ -23,7 +23,7 @@ export function useToast(options: ToastOptions = {}) {
       selector,
       context: mpContext as any,
       message,
-      theme,
+      ...(theme === 'default' ? {} : { theme }),
       duration,
     })
   }

package/templates/wevu-tdesign/src/layouts/admin.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+const props = defineProps<{
+  subtitle?: string
+  title?: string
+}>()
+</script>
+
+<template>
+  <view class="layout-admin min-h-full bg-[linear-gradient(180deg,#f8f7ff_0%,#f1efff_100%)]">
+    <view class="rounded-b-[32rpx] bg-[linear-gradient(145deg,#2f2b5f_0%,#4b3fb8_64%,#8b7bff_100%)] px-[32rpx] pb-[32rpx] pt-[36rpx] text-white shadow-[0_18rpx_42rpx_rgba(75,63,184,0.18)]">
+      <text class="inline-flex rounded-full bg-white/15 px-[16rpx] py-[8rpx] text-[22rpx]">
+        layouts/admin.vue
+      </text>
+      <text class="mt-[18rpx] block text-[46rpx] font-semibold">
+        {{ props.title || 'Admin Layout' }}
+      </text>
+      <text class="mt-[12rpx] block text-[24rpx] leading-[1.7] text-white/90">
+        {{ props.subtitle || '页面内容通过默认 slot 注入到布局中。' }}
+      </text>
+    </view>
+    <view class="pb-[32rpx]">
+      <slot />
+    </view>
+  </view>
+</template>
+
+<style>
+.layout-admin {
+  min-height: 100%;
+}
+</style>
+
+<json>
+{
+  "component": true
+}
+</json>

package/templates/wevu-tdesign/src/layouts/default.vue

@@ -0,0 +1,17 @@
+<template>
+  <view class="layout-default">
+    <slot />
+  </view>
+</template>
+
+<style>
+.layout-default {
+  min-height: 100%;
+}
+</style>
+
+<json>
+{
+  "component": true
+}
+</json>