feat(component): 新增CuteFormProDialog组件并重构搜索表单

- 新增CuteFormProDialog表单弹窗组件,支持多种输入类型
- 重命名CuteSearchFormPro为CuteSearchProForm并优化组件结构
- 更新组件演示页面,添加表单对话框Pro功能演示
- 为新组件添加完整的属性定义和事件处理机制
- 优化表单验证规则和数据绑定逻辑
- 添加日期和时间范围选择器支持
This commit is contained in:
2026-02-02 18:22:53 +08:00
parent 3ff0a08cfb
commit c3e91330b6
4 changed files with 299 additions and 25 deletions
@@ -11,8 +11,8 @@
<el-button type="primary">查询后置按钮</el-button>
</template>
</cute-search-form>
<cute-section-title title="高级搜索Pro版 CuteSearchFormPro" />
<cute-search-form-pro :model="searchFormProValues" :schema="searchFormProSchema" />
<cute-section-title title="高级搜索Pro版 CuteSearchProForm" />
<cute-search-pro-form :model="searchFormProValues" :schema="searchFormProSchema" />
<cute-section-title title="横向滚动 CuteHorizontalScrollBar" />
<cute-horizontal-scroll-bar>
<div style="width: 3000px;min-width: 3000px">模拟超长内容</div>
@@ -75,12 +75,12 @@ import CuteSectionTitle from '@/views/components/dev/CuteSectionTitle.vue'
import CuteButton from '@/views/components/dev/CuteButton.vue'
import CuteTransfer from '@/views/components/dev/CuteTransfer.vue'
import CuteTextAreaInput from '@/views/components/dev/CuteTextAreaInput.vue'
import CuteSearchFormPro from '@/views/components/dev/CuteSearchFormPro.vue'
import CuteSearchProForm from '@/views/components/dev/CuteSearchProForm.vue'
export default {
name: 'CuteOtherDemo',
components: {
CuteSearchFormPro,
CuteSearchProForm,
CuteTextAreaInput,
CuteTransfer,
CuteButton,