Корпоративный язык дизайна интерфейса пользователя Choerodon UI

Набор корпоративного языка дизайна интерфейса пользователя и его реализации на React.

README на английском

Основные характеристики

• Выделены взаимодействие и визуальный стиль корпоративных продуктов среднего и заднего уровней.
• Высококачественные компоненты React, готовые к использованию.
• Разработан с использованием TypeScript, предоставляющий полные файлы типизации.
• Интегрированная система разработки и проектирования на всем пути.

Поддерживаемые окружения

• Современные браузеры и Internet Explorer версий 9 и выше.
• Поддерживает серверное рендеринг.
• Electron

Установка

npm install choerodon-ui --save

Пример использования

import { DatePicker } from 'choerodon-ui';
import { Table } from 'choerodon-ui/pro';
ReactDOM.render(<><DatePicker /><Table /><>, mountNode);

Импорт стилей:

import 'choerodon-ui/dist/choerodon-ui.css'; // или 'choerodon-ui/dist/choerodon-ui.less'
import 'choerodon-ui/dist/choerodon-ui-pro.css'; // или 'choerodon-ui/dist/choerodon-ui-pro.less'

Вы также можете загружать компоненты по мере необходимости.

Интернационализация

См. документацию по интернационализации.

Ссылки

• [Главная страница]
• Библиотека компонентов
• Журнал обновлений
• Рынок шаблонов
• Основные компоненты React
• Настройка тем## Локальное развитие

$ git clone https://github.com/open-hand/choerodon-ui.git
$ cd choerodon-ui
$ npm install
$ npm start

Развертывание

$ npm run deploy

Отправка

$ npm run pub

Откройте браузер и перейдите по адресу http://127.0.0.1:8001 . Более подробная информация о локальном развитии доступна здесь: https://open-hand.github.io/choerodon-ui/ru/tutorials/introduction .