From 23ea253a5a92d2fde378790bf2d54c6c168dd305 Mon Sep 17 00:00:00 2001 From: Lee Date: Mon, 23 Nov 2015 03:05:52 +0800 Subject: [PATCH 1/3] feat(export): Use ES6 export for exporting component Can use like import {Button} from 'react-semantify'; --- src/collections/breadcrumb.js | 4 +- src/collections/form.js | 4 +- src/collections/grid.js | 4 +- src/collections/menu.js | 4 +- src/collections/message.js | 4 +- src/collections/table.js | 4 +- src/commons/column.js | 4 +- src/commons/content.js | 4 +- src/commons/field.js | 4 +- src/commons/fields.js | 4 +- src/commons/row.js | 4 +- src/commons/section.js | 4 +- src/commons/text.js | 4 +- src/commons/title.js | 4 +- src/commons/unit.js | 2 +- src/elements/button.js | 4 +- src/elements/divider.js | 4 +- src/elements/flag.js | 4 +- src/elements/header.js | 4 +- src/elements/icon.js | 4 +- src/elements/image.js | 4 +- src/elements/input.js | 4 +- src/elements/label.js | 4 +- src/elements/list.js | 4 +- src/elements/loader.js | 4 +- src/elements/rail.js | 4 +- src/elements/reveal.js | 4 +- src/elements/segment.js | 4 +- src/elements/step.js | 4 +- src/elements/steps.js | 4 +- src/index.js | 113 +++++++++++++++++----------------- src/mixins/classGenerator.js | 2 +- src/mixins/colorSelector.js | 2 +- src/mixins/stateSelector.js | 2 +- src/mixins/typeSelector.js | 2 +- src/modules/accordion.js | 4 +- src/modules/checkbox.js | 4 +- src/modules/dimmer.js | 4 +- src/modules/dropdown.js | 4 +- src/modules/modal.js | 4 +- src/modules/popup.js | 4 +- src/modules/progress.js | 4 +- src/modules/rating.js | 4 +- src/modules/search.js | 4 +- src/modules/shape.js | 4 +- src/modules/sidebar.js | 4 +- src/modules/sticky.js | 4 +- src/modules/tab.js | 4 +- src/views/advertisement.js | 4 +- src/views/card.js | 4 +- src/views/comment.js | 4 +- src/views/comments.js | 4 +- src/views/feed.js | 4 +- src/views/item.js | 4 +- src/views/items.js | 4 +- src/views/statistic.js | 4 +- 56 files changed, 210 insertions(+), 113 deletions(-) diff --git a/src/collections/breadcrumb.js b/src/collections/breadcrumb.js index 53b142b..1e2afbb 100644 --- a/src/collections/breadcrumb.js +++ b/src/collections/breadcrumb.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui breadcrumb'; -module.exports = React.createClass({ +const Breadcrumb = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Breadcrumb; diff --git a/src/collections/form.js b/src/collections/form.js index fd99c0c..b7e5beb 100644 --- a/src/collections/form.js +++ b/src/collections/form.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui form'; -module.exports = React.createClass({ +const Form = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Form; diff --git a/src/collections/grid.js b/src/collections/grid.js index e3f60af..eb2ec6b 100644 --- a/src/collections/grid.js +++ b/src/collections/grid.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui grid'; -module.exports = React.createClass({ +const Grid = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Grid; diff --git a/src/collections/menu.js b/src/collections/menu.js index bf7fafe..491064c 100644 --- a/src/collections/menu.js +++ b/src/collections/menu.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui menu'; -module.exports = React.createClass({ +const Menu = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Menu; diff --git a/src/collections/message.js b/src/collections/message.js index 6cc6c35..960962b 100644 --- a/src/collections/message.js +++ b/src/collections/message.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui message'; -module.exports = React.createClass({ +const Message = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Message; diff --git a/src/collections/table.js b/src/collections/table.js index 0939980..211b430 100644 --- a/src/collections/table.js +++ b/src/collections/table.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui table'; -module.exports = React.createClass({ +const Table = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Table; diff --git a/src/commons/column.js b/src/commons/column.js index 30c61c3..31ad848 100644 --- a/src/commons/column.js +++ b/src/commons/column.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'column'; -module.exports = React.createClass({ +const Column = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Column; diff --git a/src/commons/content.js b/src/commons/content.js index 314e840..ed96902 100644 --- a/src/commons/content.js +++ b/src/commons/content.js @@ -5,7 +5,7 @@ import Unit from './unit'; let defaultClassName = 'content'; -module.exports = React.createClass({ +const Content = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -24,3 +24,5 @@ module.exports = React.createClass({ ); } }); + +export default Content; diff --git a/src/commons/field.js b/src/commons/field.js index b62b488..0135745 100644 --- a/src/commons/field.js +++ b/src/commons/field.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'field'; -module.exports = React.createClass({ +const Field = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Field; diff --git a/src/commons/fields.js b/src/commons/fields.js index c7b5de2..80a6658 100644 --- a/src/commons/fields.js +++ b/src/commons/fields.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'fields'; -module.exports = React.createClass({ +const Fields = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Fields; diff --git a/src/commons/row.js b/src/commons/row.js index d950d6b..45faf0d 100644 --- a/src/commons/row.js +++ b/src/commons/row.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'row'; -module.exports = React.createClass({ +const Row = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Row; diff --git a/src/commons/section.js b/src/commons/section.js index 2a6e700..593dbee 100644 --- a/src/commons/section.js +++ b/src/commons/section.js @@ -6,7 +6,7 @@ import Unit from './unit'; let defaultClassName = 'section'; -module.exports = React.createClass({ +const Section = React.createClass({ mixins: [ClassGenerator, ColorSelector, TypeSelector], @@ -24,3 +24,5 @@ module.exports = React.createClass({ ); } }); + +export default Section; diff --git a/src/commons/text.js b/src/commons/text.js index e43e35f..4a4f23b 100644 --- a/src/commons/text.js +++ b/src/commons/text.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'text'; -module.exports = React.createClass({ +const Text = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Text; diff --git a/src/commons/title.js b/src/commons/title.js index 24f9c15..e0e8f6a 100644 --- a/src/commons/title.js +++ b/src/commons/title.js @@ -5,7 +5,7 @@ import Unit from './unit'; let defaultClassName = 'title'; -module.exports = React.createClass({ +const Title = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -24,3 +24,5 @@ module.exports = React.createClass({ ); } }); + +export default Title; diff --git a/src/commons/unit.js b/src/commons/unit.js index d26482f..73f4008 100644 --- a/src/commons/unit.js +++ b/src/commons/unit.js @@ -1,7 +1,7 @@ import React from 'react'; import classSet from 'classnames'; -module.exports = React.createClass({ +export default React.createClass({ propTypes: { className: React.PropTypes.string.isRequired, diff --git a/src/elements/button.js b/src/elements/button.js index d9a0b95..d814ccc 100644 --- a/src/elements/button.js +++ b/src/elements/button.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui button'; -module.exports = React.createClass({ +const Button = React.createClass({ mixins: [ClassGenerator, ColorSelector, StateSelector], @@ -27,3 +27,5 @@ module.exports = React.createClass({ ); } }); + +export default Button; diff --git a/src/elements/divider.js b/src/elements/divider.js index 2328552..b3856b9 100644 --- a/src/elements/divider.js +++ b/src/elements/divider.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui divider'; -module.exports = React.createClass({ +const Divider = React.createClass({ mixins: [ClassGenerator], @@ -15,3 +15,5 @@ module.exports = React.createClass({ ); } }); + +export default Divider; diff --git a/src/elements/flag.js b/src/elements/flag.js index 466a140..c09c3d7 100644 --- a/src/elements/flag.js +++ b/src/elements/flag.js @@ -4,7 +4,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'flag'; -module.exports = React.createClass({ +const Flag = React.createClass({ mixins: [ClassGenerator], @@ -21,3 +21,5 @@ module.exports = React.createClass({ ); } }); + +export default Flag; diff --git a/src/elements/header.js b/src/elements/header.js index fca9abf..50f140a 100644 --- a/src/elements/header.js +++ b/src/elements/header.js @@ -7,7 +7,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui header'; -module.exports = React.createClass({ +const Header = React.createClass({ mixins: [ClassGenerator, ColorSelector, TypeSelector, StateSelector], @@ -26,3 +26,5 @@ module.exports = React.createClass({ ); } }); + +export default Header; diff --git a/src/elements/icon.js b/src/elements/icon.js index 6cf2aea..66b643c 100644 --- a/src/elements/icon.js +++ b/src/elements/icon.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'icon'; -module.exports = React.createClass({ +const Icon = React.createClass({ mixins: [ClassGenerator, ColorSelector, StateSelector], @@ -25,3 +25,5 @@ module.exports = React.createClass({ ); } }); + +export default Icon; diff --git a/src/elements/image.js b/src/elements/image.js index 70517a7..95321d8 100644 --- a/src/elements/image.js +++ b/src/elements/image.js @@ -5,7 +5,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui image'; -module.exports = React.createClass({ +const Image = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -24,3 +24,5 @@ module.exports = React.createClass({ ); } }); + +export default Image; diff --git a/src/elements/input.js b/src/elements/input.js index febe223..6da945f 100644 --- a/src/elements/input.js +++ b/src/elements/input.js @@ -5,7 +5,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui input'; -module.exports = React.createClass({ +const Input = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -43,3 +43,5 @@ module.exports = React.createClass({ } }); + +export default Input; diff --git a/src/elements/label.js b/src/elements/label.js index 2732579..bf2f801 100644 --- a/src/elements/label.js +++ b/src/elements/label.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui label'; -module.exports = React.createClass({ +const Label = React.createClass({ mixins: [ClassGenerator, ColorSelector, TypeSelector], @@ -24,3 +24,5 @@ module.exports = React.createClass({ ); } }); + +export default Label; diff --git a/src/elements/list.js b/src/elements/list.js index ab1d341..f9f256b 100644 --- a/src/elements/list.js +++ b/src/elements/list.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui list'; -module.exports = React.createClass({ +const List = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default List; diff --git a/src/elements/loader.js b/src/elements/loader.js index 872241d..c0e5000 100644 --- a/src/elements/loader.js +++ b/src/elements/loader.js @@ -5,7 +5,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui loader'; -module.exports = React.createClass({ +const Loader = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -25,3 +25,5 @@ module.exports = React.createClass({ ); } }); + +export default Loader; diff --git a/src/elements/rail.js b/src/elements/rail.js index 7e7662f..a36d334 100644 --- a/src/elements/rail.js +++ b/src/elements/rail.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui rail'; -module.exports = React.createClass({ +const Rail = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Rail; diff --git a/src/elements/reveal.js b/src/elements/reveal.js index 22ea117..69d741d 100644 --- a/src/elements/reveal.js +++ b/src/elements/reveal.js @@ -5,7 +5,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui reveal'; -module.exports = React.createClass({ +const Reveal = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -24,3 +24,5 @@ module.exports = React.createClass({ ); } }); + +export default Reveal; diff --git a/src/elements/segment.js b/src/elements/segment.js index 913224c..e510026 100644 --- a/src/elements/segment.js +++ b/src/elements/segment.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui segment'; -module.exports = React.createClass({ +const Segment = React.createClass({ mixins: [ClassGenerator, ColorSelector, StateSelector], @@ -25,3 +25,5 @@ module.exports = React.createClass({ ); } }); + +export default Segment; diff --git a/src/elements/step.js b/src/elements/step.js index 430aafb..a048d64 100644 --- a/src/elements/step.js +++ b/src/elements/step.js @@ -5,7 +5,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'step'; -module.exports = React.createClass({ +const Step = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -26,3 +26,5 @@ module.exports = React.createClass({ ); } }); + +export default Step; diff --git a/src/elements/steps.js b/src/elements/steps.js index d5088e9..28e59a6 100644 --- a/src/elements/steps.js +++ b/src/elements/steps.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui steps'; -module.exports = React.createClass({ +const Steps = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Steps; diff --git a/src/index.js b/src/index.js index b2b6ce3..7aa3b20 100644 --- a/src/index.js +++ b/src/index.js @@ -1,63 +1,60 @@ -import React from 'react'; -module.exports = { - // collections - Breadcrumb: require('./collections/breadcrumb.js'), - Form: require('./collections/form.js'), - Grid: require('./collections/grid.js'), - Menu: require('./collections/menu.js'), - Message: require('./collections/message.js'), - Table: require('./collections/table.js'), +// collections +export Breadcrumb from './collections/breadcrumb'; +export Form from './collections/form'; +export Grid from './collections/grid'; +export Menu from './collections/menu'; +export Message from './collections/message'; +export Table from './collections/table'; - // commons - Column: require('./commons/column.js'), - Content: require('./commons/content.js'), - Field: require('./commons/field.js'), - Fields: require('./commons/fields.js'), - Row: require('./commons/row.js'), - Section: require('./commons/section.js'), - Text: require('./commons/text.js'), - Title: require('./commons/title.js'), +// commons +export Column from './commons/column'; +export Content from './commons/content'; +export Field from './commons/field'; +export Fields from './commons/fields'; +export Row from './commons/row'; +export Section from './commons/section'; +export Text from './commons/text'; +export Title from './commons/title'; - // elements - Button: require('./elements/button.js'), - Divider: require('./elements/divider.js'), - Flag: require('./elements/flag.js'), - Header: require('./elements/header.js'), - Icon: require('./elements/icon.js'), - Image: require('./elements/image.js'), - Input: require('./elements/input.js'), - Label: require('./elements/label.js'), - List: require('./elements/list.js'), - Loader: require('./elements/loader.js'), - Rail: require('./elements/rail.js'), - Reveal: require('./elements/reveal.js'), - Segment: require('./elements/segment.js'), - Step: require('./elements/step.js'), - Steps: require('./elements/steps.js'), +// elements +export Button from './elements/button'; +export Divider from './elements/divider'; +export Flag from './elements/flag'; +export Header from './elements/header'; +export Icon from './elements/icon'; +export Image from './elements/image'; +export Input from './elements/input'; +export Label from './elements/label'; +export List from './elements/list'; +export Loader from './elements/loader'; +export Rail from './elements/rail'; +export Reveal from './elements/reveal'; +export Segment from './elements/segment'; +export Step from './elements/step'; +export Steps from './elements/steps'; - // modules - Accordion: require('./modules/accordion.js'), - Checkbox: require('./modules/checkbox.js'), - Dimmer: require('./modules/dimmer.js'), - Dropdown: require('./modules/dropdown.js'), - Modal: require('./modules/modal.js'), - Popup: require('./modules/popup.js'), - Progress: require('./modules/progress.js'), - Rating: require('./modules/rating.js'), - Search: require('./modules/search.js'), - Shape: require('./modules/shape.js'), - Sidebar: require('./modules/sidebar.js'), - Sticky: require('./modules/sticky.js'), - Tab: require('./modules/tab.js'), +// modules +export Accordion from './modules/accordion'; +export Checkbox from './modules/checkbox'; +export Dimmer from './modules/dimmer'; +export Dropdown from './modules/dropdown'; +export Modal from './modules/modal'; +export Popup from './modules/popup'; +export Progress from './modules/progress'; +export Rating from './modules/rating'; +export Search from './modules/search'; +export Shape from './modules/shape'; +export Sidebar from './modules/sidebar'; +export Sticky from './modules/sticky'; +export Tab from './modules/tab'; - // views - Ad: require('./views/advertisement.js'), - Card: require('./views/card.js'), - Comment: require('./views/comment.js'), - Comments: require('./views/comments.js'), - Feed: require('./views/feed.js'), - Item: require('./views/item.js'), - Items: require('./views/items.js'), - Statistic: require('./views/statistic.js') -}; +// views +export Ad from './views/advertisement'; +export Card from './views/card'; +export Comment from './views/comment'; +export Comments from './views/comments'; +export Feed from './views/feed'; +export Item from './views/item'; +export Items from './views/items'; +export Statistic from './views/statistic'; diff --git a/src/mixins/classGenerator.js b/src/mixins/classGenerator.js index 11025b1..2135bca 100644 --- a/src/mixins/classGenerator.js +++ b/src/mixins/classGenerator.js @@ -1,7 +1,7 @@ import React from 'react'; import classSet from 'classnames'; -module.exports = { +export default { propTypes: { className: React.PropTypes.string diff --git a/src/mixins/colorSelector.js b/src/mixins/colorSelector.js index 84470b7..62331f5 100644 --- a/src/mixins/colorSelector.js +++ b/src/mixins/colorSelector.js @@ -5,7 +5,7 @@ let colorArray = [ 'orange', 'purple', 'red', 'teal' ]; -module.exports = { +export default { propTypes: { color: React.PropTypes.oneOf(colorArray) diff --git a/src/mixins/stateSelector.js b/src/mixins/stateSelector.js index c93441a..8550054 100644 --- a/src/mixins/stateSelector.js +++ b/src/mixins/stateSelector.js @@ -1,6 +1,6 @@ import React from 'react'; -module.exports = { +export default { propTypes: { disabled: React.PropTypes.bool, diff --git a/src/mixins/typeSelector.js b/src/mixins/typeSelector.js index dc1b82a..ddb69d0 100644 --- a/src/mixins/typeSelector.js +++ b/src/mixins/typeSelector.js @@ -2,7 +2,7 @@ import React from 'react'; let typeArray = ['div', 'link', 'icon']; -module.exports = { +export default { propTypes: { type: React.PropTypes.oneOf(typeArray) diff --git a/src/modules/accordion.js b/src/modules/accordion.js index 0b2d51b..0f100e0 100644 --- a/src/modules/accordion.js +++ b/src/modules/accordion.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui accordion'; -module.exports = React.createClass({ +const Accordion = React.createClass({ mixins: [ClassGenerator], @@ -29,3 +29,5 @@ module.exports = React.createClass({ } } }); + +export default Accordion; diff --git a/src/modules/checkbox.js b/src/modules/checkbox.js index 4c6fb14..c30b9c3 100644 --- a/src/modules/checkbox.js +++ b/src/modules/checkbox.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui checkbox'; -module.exports = React.createClass({ +const Checkbox = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -40,3 +40,5 @@ module.exports = React.createClass({ } } }); + +export default Checkbox; diff --git a/src/modules/dimmer.js b/src/modules/dimmer.js index 307698f..6a37b08 100644 --- a/src/modules/dimmer.js +++ b/src/modules/dimmer.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui dimmer'; -module.exports = React.createClass({ +const Dimmer = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -40,3 +40,5 @@ module.exports = React.createClass({ } } }); + +export default Dimmer; diff --git a/src/modules/dropdown.js b/src/modules/dropdown.js index 39277aa..cad506a 100644 --- a/src/modules/dropdown.js +++ b/src/modules/dropdown.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui dropdown'; -module.exports = React.createClass({ +const Dropdown = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -45,3 +45,5 @@ module.exports = React.createClass({ } } }); + +export default Dropdown; diff --git a/src/modules/modal.js b/src/modules/modal.js index 1e5772d..a627539 100644 --- a/src/modules/modal.js +++ b/src/modules/modal.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui modal'; -module.exports = React.createClass({ +const Modal = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -39,3 +39,5 @@ module.exports = React.createClass({ } } }); + +export default Modal; diff --git a/src/modules/popup.js b/src/modules/popup.js index 27c39b6..4594752 100644 --- a/src/modules/popup.js +++ b/src/modules/popup.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui popup'; -module.exports = React.createClass({ +const Popup = React.createClass({ mixins: [ClassGenerator], @@ -15,3 +15,5 @@ module.exports = React.createClass({ ); } }); + +export default Popup; diff --git a/src/modules/progress.js b/src/modules/progress.js index 59df24d..447dffd 100644 --- a/src/modules/progress.js +++ b/src/modules/progress.js @@ -4,7 +4,7 @@ import StateSelector from '../mixins/stateSelector'; let defaultClassName = 'ui progress'; -module.exports = React.createClass({ +const Progress = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -51,3 +51,5 @@ module.exports = React.createClass({ } } }); + +export default Progress; diff --git a/src/modules/rating.js b/src/modules/rating.js index b319010..8ca78a8 100644 --- a/src/modules/rating.js +++ b/src/modules/rating.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui rating'; -module.exports = React.createClass({ +const Rating = React.createClass({ mixins: [ClassGenerator], @@ -36,3 +36,5 @@ module.exports = React.createClass({ } } }); + +export default Rating; diff --git a/src/modules/search.js b/src/modules/search.js index 261361c..d33d397 100644 --- a/src/modules/search.js +++ b/src/modules/search.js @@ -6,7 +6,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'ui search'; -module.exports = React.createClass({ +const Search = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -39,3 +39,5 @@ module.exports = React.createClass({ } } }); + +export default Search; diff --git a/src/modules/shape.js b/src/modules/shape.js index a7d9d64..2613bf6 100644 --- a/src/modules/shape.js +++ b/src/modules/shape.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui shape'; -module.exports = React.createClass({ +const Shap = React.createClass({ mixins: [ClassGenerator], @@ -32,3 +32,5 @@ module.exports = React.createClass({ } } }); + +export default Shap; diff --git a/src/modules/sidebar.js b/src/modules/sidebar.js index ab42ed3..1b9fac8 100644 --- a/src/modules/sidebar.js +++ b/src/modules/sidebar.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui sidebar'; -module.exports = React.createClass({ +const Sidebar = React.createClass({ mixins: [ClassGenerator], @@ -32,3 +32,5 @@ module.exports = React.createClass({ } } }); + +export default Sidebar; diff --git a/src/modules/sticky.js b/src/modules/sticky.js index 9bfe70b..cc88f85 100644 --- a/src/modules/sticky.js +++ b/src/modules/sticky.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui sticky'; -module.exports = React.createClass({ +const Sticky = React.createClass({ mixins: [ClassGenerator], @@ -32,3 +32,5 @@ module.exports = React.createClass({ } } }); + +export default Sticky; diff --git a/src/modules/tab.js b/src/modules/tab.js index 51d3c95..06cb0b4 100644 --- a/src/modules/tab.js +++ b/src/modules/tab.js @@ -4,7 +4,7 @@ import StateSelector from '../mixins/stateSelector'; let defaultClassName = 'ui tab'; -module.exports = React.createClass({ +const Tab = React.createClass({ mixins: [ClassGenerator, StateSelector], @@ -41,3 +41,5 @@ module.exports = React.createClass({ } } }); + +export default Tab; diff --git a/src/views/advertisement.js b/src/views/advertisement.js index 6da153c..5bf5228 100644 --- a/src/views/advertisement.js +++ b/src/views/advertisement.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui ad'; -module.exports = React.createClass({ +const Ad = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Ad; diff --git a/src/views/card.js b/src/views/card.js index 30b70d1..f8e11f4 100644 --- a/src/views/card.js +++ b/src/views/card.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui card'; -module.exports = React.createClass({ +const Card = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Card; diff --git a/src/views/comment.js b/src/views/comment.js index dd3ad14..a940638 100644 --- a/src/views/comment.js +++ b/src/views/comment.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'comment'; -module.exports = React.createClass({ +const Comment = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Comment; diff --git a/src/views/comments.js b/src/views/comments.js index d33249a..5a232ba 100644 --- a/src/views/comments.js +++ b/src/views/comments.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui comments'; -module.exports = React.createClass({ +const Comments = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Comments; diff --git a/src/views/feed.js b/src/views/feed.js index f793b55..0800aca 100644 --- a/src/views/feed.js +++ b/src/views/feed.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui feed'; -module.exports = React.createClass({ +const Feed = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Feed; diff --git a/src/views/item.js b/src/views/item.js index 975d053..5d28033 100644 --- a/src/views/item.js +++ b/src/views/item.js @@ -5,7 +5,7 @@ import Unit from '../commons/unit'; let defaultClassName = 'item'; -module.exports = React.createClass({ +const Item = React.createClass({ mixins: [ClassGenerator, TypeSelector], @@ -24,3 +24,5 @@ module.exports = React.createClass({ ); } }); + +export default Item; diff --git a/src/views/items.js b/src/views/items.js index 5227c85..f6c2f50 100644 --- a/src/views/items.js +++ b/src/views/items.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui items'; -module.exports = React.createClass({ +const Items = React.createClass({ mixins: [ClassGenerator], @@ -28,3 +28,5 @@ module.exports = React.createClass({ ); } }); + +export default Items; diff --git a/src/views/statistic.js b/src/views/statistic.js index 94ed57f..724ac8f 100644 --- a/src/views/statistic.js +++ b/src/views/statistic.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; let defaultClassName = 'ui statistic'; -module.exports = React.createClass({ +const Statistic = React.createClass({ mixins: [ClassGenerator], @@ -18,3 +18,5 @@ module.exports = React.createClass({ ); } }); + +export default Statistic From 8e585b2a3522399d8c7ce18bacb7c96aaf130cfc Mon Sep 17 00:00:00 2001 From: Lee Date: Mon, 23 Nov 2015 03:18:26 +0800 Subject: [PATCH 2/3] chore: Update README.md --- README.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 77821f7..f2449e7 100644 --- a/README.md +++ b/README.md @@ -66,7 +66,7 @@ Ex. Write a simple button in browser. ``` -### With Browserify +### With Browserify or Webpack ```sh npm install react-semantify @@ -76,7 +76,13 @@ Ex. ```js import React from 'react'; import ReactDOM from 'react-dom'; -let Button = require('react-semantify').Button; +import {Button} from 'react-semantify'; +// or +// import * as Semantify from 'react-semantify'; +// let {Button} = Semantify; +// or +// use ES5 +// let Button = require('react-semantify').Button; let HelloBox = React.createClass({ From 6bfcbbf60a3aa0a62359e51a2b13a655052f38e5 Mon Sep 17 00:00:00 2001 From: Lee Date: Mon, 23 Nov 2015 03:39:21 +0800 Subject: [PATCH 3/3] fix(export): Fix Unit component export --- src/commons/content.js | 2 +- src/commons/section.js | 2 +- src/commons/title.js | 2 +- src/commons/unit.js | 2 +- src/elements/button.js | 2 +- src/elements/flag.js | 2 +- src/elements/header.js | 2 +- src/elements/icon.js | 2 +- src/elements/image.js | 2 +- src/elements/input.js | 2 +- src/elements/label.js | 2 +- src/elements/loader.js | 2 +- src/elements/reveal.js | 2 +- src/elements/segment.js | 2 +- src/elements/step.js | 2 +- src/modules/checkbox.js | 2 +- src/modules/dimmer.js | 2 +- src/modules/dropdown.js | 2 +- src/modules/modal.js | 2 +- src/modules/search.js | 2 +- src/views/item.js | 2 +- test/__tests__/commons/Unit-test.js | 2 +- 22 files changed, 22 insertions(+), 22 deletions(-) diff --git a/src/commons/content.js b/src/commons/content.js index ed96902..03aa032 100644 --- a/src/commons/content.js +++ b/src/commons/content.js @@ -1,7 +1,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from './unit'; +import {Unit} from './unit'; let defaultClassName = 'content'; diff --git a/src/commons/section.js b/src/commons/section.js index 593dbee..4cb64c8 100644 --- a/src/commons/section.js +++ b/src/commons/section.js @@ -2,7 +2,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import ColorSelector from '../mixins/colorSelector'; import TypeSelector from '../mixins/typeSelector'; -import Unit from './unit'; +import {Unit} from './unit'; let defaultClassName = 'section'; diff --git a/src/commons/title.js b/src/commons/title.js index e0e8f6a..5e5eb26 100644 --- a/src/commons/title.js +++ b/src/commons/title.js @@ -1,7 +1,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from './unit'; +import {Unit} from './unit'; let defaultClassName = 'title'; diff --git a/src/commons/unit.js b/src/commons/unit.js index 73f4008..a0d370f 100644 --- a/src/commons/unit.js +++ b/src/commons/unit.js @@ -1,7 +1,7 @@ import React from 'react'; import classSet from 'classnames'; -export default React.createClass({ +export const Unit = React.createClass({ propTypes: { className: React.PropTypes.string.isRequired, diff --git a/src/elements/button.js b/src/elements/button.js index d814ccc..160fb34 100644 --- a/src/elements/button.js +++ b/src/elements/button.js @@ -2,7 +2,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import ColorSelector from '../mixins/colorSelector'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui button'; diff --git a/src/elements/flag.js b/src/elements/flag.js index c09c3d7..54959d1 100644 --- a/src/elements/flag.js +++ b/src/elements/flag.js @@ -1,6 +1,6 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'flag'; diff --git a/src/elements/header.js b/src/elements/header.js index 50f140a..f87f1b0 100644 --- a/src/elements/header.js +++ b/src/elements/header.js @@ -3,7 +3,7 @@ import ClassGenerator from '../mixins/classGenerator'; import ColorSelector from '../mixins/colorSelector'; import TypeSelector from '../mixins/typeSelector'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui header'; diff --git a/src/elements/icon.js b/src/elements/icon.js index 66b643c..c0a0731 100644 --- a/src/elements/icon.js +++ b/src/elements/icon.js @@ -2,7 +2,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import ColorSelector from '../mixins/colorSelector'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'icon'; diff --git a/src/elements/image.js b/src/elements/image.js index 95321d8..11ba9a3 100644 --- a/src/elements/image.js +++ b/src/elements/image.js @@ -1,7 +1,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui image'; diff --git a/src/elements/input.js b/src/elements/input.js index 6da945f..d389901 100644 --- a/src/elements/input.js +++ b/src/elements/input.js @@ -1,7 +1,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui input'; diff --git a/src/elements/label.js b/src/elements/label.js index bf2f801..e4535aa 100644 --- a/src/elements/label.js +++ b/src/elements/label.js @@ -2,7 +2,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import ColorSelector from '../mixins/colorSelector'; import TypeSelector from '../mixins/typeSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui label'; diff --git a/src/elements/loader.js b/src/elements/loader.js index c0e5000..8da88a2 100644 --- a/src/elements/loader.js +++ b/src/elements/loader.js @@ -1,7 +1,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui loader'; diff --git a/src/elements/reveal.js b/src/elements/reveal.js index 69d741d..be1f13c 100644 --- a/src/elements/reveal.js +++ b/src/elements/reveal.js @@ -1,7 +1,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui reveal'; diff --git a/src/elements/segment.js b/src/elements/segment.js index e510026..410660e 100644 --- a/src/elements/segment.js +++ b/src/elements/segment.js @@ -2,7 +2,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import ColorSelector from '../mixins/colorSelector'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui segment'; diff --git a/src/elements/step.js b/src/elements/step.js index a048d64..d44705b 100644 --- a/src/elements/step.js +++ b/src/elements/step.js @@ -1,7 +1,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'step'; diff --git a/src/modules/checkbox.js b/src/modules/checkbox.js index c30b9c3..433c968 100644 --- a/src/modules/checkbox.js +++ b/src/modules/checkbox.js @@ -2,7 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui checkbox'; diff --git a/src/modules/dimmer.js b/src/modules/dimmer.js index 6a37b08..29a7551 100644 --- a/src/modules/dimmer.js +++ b/src/modules/dimmer.js @@ -2,7 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui dimmer'; diff --git a/src/modules/dropdown.js b/src/modules/dropdown.js index cad506a..f385af1 100644 --- a/src/modules/dropdown.js +++ b/src/modules/dropdown.js @@ -2,7 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui dropdown'; diff --git a/src/modules/modal.js b/src/modules/modal.js index a627539..7994a28 100644 --- a/src/modules/modal.js +++ b/src/modules/modal.js @@ -2,7 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui modal'; diff --git a/src/modules/search.js b/src/modules/search.js index d33d397..8230e47 100644 --- a/src/modules/search.js +++ b/src/modules/search.js @@ -2,7 +2,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; import ClassGenerator from '../mixins/classGenerator'; import StateSelector from '../mixins/stateSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'ui search'; diff --git a/src/views/item.js b/src/views/item.js index 5d28033..dd2ab48 100644 --- a/src/views/item.js +++ b/src/views/item.js @@ -1,7 +1,7 @@ import React from 'react'; import ClassGenerator from '../mixins/classGenerator'; import TypeSelector from '../mixins/typeSelector'; -import Unit from '../commons/unit'; +import {Unit} from '../commons/unit'; let defaultClassName = 'item'; diff --git a/test/__tests__/commons/Unit-test.js b/test/__tests__/commons/Unit-test.js index cfb54b7..560689d 100644 --- a/test/__tests__/commons/Unit-test.js +++ b/test/__tests__/commons/Unit-test.js @@ -5,7 +5,7 @@ jest.dontMock('../../../src/commons/unit.js'); let ReactDOM = require('react-dom'); let React = require('react'); let TestUtils = require('react-addons-test-utils'); -var Unit = require('../../../src/commons/unit.js'); +var Unit = require('../../../src/commons/unit.js').Unit; describe('Unit', function () { it('should have child by default', function () {