## SeSplitPane 分屏组件。

can be split vertically or horizontally.

### 导入使用
```code[javascript]
import seSplitPane from "ss-universal-client-web/comp/view/su-split-pane";
```

:::demo 
```html
<template>
    <su-split-pane v-on:resize="resize" :min-percent='20' :default-percent='30' split="vertical" style="height:200px">
         <template slot="paneL">
           A
         </template>
         <template slot="paneR">
           B
         </template>
       </su-split-pane>
</template>
<script>
export default {
    components:{
        seSplitPane
    },
    data() {
        return {}
    },
    methods: {
        resize(percent) {
            console.log("resize", percent);
        }
    }
};
</script>
```
:::

### 主题

:::demo 
```html
<template>
  <su-split-pane v-on:resize="resize" :min-percent='20' :default-percent='30' split="vertical" style="height:500px">
        <template slot="paneL">
          A
        </template>
        <template slot="paneR">
          <su-split-pane split="horizontal" :min-percent='20' :default-percent='30' >
            <template slot="paneL">
             B
            </template>
            <template slot="paneR">
              C
            </template>
          </su-split-pane>
        </template>
  </su-split-pane>
</template>
<script>
export default {
    components:{
        seSplitPane
    },
    data() {
        return {}
    },
    methods: {
        resize(percent) {
            console.log("resize", percent);
        }
    }
};
</script>
```
:::

### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| split       | the split type |String [horizontal,vertical] |must choose one type |
| min-percent         | paneL max-min-percent  |Number | 10 |
| max-percent         | paneL max-percent  |Number | 10 |

### Slot

| Name | Description |
|------|--------|
| — | 描述 |
| paneL | paneL |
| paneR | paneR |

### Events
| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| resize | resize的事件 | — |