@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
34 lines (33 loc) • 1.36 kB
TypeScript
/**
* 是一种布局容器组件，通常应用在左右结构或上下结构中。支持内容是否可见、面板拖拽収折。
*
* @example
* ```tsx
* import { defineComponent } from 'vue';
* import { FLayout, FLayoutPane } from '../../components/layout';
*
* export default defineComponent({
* name: 'BasicTsxDemo',
* setup() {
* return () => (
* <>
* <div class="d-flex" style={'height:400px;'}><FLayout><FLayoutPane position={'left'} minWidth={0} width={300}><div class="f-utils-absolute-all bg-info" style="opacity:0.2;z-index: -1;" />
* <p>左侧区域</p></FLayoutPane>
* <FLayoutPane customClass={'f-page-content-main'} position={'center'}><div class="f-utils-absolute-all bg-danger" style="opacity:0.2;z-index:-1" />
* <p>右侧区域</p></FLayoutPane></FLayout></div>
* </>
* );
* }
* });
* ```
*
* @public
*/
declare const _default: import("vue").DefineComponent<{
[x: string]: any;
}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<{
[x: string]: any;
}> & Readonly<{}>, {
[x: string]: any;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;