create-weapp-vite 2.3.15 → 2.3.17

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

@@ -1,145 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'wevu'
-
-defineOptions({
-  options: {
-    multipleSlots: true,
-  },
-})
-
-const props = withDefaults(defineProps<{
-  title: string
-  subtitle?: string
-  items?: KpiItem[]
-  columns?: 2 | 3
-}>(), {
-  subtitle: '',
-  items: () => [],
-  columns: 2,
-})
-
-type KpiTone = 'positive' | 'negative' | 'neutral'
-
-export interface KpiItem {
-  key?: string
-  label: string
-  value: string | number
-  unit?: string
-  delta?: number
-  footnote?: string
-}
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-
-function resolveTone(delta?: number): KpiTone {
-  if (delta === undefined || Number.isNaN(delta)) {
-    return 'neutral'
-  }
-  if (delta > 0) {
-    return 'positive'
-  }
-  if (delta < 0) {
-    return 'negative'
-  }
-  return 'neutral'
-}
-
-const cards = computed(() => {
-  const source = Array.isArray(props.items) ? props.items : []
-  return source.map((item, index) => ({
-    key: item.key ?? String(index),
-    item,
-    index,
-    tone: resolveTone(item.delta),
-    isLeading: index === 0,
-  }))
-})
-
-const gridClass = computed(() => (props.columns === 3 ? 'grid-cols-3' : 'grid-cols-2'))
-
-function formatDelta(delta?: number, unit = '') {
-  if (delta === undefined || Number.isNaN(delta)) {
-    return '--'
-  }
-  const sign = delta > 0 ? '+' : ''
-  return `${sign}${delta}${unit}`
-}
-
-function toneBadgeClass(tone: KpiTone) {
-  if (tone === 'positive') {
-    return 'bg-[#e7f7ee] text-[#1b7a3a]'
-  }
-  if (tone === 'negative') {
-    return 'bg-[#ffe9e9] text-[#b42318]'
-  }
-  return 'bg-[#edf1f7] text-[#64748b]'
-}
-
-function toneDotClass(tone: KpiTone) {
-  if (tone === 'positive') {
-    return 'bg-[#22c55e]'
-  }
-  if (tone === 'negative') {
-    return 'bg-[#ef4444]'
-  }
-  return 'bg-[#94a3b8]'
-}
-</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>
-      <slot name="action" />
-    </view>
-    <view class="mt-[16rpx] grid gap-[12rpx]" :class="gridClass">
-      <slot name="items" :items="cards">
-        <view v-for="card in cards" :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="toneDotClass(card.tone)" />
-                <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="toneBadgeClass(card.tone)">
-                <text class="text-[20rpx] font-semibold">
-                  {{ card.tone === 'positive' ? '↑' : card.tone === 'negative' ? '↓' : '→' }}
-                  {{ formatDelta(card.item.delta, 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>
-      </slot>
-    </view>
-  </view>
-</template>

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>