create-weapp-vite 1.3.2 → 1.3.3

package/dist/{chunk-CP2T5O3U.js → chunk-KDUDSVZ5.js}

@@ -5,10 +5,10 @@ import fs2 from "fs-extra";
 import path2 from "pathe";
 
 // ../weapp-vite/package.json
-var version = "6.1.6";
+var version = "6.1.7";
 
 // ../wevu/package.json
-var version2 = "1.0.2";
+var version2 = "1.0.3";
 
 // src/enums.ts
 var TemplateName = /* @__PURE__ */ ((TemplateName2) => {

package/dist/cli.cjs

@@ -51,10 +51,10 @@ var import_fs_extra2 = __toESM(require("fs-extra"), 1);
 var import_pathe2 = __toESM(require("pathe"), 1);
 
 // ../weapp-vite/package.json
-var version = "6.1.6";
+var version = "6.1.7";
 
 // ../wevu/package.json
-var version2 = "1.0.2";
+var version2 = "1.0.3";
 
 // src/npm.ts
 var import_node_https = __toESM(require("https"), 1);

package/dist/cli.js

@@ -1,6 +1,6 @@
 import {
   createProject
-} from "./chunk-CP2T5O3U.js";
+} from "./chunk-KDUDSVZ5.js";
 
 // src/cli.ts
 import path from "path";

package/dist/index.cjs

@@ -46,10 +46,10 @@ var import_fs_extra2 = __toESM(require("fs-extra"), 1);
 var import_pathe2 = __toESM(require("pathe"), 1);
 
 // ../weapp-vite/package.json
-var version = "6.1.6";
+var version = "6.1.7";
 
 // ../wevu/package.json
-var version2 = "1.0.2";
+var version2 = "1.0.3";
 
 // src/enums.ts
 var TemplateName = /* @__PURE__ */ ((TemplateName2) => {

package/dist/index.js

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

package/package.json

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

package/templates/wevu-tdesign/README.md

@@ -2,6 +2,11 @@
 
 `weapp-vite` + `wevu`（Vue SFC）模板
 
+## 页面结构
+
+- TabBar：`首页` / `数据` / `表单` / `清单` / `能力`
+- 子包：`组件实验室`（subpackages/lab）与 `API 场景`（subpackages/ability）
+
 ## 使用方式
 
 ### 开发

package/templates/wevu-tdesign/components.d.ts

@@ -3,7 +3,7 @@
 // oxlint-disable
 // ------
 // Generated by weapp-vite autoImportComponents
-import type { ComponentOptionsMixin, DefineComponent, PublicProps } from 'vue'
+import type { ComponentOptionsMixin, DefineComponent, PublicProps } from 'wevu'
 import type { ComponentProp } from 'weapp-vite/typed-components'
 
 export {}

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

@@ -4,12 +4,65 @@ import { onHide, onLaunch, onShow } from 'wevu'
 defineAppJson({
   pages: [
     'pages/index/index',
+    'pages/data/index',
+    'pages/form/index',
+    'pages/list/index',
+    'pages/ability/index',
   ],
   window: {
-    navigationBarTitleText: 'Wepp-Vite + WeVU Template',
-    navigationBarBackgroundColor: '#4c6ef5',
+    navigationBarTitleText: 'Weapp Studio',
+    navigationBarBackgroundColor: '#2f2b5f',
     navigationBarTextStyle: 'white',
+    backgroundTextStyle: 'dark',
   },
+  tabBar: {
+    color: '#7a7aa0',
+    selectedColor: '#2f2b5f',
+    backgroundColor: '#ffffff',
+    borderStyle: 'white',
+    list: [
+      {
+        pagePath: 'pages/index/index',
+        text: '首页',
+        iconPath: 'tabbar/home.png',
+        selectedIconPath: 'tabbar/home-active.png',
+      },
+      {
+        pagePath: 'pages/data/index',
+        text: '数据',
+        iconPath: 'tabbar/data.png',
+        selectedIconPath: 'tabbar/data-active.png',
+      },
+      {
+        pagePath: 'pages/form/index',
+        text: '表单',
+        iconPath: 'tabbar/form.png',
+        selectedIconPath: 'tabbar/form-active.png',
+      },
+      {
+        pagePath: 'pages/list/index',
+        text: '清单',
+        iconPath: 'tabbar/list.png',
+        selectedIconPath: 'tabbar/list-active.png',
+      },
+      {
+        pagePath: 'pages/ability/index',
+        text: '能力',
+        iconPath: 'tabbar/ability.png',
+        selectedIconPath: 'tabbar/ability-active.png',
+      },
+    ],
+  },
+  subPackages: [
+    {
+      root: 'subpackages/lab',
+      pages: ['index'],
+    },
+    {
+      root: 'subpackages/ability',
+      pages: ['index'],
+    },
+  ],
   style: 'v2',
   componentFramework: 'glass-easel',
   sitemapLocation: 'sitemap.json',
@@ -32,4 +85,9 @@ onLaunch(() => {
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+page {
+  font-family: 'HarmonyOS Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  background-color: #f6f7fb;
+}
 </style>

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

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    title: string
+    description?: string
+    actionText?: string
+  }>(),
+  {
+    description: '',
+    actionText: '',
+  },
+)
+
+const emit = defineEmits<{
+  (e: 'action'): void
+}>()
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+
+function onAction() {
+  emit('action')
+}
+</script>
+
+<template>
+  <view class="rounded-[20rpx] bg-white p-[24rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
+    <t-empty :title="title" :description="description" />
+    <view v-if="props.actionText" class="mt-[16rpx]">
+      <t-button block theme="primary" variant="outline" @tap="onAction">
+        {{ props.actionText }}
+      </t-button>
+    </view>
+  </view>
+</template>

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

@@ -0,0 +1,63 @@
+<script setup lang="ts">
+import { computed } from 'wevu'
+
+const emit = defineEmits<{
+  (e: 'update:query', value: string): void
+  (e: 'update:active', value: string): void
+}>()
+
+const props = defineProps({
+  query: { type: String, default: '' },
+  active: { type: String, default: 'all' },
+  filters: { type: Array, default: () => [] },
+}) as {
+  query: string
+  active: string
+  filters: FilterItem[]
+}
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+
+interface FilterItem {
+  value: string
+  label: string
+  count?: number
+}
+
+const filterItems = computed(() => (Array.isArray(props.filters) ? props.filters : []))
+
+function onQueryChange(e: WechatMiniprogram.CustomEvent<{ value: string }>) {
+  emit('update:query', e.detail.value)
+}
+
+function onSelect(value: string) {
+  emit('update:active', value)
+}
+</script>
+
+<template>
+  <view class="rounded-[20rpx] bg-white p-[16rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
+    <t-search
+      placeholder="搜索标题或负责人"
+      :value="query"
+      clearable
+      @change="onQueryChange"
+    />
+    <view class="mt-[12rpx] flex flex-wrap gap-[12rpx]">
+      <t-check-tag
+        v-for="item in filterItems"
+        :key="item.value"
+        :checked="item.value === active"
+        content=""
+        @change="onSelect(item.value)"
+      >
+        {{ item.label }}
+        <text v-if="item.count !== undefined">
+          ({{ item.count }})
+        </text>
+      </t-check-tag>
+    </view>
+  </view>
+</template>

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

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { computed } from 'wevu'
+
+const props = withDefaults(
+  defineProps<{
+    label: string
+    align?: 'left' | 'center' | 'right'
+    description?: string
+  }>(),
+  {
+    align: 'left',
+    description: '',
+  },
+)
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+
+const labelClass = computed(() => {
+  if (props.align === 'right') {
+    return 'text-right'
+  }
+  if (props.align === 'center') {
+    return 'text-center'
+  }
+  return 'text-left'
+})
+</script>
+
+<template>
+  <view class="flex flex-col gap-[8rpx]">
+    <view class="flex items-baseline justify-between gap-[12rpx]">
+      <text class="text-[22rpx] font-semibold text-[#1f1a3f]" :class="labelClass">
+        {{ label }}
+      </text>
+      <text v-if="description" class="text-[20rpx] text-[#8a8aa5]">
+        {{ description }}
+      </text>
+    </view>
+    <slot />
+  </view>
+</template>

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

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+defineOptions({
+  options: {
+    multipleSlots: true,
+  },
+})
+
+withDefaults(
+  defineProps<{
+    step: number
+    title: string
+    subtitle?: string
+    active?: boolean
+  }>(),
+  {
+    subtitle: '',
+    active: false,
+  },
+)
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+</script>
+
+<template>
+  <view class="rounded-[20rpx] bg-white p-[20rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
+    <view class="flex items-center gap-[12rpx]">
+      <view
+        class="flex h-[36rpx] w-[36rpx] items-center justify-center rounded-full text-[20rpx] font-semibold"
+        :class="active ? 'bg-[#2f2b5f] text-white' : 'bg-[#eff1f6] text-[#5c5b7a]'"
+      >
+        {{ step }}
+      </view>
+      <view>
+        <text class="text-[26rpx] font-semibold text-[#1f1a3f]">
+          {{ title }}
+        </text>
+        <text v-if="subtitle" class="mt-[4rpx] block text-[20rpx] text-[#6f6b8a]">
+          {{ subtitle }}
+        </text>
+      </view>
+    </view>
+    <view class="mt-[16rpx]">
+      <slot />
+    </view>
+  </view>
+</template>

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

@@ -0,0 +1,146 @@
+<script setup lang="ts">
+import { computed } from 'wevu'
+
+defineOptions({
+  options: {
+    multipleSlots: true,
+  },
+})
+
+const props = defineProps({
+  title: { type: String, required: true },
+  subtitle: { type: String, default: '' },
+  items: { type: null, default: () => [] },
+  columns: { type: Number, default: 2 },
+}) as {
+  title: string
+  subtitle?: string
+  items?: KpiItem[]
+  columns?: 2 | 3
+}
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+
+type KpiTone = 'positive' | 'negative' | 'neutral'
+
+export interface KpiItem {
+  key?: string
+  label: string
+  value: string | number
+  unit?: string
+  delta?: number
+  footnote?: string
+}
+
+const cards = computed(() => {
+  const source = Array.isArray(props.items) ? props.items : []
+  return source.map((item, index) => ({
+    key: item.key ?? String(index),
+    item,
+    index,
+    tone: resolveTone(item.delta),
+    isLeading: index === 0,
+  }))
+})
+
+const gridClass = computed(() => (props.columns === 3 ? 'grid-cols-3' : 'grid-cols-2'))
+
+function resolveTone(delta?: number): KpiTone {
+  if (delta === undefined || Number.isNaN(delta)) {
+    return 'neutral'
+  }
+  if (delta > 0) {
+    return 'positive'
+  }
+  if (delta < 0) {
+    return 'negative'
+  }
+  return 'neutral'
+}
+
+function formatDelta(delta?: number, unit = '') {
+  if (delta === undefined || Number.isNaN(delta)) {
+    return '--'
+  }
+  const sign = delta > 0 ? '+' : ''
+  return `${sign}${delta}${unit}`
+}
+
+function toneBadgeClass(tone: KpiTone) {
+  if (tone === 'positive') {
+    return 'bg-[#e7f7ee] text-[#1b7a3a]'
+  }
+  if (tone === 'negative') {
+    return 'bg-[#ffe9e9] text-[#b42318]'
+  }
+  return 'bg-[#edf1f7] text-[#64748b]'
+}
+
+function toneDotClass(tone: KpiTone) {
+  if (tone === 'positive') {
+    return 'bg-[#22c55e]'
+  }
+  if (tone === 'negative') {
+    return 'bg-[#ef4444]'
+  }
+  return 'bg-[#94a3b8]'
+}
+</script>
+
+<template>
+  <view class="rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
+    <view class="flex items-end justify-between">
+      <view>
+        <text class="text-[28rpx] font-semibold text-[#1f1a3f]">
+          {{ title }}
+        </text>
+        <text v-if="subtitle" class="mt-[6rpx] block text-[22rpx] text-[#6f6b8a]">
+          {{ subtitle }}
+        </text>
+      </view>
+      <slot name="action" />
+    </view>
+    <view class="mt-[16rpx] grid gap-[12rpx]" :class="gridClass">
+      <slot name="items" :items="cards">
+        <view v-for="card in cards" :key="card.key">
+          <view class="rounded-[18rpx] bg-[#f7f7fb] p-[16rpx]">
+            <view class="flex items-center justify-between">
+              <view class="flex items-center gap-[8rpx]">
+                <view class="h-[8rpx] w-[8rpx] rounded-full" :class="toneDotClass(card.tone)" />
+                <text class="text-[22rpx] text-[#61618a]">
+                  {{ card.item.label }}
+                </text>
+              </view>
+              <view v-if="card.isLeading" class="rounded-full bg-[#fff3c2] px-[10rpx] py-[4rpx]">
+                <text class="text-[18rpx] font-semibold text-[#8a5200]">
+                  HOT
+                </text>
+              </view>
+            </view>
+            <view class="mt-[10rpx] flex items-end justify-between">
+              <view class="flex items-baseline gap-[6rpx]">
+                <text class="text-[32rpx] font-bold text-[#1c1c3c]">
+                  {{ card.item.value }}
+                </text>
+                <text v-if="card.item.unit" class="text-[20rpx] text-[#7a7aa0]">
+                  {{ card.item.unit }}
+                </text>
+              </view>
+              <view class="rounded-full px-[10rpx] py-[4rpx]" :class="toneBadgeClass(card.tone)">
+                <text class="text-[20rpx] font-semibold">
+                  {{ card.tone === 'positive' ? '↑' : card.tone === 'negative' ? '↓' : '→' }}
+                  {{ formatDelta(card.item.delta, card.item.unit ?? '') }}
+                </text>
+              </view>
+            </view>
+            <text v-if="card.item.footnote" class="mt-[6rpx] block text-[20rpx] text-[#8a8aa5]">
+              {{ card.item.footnote }}
+            </text>
+          </view>
+        </view>
+      </slot>
+    </view>
+  </view>
+</template>

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

@@ -0,0 +1,90 @@
+<script setup lang="ts">
+import { computed } from 'wevu'
+
+const emit = defineEmits<{
+  (e: 'select', item: ActionItem): void
+}>()
+
+const props = defineProps({
+  title: { type: String, required: true },
+  subtitle: { type: String, default: '' },
+  items: { type: null, default: () => [] },
+}) as {
+  title: string
+  subtitle?: string
+  items?: ActionItem[]
+}
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+
+interface ActionItem {
+  key: string
+  title: string
+  description?: string
+  icon?: string
+  tag?: string
+  tone?: 'brand' | 'neutral'
+  disabled?: boolean
+  path?: string
+  type?: 'tab' | 'sub'
+}
+
+const cards = computed(() => (Array.isArray(props.items) ? props.items : []))
+
+function onSelect(item: ActionItem) {
+  if (item.disabled) {
+    return
+  }
+  emit('select', item)
+}
+
+function toneClass(tone?: 'brand' | 'neutral') {
+  if (tone === 'brand') {
+    return 'bg-[#eef2ff] text-[#3534a5]'
+  }
+  return 'bg-[#f2f4f8] text-[#5c5b7a]'
+}
+</script>
+
+<template>
+  <view class="rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
+    <view class="flex items-end justify-between">
+      <view>
+        <text class="text-[28rpx] font-semibold text-[#1f1a3f]">
+          {{ title }}
+        </text>
+        <text v-if="subtitle" class="mt-[6rpx] block text-[22rpx] text-[#6f6b8a]">
+          {{ subtitle }}
+        </text>
+      </view>
+    </view>
+    <view class="mt-[16rpx] grid grid-cols-2 gap-[12rpx]">
+      <view
+        v-for="item in cards"
+        :key="item.key"
+        class="rounded-[18rpx] bg-[#f7f7fb] p-[16rpx]"
+        :class="item.disabled ? 'opacity-50' : 'opacity-100'"
+        @tap="onSelect(item)"
+      >
+        <view class="flex items-center justify-between">
+          <view class="flex items-center gap-[8rpx]">
+            <view class="flex h-[36rpx] w-[36rpx] items-center justify-center rounded-[12rpx]" :class="toneClass(item.tone)">
+              <t-icon :name="item.icon ?? 'app'" size="22" />
+            </view>
+            <text class="text-[24rpx] font-semibold text-[#1f1a3f]">
+              {{ item.title }}
+            </text>
+          </view>
+          <t-tag v-if="item.tag" size="small" theme="primary" variant="light">
+            {{ item.tag }}
+          </t-tag>
+        </view>
+        <text v-if="item.description" class="mt-[10rpx] block text-[20rpx] text-[#6f6b8a]">
+          {{ item.description }}
+        </text>
+      </view>
+    </view>
+  </view>
+</template>

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

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { computed } from 'wevu'
+
+defineOptions({
+  options: {
+    multipleSlots: true,
+  },
+})
+
+const props = withDefaults(
+  defineProps<{
+    title: string
+    items?: ResultItem[]
+  }>(),
+  {
+    items: () => [],
+  },
+)
+
+defineComponentJson({
+  styleIsolation: 'apply-shared',
+})
+
+interface ResultItem {
+  label: string
+  value: string | number
+}
+
+const rows = computed(() => props.items ?? [])
+</script>
+
+<template>
+  <view class="rounded-[20rpx] bg-white p-[20rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
+    <view class="flex items-center justify-between">
+      <text class="text-[26rpx] font-semibold text-[#1f1a3f]">
+        {{ title }}
+      </text>
+      <slot name="action" />
+    </view>
+    <view class="mt-[12rpx] space-y-[10rpx]">
+      <view v-for="row in rows" :key="row.label" class="flex items-center justify-between">
+        <text class="text-[22rpx] text-[#6f6b8a]">
+          {{ row.label }}
+        </text>
+        <text class="text-[22rpx] font-semibold text-[#1f1a3f]">
+          {{ row.value }}
+        </text>
+      </view>
+    </view>
+  </view>
+</template>