create-weapp-vite 2.3.15 → 2.3.16

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

@@ -1,79 +0,0 @@
-<script setup lang="ts">
-import type { QuickActionItem } from '@/types/action'
-
-import { computed } from 'wevu'
-
-const props = withDefaults(defineProps<{
-  title: string
-  subtitle?: string
-  items?: QuickActionItem[]
-}>(), {
-  subtitle: '',
-  items: () => [],
-})
-
-const emit = defineEmits<{
-  (e: 'select', item: QuickActionItem): void
-}>()
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-
-const cards = computed(() => (Array.isArray(props.items) ? props.items : []))
-
-function onSelect(item: QuickActionItem) {
-  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

@@ -1,51 +0,0 @@
-<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>

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

@@ -1,34 +0,0 @@
-<script setup lang="ts">
-defineOptions({
-  options: {
-    multipleSlots: true,
-  },
-})
-
-withDefaults(
-  defineProps<{
-    title: string
-    subtitle?: string
-  }>(),
-  {
-    subtitle: '',
-  },
-)
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-</script>
-
-<template>
-  <view class="flex items-end justify-between">
-    <view>
-      <text class="text-[30rpx] font-semibold text-[#1f1a3f]">
-        {{ title }}
-      </text>
-      <text v-if="subtitle" class="mt-[6rpx] block text-[22rpx] text-[#6f6b8a]">
-        {{ subtitle }}
-      </text>
-    </view>
-  </view>
-</template>

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

@@ -1,101 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'wevu'
-
-const props = withDefaults(
-  defineProps<{
-    title: string
-    value: number
-    unit?: string
-    delta?: number
-    progress?: number
-  }>(),
-  {
-    unit: '',
-    delta: undefined,
-    progress: undefined,
-  },
-)
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-
-type TrendTone = 'positive' | 'negative' | 'neutral'
-
-const tone = computed<TrendTone>(() => {
-  if (props.delta === undefined || Number.isNaN(props.delta)) {
-    return 'neutral'
-  }
-  if (props.delta > 0) {
-    return 'positive'
-  }
-  if (props.delta < 0) {
-    return 'negative'
-  }
-  return 'neutral'
-})
-
-const hasProgress = computed(() => {
-  if (props.progress === undefined || props.progress === null) {
-    return false
-  }
-  return Number.isFinite(Number(props.progress))
-})
-
-const progressValue = computed(() => {
-  if (!hasProgress.value) {
-    return 0
-  }
-  const raw = Number(props.progress)
-  return Math.min(Math.max(raw, 0), 100)
-})
-
-function toneText(toneValue: TrendTone) {
-  if (toneValue === 'positive') {
-    return '↑'
-  }
-  if (toneValue === 'negative') {
-    return '↓'
-  }
-  return '→'
-}
-
-function toneClass(toneValue: TrendTone) {
-  if (toneValue === 'positive') {
-    return 'text-[#1b7a3a]'
-  }
-  if (toneValue === 'negative') {
-    return 'text-[#b42318]'
-  }
-  return 'text-[#64748b]'
-}
-</script>
-
-<template>
-  <view class="rounded-[20rpx] bg-white p-[18rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
-    <view class="flex items-center justify-between">
-      <text class="text-[24rpx] text-[#5b5876]">
-        {{ title }}
-      </text>
-      <text class="text-[20rpx]" :class="toneClass(tone)">
-        {{ toneText(tone) }}
-        {{ delta === undefined ? '--' : delta }}
-      </text>
-    </view>
-    <view class="mt-[12rpx] flex items-baseline gap-[6rpx]">
-      <text class="text-[36rpx] font-bold text-[#1f1a3f]">
-        {{ value }}
-      </text>
-      <text v-if="unit" class="text-[20rpx] text-[#7a7aa0]">
-        {{ unit }}
-      </text>
-    </view>
-    <t-progress
-      v-if="hasProgress"
-      class="mt-[12rpx]"
-      :percentage="progressValue"
-      status="active"
-      stroke-width="6"
-    />
-  </view>
-</template>

package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/BrokenCard.vue

@@ -1,46 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  title: string
-  subtitle: string
-}>()
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-</script>
-
-<template>
-  <view class="demo-card">
-    <text class="demo-title">
-      {{ title }}
-    </text>
-    <text class="demo-subtitle">
-      {{ subtitle }}
-    </text>
-  </view>
-</template>
-
-<style>
-.demo-card {
-  display: flex;
-  flex-direction: column;
-  gap: 10rpx;
-  padding: 20rpx;
-  background: #fff;
-  border-radius: 20rpx;
-  box-shadow: 0 12rpx 28rpx rgb(17 24 39 / 8%);
-}
-
-.demo-title {
-  display: block;
-  font-size: 28rpx;
-  font-weight: 600;
-}
-
-.demo-subtitle {
-  display: block;
-  font-size: 22rpx;
-  line-height: 1.6;
-  opacity: 0.82;
-}
-</style>

package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/FixedExternalClassCard.vue

@@ -1,50 +0,0 @@
-<script setup lang="ts">
-defineOptions({
-  externalClasses: ['class'],
-})
-
-defineProps<{
-  title: string
-  subtitle: string
-}>()
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-</script>
-
-<template>
-  <view class="demo-card class">
-    <text class="demo-title">
-      {{ title }}
-    </text>
-    <text class="demo-subtitle">
-      {{ subtitle }}
-    </text>
-  </view>
-</template>
-
-<style>
-.demo-card {
-  display: flex;
-  flex-direction: column;
-  gap: 10rpx;
-  padding: 20rpx;
-  background: #fff;
-  border-radius: 20rpx;
-  box-shadow: 0 12rpx 28rpx rgb(17 24 39 / 8%);
-}
-
-.demo-title {
-  display: block;
-  font-size: 28rpx;
-  font-weight: 600;
-}
-
-.demo-subtitle {
-  display: block;
-  font-size: 22rpx;
-  line-height: 1.6;
-  opacity: 0.82;
-}
-</style>

package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/RecommendedCard.vue

@@ -1,53 +0,0 @@
-<script setup lang="ts">
-defineOptions({
-  externalClasses: ['custom-class'],
-})
-
-const props = withDefaults(defineProps<{
-  title: string
-  subtitle: string
-  rootStyle?: string
-}>(), {
-  rootStyle: '',
-})
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-</script>
-
-<template>
-  <view class="demo-card custom-class" :style="props.rootStyle">
-    <text class="demo-title">
-      {{ title }}
-    </text>
-    <text class="demo-subtitle">
-      {{ subtitle }}
-    </text>
-  </view>
-</template>
-
-<style>
-.demo-card {
-  display: flex;
-  flex-direction: column;
-  gap: 10rpx;
-  padding: 20rpx;
-  background: #fff;
-  border-radius: 20rpx;
-  box-shadow: 0 12rpx 28rpx rgb(17 24 39 / 8%);
-}
-
-.demo-title {
-  display: block;
-  font-size: 28rpx;
-  font-weight: 600;
-}
-
-.demo-subtitle {
-  display: block;
-  font-size: 22rpx;
-  line-height: 1.6;
-  opacity: 0.82;
-}
-</style>

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()
-  })
-}