@vaebe/ccui 2.0.1-beta.2 → 2.0.1-beta.3

package/date-picker/src/date-picker-types.d.ts

@@ -0,0 +1,179 @@
+import type { Dayjs } from 'dayjs';
+import type { ExtractPropTypes, PropType, VNode } from 'vue';
+import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
+import type { DateValue } from '../../shared/utils/date';
+export type DatePickerSize = 'large' | 'default' | 'small';
+export type DatePickerStatus = '' | 'error' | 'warning' | 'success' | 'validating';
+export type DatePickerPlacement = 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+export type DatePickerType = 'date' | 'week' | 'month' | 'year' | 'quarter';
+export type DisabledDate = (current: Dayjs) => boolean;
+export type GetPopupContainer = (triggerNode: HTMLElement | null) => HTMLElement | null;
+export type DateOutputFormat = 'string' | 'date' | 'number';
+export interface DisabledTimeReturn {
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+}
+export type DisabledTime = (current: Dayjs | null) => DisabledTimeReturn;
+export interface CellSlotScope {
+    current: Dayjs;
+    today: Dayjs;
+    type: 'date' | 'month' | 'year' | 'quarter';
+}
+export interface PresetItem {
+    label: string | (() => string);
+    value: DateValue | (() => DateValue);
+}
+export interface TimeShowConfig {
+    /** 时间部分格式，默认 'HH:mm:ss'。仅含 H/h:m 时省略秒列。 */
+    format?: string;
+    /** 初始时间，未指定时新选日期的时间部分按已存在 pending 或 0:0:0 起步。 */
+    defaultValue?: DateValue;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    disabledHours?: () => number[];
+    disabledMinutes?: () => number[];
+    disabledSeconds?: () => number[];
+    /** true 时把 disabled 的时间值从列表中剔除；默认 false（保留并打 disabled 标记）。 */
+    hideDisabledOptions?: boolean;
+}
+export declare const DEFAULT_FORMAT_BY_PICKER: Record<DatePickerType, string>;
+export declare const DEFAULT_TIME_FORMAT = "HH:mm:ss";
+export declare const datePickerProps: {
+    readonly modelValue: {
+        readonly type: PropType<DateValue>;
+        readonly default: undefined;
+    };
+    readonly picker: {
+        readonly type: PropType<DatePickerType>;
+        readonly default: "date";
+    };
+    readonly format: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly valueFormat: {
+        readonly type: PropType<DateOutputFormat>;
+        readonly default: "string";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 自定义清除图标。接 string（Iconify name / CSS class）或 VNode；
+     * 同名 `clearIcon` slot 优先级最高。
+     */
+    readonly clearIcon: {
+        readonly type: PropType<string | VNode>;
+        readonly default: undefined;
+    };
+    /**
+     * 自定义日历图标。接 string（Iconify name / CSS class）或 VNode；
+     * 同名 `suffixIcon` slot 优先级最高。
+     */
+    readonly suffixIcon: {
+        readonly type: PropType<string | VNode>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: PropType<DatePickerSize>;
+        readonly default: "default";
+    };
+    readonly status: {
+        readonly type: PropType<DatePickerStatus>;
+        readonly default: "";
+    };
+    readonly disabledDate: {
+        readonly type: PropType<DisabledDate>;
+        readonly default: undefined;
+    };
+    readonly minDate: {
+        readonly type: PropType<DateValue>;
+        readonly default: undefined;
+    };
+    readonly maxDate: {
+        readonly type: PropType<DateValue>;
+        readonly default: undefined;
+    };
+    readonly disabledTime: {
+        readonly type: PropType<DisabledTime>;
+        readonly default: undefined;
+    };
+    readonly placement: {
+        readonly type: PropType<DatePickerPlacement>;
+        readonly default: "bottomLeft";
+    };
+    readonly popupClassName: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly popupAppendToBody: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly getPopupContainer: {
+        readonly type: PropType<GetPopupContainer>;
+        readonly default: undefined;
+    };
+    readonly autoFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly inputReadOnly: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transitionName: {
+        readonly type: StringConstructor;
+        readonly default: "ccui-date-picker-fade";
+    };
+    readonly weekStart: {
+        readonly type: PropType<0 | 1>;
+        readonly default: 0;
+    };
+    readonly showTime: {
+        readonly type: PropType<boolean | TimeShowConfig>;
+        readonly default: false;
+    };
+    readonly showNow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly presets: {
+        readonly type: PropType<PresetItem[]>;
+        readonly default: () => never[];
+    };
+    /**
+     * 录入组件统一 variant 形态。
+     */
+    readonly variant: {
+        readonly type: PropType<DatePickerVariant>;
+        readonly default: "outlined";
+    };
+    /**
+     * 语义化 DOM className 注入。可用 key：`root` / `input` / `popup`。
+     */
+    readonly classNames: {
+        readonly type: PropType<CcSemanticClasses>;
+        readonly default: undefined;
+    };
+    /**
+     * 语义化 DOM style 注入。可用 key 与 classNames 一致。
+     */
+    readonly styles: {
+        readonly type: PropType<CcSemanticStyles>;
+        readonly default: undefined;
+    };
+};
+export type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
+export type DatePickerVariant = 'outlined' | 'filled' | 'borderless' | 'underlined';

package/date-picker/src/date-picker.d.ts

@@ -0,0 +1,113 @@
+import type { DatePickerPlacement, DatePickerType, PresetItem, TimeShowConfig } from './date-picker-types';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly size: import("./date-picker-types").DatePickerSize;
+    readonly disabled: boolean;
+    readonly placeholder: string;
+    readonly status: import("./date-picker-types").DatePickerStatus;
+    readonly placement: DatePickerPlacement;
+    readonly popupClassName: string;
+    readonly popupAppendToBody: boolean;
+    readonly transitionName: string;
+    readonly variant: import("./date-picker-types").DatePickerVariant;
+    readonly format: string;
+    readonly valueFormat: import("./date-picker-types").DateOutputFormat;
+    readonly clearable: boolean;
+    readonly autoFocus: boolean;
+    readonly inputReadOnly: boolean;
+    readonly presets: PresetItem[];
+    readonly picker: DatePickerType;
+    readonly weekStart: 0 | 1;
+    readonly showTime: boolean | TimeShowConfig;
+    readonly showNow: boolean;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly modelValue?: import("../../shared/utils/date").DateValue;
+    readonly clearIcon?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    readonly getPopupContainer?: import("./date-picker-types").GetPopupContainer | undefined;
+    readonly suffixIcon?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    readonly disabledDate?: import("./date-picker-types").DisabledDate | undefined;
+    readonly minDate?: import("../../shared/utils/date").DateValue;
+    readonly maxDate?: import("../../shared/utils/date").DateValue;
+    readonly disabledTime?: import("./date-picker-types").DisabledTime | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "blur" | "focus" | "update:modelValue" | "open-change" | "panel-change")[], "change" | "blur" | "focus" | "update:modelValue" | "open-change" | "panel-change", import("vue").PublicProps, Readonly<{
+    readonly size: import("./date-picker-types").DatePickerSize;
+    readonly disabled: boolean;
+    readonly placeholder: string;
+    readonly status: import("./date-picker-types").DatePickerStatus;
+    readonly placement: DatePickerPlacement;
+    readonly popupClassName: string;
+    readonly popupAppendToBody: boolean;
+    readonly transitionName: string;
+    readonly variant: import("./date-picker-types").DatePickerVariant;
+    readonly format: string;
+    readonly valueFormat: import("./date-picker-types").DateOutputFormat;
+    readonly clearable: boolean;
+    readonly autoFocus: boolean;
+    readonly inputReadOnly: boolean;
+    readonly presets: PresetItem[];
+    readonly picker: DatePickerType;
+    readonly weekStart: 0 | 1;
+    readonly showTime: boolean | TimeShowConfig;
+    readonly showNow: boolean;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly modelValue?: import("../../shared/utils/date").DateValue;
+    readonly clearIcon?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    readonly getPopupContainer?: import("./date-picker-types").GetPopupContainer | undefined;
+    readonly suffixIcon?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    readonly disabledDate?: import("./date-picker-types").DisabledDate | undefined;
+    readonly minDate?: import("../../shared/utils/date").DateValue;
+    readonly maxDate?: import("../../shared/utils/date").DateValue;
+    readonly disabledTime?: import("./date-picker-types").DisabledTime | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
+    "onPanel-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly size: import("./date-picker-types").DatePickerSize;
+    readonly disabled: boolean;
+    readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
+    readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
+    readonly modelValue: import("../../shared/utils/date").DateValue;
+    readonly placeholder: string;
+    readonly clearIcon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    readonly status: import("./date-picker-types").DatePickerStatus;
+    readonly placement: DatePickerPlacement;
+    readonly popupClassName: string;
+    readonly popupAppendToBody: boolean;
+    readonly getPopupContainer: import("./date-picker-types").GetPopupContainer;
+    readonly transitionName: string;
+    readonly variant: import("./date-picker-types").DatePickerVariant;
+    readonly format: string;
+    readonly valueFormat: import("./date-picker-types").DateOutputFormat;
+    readonly clearable: boolean;
+    readonly autoFocus: boolean;
+    readonly inputReadOnly: boolean;
+    readonly suffixIcon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    readonly presets: PresetItem[];
+    readonly picker: DatePickerType;
+    readonly disabledDate: import("./date-picker-types").DisabledDate;
+    readonly minDate: import("../../shared/utils/date").DateValue;
+    readonly maxDate: import("../../shared/utils/date").DateValue;
+    readonly disabledTime: import("./date-picker-types").DisabledTime;
+    readonly weekStart: 0 | 1;
+    readonly showTime: boolean | TimeShowConfig;
+    readonly showNow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/descriptions/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import Descriptions from './src/descriptions';
+import DescriptionsItem from './src/descriptions-item';
+export { Descriptions, DescriptionsItem };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/descriptions/src/descriptions-item.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly label: string;
+    readonly span: number;
+    readonly labelStyle?: Record<string, string | number> | undefined;
+    readonly contentStyle?: Record<string, string | number> | undefined;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly label: string;
+    readonly span: number;
+    readonly labelStyle?: Record<string, string | number> | undefined;
+    readonly contentStyle?: Record<string, string | number> | undefined;
+}> & Readonly<{}>, {
+    readonly label: string;
+    readonly span: number;
+    readonly labelStyle: Record<string, string | number>;
+    readonly contentStyle: Record<string, string | number>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/descriptions/src/descriptions-types.d.ts

@@ -0,0 +1,64 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type DescriptionsSize = 'small' | 'middle' | 'default';
+export type DescriptionsLayout = 'horizontal' | 'vertical';
+export interface DescriptionsItem {
+    label?: string;
+    value?: string | number;
+    span?: number;
+    labelStyle?: Record<string, string | number>;
+    contentStyle?: Record<string, string | number>;
+}
+export declare const descriptionsProps: {
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly extra: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly bordered: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly column: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly size: {
+        readonly type: PropType<DescriptionsSize>;
+        readonly default: "default";
+    };
+    readonly layout: {
+        readonly type: PropType<DescriptionsLayout>;
+        readonly default: "horizontal";
+    };
+    readonly colon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly items: {
+        readonly type: PropType<DescriptionsItem[]>;
+        readonly default: undefined;
+    };
+};
+export type DescriptionsProps = ExtractPropTypes<typeof descriptionsProps>;
+export declare const descriptionsItemProps: {
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly span: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly labelStyle: {
+        readonly type: PropType<Record<string, string | number>>;
+        readonly default: undefined;
+    };
+    readonly contentStyle: {
+        readonly type: PropType<Record<string, string | number>>;
+        readonly default: undefined;
+    };
+};
+export type DescriptionsItemProps = ExtractPropTypes<typeof descriptionsItemProps>;

package/descriptions/src/descriptions.d.ts

@@ -0,0 +1,31 @@
+import type { DescriptionsItem } from './descriptions-types';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly title: string;
+    readonly column: number;
+    readonly layout: import("./descriptions-types").DescriptionsLayout;
+    readonly size: import("./descriptions-types").DescriptionsSize;
+    readonly colon: boolean;
+    readonly extra: string;
+    readonly bordered: boolean;
+    readonly items?: DescriptionsItem[] | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly title: string;
+    readonly column: number;
+    readonly layout: import("./descriptions-types").DescriptionsLayout;
+    readonly size: import("./descriptions-types").DescriptionsSize;
+    readonly colon: boolean;
+    readonly extra: string;
+    readonly bordered: boolean;
+    readonly items?: DescriptionsItem[] | undefined;
+}> & Readonly<{}>, {
+    readonly title: string;
+    readonly column: number;
+    readonly layout: import("./descriptions-types").DescriptionsLayout;
+    readonly size: import("./descriptions-types").DescriptionsSize;
+    readonly items: DescriptionsItem[];
+    readonly colon: boolean;
+    readonly extra: string;
+    readonly bordered: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/divider/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import Divider from './src/divider';
+export { Divider };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/divider/src/divider-types.d.ts

@@ -0,0 +1,31 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type DirectionType = 'horizontal' | 'vertical';
+export type BorderStyleType = 'dashed' | 'solid';
+export type ContentPositionType = 'left' | 'right' | 'center';
+export declare const dividerProps: {
+    readonly direction: {
+        readonly type: PropType<DirectionType>;
+        readonly default: "horizontal";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly borderStyle: {
+        readonly type: PropType<BorderStyleType>;
+        readonly default: "solid";
+    };
+    readonly contentPosition: {
+        readonly type: PropType<ContentPositionType>;
+        readonly default: "center";
+    };
+    readonly contentColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly contentBackgroundColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export type DividerProps = ExtractPropTypes<typeof dividerProps>;

package/divider/src/divider.d.ts

@@ -0,0 +1,24 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly color: string;
+    readonly direction: import("./divider-types").DirectionType;
+    readonly borderStyle: import("./divider-types").BorderStyleType;
+    readonly contentPosition: import("./divider-types").ContentPositionType;
+    readonly contentColor: string;
+    readonly contentBackgroundColor: string;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly color: string;
+    readonly direction: import("./divider-types").DirectionType;
+    readonly borderStyle: import("./divider-types").BorderStyleType;
+    readonly contentPosition: import("./divider-types").ContentPositionType;
+    readonly contentColor: string;
+    readonly contentBackgroundColor: string;
+}> & Readonly<{}>, {
+    readonly color: string;
+    readonly direction: import("./divider-types").DirectionType;
+    readonly borderStyle: import("./divider-types").BorderStyleType;
+    readonly contentPosition: import("./divider-types").ContentPositionType;
+    readonly contentColor: string;
+    readonly contentBackgroundColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/drawer/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import Drawer from './src/drawer';
+export { Drawer };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/drawer/src/drawer-types.d.ts

@@ -0,0 +1,155 @@
+import type { ExtractPropTypes, InjectionKey, PropType, Ref, VNode } from 'vue';
+import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
+export type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
+/**
+ * `closable` 复合配置（与 Modal 同构）。
+ */
+export interface DrawerClosableObject {
+    closeIcon?: VNode | string;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+export type DrawerClosable = boolean | DrawerClosableObject;
+/**
+ * `push` 嵌套抽屉配置：
+ *
+ * - `boolean`：开启 / 关闭嵌套让位（默认 true）
+ * - `{ distance }`：自定义子抽屉打开时，父抽屉沿主轴让位的距离（px，默认 180）
+ */
+export interface DrawerPushObject {
+    distance?: number;
+}
+export type DrawerPush = boolean | DrawerPushObject;
+export declare const drawerProps: {
+    /**
+     * 显示抽屉。支持 `v-model:visible`。
+     */
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: PropType<DrawerPlacement>;
+        readonly default: DrawerPlacement;
+    };
+    readonly size: {
+        readonly type: PropType<number | string>;
+        readonly default: 378;
+    };
+    /**
+     * 关闭按钮配置。`boolean` 或 `{ closeIcon, disabled, ariaLabel }`（与 Modal 同构）。
+     */
+    readonly closable: {
+        readonly type: PropType<DrawerClosable>;
+        readonly default: true;
+    };
+    readonly maskClosable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 是否支持键盘 Esc 关闭。
+     */
+    readonly closeOnEsc: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly mask: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * @deprecated 请改用 `footer` slot 或 `footer` prop。
+     */
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * footer 内容。
+     *
+     * - `null`：隐藏 footer
+     * - `string` / `VNode`：直接渲染
+     * - `undefined`：仅 footer slot 决定是否显示
+     *
+     * `footer` slot 优先级最高。
+     */
+    readonly footer: {
+        readonly type: PropType<string | VNode | null>;
+        readonly default: undefined;
+    };
+    /**
+     * 加载态。`true` 时 body 区显示骨架占位。
+     */
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly destroyOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * true 时即使未打开也渲染外层 DOM（不延迟到首次打开）。
+     */
+    readonly keepAlive: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 1000;
+    };
+    /**
+     * 是否把浮层 Teleport 到 `document.body`。
+     */
+    readonly appendToBody: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 嵌套抽屉时父抽屉是否让位。
+     *
+     * - `true`（默认）：让位 180px
+     * - `false`：不让位
+     * - `{ distance }`：自定义让位距离 px
+     */
+    readonly push: {
+        readonly type: PropType<DrawerPush>;
+        readonly default: true;
+    };
+    /**
+     * 关闭后是否把焦点还给触发节点。默认 true（与 Modal 对齐）。
+     */
+    readonly focusTriggerAfterClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 语义化 DOM className 注入。可用 key：`root` / `wrap` / `mask` / `header` / `body` / `footer`。
+     */
+    readonly classNames: {
+        readonly type: PropType<CcSemanticClasses>;
+        readonly default: undefined;
+    };
+    /**
+     * 语义化 DOM style 注入。可用 key 与 classNames 一致。
+     */
+    readonly styles: {
+        readonly type: PropType<CcSemanticStyles>;
+        readonly default: undefined;
+    };
+};
+export type DrawerProps = ExtractPropTypes<typeof drawerProps>;
+export interface DrawerParentContext {
+    /** 父抽屉的 placement，子抽屉用来决定让位方向 */
+    placement: Ref<DrawerPlacement>;
+    /** 子抽屉调用 register/unregister 通知父抽屉自己的开关状态 */
+    register: () => void;
+    unregister: () => void;
+}
+export declare const drawerParentInjectionKey: InjectionKey<DrawerParentContext>;