1.0.6 • Published 5 years ago

vue-splitpane v1.0.6

Weekly downloads
16,305
License
MIT
Repository
github
Last release
5 years ago

Vue Split Pane

Split-Pane component built with vue2.0, can be split vertically or horizontally.

Try the demo

How to use?

npm install vue-splitpane

#import
import splitPane from 'vue-splitpane'

# use as global component
Vue.component('split-pane', splitPane);

Example

   <split-pane v-on:resize="resize" :min-percent='20' :default-percent='30' split="vertical">
      <template slot="paneL">
        A
      </template>
      <template slot="paneR">
        B
      </template>
    </split-pane>
  //nested
   <split-pane v-on:resize="resize" :min-percent='20' :default-percent='30' split="vertical">
      <template slot="paneL">
        A
      </template>
      <template slot="paneR">
        <split-pane split="horizontal">
          <template slot="paneL">
           B
          </template>
          <template slot="paneR">
            C
          </template>
        </split-pane>
      </template>
    </split-pane>

Options

PropertyDescriptiontypedefault
splitthe split typeString horizontal,verticalmust choose one type
min-percentpaneL max-min-percentNumber10
max-percentpaneL max-percentNumber10
pd-components-apipd-my-newoampd-publish-testpd-publish-test2pd-publish-test3npm-json-testvue-scamelformio-custom-formdatadriver-settinghd-mvuiapex-admin@guanchongsheng/sy-ui@guanchongsheng/e-uisyt-uiflow-center-platformdr-adminescloudhxzmmengtianxiang-reportytgvuecib-flowmapyun-admin-basexk-graph-editormsshsenyint-ui@dongercom/ui-v2@infinitebrahmanuniverse/nolb-vue-sppds-formmakingpds-components@everything-registry/sub-chunk-3092zhhwupdate-deptmydream-web-frameworktaiya-wsbmwil-uiweb-vue2vue-lone-commentsvue-kuqi-tablevue-admin-sdkvue-admin-test-sdkvue-antd-devvue-antd-jeecgvue-antd-loneworkorder3wsbmwsbs-vuewgi-bimgisplatformxlh-cli-dev-template_vue-element-adminwtf-core-vuewxsi-frontwy_webpack_initwt1-uispreadjs-componentstest_zheshiyigetest_elementthn-componentsvue-cms-adminvcolorpicker-test-3.3.3vcolorpicker-test-3.3.4vcolorpicker-test-3.3.5vcolorpicker-test-3.3.6vue-antd-tngvue-antdone-lonevue-antd-pingvue-clare-project1vue-element-adminvue-element-admin-lbxvue-element-admin-sdkvue-element-admin-test-csxvue-element-admintestvicorevicorexvoucher-demo@d2-plus/d2-crud-plus-exampleiwant-admin-webjyxl-managerjyxl-pharmacyjiao-vue-element-adminjnpf-weblc-client-framework-subsystem-npmlbx-framework-vuelbx-framework-vue-demospiderplatwebsoundmake-webty-customizationuicore-webtest-component-jwythreat-admintopeveryvvue-page-designvue-plugin-1@anydown/anydown-core@arrow-zb/vue2-js@arrow-zb/vue2-ts4icloud-detailform4icloud-dynamicdialog4icloud-engine-testt4icloud-formengine4icloud-formengine-demo4icloud-listform4icloud-panel
1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

6 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

8 years ago