DataV Vue
О вкладе
До завершения первой рабочей версии принимаются только запросы на исправление ошибок (fixbug PR), запросы на добавление новых функций (feature PR) не принимаются.
Введение
Предварительный просмотр
— Онлайн-предварительный просмотр DataV
Из-за того, что RAP2 поддерживает только HTTP, он используется только в среде разработки.
В производственной среде Mockjs используется вместо него.
![]() |
![]() |
![]() |
![]() |
CheckList
- Функции страницы
- [x] Страница входа
* [x] Панель управления
- [x] Главная страница
* [x] Визуальное управление
- [x] Шаблоны
* [ ] Управление данными
* [ ] Управление компонентами
* [ ] Примеры и учебные пособия
- [x] Редактор
* [x] Слои панели
* [x] Компоненты панели
* [x] Конфигурация панели
* [x] Свойства холста панели
* [x] Свойства компонентов панели
* [x] Данные компонентов панели
* [x] Взаимодействие компонентов панели
* [x] Холст/контекстное меню/горячие клавиши
* [x] Снимок экрана/масштабная линейка/опорная линия/перетаскивание компонентов/масштабирование макета
* [x] Поместить наверх/поместить вниз/поднять на один слой/опустить на один слой/разблокировать/заблокировать/показать/скрыть/переименовать/копировать/удалить
* [x] Отменить/восстановить
* [x] Выбрать компоненты/объединить/разделить
* [x] Другое
* [x] Настройка фильтра
* [x] Сохранить/предварительно просмотреть/опубликовать
- Базовая библиотека компонентов
- [ ] Столбчатая диаграмма
* [x] Базовая столбчатая диаграмма
* [ ] Дуговая столбчатая диаграмма
* [ ] Линейная столбчатая диаграмма
* [ ] Горизонтальная базовая столбчатая диаграмма
- [ ] Линия
* [x] Основная линейная диаграмма
* [ ] Диаграмма области
- [ ] Круговая диаграмма
* [ ] Основная круговая диаграмма
* [ ] Гистограмма с индикаторами
- [ ] Отношения
* [ ] Дерево
- [ ] Карта
* [x] Базовая карта Китая
* [x] Слой области с высокой интенсивностью
* [x] Динамический пузырьковый слой
* [x] Линейный слой
* [ ] Базовая карта мира
* [ ] 3D плоская карта
* [ ] Глобус 3D
- [x] Текстовый заголовок
* [x] Общий заголовок
* [x] Цифровой индикатор
* [x] Бегущая строка
* [x] Многострочный текст
* [x] Таймер
* [x] Облако слов
- [x] Список
* [x] Слайд-шоу списка
* [x] Слайд-шоу столбчатой диаграммы списка
- [x] Медиа
* [x] Одно изображение
* [x] Украшение
* [x] Рамка
* [x] Пользовательский фон
- [ ] Элементы управления
* [x] Полноэкранное переключение
* [ ] Список вкладок
* [ ] Индикатор выполнения
- [x] Прочее
* [x] Выбор даты|
Установка и использование
# Инициализация проекта
pnpm run bootstrap
# Запуск
pnpm run dev
# Сборка и публикация
pnpm run build
# Предварительный просмотр на локальном компьютере, необходимо выполнить сборку перед использованием
pnpm run serve
pnpm run new datav
main-title
├── index.ts # Вход компонента
└── src
├── index.vue # Вход компонента
├── main-title.ts # Объявление класса компонента
├── config.vue # Свойства компонента
└── config.json # Используется для генерации файла config.vue
Откройте файл src/data/system-components.ts
, найдите или добавьте соответствующий узел компонента:
{
name: '',
alias: '',
used: true, // Для включения необходимо изменить на true
// ...
}
Файлы
config.vue
иconfig.json
можно настроить с помощью инструмента datav-cli-ui, подробнее ».
# Создать компонент
pnpm run new component
# Создайте хранилище
pnpm run new store
# Создание иконки
pnpm run new icons
В настоящее время интернационализация настроена только для страницы входа. Если необходимо, вы можете добавить её самостоятельно.
Расположение файлов нескольких языков: @/locales/lang/*.js
<template>
...
{{ $t('xxx') }}
...
</template>
import { useI18n } from 'vue-i18n'
...
setup() {
const { t } = useI18n({ useScope: 'global' })
t('xxx')
return { t }
}
...
Если вы считаете, что этот проект вам помог, вы можете поддержать автора, купив чашку чая или закуски, чтобы выразить свою поддержку
Alipay | |
---|---|
![]() |
![]() |
DataV Vue использует лицензию MIT.
Этот проект в основном предназначен для исследований и обучения. Если вы используете его в коммерческих целях, обратите внимание: в проекте есть некоторые платные материалы сторонних производителей.
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.