JSPM

choerodon-ui

0.8.66
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 19006
  • Score
    100M100P100Q138862F
  • License MIT

An enterprise-class UI design language and React-based implementation

Package Exports

  • choerodon-ui
  • choerodon-ui/dist/choerodon-ui-pro.less
  • choerodon-ui/dist/choerodon-ui.less
  • choerodon-ui/lib/avatar
  • choerodon-ui/lib/avatar/style
  • choerodon-ui/lib/back-top
  • choerodon-ui/lib/back-top/style
  • choerodon-ui/lib/badge
  • choerodon-ui/lib/badge/style
  • choerodon-ui/lib/breadcrumb
  • choerodon-ui/lib/breadcrumb/style
  • choerodon-ui/lib/button
  • choerodon-ui/lib/button/style
  • choerodon-ui/lib/calendar
  • choerodon-ui/lib/calendar/style
  • choerodon-ui/lib/card
  • choerodon-ui/lib/card/style
  • choerodon-ui/lib/checkbox
  • choerodon-ui/lib/checkbox/style
  • choerodon-ui/lib/col
  • choerodon-ui/lib/col/style
  • choerodon-ui/lib/collapse
  • choerodon-ui/lib/collapse/style
  • choerodon-ui/lib/configure
  • choerodon-ui/lib/configure/style
  • choerodon-ui/lib/date-picker
  • choerodon-ui/lib/date-picker/style
  • choerodon-ui/lib/divider
  • choerodon-ui/lib/divider/style
  • choerodon-ui/lib/dropdown
  • choerodon-ui/lib/dropdown/style
  • choerodon-ui/lib/form
  • choerodon-ui/lib/form/style
  • choerodon-ui/lib/icon
  • choerodon-ui/lib/icon-select
  • choerodon-ui/lib/icon-select/style
  • choerodon-ui/lib/icon/style
  • choerodon-ui/lib/input
  • choerodon-ui/lib/input-number
  • choerodon-ui/lib/input-number/style
  • choerodon-ui/lib/input/style
  • choerodon-ui/lib/layout
  • choerodon-ui/lib/list
  • choerodon-ui/lib/list/style
  • choerodon-ui/lib/locale-provider
  • choerodon-ui/lib/locale-provider/style
  • choerodon-ui/lib/menu
  • choerodon-ui/lib/menu/style
  • choerodon-ui/lib/message
  • choerodon-ui/lib/message/style
  • choerodon-ui/lib/modal
  • choerodon-ui/lib/modal/Sidebar
  • choerodon-ui/lib/modal/style
  • choerodon-ui/lib/notification
  • choerodon-ui/lib/pagination
  • choerodon-ui/lib/pagination/style
  • choerodon-ui/lib/popover
  • choerodon-ui/lib/popover/style
  • choerodon-ui/lib/progress
  • choerodon-ui/lib/progress/style
  • choerodon-ui/lib/radio
  • choerodon-ui/lib/radio/style
  • choerodon-ui/lib/rc-components/calendar
  • choerodon-ui/lib/rc-components/calendar/locale/zh_CN
  • choerodon-ui/lib/row
  • choerodon-ui/lib/row/style
  • choerodon-ui/lib/select
  • choerodon-ui/lib/select/style
  • choerodon-ui/lib/spin
  • choerodon-ui/lib/spin/style
  • choerodon-ui/lib/steps
  • choerodon-ui/lib/steps/style
  • choerodon-ui/lib/switch
  • choerodon-ui/lib/switch/style
  • choerodon-ui/lib/table
  • choerodon-ui/lib/table/style
  • choerodon-ui/lib/tabs
  • choerodon-ui/lib/tabs/style
  • choerodon-ui/lib/tag
  • choerodon-ui/lib/tag/style
  • choerodon-ui/lib/tooltip
  • choerodon-ui/lib/tooltip/style
  • choerodon-ui/lib/tree
  • choerodon-ui/lib/tree/style
  • choerodon-ui/lib/upload
  • choerodon-ui/lib/upload/style
  • choerodon-ui/pro/lib
  • choerodon-ui/pro/lib/_util/autobind
  • choerodon-ui/pro/lib/button
  • choerodon-ui/pro/lib/button/style
  • choerodon-ui/pro/lib/check-box
  • choerodon-ui/pro/lib/check-box/style
  • choerodon-ui/pro/lib/col
  • choerodon-ui/pro/lib/col/style
  • choerodon-ui/pro/lib/data-set
  • choerodon-ui/pro/lib/data-set/Record
  • choerodon-ui/pro/lib/data-set/style
  • choerodon-ui/pro/lib/date-time-picker
  • choerodon-ui/pro/lib/date-time-picker/style
  • choerodon-ui/pro/lib/dropdown
  • choerodon-ui/pro/lib/dropdown/style
  • choerodon-ui/pro/lib/email-field
  • choerodon-ui/pro/lib/email-field/style
  • choerodon-ui/pro/lib/form
  • choerodon-ui/pro/lib/form/style
  • choerodon-ui/pro/lib/icon
  • choerodon-ui/pro/lib/icon-picker
  • choerodon-ui/pro/lib/icon-picker/style
  • choerodon-ui/pro/lib/icon/style
  • choerodon-ui/pro/lib/locale-context
  • choerodon-ui/pro/lib/locale-context/style
  • choerodon-ui/pro/lib/lov
  • choerodon-ui/pro/lib/lov/style
  • choerodon-ui/pro/lib/menu
  • choerodon-ui/pro/lib/menu/style
  • choerodon-ui/pro/lib/message
  • choerodon-ui/pro/lib/message/style
  • choerodon-ui/pro/lib/modal
  • choerodon-ui/pro/lib/modal-container
  • choerodon-ui/pro/lib/modal-container/style
  • choerodon-ui/pro/lib/modal/style
  • choerodon-ui/pro/lib/number-field
  • choerodon-ui/pro/lib/number-field/style
  • choerodon-ui/pro/lib/output
  • choerodon-ui/pro/lib/output/style
  • choerodon-ui/pro/lib/pagination
  • choerodon-ui/pro/lib/pagination/style
  • choerodon-ui/pro/lib/password
  • choerodon-ui/pro/lib/password/style
  • choerodon-ui/pro/lib/progress
  • choerodon-ui/pro/lib/progress/style
  • choerodon-ui/pro/lib/radio
  • choerodon-ui/pro/lib/radio/style
  • choerodon-ui/pro/lib/row
  • choerodon-ui/pro/lib/row/style
  • choerodon-ui/pro/lib/select
  • choerodon-ui/pro/lib/select-box
  • choerodon-ui/pro/lib/select-box/style
  • choerodon-ui/pro/lib/select/style
  • choerodon-ui/pro/lib/spin
  • choerodon-ui/pro/lib/spin/style
  • choerodon-ui/pro/lib/table
  • choerodon-ui/pro/lib/table/style
  • choerodon-ui/pro/lib/tabs
  • choerodon-ui/pro/lib/tabs/style
  • choerodon-ui/pro/lib/text-area
  • choerodon-ui/pro/lib/text-area/style
  • choerodon-ui/pro/lib/text-field
  • choerodon-ui/pro/lib/text-field/style
  • choerodon-ui/pro/lib/tooltip
  • choerodon-ui/pro/lib/tooltip/style
  • choerodon-ui/pro/lib/tree
  • choerodon-ui/pro/lib/tree/style
  • choerodon-ui/pro/lib/url-field
  • choerodon-ui/pro/lib/url-field/style

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (choerodon-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Choerodon UI

An enterprise-class UI design language and React-based implementation.

中文 README

Features

  • Extracted from the interactive language and visual style of enterprise-level medium and backstage products.
  • A set of high-quality React components out of the box.
  • Written in TypeScript with predictable static types.
  • The whole package of development and design resources and tools.

Environment Support

  • Modern browsers and Internet Explorer 9+ (with polyfills)
  • Server-side Rendering
  • Electron

Install

npm install choerodon-ui --save

Usage

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

And import style manually:

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

Or import components on demand

TypeScript

See Used in TypeScript

Internationalization

See i18n.

Local Development

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

Deployment

$ npm run deploy

publish

$ npm run pub

Open your browser and visit http://127.0.0.1:8001 , see more at https://github.com/ant-design/ant-design/wiki/Development .