2020-08-19 02:38:09 +00:00
|
|
|
import { CSSProperties, Slot, VNodeChild } from 'vue';
|
2019-01-01 04:13:51 +00:00
|
|
|
// Project: https://github.com/vueComponent/ant-design-vue
|
|
|
|
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
|
|
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
|
|
|
2019-01-12 03:33:27 +00:00
|
|
|
import { AntdComponent } from '../component';
|
2019-01-01 04:13:51 +00:00
|
|
|
|
2020-08-19 02:38:09 +00:00
|
|
|
export interface LayoutSiderProps {
|
2019-01-01 04:13:51 +00:00
|
|
|
/**
|
|
|
|
* whether can be collapsed
|
|
|
|
* @default false
|
|
|
|
* @type boolean
|
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
collapsible?: boolean;
|
2019-01-01 04:13:51 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* to set the current status
|
|
|
|
* @type boolean
|
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
collapsed?: boolean;
|
2019-01-01 04:13:51 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* to set the initial status
|
|
|
|
* @default false
|
|
|
|
* @type boolean
|
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
defaultCollapsed?: boolean;
|
2019-01-01 04:13:51 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* reverse direction of arrow, for a sider that expands from the right
|
|
|
|
* @default false
|
|
|
|
* @type boolean
|
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
reverseArrow?: boolean;
|
2019-01-01 04:13:51 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* specify the customized trigger, set to null to hide the trigger
|
2020-08-19 02:38:09 +00:00
|
|
|
* @type string | | VNodeChild | JSX.Element
|
2019-01-01 04:13:51 +00:00
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
trigger?: string | VNodeChild | JSX.Element;
|
2019-01-01 04:13:51 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* width of the sidebar
|
|
|
|
* @default 200
|
|
|
|
* @type number | string
|
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
width?: number | string;
|
2019-01-01 04:13:51 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* width of the collapsed sidebar, by setting to 0 a special trigger will appear
|
2019-01-05 03:24:56 +00:00
|
|
|
* @default 80
|
2019-01-01 04:13:51 +00:00
|
|
|
* @type number
|
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
collapsedWidth?: number;
|
2019-01-01 04:13:51 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* breakpoints of the responsive layout
|
|
|
|
* @type string
|
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
2019-01-01 04:13:51 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* color theme of the sidebar
|
|
|
|
* @default 'dark'
|
|
|
|
* @type string
|
|
|
|
*/
|
2020-08-19 02:38:09 +00:00
|
|
|
theme?: 'light' | 'dark';
|
|
|
|
}
|
|
|
|
|
|
|
|
export declare class LayoutSider extends AntdComponent {
|
|
|
|
$props: LayoutSiderProps;
|
2019-01-01 04:13:51 +00:00
|
|
|
}
|