@weapp-core/init 4.0.0 → 4.1.0

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

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { onHide, onLaunch, onShow } from 'wevu'
+
+defineAppJson({
+  pages: [
+    'pages/index/index',
+  ],
+  window: {
+    navigationBarTitleText: 'Wepp-Vite + WeVU Template',
+    navigationBarBackgroundColor: '#4c6ef5',
+    navigationBarTextStyle: 'white',
+  },
+  style: 'v2',
+  componentFramework: 'glass-easel',
+  sitemapLocation: 'sitemap.json',
+})
+
+onShow(() => {
+  console.log('[weapp-vite-wevu-template] app show')
+})
+
+onHide(() => {
+  console.log('[weapp-vite-wevu-template] app hide')
+})
+
+onLaunch(() => {
+  console.log('[weapp-vite-wevu-template] app launch')
+})
+</script>
+
+<style lang="scss">
+@use 'tailwindcss/base';
+@use 'tailwindcss/components';
+@use 'tailwindcss/utilities';
+
+page {
+  color: #1c1c3c;
+  background: #f6f7fb;
+}
+</style>

package/templates/wevu-tdesign/src/components/HelloWorld/index.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    title?: string
+    subtitle?: string
+  }>(),
+  {
+    title: 'Hello WeVU',
+    subtitle: '',
+  },
+)
+</script>
+
+<template>
+  <view class="header">
+    <text class="title">
+      {{ props.title }}
+    </text>
+    <text v-if="props.subtitle" class="subtitle">
+      {{ props.subtitle }}
+    </text>
+  </view>
+</template>
+
+<style>
+.header {
+  padding: 24rpx;
+  background: linear-gradient(135deg, #4c6ef5, #7048e8);
+  border-radius: 24rpx;
+}
+
+.title {
+  display: block;
+  font-size: 40rpx;
+  font-weight: 700;
+  color: #fff;
+}
+
+.subtitle {
+  display: block;
+  margin-top: 8rpx;
+  font-size: 26rpx;
+  color: rgb(255 255 255 / 85%);
+}
+</style>

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

@@ -0,0 +1,138 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'wevu'
+
+import HelloWorld from '@/components/HelloWorld/index.vue'
+
+definePageJson({
+  navigationBarTitleText: '首页',
+})
+
+const count = ref(0)
+const message = ref('Hello WeVU!')
+const todos = ref([
+  '用 Vue SFC 写页面/组件',
+  '用 wevu API（ref/computed/watch）写逻辑',
+  '用 v-for / v-if / @tap / v-model 写模板',
+])
+
+const doubled = computed(() => count.value * 2)
+
+function increment() {
+  count.value += 1
+}
+
+function reset() {
+  count.value = 0
+}
+
+watch(count, (newValue, oldValue) => {
+  console.log(`[wevu] count changed: ${oldValue} -> ${newValue}`)
+})
+</script>
+
+<template>
+  <view class="page">
+    <HelloWorld :title="message" :subtitle="`count=${count}, doubled=${doubled}`" />
+
+    <view class="card">
+      <view class="row">
+        <text class="label">
+          当前计数：{{ count }}
+        </text>
+        <text class="label">
+          双倍：{{ doubled }}
+        </text>
+      </view>
+
+      <view class="row actions">
+        <button class="btn primary" @tap="increment">
+          +1
+        </button>
+        <button class="btn danger" @tap="reset">
+          重置
+        </button>
+      </view>
+
+      <view class="row">
+        <text class="label">
+          文本双向绑定：
+        </text>
+      </view>
+      <input v-model="message" class="input" placeholder="输入标题…">
+
+      <view class="row">
+        <text class="label">
+          Checklist
+        </text>
+      </view>
+      <view class="todo">
+        <view v-for="(todo, index) in todos" :key="index" class="todo-item">
+          <text>• {{ todo }}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style>
+.page {
+  box-sizing: border-box;
+  padding: 48rpx 32rpx 64rpx;
+}
+
+.card {
+  padding: 32rpx;
+  margin-top: 24rpx;
+  background: #fff;
+  border-radius: 24rpx;
+  box-shadow: 0 12rpx 32rpx rgb(44 44 84 / 10%);
+}
+
+.row {
+  display: flex;
+  gap: 16rpx;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+
+.label {
+  font-size: 30rpx;
+  color: #1c1c3c;
+}
+
+.actions {
+  margin: 24rpx 0;
+}
+
+.btn {
+  flex: 1;
+  line-height: 96rpx;
+  color: #fff;
+  border-radius: 16rpx;
+}
+
+.btn.primary {
+  background: #4c6ef5;
+}
+
+.btn.danger {
+  background: #f03e3e;
+}
+
+.input {
+  box-sizing: border-box;
+  height: 88rpx;
+  padding: 0 24rpx;
+  margin: 0 0 24rpx;
+  background: #fff;
+  border: 2rpx solid #e9ecef;
+  border-radius: 16rpx;
+}
+
+.todo-item {
+  margin-bottom: 12rpx;
+  font-size: 26rpx;
+  color: #4f4f7a;
+}
+</style>

package/templates/wevu-tdesign/src/sitemap.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://vite.icebreaker.top/sitemap.json",
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [
+    {
+      "action": "allow",
+      "page": "*"
+    }
+  ]
+}

package/templates/wevu-tdesign/src/theme.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://vite.icebreaker.top/theme.json",
+  "light": {},
+  "dark": {}
+}

package/templates/wevu-tdesign/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="weapp-vite/client" />

package/templates/wevu-tdesign/tailwind.config.ts

@@ -0,0 +1,22 @@
+import type { Config } from 'tailwindcss'
+import { getIconCollections, iconsPlugin } from '@egoist/tailwindcss-icons'
+
+export default <Config>{
+  content: [
+    // 添加你需要提取的文件目录
+    'src/**/*.{wxml,js,ts,vue}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    iconsPlugin({
+      collections: getIconCollections(['mdi']),
+    }),
+  ],
+  corePlugins: {
+    // 小程序不需要 preflight 和 container，因为这主要是给 h5 的，如果你要同时开发小程序和 h5 端，你应该使用环境变量来控制它
+    preflight: false,
+    container: false,
+  },
+}

package/templates/wevu-tdesign/tsconfig.app.json

@@ -0,0 +1,60 @@
+{
+  "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/*"
+      ],
+      "take:@/*": [
+        "./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/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.js",
+    "src/**/*.jsx",
+    "src/**/*.mts",
+    "src/**/*.cts",
+    "src/**/*.vue",
+    "src/**/*.json",
+    "src/**/*.d.ts",
+    "types/**/*.d.ts",
+    "env.d.ts"
+  ]
+}

package/templates/wevu-tdesign/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ],
+  "files": []
+}

package/templates/wevu-tdesign/tsconfig.node.json

@@ -0,0 +1,33 @@
+{
+  "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"
+  ]
+}