@farris/ui-vue/types/splitter/src/splitter.component.d.ts

Farris Vue, a Farris Design based Vue3 component library.

/**
 * Splitter 是一种布局容器组件，与结构类样式结合，通常应用在左右结构或上下结构中。支持内容自定义、収折。
 *
 * @example
 * ```tsx
 * import { defineComponent } from 'vue';
 * import { FSplitter, FSplitterPane } from '../../components/splitter';
 *
 * export default defineComponent({
 *     name: 'BasicTsxDemo',
 *     setup() {
 *         return () => (
 *             <>
 *                 <div><p>默认左右布局，可以使用面板项与HTML结构结合，创建左右布局界面</p>
 *                 <div class="position-relative" style="height: 400px"><div class="f-page f-page-navigate"><div class="f-page-header"><nav class="f-page-header-base"><div class="f-title"><span class="f-title-icon f-text-orna-manage"><i class="f-icon f-icon-page-title-administer" /></span>
 *                 <h4 class="f-title-text">标题</h4></div></nav></div>
 *                 <div class="f-page-main"><FSplitter class="f-page-content"><FSplitterPane class="f-col-w4 f-page-content-nav" resizable={true}><p>导航区域</p></FSplitterPane>
 *                 <section class="f-page-content-main"><p>主要内容区域</p></section></FSplitter></div></div></div></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;