create-weapp-vite 2.0.53 → 2.0.55

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

@@ -0,0 +1,44 @@
+import { setPageLayout } from 'weapp-vite/runtime'
+
+Page({
+  data: {
+    currentLayout: 'default',
+    cards: [
+      {
+        title: 'default 布局',
+        desc: '当前页面首次进入时默认命中 src/layouts/default.vue。',
+      },
+      {
+        title: 'admin 布局',
+        desc: '点击按钮后会调用 setPageLayout("admin", props) 切到命名布局。',
+      },
+      {
+        title: '关闭布局',
+        desc: '也可以通过 setPageLayout(false) 临时关闭布局壳。',
+      },
+    ],
+  },
+  onLoad() {
+    setPageLayout('default')
+  },
+  applyDefaultLayout() {
+    this.setData({ currentLayout: 'default' })
+    setPageLayout('default')
+  },
+  applyAdminLayout() {
+    this.setData({ currentLayout: 'admin' })
+    setPageLayout('admin', {
+      title: 'Library Console',
+      subtitle: '这个标题来自原生 Page 中调用的 setPageLayout()。',
+    })
+  },
+  clearLayout() {
+    this.setData({ currentLayout: 'none' })
+    setPageLayout(false)
+  },
+  backHome() {
+    wx.navigateTo({
+      url: '/pages/index/index',
+    })
+  },
+})

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

@@ -0,0 +1,19 @@
+<view class="page">
+  <view class="hero">
+    <view class="hero__eyebrow">Native Layouts</view>
+    <view class="hero__title">原生 Page 已接入 layouts 与 setPageLayout()</view>
+    <view class="hero__desc">当前状态：{{currentLayout}}</view>
+  </view>
+
+  <view wx:for="{{cards}}" wx:key="title" class="section">
+    <view class="section-title">{{item.title}}</view>
+    <view class="section-desc">{{item.desc}}</view>
+  </view>
+
+  <view class="section">
+    <button class="action-btn" bindtap="applyDefaultLayout">使用 default 布局</button>
+    <button class="action-btn action-btn--primary" bindtap="applyAdminLayout">切到 admin 布局</button>
+    <button class="action-btn action-btn--ghost" bindtap="clearLayout">关闭布局</button>
+    <button class="action-btn action-btn--light" bindtap="backHome">返回首页</button>
+  </view>
+</view>

package/templates/lib/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/lib/weapp-vite.lib.config.ts

@@ -17,5 +17,10 @@ export default defineConfig({
   build: {
     outDir: 'dist-lib',
     minify: false,
+    rolldownOptions: {
+      external: [
+        /^wevu(?:\/.*)?$/,
+      ],
+    },
   },
 })

package/templates/tailwindcss/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weapp-vite-tailwindcss-template",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "private": true,
   "description": "原生微信小程序 weapp-vite + tailwindcss 模板",
   "author": "ice breaker <1324318532@qq.com>",
@@ -21,7 +21,7 @@
     "build": "weapp-vite build",
     "open": "weapp-vite open",
     "g": "weapp-vite generate",
-    "postinstall": "weapp-tw patch"
+    "postinstall": "weapp-tw patch && weapp-vite prepare"
   },
   "devDependencies": {
     "@egoist/tailwindcss-icons": "catalog:",
@@ -30,7 +30,7 @@
     "miniprogram-api-typings": "catalog:",
     "postcss": "catalog:",
     "sass": "catalog:",
-    "tailwindcss": "catalog:",
+    "tailwindcss": "catalog:tailwind3",
     "typescript": "catalog:",
     "weapp-tailwindcss": "catalog:",
     "weapp-vite": "workspace:*"

package/templates/tailwindcss/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-tailwindcss-template",
   "setting": {
-    "compileHotReLoad": false
+    "compileHotReLoad": true
   },
   "libVersion": "3.9.3"
 }

package/templates/tailwindcss/src/app.json

@@ -2,7 +2,8 @@
   "$schema": "https://vite.icebreaker.top/app.json",
   "pages": [
     "pages/index/index",
-    "pages/profile/index"
+    "pages/profile/index",
+    "pages/layouts/index"
   ],
   "window": {},
   "style": "v2",

package/templates/tailwindcss/src/layouts/admin/index.json

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

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

@@ -0,0 +1,40 @@
+.layout-admin {
+  min-height: 100%;
+  background:
+    radial-gradient(circle at top right, rgb(34 197 94 / 18%), transparent 28%),
+    linear-gradient(180deg, #f7fff8 0%, #effcf2 100%);
+}
+
+.layout-admin__hero {
+  padding: 36rpx 32rpx 32rpx;
+  color: #fff;
+  background: linear-gradient(145deg, #14532d 0%, #16a34a 64%, #4ade80 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/tailwindcss/src/layouts/admin/index.ts

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

package/templates/tailwindcss/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 || 'Tailwind Admin Layout'}}</text>
+    <text class="layout-admin__subtitle">{{subtitle || 'Tailwind 原生模板也支持 setPageLayout()。'}}</text>
+  </view>
+  <view class="layout-admin__body">
+    <slot />
+  </view>
+</view>

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

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

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

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

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

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

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

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

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

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

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

@@ -20,5 +20,8 @@
     <view class="underline" mark:url="https://tw.icebreaker.top/" bind:tap="copy">
       https://tw.icebreaker.top/
     </view>
+    <button class="rounded-full bg-sky-600 px-6 py-2 text-white" bindtap="goToLayouts">
+      打开布局演示页
+    </button>
   </view>
 </view>

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

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

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

@@ -0,0 +1 @@
+/* 由 Tailwind utility class 驱动，保留空文件用于页面 sidecar 结构 */

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

@@ -0,0 +1,33 @@
+import { setPageLayout } from 'weapp-vite/runtime'
+
+Page({
+  data: {
+    currentLayout: 'default',
+    cards: [
+      { title: 'default 布局', desc: '当前页面默认命中 src/layouts/default。' },
+      { title: 'admin 布局', desc: '通过 setPageLayout("admin", props) 切换到命名布局。' },
+      { title: '关闭布局', desc: '通过 setPageLayout(false) 移除当前页面壳。' },
+    ],
+  },
+  onLoad() {
+    setPageLayout('default')
+  },
+  applyDefaultLayout() {
+    this.setData({ currentLayout: 'default' })
+    setPageLayout('default')
+  },
+  applyAdminLayout() {
+    this.setData({ currentLayout: 'admin' })
+    setPageLayout('admin', {
+      title: 'Tailwind Console',
+      subtitle: '这个标题来自原生 Page 调用 setPageLayout()。',
+    })
+  },
+  clearLayout() {
+    this.setData({ currentLayout: 'none' })
+    setPageLayout(false)
+  },
+  backHome() {
+    wx.switchTab({ url: '/pages/index/index' })
+  },
+})

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

@@ -0,0 +1,19 @@
+<view class="min-h-screen bg-slate-100 px-4 py-5">
+  <view class="rounded-2xl border border-sky-200 bg-gradient-to-br from-sky-50 to-white p-5 shadow-sm">
+    <view class="text-xs font-semibold uppercase tracking-[0.2em] text-sky-700">Native Layouts</view>
+    <view class="mt-3 text-2xl font-bold text-slate-900">Tailwind 原生模板已接入 layouts</view>
+    <view class="mt-3 text-sm leading-7 text-slate-600">当前状态：{{currentLayout}}</view>
+  </view>
+
+  <view wx:for="{{cards}}" wx:key="title" class="mt-4 rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
+    <view class="text-lg font-bold text-slate-900">{{item.title}}</view>
+    <view class="mt-3 text-sm leading-7 text-slate-600">{{item.desc}}</view>
+  </view>
+
+  <view class="mt-4 rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
+    <button class="!mt-0 rounded-full bg-slate-900 text-white" bindtap="applyDefaultLayout">使用 default 布局</button>
+    <button class="mt-3 rounded-full bg-emerald-600 text-white" bindtap="applyAdminLayout">切到 admin 布局</button>
+    <button class="mt-3 rounded-full bg-slate-200 text-slate-900" bindtap="clearLayout">关闭布局</button>
+    <button class="mt-3 rounded-full bg-sky-100 text-sky-700" bindtap="backHome">返回首页</button>
+  </view>
+</view>

package/templates/tailwindcss/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/tdesign/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weapp-vite-tailwindcss-tdesign-template",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "private": true,
   "description": "原生微信小程序 weapp-vite + tailwindcss + tdesign 模板",
   "author": "ice breaker <1324318532@qq.com>",
@@ -21,7 +21,7 @@
     "build": "weapp-vite build",
     "open": "weapp-vite open",
     "g": "weapp-vite generate",
-    "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:",
     "weapp-tailwindcss": "catalog:",
     "weapp-vite": "workspace:*"

package/templates/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-tailwindcss-tdesign-template",
   "setting": {
-    "compileHotReLoad": false
+    "compileHotReLoad": true
   },
   "libVersion": "3.14.2"
-}
+}

package/templates/tdesign/src/app.json

@@ -1,7 +1,8 @@
 {
   "$schema": "https://vite.icebreaker.top/app.json",
   "pages": [
-    "pages/index/index"
+    "pages/index/index",
+    "pages/layouts/index"
   ],
   "window": {},
   "componentFramework": "glass-easel",

package/templates/tdesign/src/layouts/admin/index.json

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

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

@@ -0,0 +1,40 @@
+.layout-admin {
+  min-height: 100%;
+  background:
+    radial-gradient(circle at top right, rgb(99 102 241 / 18%), transparent 28%),
+    linear-gradient(180deg, #f7f7ff 0%, #f0f2ff 100%);
+}
+
+.layout-admin__hero {
+  padding: 36rpx 32rpx 32rpx;
+  color: #fff;
+  background: linear-gradient(145deg, #2f2b5f 0%, #4b3fb8 64%, #8b7bff 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/tdesign/src/layouts/admin/index.ts

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

package/templates/tdesign/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 || 'TDesign Admin Layout'}}</text>
+    <text class="layout-admin__subtitle">{{subtitle || 'TDesign 原生模板也支持 setPageLayout()。'}}</text>
+  </view>
+  <view class="layout-admin__body">
+    <slot />
+  </view>
+</view>

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

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

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

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

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

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

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

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

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

@@ -84,6 +84,11 @@ Page({
     // eslint-disable-next-line no-console
     console.log(hello())
   },
+  goToLayouts() {
+    wx.navigateTo({
+      url: '/pages/layouts/index',
+    })
+  },
   handleAction() {
     ActionSheet.show({
       theme: ActionSheetTheme.Grid,

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

@@ -19,6 +19,9 @@
     <view>
       <t-button theme="primary" ghost bind:tap="handleAction">TDesign Button</t-button>
     </view>
+    <view>
+      <t-button theme="success" variant="outline" bind:tap="goToLayouts">打开布局演示页</t-button>
+    </view>
   </view>
   <t-action-sheet id="t-action-sheet" bind:selected="handleSelected" />
 </view>

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

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

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

@@ -0,0 +1 @@
+/* 由 Tailwind utility class 驱动，保留空文件用于页面 sidecar 结构 */

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

@@ -0,0 +1,32 @@
+import Toast from 'tdesign-miniprogram/toast/index'
+import { setPageLayout } from 'weapp-vite/runtime'
+
+Page({
+  data: {
+    currentLayout: 'default',
+  },
+  onLoad() {
+    setPageLayout('default')
+  },
+  applyDefaultLayout() {
+    this.setData({ currentLayout: 'default' })
+    setPageLayout('default')
+    Toast({ context: this, selector: '#t-toast', message: '已切回 default 布局' })
+  },
+  applyAdminLayout() {
+    this.setData({ currentLayout: 'admin' })
+    setPageLayout('admin', {
+      title: 'TDesign Console',
+      subtitle: '这个标题来自原生 Page 调用 setPageLayout()。',
+    })
+    Toast({ context: this, selector: '#t-toast', message: '已切换到 admin 布局' })
+  },
+  clearLayout() {
+    this.setData({ currentLayout: 'none' })
+    setPageLayout(false)
+    Toast({ context: this, selector: '#t-toast', message: '已关闭布局' })
+  },
+  backHome() {
+    wx.navigateTo({ url: '/pages/index/index' })
+  },
+})

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

@@ -0,0 +1,16 @@
+<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-violet-700">Native Layouts</view>
+    <view class="mt-3 text-2xl font-bold text-slate-900">TDesign 原生模板已接入 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">
+    <t-button block theme="primary" bind:tap="applyDefaultLayout">使用 default 布局</t-button>
+    <t-button class="mt-3" block theme="success" variant="outline" bind:tap="applyAdminLayout">切到 admin 布局</t-button>
+    <t-button class="mt-3" block theme="warning" variant="outline" bind:tap="clearLayout">关闭布局</t-button>
+    <t-button class="mt-3" block theme="default" variant="outline" bind:tap="backHome">返回首页</t-button>
+  </view>
+
+  <t-toast id="t-toast" />
+</view>

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

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

package/templates/vant/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weapp-vite-tailwindcss-vant-template",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "private": true,
   "description": "原生微信小程序 weapp-vite + tailwindcss 模板",
   "author": "ice breaker <1324318532@qq.com>",
@@ -21,7 +21,7 @@
     "build": "weapp-vite build",
     "open": "weapp-vite open",
     "g": "weapp-vite generate",
-    "postinstall": "weapp-tw patch"
+    "postinstall": "weapp-tw patch && weapp-vite prepare"
   },
   "dependencies": {
     "@vant/weapp": "catalog:"
@@ -33,7 +33,7 @@
     "miniprogram-api-typings": "catalog:",
     "postcss": "catalog:",
     "sass": "catalog:",
-    "tailwindcss": "catalog:",
+    "tailwindcss": "catalog:tailwind3",
     "typescript": "catalog:",
     "weapp-tailwindcss": "catalog:",
     "weapp-vite": "workspace:*"

package/templates/vant/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-tailwindcss-vant-template",
   "setting": {
-    "compileHotReLoad": false
+    "compileHotReLoad": true
   },
   "libVersion": "3.14.0"
 }

package/templates/vant/src/app.json

@@ -1,7 +1,8 @@
 {
   "$schema": "https://vite.icebreaker.top/app.json",
   "pages": [
-    "pages/index/index"
+    "pages/index/index",
+    "pages/layouts/index"
   ],
   "window": {},
   "componentFramework": "glass-easel",

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

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