@lih1989/vkui

vkui

VKUI — это набор компонентов для Vue, с помощью которых можно создавать интерфейсы, внешне неотличимые от нативных iOS и Android приложений.

Данный репозиторий является форком пакета https://www.npmjs.com/package/@denull/vkui, который, в свою очередь, порт библиотеки https://github.com/VKCOM/VKUI, написанной на React.

За исключением некоторых деталей, использование библиотеки идентично оригинальной на React. Документация к исходной библиотеке.

Установка

npm install --save @lih1989/vkui

Подключить все компоненты можно так (в main.js):

import '@lih1989/vkui'

Чтобы подключить только часть компонентов из исходников(в компонентах):

import { Button, Epic, VKView, Panel } from "@lih1989/vkui/src/components"

Vue.component('Button', Button)
Vue.component('Epic', Epic)
Vue.component('VKView', VKView)
Vue.component('Panel', Panel)

Вместо вызовов Vue.component(…) также можно передавать импортированные компоненты в поле components при объявлении собственных компонентов. В таком случае они будут доступны только внутри них.

/* Замените эти стили на свои, если хотите использовать другую тему */
import '@lih1989/vkui/src/styles/generated/palette.css';
import '@lih1989/vkui/src/styles/generated/client_light.css';

Сделано, так или иначе(работает):

• Input - v-model
• TextArea - v-model, resize, disabled
• Button - @click, disabled, | Tappable - заменен на button, хз чем это грозит в будущем |
• Switch - v-model, @click, change, readonly, disabled
• pull-refresh - перезагрузка содержимого панели стягиваем вниз(Swipe Down)
• Panel - prop onRefresh - метод который нужно запустить при Swipe Down

TODO

• Довести до ума компоненты используемые в проекте