Vue DevUI уже имеет 36 компонентов~😋🥳🎉

внешний интерфейс JavaScript Vue.js
Vue DevUI уже имеет 36 компонентов~😋🥳🎉

Vue DevUIоснован наDevUIБиблиотека компонентов с открытым исходным кодом Vue3 для системы дизайна, использующая новейшиеVue3+TypeScript+Vite+JSXстек технологий для разработки и создания с использованиемJestДля написания модульных тестов используйтеVitePressСоздание официальных документов веб-сайта и поддержка按需加载,主题定制и другие функции.

1 мая мы официально запустили проект с открытым исходным кодом Vue DevUI в сообществе и набрали участников.

Давайте создадим проект Vue DevUI вместе! 🥳

3 августа мы впервые синхронизировали последние разработки Vue DevUI в Nuggets.

Vue DevUI уже имеет 10 членов компонента~🥳😋

большое спасибоVue DevUIРанние участники:

Благодаря усердной работе первых участников проект Vue DevUI привлекал к участию все больше и больше мелких партнеров.Все 61 компонент были заявлены в течение 10 дней, и было добавлено 11 новых компонентов.

Мы синхронизировали это очень захватывающее событие 14 августа.

Vue devui добавил 11 новых членов ~ 🥳😋

С августа по настоящее времяVue DevUIПоддерживает очень высокий уровень активности и много раз был в спискеGiteeГлавная страница программного обеспечения с открытым исходным кодом今日热门а также本周热门, активность кода также превышает98%с проект.

По состоянию на 1 октября,Vue DevUIВсего добавлено37участники, новые123пиар,604совершает.

Приглашаем всех присоединиться к нам и создать простую в использовании и мощную библиотеку компонентов с открытым исходным кодом Vue 3. Заинтересованные партнеры могут добавить помощника DevUI WeChat: devui-official, чтобы привлечь вас в нашу основную группу разработчиков.

Вы также можете следить за прямой трансляцией Кагола и деревенского старосты команды DevUI, чтобы узнать, как создать библиотеку компонентов Vue3.

Живая комната деревенского вождя

Прошлый адрес записи

Руководство по открытому исходному коду Vue DevUI 02: создание компонента дерева модели

Vue DevUI Open Source Guide 01: Отправка моего первого PR

Кроме того, также объявлено, что сегодня в 9 часов вечера Кагол проведет прямую трансляцию с главой деревни и продолжит разработку и реализацию компонентов построения и совместного использования, как писать модульные тесты для компонентов и внедрять их.treeФункция расширения/свертывания компонентов, приглашаем всех посмотреть~

Ниже приведеныVue DevUIПоследний прогресс на данный момент.

Компоненты(36)

Текущая последняя версия Vue DevUI:v1.0.0-alpha.1

Он содержит 36 компонентов в 6 категориях и поддерживает загрузку компонентов по запросу, настройку темы и другие функции.

Универсальный(9)

  1. Компонент кнопки кнопки -zcating
  2. ClickOutside щелкает внешний элемент -kd554246839
  3. Значок Значок-kagol
  4. Слой маски наложения -zcating
  5. Компоненты панели панели -to0simple
  6. Рябь воды Рябь -ErKeLost
  7. Окно поиска -laiweilun
  8. Положение дел -LiuSuY
  9. Заметки -maizhiyuan

Навигация (3)

  1. Якорь Якорь -asian-TMac
  2. Разбивка на страницы -половина на половину
  3. Компонент вкладки «Вкладки» —flxy1028

обратная связь (3)

  1. Предупреждение -to0simple
  2. Советы по загрузке -половина на половину
  3. Глобальное всплывающее уведомление -iel

Ввод данных (12)

  1. Раскрывающийся список ввода EditableSelect -chengxi_24
  2. Поле ввода числа InputNumber -yqsheng
  3. Загрузить Загрузить -~zZ.Lucky 
  4. Слайдер Слайдер -httpxiaobocom
  5. Рама трансферного челнока -guaimeengmengxiaoxiong
  6. DatePicker Выбор даты -mrundef
  7. Выберите раскрывающееся окно выбора -lookforwhat
  8. Флажок Флажок -brenner8023
  9. Радиокнопка -brenner8023
  10. Переключатель -brenner8023
  11. Ввод тега TagInput -brenner8023
  12. Текстовое поле TextInput -brenner8023

Отображение данных(8)

  1. Логотип значка -duqingyu 
  2. Квадрантная диаграмма Квадрантная диаграмма -nowisfuture
  3. ImagePreview Предварительный просмотр изображения -sise209
  4. Карта -Vergil
  5. Карусель вращается дверь -onlyoupon
  6. Прогресс прогресса бар -lao--hu
  7. Оценка Оценка -~zZ.Lucky
  8. Аватар Аватар -to0simple

Макет 1)

  1. Сплиттер -Jecyu

Инжиниринг

  1. Особенности настройки темы -kagol
  2. использоватьVitePressСоздать официальный сайт -kagol
  3. demoФункция сворачивания кода файла -laiweilun
  4. Добавлена ​​автоматическая генерацияsidebar.tsСкрипт для файла навигации компонента -iel
  5. Упаковка компонентов по требованию -kagol
  6. использоватьASTоптимизацияDevUI CLIМетод парсинга файлов -половина на половину
  7. УвеличиватьDevUI CLIИспользуется для создания компонентов и файлов экспорта библиотек компонентов.iel
  8. Jestмодульный тест -brenner8023
  9. eslintОграничения спецификации кода —brenner8023
  10. stylelintОграничения спецификации стиля -brenner8023
  11. lslintОграничения соглашения об именах папок/файлов -brenner8023
  12. commitlintОграничения спецификации фиксации кода —kagol

После более чем месяца разработки, в дополнение к общему количеству компонентов, превышающему 36 (доля компонентов55%, общее количество компонентов равно66СнаружиVue DevUIБиблиотека компонентов также открыла первый сверхсложный компонент.DatePickerпрорыв, в настоящее времяDatePickerзавершенный:

  • dateОтображение панели даты режима и базовое взаимодействие
  • rangeОсновные функциональные возможности режима готовности выбора диапазона дат

благодарныйDatePickerвладелец компонентаMarvinтяжелая работа,MarvinСтуденты также стали теми, у кого больше всего заявок.contributor🎉🎉.

MarvinОдноклассник является большим боссом Suning.com. Он также очень активен в сообществе и любит делиться технологиями. Его учетная запись NuggetsJS старая собака, приветствую всех, чтобы обратить вниманиеMarvinодноклассник.

Он также недавно поделился двумя практическими статьями об участии в проекте Vue DevUI, и каждый может поставить ему палец вверх и поддержать 👍~

Практика функционального компонента TSX VUE в DevUI

Давайте поговорим о функциональных компонентах Vue TSX.

DatePickerВыбор даты — очень распространенный, но не простой компонент, и я надеюсь, что вы сможете поучаствовать в нем вместе.DatePickerнаходится в стадии строительства, сMarvinВместе с одноклассниками, с одной стороны, это упражнение для себя, а с другой стороны, за ним также может следоватьMarvinБольшой парень чему-то учится, он очень опытный!

Участвуйте в проекте с открытым исходным кодом не только для того, чтобы добавить красок нашему резюме, но и для нашего собственного улучшения:

  • Давайте научимся сотрудничать с другими для достижения одной цели вместе
  • Учитесь на лучших практиках и опыте других, изучая их код
  • Развивайте понимание непрерывной итерации и оптимизации и развивайте стремление к созданию высококачественных продуктов.
  • Заново познайте себя, самоизоляция никогда не прорвется, а участие в open source позволяет нам распознать новое «я» через сотрудничество с другими.

Спасибо всем, кто принимал участиеVue DevUIДрузья по созданию библиотек компонентов!

Вот список участников (в произвольном порядке):

уведомление

Сегодня в 9 часов вечера Кагол будет в гостях на станции Б у старосты села.Студия, чтобы поделиться с вами опытом проектирования и разработки компонентов, эта прямая трансляция имеет две основные темы:

  • Как писать модульные тесты для компонентов
  • Продолжить последнюю прямую трансляцию, улучшить компонент дерева и добавить функции развертывания/свертывания узла.

Ниже приведен приклеенный адрес перед:

Категории