create-weapp-vite 2.3.14 → 2.3.16

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>

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

@@ -1,271 +0,0 @@
-<script setup lang="ts">
-import type { UploadFile } from 'tdesign-miniprogram/upload/type'
-
-import { computed, reactive, ref, watch } from 'wevu'
-
-import FormRow from '@/components/FormRow/index.vue'
-import FormStep from '@/components/FormStep/index.vue'
-import ResultCard from '@/components/ResultCard/index.vue'
-import SectionTitle from '@/components/SectionTitle/index.vue'
-import { useFormBinder } from '@/hooks/useFormBinder'
-import { useToast } from '@/hooks/useToast'
-import { resolveBooleanChangeValue } from '@/utils/changeEvent'
-
-definePageJson({
-  navigationBarTitleText: '表单',
-  backgroundColor: '#f6f7fb',
-})
-
-const { changeModel } = useFormBinder()
-const { showToast } = useToast()
-
-const steps = [
-  { key: 'basic', title: '基础信息', subtitle: '业务基本配置' },
-  { key: 'strategy', title: '执行策略', subtitle: '预算与节奏' },
-  { key: 'confirm', title: '确认提交', subtitle: '核对并提交' },
-]
-
-const currentStep = ref(0)
-const submitted = ref(false)
-
-const formState = reactive({
-  name: '',
-  owner: '',
-  category: 'growth',
-  urgent: false,
-  budget: 30,
-  pace: 'balanced',
-  description: '',
-  attachments: [] as UploadFile[],
-})
-
-const categories = [
-  { value: 'growth', label: '增长' },
-  { value: 'retention', label: '留存' },
-  { value: 'brand', label: '品牌' },
-]
-
-const paceOptions = [
-  { value: 'fast', label: '快速推进' },
-  { value: 'balanced', label: '平衡' },
-  { value: 'steady', label: '稳健' },
-]
-
-const riskLevel = computed(() => {
-  if (formState.urgent && formState.budget > 60) {
-    return '高风险'
-  }
-  if (formState.budget > 40) {
-    return '中风险'
-  }
-  return '可控'
-})
-
-const canGoNext = computed(() => {
-  if (currentStep.value === 0) {
-    return !!formState.name && !!formState.owner
-  }
-  if (currentStep.value === 1) {
-    return !!formState.description
-  }
-  return true
-})
-
-const summaryRows = computed(() => [
-  { label: '项目名称', value: formState.name || '--' },
-  { label: '负责人', value: formState.owner || '--' },
-  { label: '类型', value: categories.find(item => item.value === formState.category)?.label ?? '--' },
-  { label: '预算', value: `${formState.budget} 万` },
-  { label: '节奏', value: paceOptions.find(item => item.value === formState.pace)?.label ?? '--' },
-  { label: '风险级别', value: riskLevel.value },
-])
-
-watch(
-  () => formState.urgent,
-  (value) => {
-    if (value) {
-      formState.pace = 'fast'
-    }
-  },
-)
-
-const nameModel = changeModel<string>('formState.name')
-const ownerModel = changeModel<string>('formState.owner')
-const categoryModel = changeModel<string>('formState.category')
-const budgetModel = changeModel<number>('formState.budget')
-const paceModel = changeModel<string>('formState.pace')
-const descriptionModel = changeModel<string>('formState.description')
-const attachmentsModel = changeModel<UploadFile[], 'files'>('formState.attachments', {
-  valueProp: 'files',
-  parser: event => event?.detail?.files ?? [],
-})
-
-function setUrgent(value: boolean) {
-  formState.urgent = value
-}
-
-function toggleUrgent() {
-  setUrgent(!formState.urgent)
-}
-
-function handleUrgentChange(event: unknown) {
-  setUrgent(resolveBooleanChangeValue(event, !formState.urgent))
-}
-
-function stopUrgentTap() {
-}
-
-function goNext() {
-  if (!canGoNext.value) {
-    showToast('请先完善当前步骤信息', 'warning')
-    return
-  }
-  if (currentStep.value < steps.length - 1) {
-    currentStep.value += 1
-  }
-}
-
-function goPrev() {
-  if (currentStep.value > 0) {
-    currentStep.value -= 1
-  }
-}
-
-function submit() {
-  submitted.value = true
-  showToast('提交成功')
-}
-</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-[#fff7ed] via-[#ffffff] to-[#fef3c7] p-[20rpx]">
-      <SectionTitle title="项目提报" subtitle="示例多步表单与联动校验" />
-      <view class="mt-[12rpx]">
-        <t-steps :current="currentStep" layout="horizontal">
-          <t-step-item v-for="item in steps" :key="item.key" :title="item.title" />
-        </t-steps>
-      </view>
-    </view>
-
-    <view class="mt-[18rpx] space-y-[14rpx]">
-      <FormStep
-        v-if="currentStep === 0"
-        :step="1"
-        title="基础信息"
-        subtitle="填写核心字段"
-        :active="currentStep === 0"
-      >
-        <view class="flex flex-col gap-[14rpx]">
-          <FormRow label="项目名称">
-            <t-input
-              placeholder="例如：新客增长计划"
-              :value="nameModel.value"
-              @change="nameModel.onChange"
-            />
-          </FormRow>
-          <FormRow label="负责人">
-            <t-input
-              placeholder="例如：王凯"
-              :value="ownerModel.value"
-              @change="ownerModel.onChange"
-            />
-          </FormRow>
-          <FormRow label="类型">
-            <t-radio-group :value="categoryModel.value" @change="categoryModel.onChange">
-              <t-radio v-for="item in categories" :key="item.value" :value="item.value" :label="item.label" />
-            </t-radio-group>
-          </FormRow>
-          <view
-            class="urgent-row-toggle flex items-center justify-between rounded-[18rpx] bg-[#f8fafc] px-[18rpx] py-[16rpx]"
-            @tap="toggleUrgent"
-          >
-            <view>
-              <text class="text-[22rpx] font-semibold text-[#1f1a3f]">
-                加急
-              </text>
-              <text class="mt-[4rpx] block text-[20rpx] text-[#8a8aa5]">
-                整行可点击切换，开启后默认切到快速推进
-              </text>
-            </view>
-            <t-switch :value="formState.urgent" @tap.stop="stopUrgentTap" @change="handleUrgentChange" />
-          </view>
-        </view>
-      </FormStep>
-
-      <FormStep
-        v-if="currentStep === 1"
-        :step="2"
-        title="执行策略"
-        subtitle="预算与节奏"
-        :active="currentStep === 1"
-      >
-        <view class="flex flex-col gap-[14rpx]">
-          <FormRow label="预算规模" description="10-100 万">
-            <view class="flex items-center gap-[12rpx]">
-              <t-slider
-                :value="budgetModel.value"
-                :min="10"
-                :max="100"
-                @change="budgetModel.onChange"
-              />
-              <text class="text-[22rpx] text-[#5c5b7a]">
-                {{ formState.budget }} 万
-              </text>
-            </view>
-          </FormRow>
-          <FormRow label="推进节奏">
-            <t-radio-group :value="paceModel.value" @change="paceModel.onChange">
-              <t-radio v-for="item in paceOptions" :key="item.value" :value="item.value" :label="item.label" />
-            </t-radio-group>
-          </FormRow>
-          <FormRow label="补充说明">
-            <t-textarea
-              placeholder="描述目标与资源安排"
-              :value="descriptionModel.value"
-              :maxlength="140"
-              @change="descriptionModel.onChange"
-            />
-          </FormRow>
-          <FormRow label="附件">
-            <t-upload
-              :files="attachmentsModel.files"
-              :max="3"
-              @change="attachmentsModel.onChange"
-            />
-          </FormRow>
-        </view>
-      </FormStep>
-
-      <FormStep
-        v-if="currentStep === 2"
-        :step="3"
-        title="确认提交"
-        subtitle="预览关键信息"
-        :active="currentStep === 2"
-      >
-        <ResultCard title="提交摘要" :items="summaryRows">
-          <template #action>
-            <t-tag size="small" theme="primary" variant="light">
-              {{ riskLevel }}
-            </t-tag>
-          </template>
-        </ResultCard>
-      </FormStep>
-    </view>
-
-    <view class="mt-[18rpx] flex gap-[12rpx]">
-      <t-button block variant="outline" theme="default" :disabled="currentStep === 0" @tap="goPrev">
-        上一步
-      </t-button>
-      <t-button
-        block
-        theme="primary"
-        :disabled="currentStep === steps.length - 1 && submitted"
-        @tap="currentStep === steps.length - 1 ? submit() : goNext()"
-      >
-        {{ currentStep === steps.length - 1 ? (submitted ? '已提交' : '提交') : '下一步' }}
-      </t-button>
-    </view>
-  </view>
-</template>

package/templates/wevu-tdesign/src/pages/layout-feedback/components/FeedbackCallerCard.vue

@@ -1,79 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'wevu'
-import { useDialog } from '@/hooks/useDialog'
-import { useToast } from '@/hooks/useToast'
-
-const props = defineProps<{
-  onReport?: (payload: string) => void
-}>()
-
-const actionSeed = ref(0)
-const { showToast } = useToast({ duration: 1400 })
-const { alert, confirm } = useDialog()
-
-function nextLabel(prefix: string) {
-  actionSeed.value += 1
-  return `${prefix} #${actionSeed.value}`
-}
-
-function triggerChildToast() {
-  const label = nextLabel('子组件 Toast')
-  showToast(`${label} 已通过 layout 宿主触发`)
-  props.onReport?.(`${label} 已触发`)
-}
-
-function triggerChildAlert() {
-  const label = nextLabel('子组件 Alert')
-  void alert({
-    title: label,
-    content: '当前弹窗由子组件直接调用 useDialog()，但实际宿主仍在 layout 内。',
-    confirmBtn: '知道了',
-  }).then(() => {
-    props.onReport?.(`${label} 已确认`)
-  })
-}
-
-function triggerChildConfirm() {
-  const label = nextLabel('子组件 Confirm')
-  void confirm({
-    title: label,
-    content: '点击确认后会回传一条日志，证明子组件与页面都能经由同一 layout 宿主通信。',
-    confirmBtn: '确认',
-    cancelBtn: '取消',
-  }).then(() => {
-    props.onReport?.(`${label} 点击确认`)
-  }).catch(() => {
-    props.onReport?.(`${label} 点击取消`)
-  })
-}
-</script>
-
-<template>
-  <view class="rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]">
-    <view class="flex items-center justify-between">
-      <view>
-        <text class="text-[28rpx] font-semibold text-[#1f1a3f]">
-          子组件直连 layout 宿主
-        </text>
-        <text class="mt-[6rpx] block text-[22rpx] leading-[1.7] text-[#6f6b8a]">
-          这个组件不接收 toast/dialog 实例，也不手动 selectComponent，只直接调用 useToast() / useDialog()。
-        </text>
-      </view>
-      <t-tag size="small" theme="primary" variant="light">
-        Child
-      </t-tag>
-    </view>
-
-    <view class="mt-[18rpx] flex flex-col gap-[12rpx]">
-      <t-button block theme="primary" variant="outline" @tap="triggerChildToast">
-        子组件触发 Toast
-      </t-button>
-      <t-button block theme="primary" variant="outline" @tap="triggerChildAlert">
-        子组件触发 Alert
-      </t-button>
-      <t-button block theme="danger" variant="outline" @tap="triggerChildConfirm">
-        子组件触发 Confirm
-      </t-button>
-    </view>
-  </view>
-</template>