create-weapp-vite 2.3.15 → 2.3.16

package/templates/wevu-tdesign/src/hooks/useToast.ts

@@ -1,100 +0,0 @@
-import Toast from 'tdesign-miniprogram/toast/index'
-import { getCurrentInstance, resolveLayoutBridge, resolveLayoutHost } from 'wevu'
-import { LAYOUT_TOAST_BRIDGE_KEY } from '@/hooks/useLayoutFeedbackBridge'
-
-export type ToastTheme = 'success' | 'warning' | 'error' | 'default' | 'loading'
-
-export interface ShowToastPayload {
-  bridgeKey?: string
-  context?: any
-  duration?: number
-  icon?: string
-  message?: string
-  placement?: string
-  selector?: string
-  theme?: ToastTheme
-  title?: string
-}
-
-export interface ToastOptions {
-  bridgeKey?: string
-  selector?: string
-  duration?: number
-  theme?: ToastTheme
-}
-
-function resolveToastContext(options: { bridgeKey?: string, context?: any }) {
-  return options.bridgeKey
-    ? resolveLayoutBridge(options.bridgeKey, options.context ?? getCurrentInstance())
-    : options.context ?? getCurrentInstance()
-}
-
-export function showToast(payload: string | ShowToastPayload, theme?: ToastTheme) {
-  const mpContext = getCurrentInstance()
-  const normalized = typeof payload === 'string'
-    ? { message: payload, theme }
-    : payload
-  const bridgeKey = normalized.bridgeKey ?? LAYOUT_TOAST_BRIDGE_KEY
-  const selector = normalized.selector
-  const {
-    bridgeKey: _bridgeKey,
-    context: _context,
-    selector: _selector,
-    theme: nextTheme,
-    title,
-    message,
-    ...rest
-  } = normalized
-  const options = {
-    message: message ?? title ?? '',
-    ...rest,
-    ...(nextTheme && nextTheme !== 'default' ? { theme: nextTheme } : {}),
-  }
-  const context = resolveToastContext({
-    bridgeKey,
-    context: normalized.context ?? mpContext,
-  })
-  const host = bridgeKey
-    ? resolveLayoutHost<{
-        show?: (payload: typeof options) => void
-      }>(bridgeKey, { context })
-    : selector
-      ? context?.selectComponent?.(selector) ?? null
-      : null
-  if (!context) {
-    return
-  }
-  if (host && typeof host.show === 'function') {
-    host.show(options)
-    return
-  }
-  if (!selector) {
-    return
-  }
-  Toast({
-    selector,
-    context: context as any,
-    ...options,
-  } as any)
-}
-
-export function useToast(options: ToastOptions = {}) {
-  const context = getCurrentInstance()
-  const bridgeKey = options.bridgeKey ?? LAYOUT_TOAST_BRIDGE_KEY
-  const selector = options.selector
-  const duration = options.duration ?? 1200
-  const defaultTheme = options.theme ?? 'success'
-
-  return {
-    showToast(message: string, theme: ToastTheme = defaultTheme) {
-      return showToast({
-        bridgeKey,
-        context,
-        selector,
-        message,
-        duration,
-        ...(theme === 'default' ? {} : { theme }),
-      })
-    },
-  }
-}

package/templates/wevu-tdesign/src/layouts/admin.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-const props = defineProps<{
-  subtitle?: string
-  title?: string
-}>()
-
-defineComponentJson({
-  component: true,
-  usingComponents: {
-    't-dialog': 'tdesign-miniprogram/dialog/dialog',
-    't-toast': 'tdesign-miniprogram/toast/toast',
-  },
-})
-</script>
-
-<template>
-  <view class="layout-admin min-h-full bg-[linear-gradient(180deg,#f8f7ff_0%,#f1efff_100%)]">
-    <view class="rounded-b-[32rpx] bg-[linear-gradient(145deg,#2f2b5f_0%,#4b3fb8_64%,#8b7bff_100%)] px-[32rpx] pb-[32rpx] pt-[36rpx] text-white shadow-[0_18rpx_42rpx_rgba(75,63,184,0.18)]">
-      <text class="inline-flex rounded-full bg-white/15 px-[16rpx] py-[8rpx] text-[22rpx]">
-        layouts/admin.vue
-      </text>
-      <text class="mt-[18rpx] block text-[46rpx] font-semibold">
-        {{ props.title || 'Admin Layout' }}
-      </text>
-      <text class="mt-[12rpx] block text-[24rpx] leading-[1.7] text-white/90">
-        {{ props.subtitle || '页面内容通过默认 slot 注入到布局中。' }}
-      </text>
-    </view>
-    <view class="pb-[32rpx]">
-      <slot />
-    </view>
-    <t-toast layout-host="layout-toast" />
-    <t-dialog layout-host="layout-dialog" />
-  </view>
-</template>
-
-<style>
-.layout-admin {
-  min-height: 100%;
-}
-</style>

package/templates/wevu-tdesign/src/layouts/default.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-defineComponentJson({
-  component: true,
-  usingComponents: {
-    't-dialog': 'tdesign-miniprogram/dialog/dialog',
-    't-toast': 'tdesign-miniprogram/toast/toast',
-  },
-})
-</script>
-
-<template>
-  <view class="layout-default">
-    <slot />
-    <t-toast layout-host="layout-toast" />
-    <t-dialog layout-host="layout-dialog" />
-  </view>
-</template>
-
-<style>
-.layout-default {
-  min-height: 100%;
-}
-</style>

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

@@ -1,164 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'wevu'
-import { wpi } from 'wevu/api'
-
-import SectionTitle from '@/components/SectionTitle/index.vue'
-import { useDialog } from '@/hooks/useDialog'
-import { useToast } from '@/hooks/useToast'
-
-definePageJson({
-  navigationBarTitleText: '能力',
-  backgroundColor: '#f6f7fb',
-})
-
-const { alert } = useDialog()
-const { showToast } = useToast()
-
-const capabilityCards = ref([
-  {
-    key: 'scan',
-    title: '扫一扫',
-    desc: '识别条码或二维码',
-  },
-  {
-    key: 'location',
-    title: '定位',
-    desc: '获取当前坐标',
-  },
-  {
-    key: 'clipboard',
-    title: '剪贴板',
-    desc: '写入演示文本',
-  },
-  {
-    key: 'share',
-    title: '分享',
-    desc: '唤起分享菜单',
-  },
-  {
-    key: 'image',
-    title: '选择图片',
-    desc: '上传素材预览',
-  },
-])
-
-const subscribeTemplateId = ''
-
-async function handleCapability(key: string) {
-  try {
-    switch (key) {
-      case 'scan': {
-        const result = await wpi.scanCode()
-        showToast(`识别结果：${result.result || '已完成'}`)
-        break
-      }
-      case 'location': {
-        const result = await wpi.getLocation({
-          type: 'wgs84',
-        })
-        showToast(`定位成功：${result.latitude.toFixed(2)}, ${result.longitude.toFixed(2)}`)
-        break
-      }
-      case 'clipboard':
-        await wpi.setClipboardData({
-          data: 'weapp-vite + wevu + TDesign',
-        })
-        showToast('已写入剪贴板')
-        break
-      case 'share':
-        await wpi.showShareMenu({
-          withShareTicket: true,
-        })
-        showToast('已开启分享菜单')
-        break
-      case 'image': {
-        const result = await wpi.chooseImage({
-          count: 3,
-        })
-        showToast(`已选择 ${result.tempFilePaths.length} 张图片`)
-        break
-      }
-      default:
-        break
-    }
-  }
-  catch {
-    const warningMap: Record<string, string> = {
-      scan: '扫码失败，请重试',
-      location: '未获取定位权限',
-      share: '分享菜单开启失败',
-      image: '未选择图片',
-    }
-    showToast(warningMap[key] || '操作失败，请重试', 'warning')
-  }
-}
-
-async function requestSubscribe() {
-  if (!subscribeTemplateId) {
-    alert({
-      title: '订阅消息',
-      content: '请在 ability 页面配置订阅模板 ID 后再试。',
-      confirmBtn: '知道了',
-    })
-    return
-  }
-  try {
-    await wpi.requestSubscribeMessage({
-      tmplIds: [subscribeTemplateId],
-    })
-    showToast('订阅成功')
-  }
-  catch {
-    showToast('订阅失败', 'warning')
-  }
-}
-
-async function navigateTo(url: string) {
-  await wpi.navigateTo({
-    url,
-  })
-}
-</script>
-
-<template>
-  <view class="min-h-screen bg-[#f6f7fb] px-[28rpx] pb-[88rpx] pt-[24rpx] text-[#1c1c3c]">
-    <view class="rounded-[28rpx] bg-linear-to-br from-[#ecfeff] via-[#ffffff] to-[#e0f2fe] p-[20rpx]">
-      <SectionTitle title="小程序能力" subtitle="本页展示原生 API 与分包导航" />
-    </view>
-
-    <view class="mt-[18rpx] rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
-      <SectionTitle title="常用能力" subtitle="点击体验微信原生 API" />
-      <view class="mt-[12rpx] grid grid-cols-2 gap-[12rpx]">
-        <view
-          v-for="item in capabilityCards"
-          :key="item.key"
-          class="rounded-[18rpx] bg-[#f0f9ff] p-[16rpx]"
-          @tap="handleCapability(item.key)"
-        >
-          <text class="text-[24rpx] font-semibold text-[#1f1a3f]">
-            {{ item.title }}
-          </text>
-          <text class="mt-[6rpx] block text-[20rpx] text-[#6f6b8a]">
-            {{ item.desc }}
-          </text>
-        </view>
-      </view>
-      <view class="mt-[16rpx]">
-        <t-button block theme="primary" variant="outline" @tap="requestSubscribe">
-          订阅消息提醒
-        </t-button>
-      </view>
-    </view>
-
-    <view class="mt-[18rpx] rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
-      <SectionTitle title="分包演示" subtitle="weapp-vite 子包页面" />
-      <view class="mt-[12rpx]">
-        <t-cell-group>
-          <t-cell title="组件实验室" note="subpackages/lab" arrow @tap="navigateTo('/subpackages/lab/index')" />
-          <t-cell title="Class 绑定实验室" note="subpackages/lab/class-binding" arrow @tap="navigateTo('/subpackages/lab/class-binding/index')" />
-          <t-cell title="API 场景页" note="subpackages/ability" arrow @tap="navigateTo('/subpackages/ability/index')" />
-        </t-cell-group>
-      </view>
-    </view>
-  </view>
-</template>

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

@@ -1,189 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch } from 'wevu'
-
-import KpiBoard from '@/components/KpiBoard/index.vue'
-import SectionTitle from '@/components/SectionTitle/index.vue'
-import TrendCard from '@/components/TrendCard/index.vue'
-import { resolveStringChangeValue } from '@/utils/changeEvent'
-
-definePageJson({
-  navigationBarTitleText: '数据',
-  backgroundColor: '#f6f7fb',
-})
-
-const ranges = [
-  { value: 'today', label: '今日' },
-  { value: 'week', label: '本周' },
-  { value: 'month', label: '本月' },
-]
-
-const activeRange = ref('week')
-const refreshTick = ref(0)
-
-const kpiItems = computed(() => {
-  const scale = activeRange.value === 'today' ? 1 : activeRange.value === 'month' ? 4 : 2
-  const drift = refreshTick.value
-  return [
-    {
-      key: 'orders',
-      label: '订单量',
-      value: 268 * scale + drift,
-      unit: '单',
-      delta: 12 + drift,
-      footnote: '核心目标',
-    },
-    {
-      key: 'gmv',
-      label: '成交额',
-      value: 42 * scale + drift,
-      unit: '万',
-      delta: 3 + drift,
-      footnote: 'GMV',
-    },
-    {
-      key: 'retention',
-      label: '留存',
-      value: 62 + drift,
-      unit: '%',
-      delta: 4,
-      footnote: '用户粘性',
-    },
-    {
-      key: 'nps',
-      label: 'NPS',
-      value: 48 + drift,
-      unit: '分',
-      delta: 2,
-      footnote: '满意度',
-    },
-  ]
-})
-
-const trends = computed(() => [
-  {
-    key: 'active',
-    title: '活跃用户',
-    value: activeRange.value === 'today' ? 980 : activeRange.value === 'month' ? 8820 : 3560,
-    unit: '人',
-    delta: 12 + refreshTick.value,
-    progress: 78,
-  },
-  {
-    key: 'conversion',
-    title: '转化漏斗',
-    value: activeRange.value === 'today' ? 21 : activeRange.value === 'month' ? 25 : 23,
-    unit: '%',
-    delta: 1,
-    progress: 56,
-  },
-  {
-    key: 'response',
-    title: '响应时长',
-    value: activeRange.value === 'today' ? 1.6 : 1.8,
-    unit: 's',
-    delta: -0.2,
-    progress: 68,
-  },
-])
-
-const reportLines = computed(() => [
-  `分组：${ranges.find(range => range.value === activeRange.value)?.label ?? '本周'}`,
-  '渠道贡献 Top3：直播、社群、搜索',
-  '重点事项：提升转化 > 优化留存',
-])
-
-function onRangeChange(event: unknown) {
-  activeRange.value = resolveStringChangeValue(event, activeRange.value)
-}
-
-watch(activeRange, () => {
-  refreshTick.value = Math.floor(Math.random() * 6)
-})
-</script>
-
-<template>
-  <view class="min-h-screen bg-[#f6f7fb] px-[28rpx] pb-[88rpx] pt-[24rpx] text-[#1c1c3c]">
-    <view class="rounded-[28rpx] bg-linear-to-br from-[#f1f5ff] via-[#eef2ff] to-[#ffffff] p-[20rpx]">
-      <SectionTitle title="经营仪表盘" subtitle="聚焦关键指标与趋势" />
-      <view class="mt-[12rpx]">
-        <t-tabs :value="activeRange" @change="onRangeChange">
-          <t-tab-panel v-for="range in ranges" :key="range.value" :value="range.value" :label="range.label" />
-        </t-tabs>
-      </view>
-    </view>
-
-    <view class="mt-[18rpx]">
-      <KpiBoard title="核心 KPI" subtitle="趋势随区间自动刷新" :items="kpiItems">
-        <template #action />
-        <template #items="{ items }">
-          <view v-for="card in items" :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="card.tone === 'positive' ? 'bg-[#22c55e]' : card.tone === 'negative' ? 'bg-[#ef4444]' : 'bg-[#94a3b8]'" />
-                  <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="card.tone === 'positive' ? 'bg-[#e7f7ee] text-[#1b7a3a]' : card.tone === 'negative' ? 'bg-[#ffe9e9] text-[#b42318]' : 'bg-[#edf1f7] text-[#64748b]'"
-                >
-                  <text class="text-[20rpx] font-semibold">
-                    {{ card.tone === 'positive' ? '↑' : card.tone === 'negative' ? '↓' : '→' }}
-                    {{ card.item.delta == null ? '--' : card.item.delta + (card.item.unit ? 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>
-        </template>
-      </KpiBoard>
-    </view>
-
-    <view class="mt-[18rpx]">
-      <SectionTitle title="趋势追踪" subtitle="转化与体验指标" />
-      <view class="mt-[12rpx] grid gap-[12rpx]">
-        <TrendCard
-          v-for="card in trends"
-          :key="card.key"
-          :title="card.title"
-          :value="card.value"
-          :unit="card.unit"
-          :delta="card.delta"
-          :progress="card.progress"
-        />
-      </view>
-    </view>
-
-    <view class="mt-[18rpx] rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
-      <SectionTitle title="经营洞察" subtitle="跟进重点事项" />
-      <view class="mt-[12rpx] space-y-[10rpx]">
-        <view v-for="line in reportLines" :key="line" class="flex items-center gap-[8rpx]">
-          <view class="h-[8rpx] w-[8rpx] rounded-full bg-[#5a48c5]" />
-          <text class="text-[22rpx] text-[#4c4b68]">
-            {{ line }}
-          </text>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>