我已经阅读了文档的核心设计方案。根据文档要求,我将创建一个完整的前端样例,包含:
让我先读取现有的相关组件作为参考:
现在我已经了解了项目的组件结构。让我创建完整的前端样例:
现在让我创建一个业务表单示例页面,展示更完整的业务场景:
现在让我更新主页,添加到演示页面的导航链接:
我已经根据文档完成了前端样例的设计和实现。以下是我创建的内容:
/components/base-data-select/index.tsx - 通用基础数据联想选择控件
/components/base-data-select/status-badge.tsx - 状态标签组件
/types/base-data.ts - TypeScript 类型定义
/lib/mock-data.ts - 模拟数据
主页 (/app/page.tsx) - 组件配置演示
海运订单 (/app/demo/shipping-order/page.tsx) - 完整业务表单示例
入库单 (/app/demo/warehouse-inbound/page.tsx) - 仓储业务表单示例
现在我将修改组件,将下拉列表改为多列表格形式,带表头:
我已将下拉列表组件升级为多列表格形式。主要改动包括:
popoverWidth 默认从 400px 增加到 600px 以适应多列展示