C

CityBrowse City Browse

业务组件

City Browse — 面向 ERP/企业场景的业务组件。

何时使用

适用于City Browse相关场景。

代码示例

基础用法

tsx
import { CityBrowse } from "@chaos_team/chaos-ui/business"

export function Basic() {
return <CityBrowse />
}

API / Props

CityBrowse

PropTypeDefault说明
classNamestring自定义样式类名
openbooleanWhether the dialog is open. / 是否打开
onOpenChange() => voidOpen state change handler. / 开关回调
onSelect() => voidCalled with the selected city item. / 选中回调
itemsCityBrowseItem[]City list to browse (defaults to an empty list). / 候选城市
titlestringDialog title (defaults to localized "选择城市").
searchPlaceholderstringSearch placeholder. / 搜索占位
emptyTextstringEmpty-state text. / 空状态文案
...restReact.HTMLAttributes透传原生 DOM 属性

注意事项

  • Client Component: 使用 "use client",依赖 React hooks/状态,需在客户端渲染。

📘 完整交互式示例与控件属性请查看 Storybook 文档