create-weapp-vite 2.0.78 → 2.0.80

package/dist/cli.js

@@ -1,4 +1,4 @@
-import { n as RECOMMENDED_SKILLS_INSTALL_COMMAND, r as TemplateName, t as createProject } from "./src-CCWjAwFU.js";
+import { n as RECOMMENDED_SKILLS_INSTALL_COMMAND, r as TemplateName, t as createProject } from "./src-CVPELAx0.js";
 import logger from "@weapp-core/logger";
 import { fs } from "@weapp-core/shared";
 import process from "node:process";

package/dist/index.js

@@ -1,2 +1,2 @@
-import { r as TemplateName, t as createProject } from "./src-CCWjAwFU.js";
+import { r as TemplateName, t as createProject } from "./src-CVPELAx0.js";
 export { TemplateName, createProject };

package/dist/{src-CCWjAwFU.js → src-CVPELAx0.js}

@@ -9,10 +9,10 @@ import process from "node:process";
 var version$2 = "0.2.3";
 //#endregion
 //#region ../../packages-runtime/wevu/package.json
-var version$1 = "6.14.0";
+var version$1 = "6.14.2";
 //#endregion
 //#region ../weapp-vite/package.json
-var version = "6.14.0";
+var version = "6.14.2";
 //#endregion
 //#region src/enums.ts
 let TemplateName = /* @__PURE__ */ function(TemplateName) {
@@ -116,10 +116,10 @@ const TEMPLATE_CATALOG = {
 	"comment-json": "^4.6.2",
 	"estree-walker": "^3.0.3",
 	"gm-crypto": "^0.1.12",
-	"lru-cache": "^11.2.7",
+	"lru-cache": "^11.3.2",
 	"magic-string": "^0.30.21",
 	"miniprogram-api-typings": "^5.1.2",
-	"oxc-parser": "^0.123.0",
+	"oxc-parser": "^0.124.0",
 	"oxc-walker": "^0.7.0",
 	"pkg-types": "^2.3.0",
 	"sass-embedded": "^1.99.0",
@@ -141,13 +141,13 @@ const TEMPLATE_CATALOG = {
 	lodash: "^4.18.1",
 	merge: "^2.1.1",
 	pathe: "^2.0.3",
-	postcss: "^8.5.8",
-	rolldown: "1.0.0-rc.11",
+	postcss: "^8.5.9",
+	rolldown: "1.0.0-rc.13",
 	sass: "^1.99.0",
 	tailwindcss: "^4.2.2",
 	tslib: "^2.8.1",
 	typescript: "^6.0.2",
-	vite: "8.0.2",
+	vite: "8.0.7",
 	vue: "^3.5.32",
 	zod: "^4.3.6"
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-weapp-vite",
   "type": "module",
-  "version": "2.0.78",
+  "version": "2.0.80",
   "description": "create-weapp-vite",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -47,7 +47,7 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "dependencies": {
-    "@inquirer/prompts": "^8.3.2",
+    "@inquirer/prompts": "^8.4.1",
     "pathe": "^2.0.3",
     "pkg-types": "^2.3.0",
     "@weapp-core/logger": "^3.1.1",

package/templates/default/package.json

@@ -28,8 +28,8 @@
     "postinstall": "wv prepare"
   },
   "devDependencies": {
-    "@icebreakers/eslint-config": "^4.0.0",
-    "@icebreakers/stylelint-config": "^3.0.0",
+    "@icebreakers/eslint-config": "^4.0.2",
+    "@icebreakers/stylelint-config": "^3.0.2",
     "eslint": "^10.2.0",
     "miniprogram-api-typings": "catalog:",
     "sass": "catalog:",

package/templates/lib/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weapp-vite-lib-template",
   "type": "module",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "private": true,
   "description": "weapp-vite 组件库（lib 模式）模板",
   "author": "ice breaker <1324318532@qq.com>",
@@ -33,8 +33,8 @@
     "wevu": "workspace:*"
   },
   "devDependencies": {
-    "@icebreakers/eslint-config": "^4.0.0",
-    "@icebreakers/stylelint-config": "^3.0.0",
+    "@icebreakers/eslint-config": "^4.0.2",
+    "@icebreakers/stylelint-config": "^3.0.2",
     "@wevu/api": "workspace:*",
     "eslint": "^10.2.0",
     "miniprogram-api-typings": "catalog:",

package/templates/tailwindcss/package.json

@@ -29,8 +29,8 @@
   },
   "devDependencies": {
     "@egoist/tailwindcss-icons": "catalog:",
-    "@icebreakers/eslint-config": "^4.0.0",
-    "@icebreakers/stylelint-config": "^3.0.0",
+    "@icebreakers/eslint-config": "^4.0.2",
+    "@icebreakers/stylelint-config": "^3.0.2",
     "@iconify-json/mdi": "catalog:",
     "autoprefixer": "catalog:",
     "eslint": "^10.2.0",

package/templates/tdesign/package.json

@@ -32,8 +32,8 @@
   },
   "devDependencies": {
     "@egoist/tailwindcss-icons": "catalog:",
-    "@icebreakers/eslint-config": "^4.0.0",
-    "@icebreakers/stylelint-config": "^3.0.0",
+    "@icebreakers/eslint-config": "^4.0.2",
+    "@icebreakers/stylelint-config": "^3.0.2",
     "@iconify-json/mdi": "catalog:",
     "autoprefixer": "catalog:",
     "eslint": "^10.2.0",

package/templates/vant/package.json

@@ -32,8 +32,8 @@
   },
   "devDependencies": {
     "@egoist/tailwindcss-icons": "catalog:",
-    "@icebreakers/eslint-config": "^4.0.0",
-    "@icebreakers/stylelint-config": "^3.0.0",
+    "@icebreakers/eslint-config": "^4.0.2",
+    "@icebreakers/stylelint-config": "^3.0.2",
     "@iconify-json/mdi": "catalog:",
     "autoprefixer": "catalog:",
     "eslint": "^10.2.0",

package/templates/wevu/package.json

@@ -28,8 +28,8 @@
     "postinstall": "wv prepare"
   },
   "devDependencies": {
-    "@icebreakers/eslint-config": "^4.0.0",
-    "@icebreakers/stylelint-config": "^3.0.0",
+    "@icebreakers/eslint-config": "^4.0.2",
+    "@icebreakers/stylelint-config": "^3.0.2",
     "eslint": "^10.2.0",
     "miniprogram-api-typings": "catalog:",
     "stylelint": "^17.6.0",

package/templates/wevu-tdesign/package.json

@@ -32,8 +32,8 @@
   },
   "devDependencies": {
     "@egoist/tailwindcss-icons": "catalog:",
-    "@icebreakers/eslint-config": "^4.0.0",
-    "@icebreakers/stylelint-config": "^3.0.0",
+    "@icebreakers/eslint-config": "^4.0.2",
+    "@icebreakers/stylelint-config": "^3.0.2",
     "@iconify-json/mdi": "catalog:",
     "autoprefixer": "catalog:",
     "eslint": "^10.2.0",

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

@@ -67,6 +67,12 @@
           "query": "",
           "scene": null
         },
+        {
+          "name": "virtualHost class 透传实验",
+          "pathName": "subpackages/lab/virtual-host-class/index",
+          "query": "",
+          "scene": null
+        },
         {
           "name": "系统能力页",
           "pathName": "subpackages/ability/index",

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

@@ -60,7 +60,7 @@ defineAppJson({
   subPackages: [
     {
       root: 'subpackages/lab',
-      pages: ['index', 'class-binding/index'],
+      pages: ['index', 'class-binding/index', 'virtual-host-class/index'],
     },
     {
       root: 'subpackages/ability',

package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/BrokenCard.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+defineProps<{
+  title: string
+  subtitle: string
+}>()
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+</script>
+
+<template>
+  <view class="demo-card">
+    <text class="demo-title">
+      {{ title }}
+    </text>
+    <text class="demo-subtitle">
+      {{ subtitle }}
+    </text>
+  </view>
+</template>
+
+<style>
+.demo-card {
+  display: flex;
+  flex-direction: column;
+  gap: 10rpx;
+  padding: 20rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  box-shadow: 0 12rpx 28rpx rgb(17 24 39 / 8%);
+}
+
+.demo-title {
+  display: block;
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+.demo-subtitle {
+  display: block;
+  font-size: 22rpx;
+  line-height: 1.6;
+  opacity: 0.82;
+}
+</style>

package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/FixedExternalClassCard.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+defineOptions({
+  externalClasses: ['class'],
+})
+
+defineProps<{
+  title: string
+  subtitle: string
+}>()
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+</script>
+
+<template>
+  <view class="demo-card class">
+    <text class="demo-title">
+      {{ title }}
+    </text>
+    <text class="demo-subtitle">
+      {{ subtitle }}
+    </text>
+  </view>
+</template>
+
+<style>
+.demo-card {
+  display: flex;
+  flex-direction: column;
+  gap: 10rpx;
+  padding: 20rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  box-shadow: 0 12rpx 28rpx rgb(17 24 39 / 8%);
+}
+
+.demo-title {
+  display: block;
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+.demo-subtitle {
+  display: block;
+  font-size: 22rpx;
+  line-height: 1.6;
+  opacity: 0.82;
+}
+</style>

package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/RecommendedCard.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+defineOptions({
+  externalClasses: ['custom-class'],
+})
+
+const props = withDefaults(defineProps<{
+  title: string
+  subtitle: string
+  rootStyle?: string
+}>(), {
+  rootStyle: '',
+})
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+</script>
+
+<template>
+  <view class="demo-card custom-class" :style="props.rootStyle">
+    <text class="demo-title">
+      {{ title }}
+    </text>
+    <text class="demo-subtitle">
+      {{ subtitle }}
+    </text>
+  </view>
+</template>
+
+<style>
+.demo-card {
+  display: flex;
+  flex-direction: column;
+  gap: 10rpx;
+  padding: 20rpx;
+  background: #fff;
+  border-radius: 20rpx;
+  box-shadow: 0 12rpx 28rpx rgb(17 24 39 / 8%);
+}
+
+.demo-title {
+  display: block;
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+.demo-subtitle {
+  display: block;
+  font-size: 22rpx;
+  line-height: 1.6;
+  opacity: 0.82;
+}
+</style>

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

@@ -98,6 +98,7 @@ async function navigateTo(url: string) {
           <view class="mt-[8rpx]">
             <t-cell-group>
               <t-cell title="Class 绑定实验室" note="子包：/subpackages/lab/class-binding" arrow @tap="navigateTo('/subpackages/lab/class-binding/index')" />
+              <t-cell title="virtualHost class 透传实验" note="子包：/subpackages/lab/virtual-host-class" arrow @tap="navigateTo('/subpackages/lab/virtual-host-class/index')" />
             </t-cell-group>
           </view>
         </view>

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

@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import BrokenCard from '@/components/VirtualHostClassDemo/BrokenCard.vue'
+import FixedExternalClassCard from '@/components/VirtualHostClassDemo/FixedExternalClassCard.vue'
+import RecommendedCard from '@/components/VirtualHostClassDemo/RecommendedCard.vue'
+
+definePageJson({
+  navigationBarTitleText: 'virtualHost class demo',
+  backgroundColor: '#f6f7fb',
+})
+
+const classCase = 'rounded-[20rpx] border border-red-500 bg-red-50 px-[20rpx] py-[16rpx] text-red-500'
+const inlineStyleCase = 'color:#2563eb;background:#dbeafe;padding:16rpx;border-radius:20rpx;border:2rpx solid #60a5fa;'
+</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-[#f5f3ff] via-[#ffffff] to-[#eef2ff] p-[20rpx]">
+      <text class="text-[32rpx] font-semibold text-[#1f1a3f]">
+        virtualHost + class/style 透传实验
+      </text>
+      <text class="mt-[10rpx] block text-[22rpx] leading-[1.7] text-[#5b5b7b]">
+        当前模板已全局开启组件 `virtualHost: true` 和 `styleIsolation: 'apply-shared'`。本页用最小组件对比 4 种写法的实际效果。
+      </text>
+    </view>
+
+    <view class="mt-[18rpx] rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
+      <text class="text-[28rpx] font-semibold text-[#1f1a3f]">
+        1. 仅 `apply-shared`，不做 class 透传
+      </text>
+      <text class="mt-[8rpx] block text-[22rpx] leading-[1.7] text-[#6f6b8a]">
+        组件标签上写 `class` / `style`，但组件内部根节点没有接收这些 attrs。
+      </text>
+      <view class="mt-[14rpx] flex flex-col gap-[14rpx]">
+        <BrokenCard
+          :class="classCase"
+          title="BrokenCard"
+          subtitle="预期应变红并出现红色边框，但实际不会。"
+        />
+        <BrokenCard
+          :style="inlineStyleCase"
+          title="BrokenCard style"
+          subtitle="预期应变蓝并出现蓝色背景/边框，但实际不会。"
+        />
+      </view>
+    </view>
+
+    <view class="mt-[18rpx] rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
+      <text class="text-[28rpx] font-semibold text-[#1f1a3f]">
+        2. `defineOptions({ externalClasses: ['class'] })`
+      </text>
+      <text class="mt-[8rpx] block text-[22rpx] leading-[1.7] text-[#6f6b8a]">
+        这是你问的那种“继续用组件标签上的 `class`”方案。组件内部根节点必须显式写上 `class` 占位。
+      </text>
+      <view class="mt-[14rpx]">
+        <FixedExternalClassCard
+          :class="classCase"
+          title="FixedExternalClassCard"
+          subtitle="这一块应该会变红，并出现红色边框和浅红背景。"
+        />
+      </view>
+    </view>
+
+    <view class="mt-[18rpx] rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
+      <text class="text-[28rpx] font-semibold text-[#1f1a3f]">
+        3. 推荐方案：`custom-class` + `rootStyle`
+      </text>
+      <text class="mt-[8rpx] block text-[22rpx] leading-[1.7] text-[#6f6b8a]">
+        `class` 和 `style` 分开设计，避免把组件标签 attrs 是否透传这件事变成隐式行为。
+      </text>
+      <view class="mt-[14rpx] flex flex-col gap-[14rpx]">
+        <RecommendedCard
+          custom-class="rounded-[20rpx] border border-emerald-500 bg-emerald-50 px-[20rpx] py-[16rpx] text-emerald-600"
+          title="RecommendedCard custom-class"
+          subtitle="通过 externalClasses 显式接收类名。"
+        />
+        <RecommendedCard
+          :root-style="inlineStyleCase"
+          title="RecommendedCard rootStyle"
+          subtitle="通过显式 prop 接收内联样式。"
+        />
+      </view>
+    </view>
+
+    <view class="mt-[18rpx] rounded-[24rpx] bg-[#1f1a3f] p-[20rpx] text-white">
+      <text class="text-[26rpx] font-semibold">
+        结论
+      </text>
+      <text class="mt-[10rpx] block text-[22rpx] leading-[1.8] text-white/80">
+        `virtualHost: true` 和 `styleIsolation: 'apply-shared'` 不会自动提供 Vue 式根节点 `class/style` fallthrough。
+        要么显式声明 `externalClasses` 并在根节点接入，要么把 `style` 做成显式 prop。
+      </text>
+    </view>
+  </view>
+</template>