create-weapp-vite 2.3.15 → 2.3.16

package/templates/wevu/src/packageB/pages/settings/index.vue

@@ -1,131 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'wevu'
-import { useRoute, useRouter } from 'wevu/router'
-
-definePageJson({
-  navigationBarTitleText: '系统设置',
-})
-
-const HOME_PATH = '/pages/index/index'
-const OVERVIEW_PATH = '/pages/overview/index'
-
-const route = useRoute()
-const router = useRouter()
-
-const routeSummary = computed(() => route.fullPath || `/${route.path}`)
-
-const settingGroups = [
-  {
-    title: '通知策略',
-    description: '预留站内消息、邮件提醒和审批通知等配置位置。',
-  },
-  {
-    title: '角色权限',
-    description: '适合接入组织结构、角色分级与操作授权等业务能力。',
-  },
-  {
-    title: '环境信息',
-    description: '可以继续扩展版本号、发布通道和系统参数等正式模块。',
-  },
-]
-
-async function relaunchHome() {
-  await router.nativeRouter.reLaunch({
-    url: HOME_PATH,
-  })
-}
-</script>
-
-<template>
-  <view class="page">
-    <view class="card">
-      <view class="card__eyebrow">
-        Settings
-      </view>
-      <view class="card__title">
-        系统设置
-      </view>
-      <view class="card__desc">
-        独立分包适合作为设置、配置或低频但相对独立的业务模块承载区。
-      </view>
-      <view class="card__summary">
-        当前路由：{{ routeSummary }}
-      </view>
-    </view>
-
-    <view
-      v-for="item in settingGroups"
-      :key="item.title"
-      class="panel-wrap"
-    >
-      <InfoPanel
-        eyebrow="SETTING"
-        :title="item.title"
-        :description="item.description"
-      />
-    </view>
-
-    <button class="action-btn" @tap="router.push(OVERVIEW_PATH)">
-      查看运营概览
-    </button>
-    <button class="action-btn action-btn--ghost" @tap="relaunchHome">
-      reLaunch 回业务门户
-    </button>
-  </view>
-</template>
-
-<style>
-.page {
-  box-sizing: border-box;
-  min-height: 100vh;
-  padding: 34rpx 30rpx;
-  background:
-    radial-gradient(circle at top left, rgb(148 163 184 / 14%), transparent 26%),
-    linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%);
-}
-
-.card {
-  padding: 30rpx 28rpx;
-  background: #fff;
-  border: 2rpx solid #cbd5e1;
-  border-radius: 30rpx;
-  box-shadow: 0 16rpx 36rpx rgb(15 23 42 / 5%);
-}
-
-.card__eyebrow {
-  font-size: 22rpx;
-  font-weight: 600;
-  color: #475569;
-}
-
-.card__title {
-  margin-top: 10rpx;
-  font-size: 40rpx;
-  font-weight: 700;
-  color: #0f172a;
-}
-
-.card__desc,
-.card__summary {
-  margin-top: 12rpx;
-  font-size: 24rpx;
-  line-height: 1.6;
-  color: #475569;
-}
-
-.panel-wrap {
-  margin-top: 18rpx;
-}
-
-.action-btn {
-  margin-top: 18rpx;
-  color: #fff;
-  background: #0f172a;
-  border-radius: 999rpx;
-}
-
-.action-btn--ghost {
-  color: #0f172a;
-  background: #e2e8f0;
-}
-</style>

package/templates/wevu/src/pages/overview/index.vue

@@ -1,149 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'wevu'
-import { useRoute, useRouter } from 'wevu/router'
-
-definePageJson({
-  navigationBarTitleText: '运营概览',
-})
-
-const HOME_PATH = '/pages/index/index'
-const WORKSPACE_PATH = '/packageA/pages/workspace/index'
-const SETTINGS_PATH = '/packageB/pages/settings/index'
-
-const route = useRoute()
-const router = useRouter()
-
-const summary = computed(() => {
-  return route.fullPath || `/${route.path}`
-})
-
-const focusItems = [
-  {
-    title: '项目节奏稳定',
-    description: '需求冻结、设计评审与联调时间线已经对齐，适合继续扩展到实际业务场景。',
-  },
-  {
-    title: '协作角色清晰',
-    description: '可在此基础上继续接入团队成员、审批流或项目动态等正式模块。',
-  },
-  {
-    title: '模板结构简洁',
-    description: '页面布局保留必要层级，既能做展示页，也能平滑承接后台工作流。',
-  },
-]
-
-async function toSettings() {
-  await router.push(SETTINGS_PATH)
-}
-
-async function backHome() {
-  await router.push(HOME_PATH)
-}
-</script>
-
-<template>
-  <view class="page">
-    <view class="card">
-      <view class="card__eyebrow">
-        Overview
-      </view>
-      <view class="card__title">
-        运营概览
-      </view>
-      <view class="card__desc">
-        用正式模板的方式承载项目状态、团队节奏和阶段重点，而不是单纯展示路由跳转能力。
-      </view>
-      <view class="card__summary">
-        当前路由：{{ summary }}
-      </view>
-    </view>
-
-    <view
-      v-for="item in focusItems"
-      :key="item.title"
-      class="panel-wrap"
-    >
-      <InfoPanel
-        eyebrow="FOCUS"
-        :title="item.title"
-        :description="item.description"
-      />
-    </view>
-
-    <view class="actions">
-      <button class="action-btn" @tap="router.push(WORKSPACE_PATH)">
-        进入项目工作台
-      </button>
-      <button class="action-btn action-btn--secondary" @tap="toSettings">
-        查看系统设置
-      </button>
-      <button class="action-btn action-btn--ghost" @tap="backHome">
-        返回业务门户
-      </button>
-    </view>
-  </view>
-</template>
-
-<style>
-.page {
-  box-sizing: border-box;
-  min-height: 100vh;
-  padding: 30rpx;
-  background:
-    radial-gradient(circle at top left, rgb(16 185 129 / 10%), transparent 28%),
-    linear-gradient(180deg, #f6fbf8 0%, #edf5f1 100%);
-}
-
-.card {
-  padding: 32rpx 28rpx;
-  background: #fff;
-  border: 2rpx solid #d1fae5;
-  border-radius: 30rpx;
-  box-shadow: 0 16rpx 36rpx rgb(15 23 42 / 5%);
-}
-
-.card__eyebrow {
-  font-size: 22rpx;
-  font-weight: 600;
-  color: #0f766e;
-}
-
-.card__title {
-  margin-top: 10rpx;
-  font-size: 40rpx;
-  font-weight: 700;
-  color: #134e4a;
-}
-
-.card__desc,
-.card__summary {
-  margin-top: 12rpx;
-  font-size: 24rpx;
-  line-height: 1.6;
-  color: #335c58;
-}
-
-.panel-wrap {
-  margin-top: 18rpx;
-}
-
-.actions {
-  margin-top: 10rpx;
-}
-
-.action-btn {
-  margin-top: 18rpx;
-  color: #fff;
-  background: #0f766e;
-  border-radius: 999rpx;
-}
-
-.action-btn--secondary {
-  background: #1d4ed8;
-}
-
-.action-btn--ghost {
-  color: #134e4a;
-  background: #d1fae5;
-}
-</style>

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

@@ -1,36 +0,0 @@
-<script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    title: string
-    description?: string
-    actionText?: string
-  }>(),
-  {
-    description: '',
-    actionText: '',
-  },
-)
-
-const emit = defineEmits<{
-  (e: 'action'): void
-}>()
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-
-function onAction() {
-  emit('action')
-}
-</script>
-
-<template>
-  <view class="rounded-[20rpx] bg-white p-[24rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
-    <t-empty :title="title" :description="description" />
-    <view v-if="props.actionText" class="mt-[16rpx]">
-      <t-button block theme="primary" variant="outline" @tap="onAction">
-        {{ props.actionText }}
-      </t-button>
-    </view>
-  </view>
-</template>

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

@@ -1,64 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'wevu'
-import { resolveStringChangeValue } from '@/utils/changeEvent'
-
-const props = withDefaults(defineProps<{
-  query?: string
-  active?: string
-  filters?: FilterItem[]
-}>(), {
-  query: '',
-  active: 'all',
-  filters: () => [],
-})
-
-const emit = defineEmits<{
-  (e: 'update:query', value: string): void
-  (e: 'update:active', value: string): void
-}>()
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-
-interface FilterItem {
-  value: string
-  label: string
-  count?: number
-}
-
-const filterItems = computed(() => (Array.isArray(props.filters) ? props.filters : []))
-
-function onQueryChange(event: unknown) {
-  emit('update:query', resolveStringChangeValue(event, props.query))
-}
-
-function onSelect(value: string) {
-  emit('update:active', value)
-}
-</script>
-
-<template>
-  <view class="rounded-[20rpx] bg-white p-[16rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
-    <t-search
-      placeholder="搜索标题或负责人"
-      :value="query"
-      clearable
-      @change="onQueryChange"
-    />
-    <view class="mt-[12rpx] flex flex-wrap gap-[12rpx]">
-      <t-check-tag
-        v-for="item in filterItems"
-        :key="item.value"
-        :checked="item.value === active"
-        content=""
-        @change="onSelect(item.value)"
-      >
-        {{ item.label }}
-        <text v-if="item.count !== undefined">
-          ({{ item.count }})
-        </text>
-      </t-check-tag>
-    </view>
-  </view>
-</template>

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

@@ -1,43 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'wevu'
-
-const props = withDefaults(
-  defineProps<{
-    label: string
-    align?: 'left' | 'center' | 'right'
-    description?: string
-  }>(),
-  {
-    align: 'left',
-    description: '',
-  },
-)
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-
-const labelClass = computed(() => {
-  if (props.align === 'right') {
-    return 'text-right'
-  }
-  if (props.align === 'center') {
-    return 'text-center'
-  }
-  return 'text-left'
-})
-</script>
-
-<template>
-  <view class="flex flex-col gap-[8rpx]">
-    <view class="flex items-baseline justify-between gap-[12rpx]">
-      <text class="text-[22rpx] font-semibold text-[#1f1a3f]" :class="labelClass">
-        {{ label }}
-      </text>
-      <text v-if="description" class="text-[20rpx] text-[#8a8aa5]">
-        {{ description }}
-      </text>
-    </view>
-    <slot />
-  </view>
-</template>

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

@@ -1,48 +0,0 @@
-<script setup lang="ts">
-defineOptions({
-  options: {
-    multipleSlots: true,
-  },
-})
-
-withDefaults(
-  defineProps<{
-    step: number
-    title: string
-    subtitle?: string
-    active?: boolean
-  }>(),
-  {
-    subtitle: '',
-    active: false,
-  },
-)
-
-defineComponentJson({
-  styleIsolation: 'apply-shared',
-})
-</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 gap-[12rpx]">
-      <view
-        class="flex h-[36rpx] w-[36rpx] items-center justify-center rounded-full text-[20rpx] font-semibold"
-        :class="active ? 'bg-[#2f2b5f] text-white' : 'bg-[#eff1f6] text-[#5c5b7a]'"
-      >
-        {{ step }}
-      </view>
-      <view>
-        <text class="text-[26rpx] font-semibold text-[#1f1a3f]">
-          {{ title }}
-        </text>
-        <text v-if="subtitle" class="mt-[4rpx] block text-[20rpx] text-[#6f6b8a]">
-          {{ subtitle }}
-        </text>
-      </view>
-    </view>
-    <view class="mt-[16rpx]">
-      <slot />
-    </view>
-  </view>
-</template>

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>