import { Cascader } from "../../../src/core/Cascader"; import { CascaderProps } from "../../../src/core/Cascader/cascader.type"; import type { StoryObj } from "@storybook/react"; import React from "react"; /** * * antd5 组件 * * 更多 props 请参考:https://ant.design/components/cascader-cn#api * * 自定义 props 已在表格进行说明 * */ declare const meta: { component: React.FC; title: "Core/Cascader | 级联组件"; args: { options: { value: string; label: string; children: { value: string; label: string; }[]; }[]; }; parameters: { design: { type: string; url: string; }; }; }; export default meta; type Story = StoryObj; /** * 注意: 全选需要自行封装相关实现, 非组件默认行为 */ export declare const Size: Story; /** * 需要展示空白状态时,可以通过 NotData 来处理。 */ export declare const Empty: Story; /** * NotData 同样可以接受 React.ReactNode 类型,来自定义空白状态里的内容。例如常见的加载失败。 */ export declare const FetchError: Story; /** * UI-KIT 同时提供了 CascaderDoubleRowOption 组件,当需要使用 double row 时,可以自行封装 * * option 中的 label 如果是 ReactNode 的情况下,可以通过 label[0].props 获取到一些额外自定义在组件上的属性来进一步处理。例如示例中的 data-label-text */ export declare const DoubleRow: Story; /** * 通过 children 来覆盖 cascader 自带的 input 组件 */ export declare const FilterIcon: Story; /** * 示例: 根据数据中心分级,选择多个集群 */ export declare const Multiple: Story; /** * 示例:根据可用域分级,筛选主机 */ export declare const Filter: Story;