Еще одна пара колес Vue от Ant Design (vue-antd-ui)

Рутина, добро пожаловать на звезду волны:

Официальный сайт:A UI Design Language

Зачем делать это колесо:

Я привык к Antd, но когда я смотрю на другие, я не думаю, что его так же легко использовать, как Antd. Немного лучше экология вокруг, количество и качество комплектующих.Что касается стиля, то эстетика у всех разная, так что судить не буду, но антд мне все равно нравится.
Многие реализации And Vue в сообществе в основном были заброшены, и большинство из которых были реализованы, являются кастриционными версиями. Есть 93 результатов в Github Поиск ключевые слова Vue Ant, и 51 приводит к поиску Vue Ant-Design.
Есть надежда, что разработчики Vue также смогут насладиться превосходным дизайном Ant Design и больше не будут отказываться от Vue из-за библиотеки компонентов при выборе технологии.

О преимуществах Antd говорить не буду, это знают все, кто им пользовался.

Особенности vue-antd-ui:

Библиотека компонентов "полностью" реализована по версии antd 3.4.0.

Та же структура HTML, тот же стиль CSS, тот же эффект анимации. Все компоненты (46/53 = 87% компонентов завершены), полностью функциональны. 90% компонентов имеют одинаковый интерфейс (из-за особенностей vue framework некоторые API могут меняться, если вы используете vue jsx, то интерфейс может быть в принципе таким же). Повторное использование кода на 90% (хотя vue и react — разные фреймворки, у них по-прежнему много схожих концепций, а поддержка vue для jsx позволяет нам повторно использовать большую часть кода antd).

Поделитесь экологическими ресурсами муравьиного дизайна

Antd — это не просто библиотека компонентов, а язык дизайна, который предоставляет вспомогательные ресурсы дизайна (язык дизайна пользовательского интерфейса).Поскольку мы поддерживаем согласованность анимации структурного стиля компонентов, вы можете напрямую использовать дизайн, предоставленный официальным ресурсом antd. antd накопил множество языковых пакетов, которые вы можете использовать непосредственно в нашей библиотеке компонентов.

нагрузка по требованию

Также используйте babel-plugin-import (ant-design/babel-plugin-import), официально выпущенный antd.

контролируемый/неконтролируемый

Большинство компонентов vue не контролируются / неконтролируются.Как правило, команда v-model используется для управления состоянием компонента (что можно понимать как контролируемый компонент в реакции), хотя вы можете выполнить свою функцию через v-модель, но Для неконтролируемых методов по-прежнему необходимо существование. Например: компонент tabs, в большинстве случаев нам нужно только предоставить defaultActiveKey="index01" при инициализации для соответствия требованиям, а если вы используете v-model, то это означает, что вам нужна переменная для управления activeKey, конечно же, это не большая проблема., но с определенной точки зрения, эта переменная совершенно бесполезна, плюс vue монтирует пропсы, данные и методы на этом, словарного запаса не хватает, есть дрова и тд, есть Modal, Menu и т. д., поэтому мы сохраняем бесконтрольное использование реакции.

следующая работа:

Улучшение компонентов.В настоящее время предоставлено 46 часто используемых компонентов, а общее количество компонентов antd составляет 53. Мы продолжим дорабатывать все компоненты. Полные тестовые наборы. Из-за проблем со временем и энергией тестовых наборов пока нет. Мы завершим тестовые наборы как можно скорее, чтобы еще больше убедиться в качестве компонентов.

Отказ от проблем:

Ant Design пережил много лет итерации и накопления. Будь то количество или качество, не так просто повторно реализовать набор других версий фреймворка отдельными лицами или разрозненными командами. Как упоминалось ранее, в Реализации Vue, к сожалению, большинство из них заброшены. Наши компоненты разрабатываются на основе antd версии 3.4.0 (по состоянию на 2018-4-16 последняя официальная версия antd — 3.4.1), и по количеству и функциям она уже может удовлетворить большинство потребностей. Мы не обещаем, что не забросим яму в будущем, но пока мы продолжим обновлять компоненты и исправлять ошибки. Надеюсь, вы сможете использовать его больше и больше звезд. Ваши отзывы - наша самая большая мотивация. Разработчики сообщества также могут присоединиться к нам для совместной разработки и поддержки vue-antd-ui и рассчитывают на вашу помощь.

благодарный

vue-antd-ui повторно использует много официального кода antd, я хотел бы поблагодарить команду разработчиков ant за их усердную работу, и я также с нетерпением жду, когда ant будет объединять три фреймворка.

Адрес склада:vueComponent/ant-design

Официальный сайт:A UI Design Language