create-weapp-vite 2.0.31 → 2.0.32

package/README.md

@@ -53,6 +53,7 @@ await createProject('my-app', TemplateName.wevu)
 - `vant`
 - `tdesign`
 - `wevu-tdesign`
+- `wevu-retail`
 
 ## 相关链接
 

package/dist/{chunk-FGMHC2DJ.js → chunk-IT75MAH3.js}

@@ -5,15 +5,16 @@ import fs2 from "fs-extra";
 import path2 from "pathe";
 
 // ../weapp-vite/package.json
-var version = "6.6.7";
+var version = "6.6.8";
 
 // ../wevu/package.json
-var version2 = "6.6.7";
+var version2 = "6.6.8";
 
 // src/enums.ts
 var TemplateName = /* @__PURE__ */ ((TemplateName2) => {
   TemplateName2["default"] = "default";
   TemplateName2["wevu"] = "wevu";
+  TemplateName2["wevuRetail"] = "wevu-retail";
   TemplateName2["tailwindcss"] = "tailwindcss";
   TemplateName2["vant"] = "vant";
   TemplateName2["tdesign"] = "tdesign";

package/dist/cli.js

@@ -1,6 +1,6 @@
 import {
   createProject
-} from "./chunk-FGMHC2DJ.js";
+} from "./chunk-IT75MAH3.js";
 
 // src/cli.ts
 import path from "path";
@@ -40,6 +40,10 @@ async function run() {
         name: "Wevu + TDesign \u6A21\u677F (wevu + tdesign + tailwindcss)",
         value: "wevu-tdesign" /* wevuTdesign */
       },
+      {
+        name: "Wevu Retail \u6A21\u677F (wevu + tdesign + tailwindcss + mokup)",
+        value: "wevu-retail" /* wevuRetail */
+      },
       {
         name: "\u96C6\u6210 Tailwindcss",
         value: "tailwindcss" /* tailwindcss */

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 declare enum TemplateName {
     default = "default",
     wevu = "wevu",
+    wevuRetail = "wevu-retail",
     tailwindcss = "tailwindcss",
     vant = "vant",
     tdesign = "tdesign",

package/dist/index.js

@@ -1,7 +1,7 @@
 import {
   TemplateName,
   createProject
-} from "./chunk-FGMHC2DJ.js";
+} from "./chunk-IT75MAH3.js";
 export {
   TemplateName,
   createProject

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-weapp-vite",
   "type": "module",
-  "version": "2.0.31",
+  "version": "2.0.32",
   "description": "create-weapp-vite",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",

package/templates/wevu-retail/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/templates/wevu-retail/.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "html.customData": [
+    "./mini-program.html-data.json"
+  ],
+  "vue.server.hybridMode": false,
+  "vue.tsserver.useWorkspaceTsdk": false,
+  "tailwindCSS.includeLanguages": {
+    "wxml": "html"
+  }
+}

package/templates/wevu-retail/AGENTS.md

@@ -0,0 +1,35 @@
+# AGENTS Guidelines (retail template)
+
+Scope: everything under `templates/weapp-vite-wevu-tailwindcss-tdesign-retail-template/`.
+
+Use this file together with root `AGENTS.md`.
+
+## 1. Source of Truth
+
+- This template must stay aligned with:
+  - `apps/tdesign-miniprogram-starter-retail`
+- Page mapping, interaction behavior, and major WXML DOM structure should remain parity-compatible.
+- Do not add extra business regions, placeholder blocks, or additional interaction flows not present in source app.
+
+## 2. Authoring Constraints
+
+- Page/component source must use Vue SFC + TypeScript.
+- Do not reintroduce native mini-program 4-file page/component source style (`.js + .wxml + .wxss + .json`) for business pages/components.
+- Styles should use Tailwind utility workflow configured with `weapp-tailwindcss`.
+- Avoid ad-hoc copy scripts for WXS sidecar files when normal `weapp-vite` pipeline can resolve them.
+
+## 3. Fast Validation Commands
+
+- Template local checks:
+  - `pnpm -C templates/weapp-vite-wevu-tailwindcss-tdesign-retail-template typecheck`
+  - `pnpm -C templates/weapp-vite-wevu-tailwindcss-tdesign-retail-template build`
+- Parity e2e check:
+  - `pnpm vitest run -c ./e2e/vitest.e2e.devtools.config.ts e2e/ide/template-weapp-vite-wevu-tailwindcss-tdesign-retail-template.test.ts`
+
+Use full e2e matrix only if parity test or shared runtime/compiler tests indicate wider impact.
+
+## 4. WXML/WXS Notes
+
+- Keep generated WXML valid for WeChat DevTools parser.
+- `<wxs />` self-closing and non-self-closing forms are both valid inputs and should remain supported by compile pipeline.
+- If WXS import resolution fails, prefer fixing compiler/transform handling over adding template-level workarounds.

package/templates/wevu-retail/README.md

@@ -0,0 +1,26 @@
+# weapp-vite-wevu-tailwindcss-tdesign-retail-template
+
+该模板页面、组件与交互逻辑已与 `apps/tdesign-miniprogram-starter-retail` 保持一致。
+
+- 页面与业务组件统一采用 Vue SFC（`.vue`）编写
+- 业务脚本统一采用 TypeScript（`lang="ts"` / `*.ts`）
+- 不再使用微信原生四文件（`*.js` + `*.wxml` + `*.wxss` + `*.json`）作为页面/组件源码
+
+## 开发
+
+```bash
+pnpm install
+pnpm dev
+```
+
+## 构建
+
+```bash
+pnpm build
+```
+
+## 页面对齐说明
+
+- 页面路径与 `app.json` 分包配置一一对应
+- 页面结构、组件引用、事件处理与原项目同步
+- 不包含 `RetailPageShell`/`mokup` 占位页实现

package/templates/wevu-retail/auto-import-components.json

@@ -0,0 +1 @@
+{}

package/templates/wevu-retail/gitignore

@@ -0,0 +1,35 @@
+# dependencies
+node_modules
+.pnp
+.pnp.js
+
+# testing
+coverage
+
+# next.js
+.next/
+out/
+build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# turbo
+.turbo
+
+dist
+vite.config.ts.timestamp-*.mjs
+dist-web

package/templates/wevu-retail/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "weapp-vite-wevu-tailwindcss-tdesign-retail-template",
+  "type": "module",
+  "version": "1.0.1",
+  "private": true,
+  "description": "weapp-vite + tdesign retail 模板",
+  "author": "ice breaker <1324318532@qq.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/weapp-vite/weapp-vite.git",
+    "directory": "templates/weapp-vite-wevu-tailwindcss-tdesign-retail-template"
+  },
+  "bugs": {
+    "url": "https://github.com/weapp-vite/weapp-vite/issues"
+  },
+  "keywords": [],
+  "scripts": {
+    "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",
+    "postinstall": "weapp-tw patch"
+  },
+  "dependencies": {
+    "dayjs": "^1.9.3",
+    "tdesign-miniprogram": "1.12.3",
+    "tslib": "^2.8.1",
+    "wevu": "workspace:*"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.24",
+    "miniprogram-api-typings": "^5.0.1",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.19",
+    "typescript": "^5.9.3",
+    "vue-tsc": "^3.2.4",
+    "weapp-tailwindcss": "^4.10.2",
+    "weapp-vite": "workspace:*"
+  }
+}

package/templates/wevu-retail/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/templates/wevu-retail/project.config.json

@@ -0,0 +1,44 @@
+{
+  "description": "项目配置文件",
+  "miniprogramRoot": "dist/",
+  "compileType": "miniprogram",
+  "setting": {
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "coverView": false,
+    "postcss": false,
+    "minified": false,
+    "enhance": false,
+    "showShadowRootInWxmlPanel": false,
+    "packNpmRelationList": [
+      {
+        "packageJsonPath": "./package.json",
+        "miniprogramNpmDistDir": "./dist"
+      }
+    ],
+    "ignoreUploadUnusedFiles": true,
+    "compileHotReLoad": false,
+    "skylineRenderEnable": true,
+    "packNpmManually": true,
+    "es6": true,
+    "minifyWXML": true
+  },
+  "simulatorType": "wechat",
+  "simulatorPluginLibVersion": {},
+  "condition": {},
+  "srcMiniprogramRoot": "dist/",
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  },
+  "libVersion": "3.13.2",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "appid": "wx6ffee4673b257014",
+  "projectname": "weapp-vite-wevu-tailwindcss-tdesign-retail-template"
+}

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

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

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

@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import { onShow } from 'wevu'
+import updateManager from './common/updateManager'
+
+defineAppJson({
+  pages: ['pages/home/home', 'pages/category/index', 'pages/cart/index', 'pages/usercenter/index'],
+  subpackages: [
+    {
+      root: 'pages/user',
+      name: 'user',
+      pages: ['person-info/index', 'address/list/index', 'address/edit/index', 'name-edit/index'],
+    },
+    {
+      root: 'pages/goods',
+      name: 'goods',
+      pages: [
+        'list/index',
+        'details/index',
+        'search/index',
+        'result/index',
+        'comments/index',
+        'comments/create/index',
+      ],
+    },
+    {
+      root: 'pages/order',
+      name: 'order',
+      pages: [
+        'order-confirm/index',
+        'receipt/index',
+        'pay-result/index',
+        'order-list/index',
+        'order-detail/index',
+        'apply-service/index',
+        'after-service-list/index',
+        'after-service-detail/index',
+        'fill-tracking-no/index',
+        'delivery-detail/index',
+        'invoice/index',
+      ],
+    },
+    {
+      root: 'pages/coupon',
+      name: 'coupon',
+      pages: ['coupon-list/index', 'coupon-detail/index', 'coupon-activity-goods/index'],
+    },
+    {
+      root: 'pages/promotion',
+      name: 'promotion',
+      pages: ['promotion-detail/index'],
+    },
+  ],
+  tabBar: {
+    custom: true,
+    color: '#666666',
+    selectedColor: '#FF5F15',
+    backgroundColor: '#ffffff',
+    borderStyle: 'black',
+    list: [
+      {
+        pagePath: 'pages/home/home',
+        text: '首页',
+      },
+      {
+        pagePath: 'pages/category/index',
+        text: '分类',
+      },
+      {
+        pagePath: 'pages/cart/index',
+        text: '购物车',
+      },
+      {
+        pagePath: 'pages/usercenter/index',
+        text: '我的',
+      },
+    ],
+  },
+  requiredPrivateInfos: ['chooseAddress'],
+  lazyCodeLoading: 'requiredComponents',
+  usingComponents: {},
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'Weixin',
+    navigationBarTextStyle: 'black',
+  },
+  sitemapLocation: 'sitemap.json',
+  permission: {
+    'scope.userLocation': {
+      desc: '你的位置信息将用于小程序位置接口的效果展示',
+    },
+  },
+})
+
+onShow(() => {
+  updateManager()
+})
+</script>
+
+<style>
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+</style>

package/templates/wevu-retail/src/common/updateManager.ts

@@ -0,0 +1,29 @@
+export default () => {
+  if (!wx.canIUse('getUpdateManager')) {
+    return;
+  }
+
+  const updateManager = wx.getUpdateManager();
+
+  updateManager.onCheckForUpdate(function (res) {
+    // 请求完新版本信息的回调
+    console.log('版本信息', res);
+  });
+
+  updateManager.onUpdateReady(function () {
+    wx.showModal({
+      title: '更新提示',
+      content: '新版本已经准备好，是否重启应用？',
+      success(res) {
+        if (res.confirm) {
+          // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+          updateManager.applyUpdate();
+        }
+      },
+    });
+  });
+
+  updateManager.onUpdateFailed(function () {
+    // 新版本下载失败
+  });
+};

package/templates/wevu-retail/src/components/filter/index.vue

@@ -0,0 +1,134 @@
+<script lang="ts">
+Component({
+  externalClasses: ['wr-class'],
+
+  options: {
+    multipleSlots: true,
+  },
+
+  properties: {
+    overall: {
+      type: Number,
+      value: 1,
+      observer(overall) {
+        this.setData({
+          overall,
+        });
+      },
+    },
+    layout: {
+      type: Number,
+      value: 1,
+      observer(layout) {
+        this.setData({
+          layout,
+        });
+      },
+    },
+    sorts: {
+      type: String,
+      value: '',
+      observer(sorts) {
+        this.setData({
+          sorts,
+        });
+      },
+    },
+    color: {
+      type: String,
+      value: '#FA550F',
+    },
+  },
+
+  data: {
+    layout: 1,
+    overall: 1,
+    sorts: '',
+  },
+
+  methods: {
+    onChangeShowAction() {
+      const { layout } = this.data;
+      const nextLayout = layout === 1 ? 0 : 1;
+      this.triggerEvent('change', { ...this.properties, layout: nextLayout });
+    },
+
+    handlePriseSort() {
+      const { sorts } = this.data;
+      this.triggerEvent('change', {
+        ...this.properties,
+        overall: 0,
+        sorts: sorts === 'desc' ? 'asc' : 'desc',
+      });
+    },
+
+    open() {
+      this.triggerEvent('showFilterPopup', {
+        show: true,
+      });
+    },
+
+    onOverallAction() {
+      const { overall } = this.data;
+      const nextOverall = overall === 1 ? 0 : 1;
+      const nextData = {
+        sorts: '',
+        prices: [],
+      };
+      this.triggerEvent('change', {
+        ...this.properties,
+        ...nextData,
+        overall: nextOverall,
+      });
+    },
+  },
+});
+</script>
+
+<template>
+<!-- 过滤组件 -->
+<view class="wr-class filter-wrap [width:100%] [height:88rpx] [display:flex] [justify-content:space-between] [position:relative] [background:#fff]">
+	<view class="filter-left-content [height:100%] [display:flex] [flex-grow:2] [flex-flow:row_nowrap] [justify-content:space-between] [&_.filter-item]:[flex:1] [&_.filter-item]:[height:100%] [&_.filter-item]:[display:flex] [&_.filter-item]:[align-items:center] [&_.filter-item]:[justify-content:center] [&_.filter-item]:[font-size:26rpx] [&_.filter-item]:[line-height:36rpx] [&_.filter-item]:[font-weight:400] [&_.filter-item]:[color:rgba(51,_51,_51,_1)] [&_.filter-item_.filter-price]:[display:flex] [&_.filter-item_.filter-price]:[flex-direction:column] [&_.filter-item_.filter-price]:[margin-left:6rpx] [&_.filter-item_.filter-price]:[justify-content:space-between] [&_.filter-item_.wr-filter]:[margin-left:8rpx] [&_.filter-active-item]:[color:#fa550f]">
+		<view class="filter-item {{overall === 1 ? 'filter-active-item' : ''}}" bindtap="onOverallAction">
+			综合
+		</view>
+		<view class="filter-item" bind:tap="handlePriseSort">
+			<text style="color: {{sorts !== '' ? color : '' }}">价格</text>
+			<view class="filter-price">
+				<t-icon
+				  prefix="wr"
+				  name="arrow_drop_up"
+				  size="18rpx"
+				  style="color:{{sorts === 'asc' ? color : '#bbb'}}"
+				/>
+				<t-icon
+				  prefix="wr"
+				  name="arrow_drop_down"
+				  size="18rpx"
+				  style="color:{{sorts === 'desc' ? color : '#bbb'}}"
+				/>
+			</view>
+		</view>
+		<view class="filter-item {{prices.length ? 'filter-active-item' : ''}}" bindtap="open" data-index="5">
+			筛选
+			<t-icon
+			  name="filter"
+			  prefix="wr"
+			  color="#333"
+			  size="32rpx"
+			/>
+		</view>
+	</view>
+</view>
+<!-- 筛选弹框 -->
+<slot name="filterPopup" />
+
+</template>
+
+<json>
+{
+    "component": true,
+    "usingComponents": {
+        "t-icon": "tdesign-miniprogram/icon/icon"
+    }
+}</json>

package/templates/wevu-retail/src/components/filter-popup/index.vue

@@ -0,0 +1,67 @@
+<script lang="ts">
+Component({
+  externalClasses: ['wr-class'],
+
+  options: {
+    multipleSlots: true,
+  },
+
+  properties: {
+    show: {
+      type: Boolean,
+      observer(show) {
+        this.setData({ visible: show });
+      },
+    },
+    closeBtn: {
+      type: Boolean,
+      value: false,
+    },
+  },
+
+  data: { visible: false },
+
+  methods: {
+    reset() {
+      this.triggerEvent('reset');
+    },
+    confirm() {
+      this.triggerEvent('confirm');
+    },
+    close() {
+      this.triggerEvent('showFilterPopupClose');
+
+      this.setData({ visible: false });
+    },
+  },
+});
+</script>
+
+<template>
+<t-popup
+ visible="{{visible}}"
+ placement="right"
+ bind:visible-change="close"
+ data-index="5"
+ close-btn="{{closeBtn}}"
+>
+	<view class="content [&_.filter-btns-wrap]:[width:100%] [&_.filter-btns-wrap]:[position:absolute] [&_.filter-btns-wrap]:[bottom:calc(20rpx_+_env(safe-area-inset-bottom))] [&_.filter-btns-wrap]:[display:flex] [&_.filter-btns-wrap]:[flex-direction:row] [&_.filter-btns-wrap]:[border-radius:10rpx_0_0_10rpx] [&_.filter-btns-wrap]:[padding:16rpx_32rpx] [&_.filter-btns-wrap]:[border-top:1rpx_solid_#e5e5e5] [&_.filter-btns-wrap]:[box-sizing:border-box]">
+		<slot name="filterSlot" />
+		<view class="filter-btns-wrap">
+			<view class="filter-btn btn-reset [flex:1] [display:flex] [justify-content:center] [align-items:center] [font-size:28rpx] [font-weight:500] [height:80rpx] [color:#fa4126] [background:rgba(255,_255,_255,_1)] [position:relative] [border:1rpx_solid_#fa4126] [border-radius:84rpx_0_0_84rpx]" bind:tap="reset">重置</view>
+			<view class="filter-btn btn-confirm [flex:1] [display:flex] [justify-content:center] [align-items:center] [font-size:28rpx] [font-weight:500] [height:80rpx] [border-radius:0_84rpx_84rpx_0] [border:1rpx_solid_#fa4126] [color:#fff] [background:#fa4126]" bind:tap="confirm" data-index="5">
+				确定
+			</view>
+		</view>
+	</view>
+</t-popup>
+
+</template>
+
+<json>
+{
+    "component": true,
+    "usingComponents": {
+        "t-popup": "tdesign-miniprogram/popup/popup"
+    }
+}</json>