create-weapp-vite 2.0.52 → 2.0.55

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

@@ -98,6 +98,16 @@ const quickActions = ref<QuickActionItem[]>([
     path: '/pages/ability/index',
     type: 'tab',
   },
+  {
+    key: 'layouts',
+    title: '布局能力',
+    description: 'default / admin / false',
+    icon: 'layers',
+    tag: 'Layout',
+    tone: 'brand',
+    path: '/pages/layouts/index',
+    type: 'sub',
+  },
   {
     key: 'lab',
     title: '组件实验室',

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

@@ -0,0 +1,96 @@
+<script setup lang="ts">
+import { ref, setPageLayout } from 'wevu'
+
+import SectionTitle from '@/components/SectionTitle/index.vue'
+import { useToast } from '@/hooks/useToast'
+
+definePageJson({
+  navigationBarTitleText: '布局',
+  backgroundColor: '#f6f7fb',
+})
+
+const { showToast } = useToast()
+const currentLayout = ref<'default' | 'admin' | 'none'>('default')
+
+const cards = [
+  {
+    key: 'default',
+    title: 'default 布局',
+    desc: '页面未声明 layout 时，会自动命中 src/layouts/default.vue。',
+  },
+  {
+    key: 'admin',
+    title: 'admin 布局',
+    desc: '通过 setPageLayout(\'admin\') 切换到命名布局，并把 title/subtitle 作为 props 传给布局组件。',
+  },
+  {
+    key: 'none',
+    title: '关闭布局',
+    desc: '通过 setPageLayout(false) 临时移除页面壳，用于沉浸式页或特殊根结构。',
+  },
+]
+
+function applyDefaultLayout() {
+  currentLayout.value = 'default'
+  setPageLayout('default')
+  showToast('已切回 default 布局')
+}
+
+function applyAdminLayout() {
+  currentLayout.value = 'admin'
+  setPageLayout('admin', {
+    title: 'Studio Admin',
+    subtitle: '这个标题来自 setPageLayout() 运行时传入的 props。',
+  })
+  showToast('已切换到 admin 布局')
+}
+
+function clearLayout() {
+  currentLayout.value = 'none'
+  setPageLayout(false)
+  showToast('已关闭布局')
+}
+</script>
+
+<template>
+  <view class="min-h-screen bg-[#f6f7fb] px-[28rpx] pb-[88rpx] pt-[24rpx] text-[#1c1c3c]">
+    <view class="rounded-[28rpx] bg-gradient-to-br from-[#eef2ff] via-[#ffffff] to-[#ede9fe] p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.06)]">
+      <SectionTitle title="页面布局能力" subtitle="基础模板已接入 src/layouts 目录约定" />
+      <text class="mt-[12rpx] block text-[22rpx] leading-[1.7] text-[#5b5b7b]">
+        当前状态：{{ currentLayout }}。可在 default、admin 与 false 三种模式之间切换，用来承接后台页、运营页或沉浸式页面。
+      </text>
+    </view>
+
+    <view class="mt-[18rpx] flex flex-col gap-[14rpx]">
+      <view
+        v-for="item in cards"
+        :key="item.key"
+        class="rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]"
+      >
+        <text class="text-[28rpx] font-semibold text-[#1f1a3f]">
+          {{ item.title }}
+        </text>
+        <text class="mt-[10rpx] block text-[22rpx] leading-[1.7] text-[#6f6b8a]">
+          {{ item.desc }}
+        </text>
+      </view>
+    </view>
+
+    <view class="mt-[18rpx] rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
+      <SectionTitle title="切换布局" subtitle="运行时调用 setPageLayout()" />
+      <view class="mt-[14rpx] flex flex-col gap-[12rpx]">
+        <t-button block theme="primary" @tap="applyDefaultLayout">
+          使用 default 布局
+        </t-button>
+        <t-button block theme="success" variant="outline" @tap="applyAdminLayout">
+          切到 admin 布局
+        </t-button>
+        <t-button block theme="warning" variant="outline" @tap="clearLayout">
+          关闭布局
+        </t-button>
+      </view>
+    </view>
+
+    <t-toast id="t-toast" />
+  </view>
+</template>

package/templates/wevu-tdesign/src/subpackages/lab/index.vue

@@ -22,6 +22,22 @@ const tabs = [
   { value: 'display', label: '展示' },
 ]
 
+function handleTabChange(e: any) {
+  activeTab.value = String(e.detail.value)
+}
+
+function handleRateChange(e: any) {
+  rating.value = Number(e.detail.value)
+}
+
+function handleSliderChange(e: any) {
+  slider.value = Number(e.detail.value)
+}
+
+function handleToggleChange(e: any) {
+  toggle.value = Boolean(e.detail.value)
+}
+
 function navigateTo(url: string) {
   wx.navigateTo({
     url,
@@ -34,7 +50,7 @@ function navigateTo(url: string) {
     <view class="rounded-[28rpx] bg-gradient-to-br from-[#f5f3ff] via-[#ffffff] to-[#eef2ff] p-[20rpx]">
       <SectionTitle title="TDesign 组件实验室" subtitle="常用组件的组合应用" />
       <view class="mt-[12rpx]">
-        <t-tabs :value="activeTab" @change="(e) => (activeTab = e.detail.value)">
+        <t-tabs :value="activeTab" @change="handleTabChange">
           <t-tab-panel v-for="tab in tabs" :key="tab.value" :value="tab.value" :label="tab.label" />
         </t-tabs>
       </view>
@@ -68,7 +84,7 @@ function navigateTo(url: string) {
               B
             </t-avatar>
           </t-badge>
-          <t-avatar-group max="3" size="small">
+          <t-avatar-group :max="3" size="small">
             <t-avatar>U1</t-avatar>
             <t-avatar>U2</t-avatar>
             <t-avatar>U3</t-avatar>
@@ -92,14 +108,14 @@ function navigateTo(url: string) {
           <text class="text-[22rpx] text-[#6f6b8a]">
             满意度评分
           </text>
-          <t-rate :value="rating" @change="(e) => (rating = e.detail.value)" />
+          <t-rate :value="rating" @change="handleRateChange" />
         </view>
         <view class="flex items-center justify-between">
           <text class="text-[22rpx] text-[#6f6b8a]">
             阈值调整
           </text>
           <view class="flex items-center gap-[12rpx]">
-            <t-slider :value="slider" @change="(e) => (slider = e.detail.value)" />
+            <t-slider :value="slider" @change="handleSliderChange" />
             <text class="text-[22rpx] text-[#6f6b8a]">
               {{ slider }}%
             </text>
@@ -109,7 +125,7 @@ function navigateTo(url: string) {
           <text class="text-[22rpx] text-[#6f6b8a]">
             自动提醒
           </text>
-          <t-switch :value="toggle" @change="(e) => (toggle = e.detail.value)" />
+          <t-switch :value="toggle" @change="handleToggleChange" />
         </view>
       </view>
 
@@ -142,7 +158,7 @@ function navigateTo(url: string) {
           <text class="text-[22rpx] text-[#6f6b8a]">
             扫码体验
           </text>
-          <t-qrcode value="https://vite.icebreaker.top" size="90" />
+          <t-qrcode value="https://vite.icebreaker.top" :size="90" />
         </view>
       </view>
     </view>

package/templates/wevu-tdesign/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/vite.config.ts

@@ -11,6 +11,15 @@ export default defineConfig({
   },
   weapp: {
     srcRoot: 'src',
+    typescript: {
+      app: {
+        compilerOptions: {
+          paths: {
+            'tdesign-miniprogram/*': ['./node_modules/tdesign-miniprogram/miniprogram_dist/*'],
+          },
+        },
+      },
+    },
     autoRoutes: true,
     autoImportComponents: {
       resolvers: [TDesignResolver()],

package/templates/default/tsconfig.app.json

@@ -1,49 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2023",
-    "jsx": "preserve",
-    "lib": [
-      "ES2023",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "moduleDetection": "force",
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ]
-    },
-    "resolveJsonModule": true,
-    "types": [
-      "miniprogram-api-typings"
-    ],
-    "allowImportingTsExtensions": true,
-    "allowJs": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "vueCompilerOptions": {
-    "plugins": [
-      "weapp-vite/volar"
-    ]
-  },
-  "include": [
-    "src/**/*",
-    "types/**/*.d.ts",
-    "env.d.ts"
-  ]
-}

package/templates/default/tsconfig.node.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": [
-      "ES2023"
-    ],
-    "moduleDetection": "force",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "types": [
-      "node"
-    ],
-    "allowImportingTsExtensions": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.*.ts",
-    "*.config.ts",
-    "config/**/*.ts",
-    "scripts/**/*.ts"
-  ]
-}

package/templates/lib/tsconfig.app.json

@@ -1,49 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2023",
-    "jsx": "preserve",
-    "lib": [
-      "ES2023",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "moduleDetection": "force",
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ]
-    },
-    "resolveJsonModule": true,
-    "types": [
-      "miniprogram-api-typings"
-    ],
-    "allowImportingTsExtensions": true,
-    "allowJs": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "vueCompilerOptions": {
-    "plugins": [
-      "weapp-vite/volar"
-    ]
-  },
-  "include": [
-    "src/**/*",
-    "types/**/*.d.ts",
-    "env.d.ts"
-  ]
-}

package/templates/lib/tsconfig.node.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": [
-      "ES2023"
-    ],
-    "moduleDetection": "force",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "types": [
-      "node"
-    ],
-    "allowImportingTsExtensions": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.*.ts",
-    "*.config.ts",
-    "config/**/*.ts",
-    "scripts/**/*.ts"
-  ]
-}

package/templates/tailwindcss/tsconfig.app.json

@@ -1,49 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2023",
-    "jsx": "preserve",
-    "lib": [
-      "ES2023",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "moduleDetection": "force",
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ]
-    },
-    "resolveJsonModule": true,
-    "types": [
-      "miniprogram-api-typings"
-    ],
-    "allowImportingTsExtensions": true,
-    "allowJs": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "vueCompilerOptions": {
-    "plugins": [
-      "weapp-vite/volar"
-    ]
-  },
-  "include": [
-    "src/**/*",
-    "types/**/*.d.ts",
-    "env.d.ts"
-  ]
-}

package/templates/tailwindcss/tsconfig.node.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": [
-      "ES2023"
-    ],
-    "moduleDetection": "force",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "types": [
-      "node"
-    ],
-    "allowImportingTsExtensions": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.*.ts",
-    "*.config.ts",
-    "config/**/*.ts",
-    "scripts/**/*.ts"
-  ]
-}

package/templates/tdesign/tsconfig.app.json

@@ -1,52 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2023",
-    "jsx": "preserve",
-    "lib": [
-      "ES2023",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "moduleDetection": "force",
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ],
-      "tdesign-miniprogram/*": [
-        "./node_modules/tdesign-miniprogram/miniprogram_dist/*"
-      ]
-    },
-    "resolveJsonModule": true,
-    "types": [
-      "miniprogram-api-typings"
-    ],
-    "allowImportingTsExtensions": true,
-    "allowJs": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "vueCompilerOptions": {
-    "plugins": [
-      "weapp-vite/volar"
-    ]
-  },
-  "include": [
-    "src/**/*",
-    "types/**/*.d.ts",
-    "env.d.ts"
-  ]
-}

package/templates/tdesign/tsconfig.node.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": [
-      "ES2023"
-    ],
-    "moduleDetection": "force",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "types": [
-      "node"
-    ],
-    "allowImportingTsExtensions": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.*.ts",
-    "*.config.ts",
-    "config/**/*.ts",
-    "scripts/**/*.ts"
-  ]
-}

package/templates/vant/tsconfig.app.json

@@ -1,52 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2023",
-    "jsx": "preserve",
-    "lib": [
-      "ES2023",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "moduleDetection": "force",
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ],
-      "@vant/weapp/*": [
-        "./node_modules/@vant/weapp/dist/*"
-      ]
-    },
-    "resolveJsonModule": true,
-    "types": [
-      "miniprogram-api-typings"
-    ],
-    "allowImportingTsExtensions": true,
-    "allowJs": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "vueCompilerOptions": {
-    "plugins": [
-      "weapp-vite/volar"
-    ]
-  },
-  "include": [
-    "src/**/*",
-    "types/**/*.d.ts",
-    "env.d.ts"
-  ]
-}

package/templates/vant/tsconfig.node.json

@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": [
-      "ES2023"
-    ],
-    "moduleDetection": "force",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "types": [
-      "node"
-    ],
-    "allowImportingTsExtensions": true,
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "verbatimModuleSyntax": true,
-    "noUncheckedSideEffectImports": true,
-    "erasableSyntaxOnly": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.*.ts",
-    "*.config.ts",
-    "config/**/*.ts",
-    "scripts/**/*.ts"
-  ]
-}

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

@@ -1,25 +0,0 @@
-/* eslint-disable */
-// biome-ignore lint: disable
-// oxlint-disable
-// ------
-// 由 weapp-vite autoImportComponents 生成
-import type { ComponentOptionsMixin, DefineComponent, PublicProps } from 'wevu'
-import type { ComponentProp } from 'weapp-vite/typed-components'
-
-export {}
-
-type WeappComponent<Props = Record<string, any>> = new (...args: any[]) => InstanceType<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Props, {}>>
-type __WeappComponentImport<TModule, Fallback = {}> = 0 extends 1 & TModule ? Fallback : TModule extends { default: infer Component } ? Component & Fallback : Fallback
-
-declare module 'wevu' {
-  export interface GlobalComponents {
-    InfoPanel: typeof import("./components/InfoPanel/index.vue")['default'];
-    StatusPill: typeof import("./components/StatusPill/index.vue")['default'];
-  }
-}
-
-// 用于 TSX 支持
-declare global {
-  const InfoPanel: typeof import("./components/InfoPanel/index.vue")['default']
-  const StatusPill: typeof import("./components/StatusPill/index.vue")['default']
-}