create-weapp-vite 2.3.14 → 2.3.16

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

@@ -1,205 +0,0 @@
-import Dialog from 'tdesign-miniprogram/dialog/index'
-import { getCurrentInstance, resolveLayoutBridge, resolveLayoutHost } from 'wevu'
-import { LAYOUT_DIALOG_BRIDGE_KEY } from '@/hooks/useLayoutFeedbackBridge'
-
-export interface DialogOptions {
-  bridgeKey?: string
-  context?: any
-  selector?: string
-}
-
-interface BaseDialogPayload {
-  bridgeKey?: string
-  confirmBtn?: string
-  content: string
-  context?: any
-  selector?: string
-  title: string
-}
-
-export interface AlertOptions extends BaseDialogPayload {}
-
-export interface ConfirmOptions extends BaseDialogPayload {
-  cancelBtn?: string
-}
-
-interface HostDialogInstance {
-  _onCancel?: (reason?: unknown) => void
-  _onConfirm?: (value?: unknown) => void
-  close?: () => void
-  setData?: (payload: Record<string, unknown>) => void
-}
-
-type DialogMode = 'alert' | 'confirm'
-
-type ResolvedDialogPayload<T extends BaseDialogPayload> = Omit<T, 'bridgeKey' | 'context' | 'selector'>
-
-function resolveDialogContext(options: DialogOptions) {
-  return options.bridgeKey
-    ? resolveLayoutBridge(options.bridgeKey, options.context ?? getCurrentInstance())
-    : options.context ?? getCurrentInstance()
-}
-
-function resolveDialogHost(options: DialogOptions) {
-  const bridgeKey = options.bridgeKey ?? LAYOUT_DIALOG_BRIDGE_KEY
-  const context = resolveDialogContext({
-    bridgeKey,
-    context: options.context,
-  })
-  const host = bridgeKey
-    ? resolveLayoutHost<HostDialogInstance>(bridgeKey, { context })
-    : options.selector
-      ? context?.selectComponent?.(options.selector) ?? null
-      : null
-
-  return {
-    context,
-    host,
-    selector: options.selector,
-  }
-}
-
-function closeDialogHost(host: HostDialogInstance) {
-  if (typeof host.close === 'function') {
-    host.close()
-    return
-  }
-  if (typeof host.setData === 'function') {
-    host.setData({ visible: false })
-  }
-}
-
-function attachHostDialogHandlers(
-  host: HostDialogInstance,
-  handlers: {
-    onCancel?: (reason?: unknown) => void
-    onConfirm?: (value?: unknown) => void
-  },
-) {
-  const originalConfirm = typeof host._onConfirm === 'function' ? host._onConfirm : undefined
-  const originalCancel = typeof host._onCancel === 'function' ? host._onCancel : undefined
-
-  host._onConfirm = (value?: unknown) => {
-    host._onConfirm = originalConfirm
-    host._onCancel = originalCancel
-
-    if (originalConfirm) {
-      originalConfirm.call(host, value)
-    }
-    else {
-      closeDialogHost(host)
-    }
-
-    handlers.onConfirm?.(value)
-  }
-
-  host._onCancel = (reason?: unknown) => {
-    host._onConfirm = originalConfirm
-    host._onCancel = originalCancel
-
-    if (originalCancel) {
-      originalCancel.call(host, reason)
-    }
-    else {
-      closeDialogHost(host)
-    }
-
-    handlers.onCancel?.(reason)
-  }
-}
-
-function normalizeDialogPayload<T extends BaseDialogPayload>(
-  mode: DialogMode,
-  payload: T,
-): ResolvedDialogPayload<T> {
-  const { bridgeKey: _bridgeKey, context: _context, selector: _selector, ...rest } = payload
-
-  if (mode === 'alert') {
-    return {
-      ...rest,
-      cancelBtn: null,
-    } as ResolvedDialogPayload<T>
-  }
-
-  return rest as ResolvedDialogPayload<T>
-}
-
-function openDialogWithHost<T extends BaseDialogPayload>(
-  mode: DialogMode,
-  host: HostDialogInstance,
-  payload: ResolvedDialogPayload<T>,
-) {
-  return new Promise((resolve, reject) => {
-    host.setData?.({
-      ...payload,
-      visible: true,
-    })
-
-    attachHostDialogHandlers(host, {
-      onConfirm: resolve,
-      ...(mode === 'confirm' ? { onCancel: reject } : {}),
-    })
-  })
-}
-
-function openDialog<T extends BaseDialogPayload>(mode: DialogMode, payload: T) {
-  const bridgeKey = payload.bridgeKey ?? LAYOUT_DIALOG_BRIDGE_KEY
-  const { context, host, selector } = resolveDialogHost({
-    bridgeKey,
-    context: payload.context,
-    selector: payload.selector,
-  })
-
-  if (!context) {
-    return Promise.resolve()
-  }
-
-  const normalizedPayload = normalizeDialogPayload(mode, payload)
-
-  if (host && typeof host.setData === 'function') {
-    return openDialogWithHost(mode, host, normalizedPayload)
-  }
-
-  if (!selector) {
-    return Promise.resolve()
-  }
-
-  const open = mode === 'alert' ? Dialog.alert : Dialog.confirm
-
-  return open({
-    selector,
-    context: context as any,
-    ...normalizedPayload,
-  })
-}
-
-export function alertDialog(payload: AlertOptions) {
-  return openDialog('alert', payload)
-}
-
-export function confirmDialog(payload: ConfirmOptions) {
-  return openDialog('confirm', payload)
-}
-
-export function useDialog(options: DialogOptions = {}) {
-  const bridgeKey = options.bridgeKey ?? LAYOUT_DIALOG_BRIDGE_KEY
-  const context = options.context ?? getCurrentInstance()
-
-  function withDefaults<T extends BaseDialogPayload>(payload: T): T {
-    return {
-      ...payload,
-      bridgeKey,
-      context: payload.context ?? context,
-      selector: payload.selector ?? options.selector,
-    }
-  }
-
-  return {
-    alert(payload: AlertOptions) {
-      return alertDialog(withDefaults(payload))
-    },
-    confirm(payload: ConfirmOptions) {
-      return confirmDialog(withDefaults(payload))
-    },
-  }
-}

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

@@ -1,17 +0,0 @@
-import type { ModelBindingOptions, ModelBindingPayload } from 'wevu'
-import { useBindModel } from 'wevu'
-
-export function useFormBinder() {
-  const bindModel = useBindModel()
-
-  function changeModel<T, ValueProp extends string = 'value', Formatted = T>(
-    path: string,
-    options?: ModelBindingOptions<T, 'change', ValueProp, Formatted>,
-  ): ModelBindingPayload<T, 'change', ValueProp, Formatted> {
-    return bindModel(path).model({ event: 'change', ...options })
-  }
-
-  return {
-    changeModel,
-  }
-}

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

@@ -1,17 +0,0 @@
-export const LAYOUT_TOAST_BRIDGE_KEY = 'layout-toast'
-export const LAYOUT_DIALOG_BRIDGE_KEY = 'layout-dialog'
-
-export interface ToastHostInstance {
-  hide?: () => void
-  show: (options: Record<string, unknown>) => void
-}
-
-export interface DialogHostInstance {
-  _onCancel?: (reason?: unknown) => void
-  _onConfirm?: (value?: unknown) => void
-  close?: () => void
-  onCancel?: (reason?: unknown) => void
-  onConfirm?: (value?: unknown) => void
-  properties?: Record<string, unknown>
-  setData: (payload: Record<string, unknown>) => void
-}

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

@@ -1,12 +0,0 @@
-import { onPullDownRefresh } from 'wevu'
-import { wpi } from 'wevu/api'
-
-export function usePullDownRefresh(refresh: () => void | Promise<void>) {
-  onPullDownRefresh(async () => {
-    try {
-      await refresh()
-    }
-    catch {}
-    await wpi.stopPullDownRefresh()
-  })
-}

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>