create-weapp-vite 2.3.15 → 2.3.16

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

@@ -1,120 +0,0 @@
-<script setup lang="ts">
-import { ref, setPageLayout } from 'wevu'
-import { wpi } from 'wevu/api'
-
-import SectionTitle from '@/components/SectionTitle/index.vue'
-import { useToast } from '@/hooks/useToast'
-
-definePageJson({
-  navigationBarTitleText: '布局',
-  backgroundColor: '#f6f7fb',
-})
-
-const { showToast } = useToast()
-const currentLayout = ref<'default' | 'admin' | 'none'>('default')
-
-const cards = [
-  {
-    key: 'default',
-    title: 'default 布局',
-    desc: '页面未声明 layout 时，会自动命中 src/layouts/default.vue。',
-  },
-  {
-    key: 'admin',
-    title: 'admin 布局',
-    desc: '通过 setPageLayout(\'admin\') 切换到命名布局，并把 title/subtitle 作为 props 传给布局组件。',
-  },
-  {
-    key: 'none',
-    title: '关闭布局',
-    desc: '通过 setPageLayout(false) 临时移除页面壳，用于沉浸式页或特殊根结构。',
-  },
-]
-
-function applyDefaultLayout() {
-  currentLayout.value = 'default'
-  setPageLayout('default')
-  showToast('已切回 default 布局')
-}
-
-function applyAdminLayout() {
-  currentLayout.value = 'admin'
-  setPageLayout('admin', {
-    title: 'Studio Admin',
-    subtitle: '这个标题来自 setPageLayout() 运行时传入的 props。',
-  })
-  showToast('已切换到 admin 布局')
-}
-
-function clearLayout() {
-  currentLayout.value = 'none'
-  setPageLayout(false)
-  showToast('已关闭布局')
-}
-
-async function openLayoutFeedbackDemo() {
-  await wpi.navigateTo({
-    url: '/pages/layout-feedback/index',
-  })
-}
-
-async function openLayoutStoreDemo() {
-  await wpi.navigateTo({
-    url: '/pages/layout-store/index',
-  })
-}
-</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-[#eef2ff] via-[#ffffff] to-[#ede9fe] p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.06)]">
-      <SectionTitle title="页面布局能力" subtitle="基础模板已接入 src/layouts 目录约定" />
-      <text class="mt-[12rpx] block text-[22rpx] leading-[1.7] text-[#5b5b7b]">
-        当前状态：{{ currentLayout }}。可在 default、admin 与 false 三种模式之间切换，用来承接后台页、运营页或沉浸式页面。
-      </text>
-    </view>
-
-    <view class="mt-[18rpx] flex flex-col gap-[14rpx]">
-      <view
-        v-for="item in cards"
-        :key="item.key"
-        class="rounded-[24rpx] bg-white p-[20rpx] shadow-[0_18rpx_40rpx_rgba(17,24,39,0.08)]"
-      >
-        <text class="text-[28rpx] font-semibold text-[#1f1a3f]">
-          {{ item.title }}
-        </text>
-        <text class="mt-[10rpx] block text-[22rpx] leading-[1.7] text-[#6f6b8a]">
-          {{ item.desc }}
-        </text>
-      </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="运行时调用 setPageLayout()" />
-      <view class="mt-[14rpx] flex flex-col gap-[12rpx]">
-        <t-button block theme="primary" @tap="applyDefaultLayout">
-          使用 default 布局
-        </t-button>
-        <t-button block theme="primary" variant="outline" @tap="applyAdminLayout">
-          切到 admin 布局
-        </t-button>
-        <t-button block theme="danger" variant="outline" @tap="clearLayout">
-          关闭布局
-        </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="查看页面/组件如何直接使用 layout 里的反馈宿主" />
-      <text class="mt-[12rpx] block text-[22rpx] leading-[1.7] text-[#6f6b8a]">
-        演示页会同时展示页面调用和子组件调用，它们都只依赖 useToast() / useDialog()，不会直接操作 layout 实例。
-      </text>
-      <t-button class="mt-[16rpx]" block theme="primary" variant="outline" @tap="openLayoutFeedbackDemo">
-        打开 Layout 通信演示
-      </t-button>
-      <t-button class="mt-[12rpx]" block theme="primary" variant="outline" @tap="openLayoutStoreDemo">
-        打开 Store 驱动 Layout 演示
-      </t-button>
-    </view>
-  </view>
-</template>

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

@@ -1,146 +0,0 @@
-<script setup lang="ts">
-import type { ListItem, StatusFilter, StatusFilterValue } from '@/types/list'
-
-import { computed, ref, watch } from 'wevu'
-import EmptyState from '@/components/EmptyState/index.vue'
-import FilterBar from '@/components/FilterBar/index.vue'
-import SectionTitle from '@/components/SectionTitle/index.vue'
-import { usePullDownRefresh } from '@/hooks/usePullDownRefresh'
-import { useToast } from '@/hooks/useToast'
-import { buildStatusFilters, filterListItems } from '@/utils/listFilters'
-
-definePageJson({
-  navigationBarTitleText: '清单',
-  backgroundColor: '#f6f7fb',
-  enablePullDownRefresh: true,
-})
-
-const { showToast } = useToast({ duration: 1000 })
-
-const query = ref('')
-const activeStatus = ref<StatusFilterValue>('all')
-const loading = ref(true)
-
-const items = ref<ListItem[]>([
-  {
-    id: 1,
-    title: '门店会员激活方案',
-    owner: '王凯',
-    status: 'processing',
-    deadline: '今日 18:00',
-    priority: 'P0',
-  },
-  {
-    id: 2,
-    title: '社群内容排期',
-    owner: '林鹤',
-    status: 'pending',
-    deadline: '明日 12:00',
-    priority: 'P1',
-  },
-  {
-    id: 3,
-    title: '新客任务提醒',
-    owner: '陈一',
-    status: 'done',
-    deadline: '已完成',
-    priority: 'P2',
-  },
-  {
-    id: 4,
-    title: '客服脚本优化',
-    owner: '韩逸',
-    status: 'processing',
-    deadline: '周五 20:00',
-    priority: 'P1',
-  },
-])
-
-const statusFilters = ref<StatusFilter[]>([])
-
-function rebuildStatusFilters() {
-  statusFilters.value = buildStatusFilters(items.value)
-}
-
-rebuildStatusFilters()
-watch(items, rebuildStatusFilters, { deep: true })
-
-const filteredItems = computed(() =>
-  filterListItems(items.value, query.value, activeStatus.value),
-)
-
-const hasEmpty = computed(() => !loading.value && filteredItems.value.length === 0)
-
-function reload() {
-  loading.value = true
-  setTimeout(() => {
-    loading.value = false
-    showToast('列表已刷新')
-  }, 600)
-}
-
-function onAction(item: (typeof items.value)[number]) {
-  showToast(`打开「${item.title}」详情`)
-}
-
-usePullDownRefresh(reload)
-
-reload()
-</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-[#fdf2f8] via-[#fff7fb] to-[#ffffff] p-[20rpx]">
-      <SectionTitle title="任务清单" subtitle="筛选、搜索与分页反馈" />
-      <view class="mt-[12rpx]">
-        <FilterBar v-model:query="query" v-model:active="activeStatus" :filters="statusFilters" />
-      </view>
-    </view>
-
-    <view v-if="loading" class="mt-[20rpx] flex flex-col items-center gap-[12rpx] rounded-[24rpx] bg-white p-[24rpx]">
-      <t-loading theme="circular" size="40" />
-      <text class="text-[22rpx] text-[#6f6b8a]">
-        正在同步数据...
-      </text>
-    </view>
-
-    <view v-else class="mt-[20rpx] space-y-[14rpx]">
-      <view v-for="item in filteredItems" :key="item.id" class="rounded-[20rpx] bg-white p-[18rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
-        <view class="flex items-start justify-between">
-          <view>
-            <text class="text-[26rpx] font-semibold text-[#1f1a3f]">
-              {{ item.title }}
-            </text>
-            <text class="mt-[6rpx] block text-[22rpx] text-[#6f6b8a]">
-              负责人：{{ item.owner }} · 截止 {{ item.deadline }}
-            </text>
-          </view>
-          <t-tag
-            size="small"
-            :theme="item.status === 'done' ? 'success' : item.status === 'processing' ? 'primary' : 'warning'"
-            variant="light"
-          >
-            {{ item.status === 'done' ? '已完成' : item.status === 'processing' ? '进行中' : '待启动' }}
-          </t-tag>
-        </view>
-        <view class="mt-[12rpx] flex items-center justify-between">
-          <view class="flex items-center gap-[8rpx]">
-            <t-tag size="small" theme="primary" variant="outline">
-              {{ item.priority }}
-            </t-tag>
-            <text class="text-[20rpx] text-[#7a7aa0]">
-              进度跟进
-            </text>
-          </view>
-          <t-button size="small" theme="primary" variant="outline" @tap="onAction(item)">
-            查看
-          </t-button>
-        </view>
-      </view>
-    </view>
-
-    <view v-if="hasEmpty" class="mt-[20rpx]">
-      <EmptyState title="暂无匹配任务" description="调整筛选条件或刷新数据" action-text="重新加载" @action="reload" />
-    </view>
-  </view>
-</template>

package/templates/wevu-tdesign/src/stores/layoutInteractionDemo.ts

@@ -1,129 +0,0 @@
-import { computed, defineStore, ref } from 'wevu'
-import { alertDialog, confirmDialog } from '@/hooks/useDialog'
-import { showToast } from '@/hooks/useToast'
-
-export type LayoutKind = 'default' | 'admin'
-export type LayoutCommandType = 'toast' | 'alert' | 'confirm'
-export type LayoutCommandStatus = 'idle' | 'running'
-
-export interface LayoutCommand {
-  id: number
-  title: string
-  content: string
-  type: LayoutCommandType
-}
-
-function createLog(message: string) {
-  return `${new Date().toLocaleTimeString()} ${message}`
-}
-
-export const useLayoutInteractionDemoStore = defineStore('layout-interaction-demo', () => {
-  const activeLayout = ref<LayoutKind>('default')
-  const commandSeed = ref(0)
-  const commandStatus = ref<LayoutCommandStatus>('idle')
-  const lastResult = ref('尚未触发交互')
-  const logs = ref<string[]>([
-    createLog('Store 已就绪，当前由 store 直接调用 layout 宿主。'),
-  ])
-
-  const adminLayoutProps = computed(() => ({
-    title: 'Store Admin Layout',
-    subtitle: `当前通过 wevu/store 驱动，最近动作：${lastResult.value}`,
-  }))
-
-  function appendLog(message: string) {
-    logs.value = [createLog(message), ...logs.value].slice(0, 8)
-  }
-
-  function setLayout(layout: LayoutKind) {
-    activeLayout.value = layout
-    appendLog(`切换到 ${layout} 布局`)
-  }
-
-  function createCommand(type: LayoutCommandType, title: string, content: string): LayoutCommand {
-    commandSeed.value += 1
-    return {
-      id: commandSeed.value,
-      type,
-      title,
-      content,
-    }
-  }
-
-  async function runCommand(command: LayoutCommand) {
-    commandStatus.value = 'running'
-    appendLog(`Store 请求 ${command.title}`)
-
-    if (command.type === 'toast') {
-      showToast(command.content)
-      finishCommand(`${command.title} 已由 ${activeLayout.value} layout 宿主展示`)
-      return
-    }
-
-    if (command.type === 'alert') {
-      await alertDialog({
-        title: command.title,
-        content: command.content,
-        confirmBtn: '知道了',
-      })
-      finishCommand(`${command.title} 已确认`)
-      return
-    }
-
-    try {
-      await confirmDialog({
-        title: command.title,
-        content: command.content,
-        confirmBtn: '确认',
-        cancelBtn: '取消',
-      })
-      finishCommand(`${command.title} 点击确认`)
-    }
-    catch {
-      finishCommand(`${command.title} 点击取消`)
-    }
-  }
-
-  function triggerToast() {
-    return runCommand(
-      createCommand('toast', `Store Toast #${commandSeed.value + 1}`, `当前由 ${activeLayout.value} layout 宿主展示 toast。`),
-    )
-  }
-
-  function triggerAlert() {
-    return runCommand(
-      createCommand('alert', `Store Alert #${commandSeed.value + 1}`, `当前由 ${activeLayout.value} layout 宿主展示 alert。`),
-    )
-  }
-
-  function triggerConfirm() {
-    return runCommand(
-      createCommand('confirm', `Store Confirm #${commandSeed.value + 1}`, `请确认由 ${activeLayout.value} layout 宿主承载的确认弹窗。`),
-    )
-  }
-
-  function finishCommand(message: string) {
-    lastResult.value = message
-    commandStatus.value = 'idle'
-    appendLog(message)
-  }
-
-  function resetLogs() {
-    logs.value = [createLog('已清空日志，继续观察 store 与 layout 的通信。')]
-    lastResult.value = '日志已清空'
-  }
-
-  return {
-    activeLayout,
-    adminLayoutProps,
-    commandStatus,
-    lastResult,
-    logs,
-    finishCommand,
-    resetLogs,
-    setLayout,
-    triggerAlert,
-    triggerConfirm,
-    triggerToast,
-  }
-})

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

@@ -1,103 +0,0 @@
-<script setup lang="ts">
-import { computed, onShow, ref } from 'wevu'
-import { wpi } from 'wevu/api'
-
-import SectionTitle from '@/components/SectionTitle/index.vue'
-
-definePageJson({
-  navigationBarTitleText: 'API 场景',
-  backgroundColor: '#f6f7fb',
-})
-
-const systemInfo = ref<WechatMiniprogram.SystemInfo | null>(null)
-
-const infoRows = computed(() => {
-  const info = systemInfo.value
-  return [
-    { label: '机型', value: info?.model ?? '--' },
-    { label: '系统', value: info ? `${info.system}` : '--' },
-    { label: '版本', value: info?.version ?? '--' },
-    { label: '基础库', value: info?.SDKVersion ?? '--' },
-  ]
-})
-
-const layoutRows = computed(() => {
-  const info = systemInfo.value
-  if (!info) {
-    return []
-  }
-  return [
-    { label: '屏幕宽度', value: `${info.windowWidth}px` },
-    { label: '屏幕高度', value: `${info.windowHeight}px` },
-    { label: '状态栏', value: `${info.statusBarHeight}px` },
-  ]
-})
-
-async function loadSystemInfo() {
-  systemInfo.value = await wpi.getSystemInfo()
-}
-
-onShow(() => {
-  void loadSystemInfo()
-})
-</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-[#ecfccb] via-[#ffffff] to-[#d9f99d] 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="基础信息卡片" />
-      <view class="mt-[12rpx] space-y-[10rpx]">
-        <view v-for="row in infoRows" :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>
-
-    <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="row in layoutRows" :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>
-
-    <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] space-y-[10rpx]">
-        <view class="flex items-center gap-[8rpx]">
-          <view class="h-[8rpx] w-[8rpx] rounded-full bg-[#2f2b5f]" />
-          <text class="text-[22rpx] text-[#4c4b68]">
-            子包页面按需加载，降低首包压力
-          </text>
-        </view>
-        <view class="flex items-center gap-[8rpx]">
-          <view class="h-[8rpx] w-[8rpx] rounded-full bg-[#2f2b5f]" />
-          <text class="text-[22rpx] text-[#4c4b68]">
-            组件与页面使用 alias 路径统一管理
-          </text>
-        </view>
-        <view class="flex items-center gap-[8rpx]">
-          <view class="h-[8rpx] w-[8rpx] rounded-full bg-[#2f2b5f]" />
-          <text class="text-[22rpx] text-[#4c4b68]">
-            全局样式隔离使用 apply-shared
-          </text>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>