feat: 新增多个组件并优化优惠券相关功能

- 新增 AppLinkSelectDialog 组件,用于选择 APP 链接- 新增 NavigationBarCellProperty组件,用于导航栏单元格属性设置
- 新增 CombinationShowcase 和 CombinationTableSelect 组件,用于拼团活动展示和选择- 优化优惠券相关组件,导出所有优惠券相关组件
- 新增 ComponentContainer 组件,用于包裹和样式化 DIY 组件
This commit is contained in:
lrl
2025-08-04 09:09:39 +08:00
parent 38daaa2934
commit 2166ce3e4e
123 changed files with 11829 additions and 21 deletions

View File

@@ -0,0 +1,43 @@
<script lang="ts" setup>
import { propTypes } from '@/utils/propTypes';
// APP 链接输入框
defineOptions({ name: 'AppLinkInput' });
// 定义属性
const props = defineProps({
// 当前选中的链接
modelValue: propTypes.string.def(''),
});
// setter
const emit = defineEmits<{
'update:modelValue': [link: string];
}>();
// 当前的链接
const appLink = ref('');
// 选择对话框
const dialogRef = ref();
// 处理打开对话框
const handleOpenDialog = () => dialogRef.value?.open(appLink.value);
// 处理 APP 链接选中
const handleLinkSelected = (link: string) => (appLink.value = link);
// getter
watch(
() => props.modelValue,
() => (appLink.value = props.modelValue),
{ immediate: true },
);
watch(
() => appLink.value,
() => emit('update:modelValue', appLink.value),
);
</script>
<template>
<el-input v-model="appLink" placeholder="输入或选择链接">
<template #append>
<el-button @click="handleOpenDialog">选择</el-button>
</template>
</el-input>
<AppLinkSelectDialog ref="dialogRef" @change="handleLinkSelected" />
</template>