@weapp-core/init 3.0.0 → 3.0.1

package/dist/index.cjs

@@ -704,7 +704,7 @@ var import_logger3 = __toESM(require("@weapp-core/logger"), 1);
 var import_fs_extra2 = __toESM(require("fs-extra"), 1);
 
 // ../../packages/weapp-vite/package.json
-var version = "5.2.0";
+var version = "5.2.1";
 
 // src/enums.ts
 var TemplateName = /* @__PURE__ */ ((TemplateName2) => {

package/dist/index.js

@@ -656,7 +656,7 @@ import logger3 from "@weapp-core/logger";
 import fs2 from "fs-extra";
 
 // ../../packages/weapp-vite/package.json
-var version = "5.2.0";
+var version = "5.2.1";
 
 // src/enums.ts
 var TemplateName = /* @__PURE__ */ ((TemplateName2) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@weapp-core/init",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "@weapp-core/init",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -45,7 +45,7 @@
   "devDependencies": {
     "@types/semver": "^7.7.1",
     "fdir": "^6.5.0",
-    "semver": "^7.7.2"
+    "semver": "^7.7.3"
   },
   "scripts": {
     "dev": "tsup --watch --sourcemap",

package/templates/default/src/components/HelloWorld/HelloWorld.scss

@@ -0,0 +1,47 @@
+.hello-card {
+  width: 640rpx;
+  margin: 48rpx auto;
+  padding: 32rpx;
+  border-radius: 32rpx;
+  background: #ffffff;
+  box-shadow: 0 20rpx 60rpx rgba(15, 23, 42, 0.08);
+  display: flex;
+  flex-direction: column;
+  gap: 24rpx;
+}
+
+.hello-title {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #2563eb;
+}
+
+.hello-body {
+  font-size: 28rpx;
+  line-height: 1.6;
+  color: #334155;
+}
+
+.hello-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20rpx;
+}
+
+.hello-button {
+  padding: 16rpx 32rpx;
+  border-radius: 999rpx;
+  background: #2563eb;
+  color: #ffffff;
+  font-size: 26rpx;
+}
+
+.hello-button--ghost {
+  background: #e2e8f0;
+  color: #1e293b;
+}
+
+.hello-tip {
+  font-size: 24rpx;
+  color: #94a3b8;
+}

package/templates/default/src/components/HelloWorld/HelloWorld.ts

@@ -1 +1,60 @@
-Component({})
+interface HelloWorldLink {
+  text: string
+  url: string
+  variant?: 'ghost'
+}
+
+Component({
+  properties: {
+    title: {
+      type: String,
+      value: 'Hello weapp-vite',
+    },
+    description: {
+      type: String,
+      value: '欢迎使用 weapp-vite 模板。',
+    },
+    docs: {
+      type: String,
+      value: '',
+    },
+    links: {
+      type: Array,
+      value: [] as HelloWorldLink[],
+    },
+  },
+  lifetimes: {
+    attached() {
+      if (!this.data.links?.length && this.data.docs) {
+        this.setData({
+          links: [
+            {
+              text: '复制文档链接',
+              url: this.data.docs,
+            },
+          ],
+        })
+      }
+    },
+  },
+  methods: {
+    async copyLink(event: WechatMiniprogram.TouchEvent) {
+      const url = event.currentTarget.dataset?.url as string | undefined
+      if (!url) {
+        return
+      }
+
+      try {
+        await wx.setClipboardData({ data: url })
+        wx.showToast({
+          title: '链接已复制',
+          icon: 'success',
+          duration: 1500,
+        })
+      }
+      catch (error) {
+        console.error('复制链接失败', error)
+      }
+    },
+  },
+})

package/templates/default/src/components/HelloWorld/HelloWorld.wxml

@@ -1,4 +1,16 @@
-<view style="text-align: center;">
-  <view>hello weapp-vite!</view>
-  <view>from src/components/HelloWorld/HelloWorld</view>
+<view class="hello-card">
+  <view class="hello-title">{{title}}</view>
+  <view class="hello-body">{{description}}</view>
+  <view wx:if="{{links.length}}" class="hello-actions">
+    <view
+      wx:for="{{links}}"
+      wx:key="url"
+      class="hello-button {{item.variant === 'ghost' ? 'hello-button--ghost' : ''}}"
+      data-url="{{item.url}}"
+      bindtap="copyLink"
+    >
+      {{item.text}}
+    </view>
+  </view>
+  <view wx:if="{{links.length}}" class="hello-tip">复制后即可在浏览器中打开对应链接</view>
 </view>

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

@@ -1,4 +1,22 @@
 Page({
+  data: {
+    hello: {
+      title: 'Hello weapp-vite',
+      description: '这是最基础的 weapp-vite 模板，包含快速开发所需的构建与热更新能力。',
+      docs: 'https://vite.icebreaker.top',
+      links: [
+        {
+          text: '复制文档链接',
+          url: 'https://vite.icebreaker.top',
+        },
+        {
+          text: 'GitHub 仓库',
+          url: 'https://github.com/weapp-vite/weapp-vite',
+          variant: 'ghost',
+        },
+      ],
+    },
+  },
   onClick() {
     console.log('on click')
   },

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

@@ -5,5 +5,10 @@
       <view bind:tap="onClick">Hello World From Weapp-vite!</view>
     </view>
   </view>
-  <HelloWorld></HelloWorld>
+  <HelloWorld
+    title="{{hello.title}}"
+    description="{{hello.description}}"
+    docs="{{hello.docs}}"
+    links="{{hello.links}}"
+  />
 </view>

package/templates/tailwindcss/src/components/HelloWorld/HelloWorld.scss

@@ -0,0 +1 @@
+/* Tailwind CSS utilities are applied directly in the template. */

package/templates/tailwindcss/src/components/HelloWorld/HelloWorld.ts

@@ -0,0 +1,60 @@
+interface HelloWorldLink {
+  text: string
+  url: string
+  variant?: 'ghost'
+}
+
+Component({
+  properties: {
+    title: {
+      type: String,
+      value: 'Hello weapp-vite',
+    },
+    description: {
+      type: String,
+      value: '欢迎使用 weapp-vite 模板，这里演示了如何在组件内快速放置介绍信息。',
+    },
+    docs: {
+      type: String,
+      value: '',
+    },
+    links: {
+      type: Array,
+      value: [] as HelloWorldLink[],
+    },
+  },
+  lifetimes: {
+    attached() {
+      if (!this.data.links?.length && this.data.docs) {
+        this.setData({
+          links: [
+            {
+              text: '复制文档链接',
+              url: this.data.docs,
+            },
+          ],
+        })
+      }
+    },
+  },
+  methods: {
+    async copyLink(event: WechatMiniprogram.TouchEvent) {
+      const url = event.currentTarget.dataset?.url as string | undefined
+      if (!url) {
+        return
+      }
+
+      try {
+        await wx.setClipboardData({ data: url })
+        wx.showToast({
+          title: '链接已复制',
+          icon: 'success',
+          duration: 1500,
+        })
+      }
+      catch (error) {
+        console.error('复制链接失败', error)
+      }
+    },
+  },
+})

package/templates/tailwindcss/src/components/HelloWorld/HelloWorld.wxml

@@ -0,0 +1,16 @@
+<view class="w-full max-w-[600rpx] mx-auto rounded-3xl p-8 bg-white/90 shadow-xl shadow-sky-200/40 dark:bg-slate-800/90 dark:shadow-slate-900/60 flex flex-col gap-6">
+  <view class="text-3xl font-semibold text-sky-500 dark:text-sky-300">{{title}}</view>
+  <view class="text-lg leading-relaxed text-slate-700 dark:text-slate-200">{{description}}</view>
+  <view wx:if="{{links.length}}" class="flex flex-wrap gap-4">
+    <view
+      wx:for="{{links}}"
+      wx:key="url"
+      class="px-5 py-2 rounded-full text-sm font-medium transition active:scale-95 {{ item.variant === 'ghost' ? 'bg-slate-200 text-slate-800 dark:bg-slate-700 dark:text-slate-100' : 'bg-sky-500 text-white hover:bg-sky-600' }}"
+      data-url="{{item.url}}"
+      bindtap="copyLink"
+    >
+      {{item.text}}
+    </view>
+  </view>
+  <view wx:if="{{links.length}}" class="text-xs text-slate-400 dark:text-slate-500">点击按钮会将链接复制到剪贴板</view>
+</view>

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://vite.icebreaker.top/page.json",
   "usingComponents": {
-    "Navbar": "/components/Navbar/Navbar"
+    "HelloWorld": "/components/HelloWorld/HelloWorld"
   },
   "navigationBarTitleText": "初始模板"
 }

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

@@ -3,6 +3,22 @@ import { hello } from '@/utils/util'
 Page({
   data: {
     mode: 'light',
+    hello: {
+      title: 'Hello weapp-vite',
+      description: '这是一个集成 Tailwind CSS 的小程序模板，开箱即可体验原子化样式与完整的 HMR 流程。',
+      docs: 'https://vite.icebreaker.top',
+      links: [
+        {
+          text: '复制文档链接',
+          url: 'https://vite.icebreaker.top',
+        },
+        {
+          text: 'Tailwind Demo',
+          url: 'https://tw.icebreaker.top',
+          variant: 'ghost',
+        },
+      ],
+    },
   },
   switchMode() {
     if (this.data.mode === 'light') {

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

@@ -7,6 +7,12 @@
     <view class="bg-gradient-to-r from-green-400 to-sky-400 bg-clip-text text-xl font-extrabold text-transparent underline">
       weapp-vite & weapp-tailwindcss
     </view>
+    <HelloWorld
+      title="{{hello.title}}"
+      description="{{hello.description}}"
+      docs="{{hello.docs}}"
+      links="{{hello.links}}"
+    />
     <view class="{{ mode === 'light' ? 'i-mdi-moon-waxing-crescent':'i-mdi-weather-sunny text-white' }} text-8xl" bind:tap="switchMode"></view>
     <view class="underline" mark:url="https://vite.icebreaker.top" bind:tap="copy">
       https://vite.icebreaker.top

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

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://vite.icebreaker.top/page.json",
+  "usingComponents": {
+    "HelloWorld": "/components/HelloWorld/HelloWorld"
+  },
+  "navigationBarTitleText": "个人中心"
+}

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

@@ -1,4 +1,17 @@
 Page({
+  data: {
+    hello: {
+      title: 'Hello weapp-vite',
+      description: '这里是一个额外的页面示例，你可以继续拆分业务模块并复用组件。',
+      docs: 'https://vite.icebreaker.top',
+      links: [
+        {
+          text: '复制文档链接',
+          url: 'https://vite.icebreaker.top',
+        },
+      ],
+    },
+  },
   onClick() {
     console.log('on click')
   },

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

@@ -1,9 +1,12 @@
-<view>
-  <Navbar />
-  <view class="flex items-center justify-center">
-    <view class="text-center">
-      <image class="w-[200px] h-[190px]" src="/logo.png" />
-      <view bind:tap="onClick">ice breaker</view>
-    </view>
+<view class="min-h-screen bg-gray-100 py-16">
+  <view class="flex flex-col items-center space-y-8">
+    <image class="w-[200px] h-[190px]" src="/logo.png" />
+    <view class="text-lg font-semibold" bind:tap="onClick">ice breaker</view>
+    <HelloWorld
+      title="{{hello.title}}"
+      description="{{hello.description}}"
+      docs="{{hello.docs}}"
+      links="{{hello.links}}"
+    />
   </view>
 </view>

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

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

package/templates/tdesign/src/components/HelloWorld/HelloWorld.json

@@ -2,5 +2,7 @@
   "$schema": "https://vite.icebreaker.top/component.json",
   "component": true,
   "styleIsolation": "apply-shared",
-  "usingComponents": {}
+  "usingComponents": {
+    "t-button": "tdesign-miniprogram/button/button"
+  }
 }

package/templates/tdesign/src/components/HelloWorld/HelloWorld.scss

@@ -0,0 +1 @@
+/* Tailwind CSS utilities are applied directly in the template. */

package/templates/tdesign/src/components/HelloWorld/HelloWorld.ts

@@ -1,5 +1,63 @@
+interface HelloWorldLink {
+  text: string
+  url: string
+  variant?: 'ghost'
+}
+
 Component({
   options: {
     virtualHost: true,
   },
+  properties: {
+    title: {
+      type: String,
+      value: 'Hello weapp-vite',
+    },
+    description: {
+      type: String,
+      value: '欢迎使用 weapp-vite 模板，这里演示了如何在组件内快速放置介绍信息。',
+    },
+    docs: {
+      type: String,
+      value: '',
+    },
+    links: {
+      type: Array,
+      value: [] as HelloWorldLink[],
+    },
+  },
+  lifetimes: {
+    attached() {
+      if (!this.data.links?.length && this.data.docs) {
+        this.setData({
+          links: [
+            {
+              text: '复制文档链接',
+              url: this.data.docs,
+            },
+          ],
+        })
+      }
+    },
+  },
+  methods: {
+    async copyLink(event: WechatMiniprogram.TouchEvent) {
+      const url = event.currentTarget.dataset?.url as string | undefined
+      if (!url) {
+        return
+      }
+
+      try {
+        await wx.setClipboardData({ data: url })
+        wx.showToast({
+          title: '链接已复制',
+          icon: 'success',
+          duration: 1500,
+        })
+      }
+      catch (error) {
+        console.error('复制链接失败', error)
+      }
+    },
+  },
 })

package/templates/tdesign/src/components/HelloWorld/HelloWorld.wxml

@@ -5,3 +5,13 @@
 <view class="bg-gradient-to-r from-green-400 to-sky-400 bg-clip-text text-xl font-extrabold text-transparent underline">
   weapp-vite & weapp-tailwindcss
 </view>
+<view class="w-full max-w-[640rpx] mx-auto rounded-3xl p-8 bg-white/95 shadow-xl shadow-slate-200/70 flex flex-col gap-6">
+  <view class="text-3xl font-semibold text-blue-600">{{title}}</view>
+  <view class="text-lg leading-relaxed text-slate-700">{{description}}</view>
+  <view wx:if="{{links.length}}" class="flex flex-wrap gap-4">
+    <t-button wx:for="{{links}}" wx:key="url" theme="{{item.variant === 'ghost' ? 'light' : 'primary'}}" variant="{{item.variant === 'ghost' ? 'outline' : 'base'}}" size="small" class="px-5 py-2 rounded-full text-sm font-medium transition active:scale-95" data-url="{{item.url}}" bindtap="copyLink">
+      {{item.text}}
+    </t-button>
+  </view>
+  <view wx:if="{{links.length}}" class="text-xs text-slate-400">点击按钮即可复制常用链接</view>
+</view>

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

@@ -38,6 +38,22 @@ const firstGrid = [
 Page({
   data: {
     mode: 'light',
+    hello: {
+      title: 'Hello weapp-vite + TDesign',
+      description: '集成 TDesign Miniprogram 与 Tailwind CSS，帮助你快速搭建企业级交互界面。',
+      docs: 'https://vite.icebreaker.top',
+      links: [
+        {
+          text: '复制文档链接',
+          url: 'https://vite.icebreaker.top',
+        },
+        {
+          text: 'TDesign 小程序组件',
+          url: 'https://tdesign.tencent.com/miniprogram/overview',
+          variant: 'ghost',
+        },
+      ],
+    },
   },
   switchMode() {
     if (this.data.mode === 'light') {

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

@@ -1,6 +1,11 @@
 <view class="min-h-screen {{ mode === 'light'?'bg-gray-100 text-slate-800':'bg-gray-900 text-slate-200' }} transition-colors duration-500">
   <view class="flex flex-col items-center pt-20 space-y-10">
-    <HelloWorld></HelloWorld>
+    <HelloWorld
+      title="{{hello.title}}"
+      description="{{hello.description}}"
+      docs="{{hello.docs}}"
+      links="{{hello.links}}"
+    />
     <view bind:tap="switchMode" class="flex items-center">
       当前模式 {{mode}} 切换模式
       <view class="{{ mode === 'light' ? 'i-mdi-moon-waxing-crescent':'i-mdi-weather-sunny text-white' }} text-2xl"></view>

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

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

package/templates/vant/src/components/{Navbar/Navbar.json → HelloWorld/HelloWorld.json}

@@ -3,5 +3,7 @@
   "component": true,
   // 组件需要设置成 "apply-shared" 才能使用 app.wxss 里的全局样式
   "styleIsolation": "apply-shared",
-  "usingComponents": {}
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index"
+  }
 }

package/templates/vant/src/components/HelloWorld/HelloWorld.scss

@@ -0,0 +1 @@
+/* Tailwind CSS utilities are applied directly in the template. */

package/templates/vant/src/components/HelloWorld/HelloWorld.ts

@@ -0,0 +1,60 @@
+interface HelloWorldLink {
+  text: string
+  url: string
+  variant?: 'ghost'
+}
+
+Component({
+  properties: {
+    title: {
+      type: String,
+      value: 'Hello weapp-vite',
+    },
+    description: {
+      type: String,
+      value: '欢迎使用 weapp-vite 模板，这里演示了如何在组件内快速放置介绍信息。',
+    },
+    docs: {
+      type: String,
+      value: '',
+    },
+    links: {
+      type: Array,
+      value: [] as HelloWorldLink[],
+    },
+  },
+  lifetimes: {
+    attached() {
+      if (!this.data.links?.length && this.data.docs) {
+        this.setData({
+          links: [
+            {
+              text: '复制文档链接',
+              url: this.data.docs,
+            },
+          ],
+        })
+      }
+    },
+  },
+  methods: {
+    async copyLink(event: WechatMiniprogram.TouchEvent) {
+      const url = event.currentTarget.dataset?.url as string | undefined
+      if (!url) {
+        return
+      }
+
+      try {
+        await wx.setClipboardData({ data: url })
+        wx.showToast({
+          title: '链接已复制',
+          icon: 'success',
+          duration: 1500,
+        })
+      }
+      catch (error) {
+        console.error('复制链接失败', error)
+      }
+    },
+  },
+})

package/templates/vant/src/components/HelloWorld/HelloWorld.wxml

@@ -0,0 +1,19 @@
+<view class="w-full max-w-[640rpx] mx-auto rounded-3xl p-8 bg-white/95 shadow-xl shadow-sky-200/40 flex flex-col gap-6">
+  <view class="text-3xl font-semibold text-sky-500">{{title}}</view>
+  <view class="text-lg leading-relaxed text-slate-700">{{description}}</view>
+  <view wx:if="{{links.length}}" class="flex flex-wrap gap-4">
+    <van-button
+      wx:for="{{links}}"
+      wx:key="url"
+      size="small"
+      type="{{item.variant === 'ghost' ? 'default' : 'primary'}}"
+      plain="{{item.variant === 'ghost'}}"
+      data-url="{{item.url}}"
+      bindtap="copyLink"
+      custom-class="px-5 py-2 rounded-full text-sm font-medium transition active:scale-95"
+    >
+      {{item.text}}
+    </van-button>
+  </view>
+  <view wx:if="{{links.length}}" class="text-xs text-slate-400">复制后可直接粘贴到浏览器访问</view>
+</view>

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://vite.icebreaker.top/page.json",
   "usingComponents": {
-    "Navbar": "/components/Navbar/Navbar"
+    "HelloWorld": "/components/HelloWorld/HelloWorld"
   },
   "navigationBarTitleText": "初始模板"
 }

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

@@ -1,9 +1,25 @@
-import { hello } from '@/utils/util'
 import Dialog from '@vant/weapp/dialog/dialog'
+import { hello } from '@/utils/util'
 
 Page({
   data: {
     mode: 'light',
+    hello: {
+      title: 'Hello weapp-vite + Vant',
+      description: '基于 weapp-vite 与 Tailwind CSS，并预先集成了 Vant Weapp 组件库，助你快速搭建业务界面。',
+      docs: 'https://vite.icebreaker.top',
+      links: [
+        {
+          text: '复制文档链接',
+          url: 'https://vite.icebreaker.top',
+        },
+        {
+          text: 'Vant 组件手册',
+          url: 'https://vant-contrib.gitee.io/vant-weapp/#/home',
+          variant: 'ghost',
+        },
+      ],
+    },
   },
   switchMode() {
     if (this.data.mode === 'light') {

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

@@ -7,6 +7,12 @@
     <view class="bg-gradient-to-r from-green-400 to-sky-400 bg-clip-text text-xl font-extrabold text-transparent underline">
       weapp-vite & weapp-tailwindcss
     </view>
+    <HelloWorld
+      title="{{hello.title}}"
+      description="{{hello.description}}"
+      docs="{{hello.docs}}"
+      links="{{hello.links}}"
+    />
     <view class="{{ mode === 'light' ? 'i-mdi-moon-waxing-crescent':'i-mdi-weather-sunny text-white' }} text-8xl" bind:tap="switchMode"></view>
     <view class="underline" mark:url="https://vite.icebreaker.top" bind:tap="copy">
       https://vite.icebreaker.top

package/templates/tailwindcss/src/components/Navbar/Navbar.ts

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

package/templates/vant/src/components/Navbar/Navbar.ts

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