mint-ui extensions
npm install @senntyou/mint-uimint-ui extensions.
Official mint-ui repository misses some functionality, and is unmaintained now, so I add some components here.
```
npm install @senntyou/mint-ui --save
``
import {
Picker,
} from '@senntyou/mint-ui';

`
import Vue from 'vue';
import { Popup, Picker, DatetimePicker } from 'mint-ui';
import { Picker as StPicker } from '@senntyou/mint-ui';
import '@senntyou/mint-ui/es/styles.css';
// here should be loaded at first
Vue.component(Popup.name, Popup);
Vue.component(Picker.name, Picker);
Vue.component(DatetimePicker.name, DatetimePicker);
// then here
Vue.component(StPicker.name, StPicker);
`
`
:items="items"
:onSubmit="onSubmit"
/>
`
- model: bool required whether show picker or notitems
- : array required items to selectonSubmit
- : function required submit callback, values => { ... }onCancel
- : function cancel callback, () => { ... }okText
- : string default: OK ok button textcancelText
- : string default: Cancel cancel button textdivider
- : bool default: false whether show divider or notvisibleItemsCount
- : number default: 5 visible items count
#### items
One level:
``
[{ value: '1' }, { value: '2' }, { value: '3' }]
Two levels:
``
[
{
value: '1',
children: [{ value: '1-1' }, { value: '1-2' }, { value: '1-3' }],
},
{
value: '2',
children: [{ value: '2-1' }, { value: '2-2' }, { value: '2-3' }],
},
]
Three levels:
``
[
{
value: '1',
children: [
{
value: '1-1',
children: [{ value: '1-1-1' }, { value: '1-1-2' }, { value: '1-1-3' }],
},
{
value: '1-2',
children: [{ value: '1-2-1' }, { value: '1-2-2' }, { value: '1-2-3' }],
},
],
},
{
value: '2',
children: [
{
value: '2-1',
children: [{ value: '2-1-1' }, { value: '2-1-2' }, { value: '2-1-3' }],
},
{
value: '2-2',
children: [{ value: '2-2-1' }, { value: '2-2-2' }, { value: '2-2-3' }],
},
],
},
]
#### onSubmit
``
values => { ... }
- One level: values: ['1']values: ['1', '1-1']
- Two levels: values: ['1', '1-1', '1-1-1']
- Three levels:
#### examples

`
import Vue from 'vue';
import { Popup, DatetimePicker, Checklist } from 'mint-ui';
import { MultiSelect as StMultiSelect } from '@senntyou/mint-ui';
import '@senntyou/mint-ui/es/styles.css';
// here should be loaded at first
Vue.component(Popup.name, Popup);
Vue.component(DatetimePicker.name, DatetimePicker);
Vue.component(Checklist.name, Checklist);
// then here
Vue.component(StMultiSelect.name, StMultiSelect);
`
`
:options="options"
:onSubmit="onSubmit"
/>
`
- model: bool required whether show picker or notoptions
- : array required options to selectonSubmit
- : function required submit callback, values => { ... }onCancel
- : function cancel callback, () => { ... }okText
- : string default: OK ok button textcancelText
- : string default: Cancel cancel button text
#### onSubmit
``
values => { ... }
```
values: ['Selection 1', 'Selection 2', ...]
#### examples