From 5814f9aba29184e4092e9aa7719b9f879138eb10 Mon Sep 17 00:00:00 2001 From: Lee Date: Fri, 19 Dec 2014 01:55:20 +0800 Subject: [PATCH 1/3] Add Docs: Views - Ad, Card, Comments, Feed, Items, Statistic. Signed-off-by: Lee --- README.md | 14 ++-- docs/Collections.md | 4 +- docs/Views.md | 198 ++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 207 insertions(+), 9 deletions(-) create mode 100644 docs/Views.md diff --git a/README.md b/README.md index e3982b0..470c098 100644 --- a/README.md +++ b/README.md @@ -130,15 +130,15 @@ bower install semantic-ui + [Grid](https://github.com/jessy1092/react-semantify/blob/master/docs/Collections.md#grid) - Pre-release + [Menu](https://github.com/jessy1092/react-semantify/blob/master/docs/Collections.md#menu) - Pre-release + [Message](https://github.com/jessy1092/react-semantify/blob/master/docs/Collections.md#message) - Pre-release - + [Table]((https://github.com/jessy1092/react-semantify/blob/master/docs/Collections.md#table) - Pre-release) + + [Table](https://github.com/jessy1092/react-semantify/blob/master/docs/Collections.md#table) - Pre-release - Views - + Advertisement - + Card - + Comment - + Feed - + Item - + Statistic + + [Advertisement](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#advertisement) - Pre-release + + [Card](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#card) - Pre-release + + [Comments/Comment](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#commentscomment) - Pre-release + + [Feed](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#feed) - Pre-release + + [Items/Item](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#itemsitem) - Pre-release + + [Statistic](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#statistic) - Pre-release - Modules + Dimmer diff --git a/docs/Collections.md b/docs/Collections.md index 0a6759e..070a60c 100644 --- a/docs/Collections.md +++ b/docs/Collections.md @@ -149,7 +149,7 @@ is equal to # Message -A standard Menu. +A standard Message. ### Example @@ -181,7 +181,7 @@ is equal to # Table -A standard Menu. +A standard Table. ### Example diff --git a/docs/Views.md b/docs/Views.md new file mode 100644 index 0000000..fa7bab3 --- /dev/null +++ b/docs/Views.md @@ -0,0 +1,198 @@ +Views +============= +The views which interagte Semantic-Ui in react components. + +# Advertisement +A standard Advertisement. + +### Example + +```html + + + +``` + +is equal to + +```html +
+ +
+``` + +### Properties + +- *className*: The className would be part of the `class` attribute. + + +# Card +A standard Card. + +### Example + +```html + + +
Hello World
+
+ 1 days ago + Test +
+ + +``` + +is equal to + +```html +
+
+
Hello World
+
+ 1 days ago + Test +
+
+
+``` + +### Properties + +- *className*: The className would be part of the `class` attribute. + + +## Comments/Comment +A standard Comments. + +### Example + +```html + + + + + + + Lee + + + +``` + +is equal to + +```html +
+
+ + + +
+ Lee +
+
+
+``` + +### Properties + +- *className*: The className would be part of the `class` attribute. + + +## Feed +A standard Feed. + +### Example + +```html + +
+ + + I said hello. + +
+ +``` + +is equal to + +```html +
+
+
+ +
+
+ I said hello. +
+
+
+``` + +### Properties + +- *className*: The className would be part of the `class` attribute. + + +## Items/Item +A standard Items. + +### Example + +```html + + + +
The Best Thing
+
Nothing
+ + + +``` + +is equal to + +```html +
+
+
+
The Best Thing
+
Nothing
+
+
+
+``` + +### Properties + +- *className*: The className would be part of the `class` attribute. + + +## Statistic +A standard Statistic. + +### Example + +```html + +
22
+ Breeds of Dog + +``` + +is equal to + +```html +
+
22
+
Breeds of Dog
+
+``` + +### Properties + +- *className*: The className would be part of the `class` attribute. From c5a8017f9bb7916d7e2cf71ba769cacfcd55467e Mon Sep 17 00:00:00 2001 From: Lee Date: Fri, 19 Dec 2014 23:30:26 +0800 Subject: [PATCH 2/3] Pre-release Modules. - accordion, checkbox, dimmer, dropbown, modal, popup, progress, rating, search, shape, sidebar, sticky, tab. Signed-off-by: Lee --- .gitignore | 1 + README.md | 34 ++-- docs/Modules.md | 3 + dst/react-semantify.js | 353 +++++++++++++++++++++++++++++++++++-- dst/react-semantify.min.js | 3 +- src/index.js | 11 ++ src/index_browser.js | 11 ++ src/modules/accordion.jsx | 25 +++ src/modules/checkbox.jsx | 22 +++ src/modules/modal.jsx | 22 +++ src/modules/popup.jsx | 22 +++ src/modules/progress.jsx | 32 ++++ src/modules/rating.jsx | 31 ++++ src/modules/search.jsx | 25 +++ src/modules/shape.jsx | 32 ++++ src/modules/sidebar.jsx | 25 +++ src/modules/sticky.jsx | 37 ++++ src/modules/tab.jsx | 27 +++ 18 files changed, 688 insertions(+), 28 deletions(-) create mode 100644 docs/Modules.md create mode 100644 src/modules/accordion.jsx create mode 100644 src/modules/checkbox.jsx create mode 100644 src/modules/modal.jsx create mode 100644 src/modules/popup.jsx create mode 100644 src/modules/progress.jsx create mode 100644 src/modules/rating.jsx create mode 100644 src/modules/search.jsx create mode 100644 src/modules/shape.jsx create mode 100644 src/modules/sidebar.jsx create mode 100644 src/modules/sticky.jsx create mode 100644 src/modules/tab.jsx diff --git a/.gitignore b/.gitignore index bb203bf..a5a89b6 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ # node node_modules/ _public/ +*.log diff --git a/README.md b/README.md index 470c098..8788fbf 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ React-Semantify Integrate Semantic-ui with react components. It depends on Semantic-UI and helps you use with react component. -The components' Docs will coming soon. +[The components' Docs][https://github.com/jessy1092/react-semantify/blob/master/docs] ## Usage @@ -132,7 +132,7 @@ bower install semantic-ui + [Message](https://github.com/jessy1092/react-semantify/blob/master/docs/Collections.md#message) - Pre-release + [Table](https://github.com/jessy1092/react-semantify/blob/master/docs/Collections.md#table) - Pre-release -- Views +- [Views](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md) + [Advertisement](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#advertisement) - Pre-release + [Card](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#card) - Pre-release + [Comments/Comment](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#commentscomment) - Pre-release @@ -140,26 +140,26 @@ bower install semantic-ui + [Items/Item](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#itemsitem) - Pre-release + [Statistic](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#statistic) - Pre-release -- Modules - + Dimmer - + Dropdown +- [Modules](https://github.com/jessy1092/react-semantify/blob/master/docs/Modules.md) + + Accordin - Pre-release + + Checkbox - Pre-release + + Dimmer - Pre-release + + Dropdown - Pre-release + + Modal - Pre-release + + Popup - Pre-release + + Progress - Pre-release + + Rating - Pre-release + + Search - Pre-release + + Shape - Pre-release + + Sidebar - Pre-release + + Sticky - Pre-release + + Tab - Pre-release ### Comming Soon +Wait Semantic-UI Release. - Modules - + Accordin - + Checkbox - + Modal + Nag - + Popup - + Progress - + Rating - + Search - + Shape - + Sidebar - + Sticky - + Tab - + Transition + Video ## Release Notes diff --git a/docs/Modules.md b/docs/Modules.md new file mode 100644 index 0000000..e57f24b --- /dev/null +++ b/docs/Modules.md @@ -0,0 +1,3 @@ +Modules +============= +The modules which interagte Semantic-Ui in react components. diff --git a/dst/react-semantify.js b/dst/react-semantify.js index 5b866b3..14feef5 100644 --- a/dst/react-semantify.js +++ b/dst/react-semantify.js @@ -39,8 +39,19 @@ module.exports = global.Semantify = { Steps: require('./elements/steps.jsx')(React), // modules + Accordin: require('./modules/accordion.jsx')(React), + Checkbox: require('./modules/checkbox.jsx')(React), Dimmer: require('./modules/dimmer.jsx')(React), Dropdown: require('./modules/dropdown.jsx')(React), + Modal: require('./modules/modal.jsx')(React), + Popup: require('./modules/popup.jsx')(React), + Progress: require('./modules/progress.jsx')(React), + Rating: require('./modules/rating.jsx')(React), + Search: require('./modules/search.jsx')(React), + Shape: require('./modules/shape.jsx')(React), + Sidebar: require('./modules/sidebar.jsx')(React), + Sticky: require('./modules/sticky.jsx')(React), + Tab: require('./modules/tab.jsx')(React), // views Ad: require('./views/advertisement.jsx')(React), @@ -54,7 +65,7 @@ module.exports = global.Semantify = { }; }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) -},{"./collections/breadcrumb.jsx":2,"./collections/form.jsx":3,"./collections/grid.jsx":4,"./collections/menu.jsx":5,"./collections/message.jsx":6,"./collections/table.jsx":7,"./commons/column.jsx":8,"./commons/content.jsx":9,"./commons/field.jsx":10,"./commons/fields.jsx":11,"./commons/row.jsx":12,"./commons/section.jsx":13,"./commons/text.jsx":14,"./elements/button.jsx":16,"./elements/divider.jsx":17,"./elements/flag.jsx":18,"./elements/header.jsx":19,"./elements/icon.jsx":20,"./elements/image.jsx":21,"./elements/input.jsx":22,"./elements/label.jsx":23,"./elements/list.jsx":24,"./elements/loader.jsx":25,"./elements/rail.jsx":26,"./elements/reveal.jsx":27,"./elements/segment.jsx":28,"./elements/step.jsx":29,"./elements/steps.jsx":30,"./modules/dimmer.jsx":34,"./modules/dropdown.jsx":35,"./views/advertisement.jsx":36,"./views/card.jsx":37,"./views/comment.jsx":38,"./views/comments.jsx":39,"./views/feed.jsx":40,"./views/item.jsx":41,"./views/items.jsx":42,"./views/statistic.jsx":43}],2:[function(require,module,exports){ +},{"./collections/breadcrumb.jsx":2,"./collections/form.jsx":3,"./collections/grid.jsx":4,"./collections/menu.jsx":5,"./collections/message.jsx":6,"./collections/table.jsx":7,"./commons/column.jsx":8,"./commons/content.jsx":9,"./commons/field.jsx":10,"./commons/fields.jsx":11,"./commons/row.jsx":12,"./commons/section.jsx":13,"./commons/text.jsx":14,"./elements/button.jsx":16,"./elements/divider.jsx":17,"./elements/flag.jsx":18,"./elements/header.jsx":19,"./elements/icon.jsx":20,"./elements/image.jsx":21,"./elements/input.jsx":22,"./elements/label.jsx":23,"./elements/list.jsx":24,"./elements/loader.jsx":25,"./elements/rail.jsx":26,"./elements/reveal.jsx":27,"./elements/segment.jsx":28,"./elements/step.jsx":29,"./elements/steps.jsx":30,"./modules/accordion.jsx":34,"./modules/checkbox.jsx":35,"./modules/dimmer.jsx":36,"./modules/dropdown.jsx":37,"./modules/modal.jsx":38,"./modules/popup.jsx":39,"./modules/progress.jsx":40,"./modules/rating.jsx":41,"./modules/search.jsx":42,"./modules/shape.jsx":43,"./modules/sidebar.jsx":44,"./modules/sticky.jsx":45,"./modules/tab.jsx":46,"./views/advertisement.jsx":47,"./views/card.jsx":48,"./views/comment.jsx":49,"./views/comments.jsx":50,"./views/feed.jsx":51,"./views/item.jsx":52,"./views/items.jsx":53,"./views/statistic.jsx":54}],2:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1020,6 +1031,57 @@ module.exports = function (React) { var ClassGenerator = require('../mixins/classGenerator.js')(React); + var defaultClassName = 'ui accordion'; + + var Accordin = React.createClass({displayName: 'Accordin', + + mixins: [ClassGenerator], + + render: function () { + return ( + React.createElement("div", {className: this.getClassName(defaultClassName)}, + this.props.children + ) + ); + }, + componentDidMount: function () { + $(this.getDOMNode()).accordion(); + } + }); + + return Accordin; +} + +},{"../mixins/classGenerator.js":31}],35:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui checkbox'; + + var Checkbox = React.createClass({displayName: 'Checkbox', + + mixins: [ClassGenerator], + + render: function () { + return ( + React.createElement("div", {className: this.getClassName(defaultClassName)}, + this.props.children + ) + ); + } + }); + + return Checkbox; +} + +},{"../mixins/classGenerator.js":31}],36:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + var defaultClassName = 'ui dimmer'; var Dimmer = React.createClass({displayName: 'Dimmer', @@ -1038,7 +1100,7 @@ module.exports = function (React) { return Dimmer; } -},{"../mixins/classGenerator.js":31}],35:[function(require,module,exports){ +},{"../mixins/classGenerator.js":31}],37:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1068,7 +1130,278 @@ module.exports = function (React) { return Dropdown; } -},{"../mixins/classGenerator.js":31}],36:[function(require,module,exports){ +},{"../mixins/classGenerator.js":31}],38:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui modal'; + + var Modal = React.createClass({displayName: 'Modal', + + mixins: [ClassGenerator], + + render: function () { + return ( + React.createElement("div", {className: this.getClassName(defaultClassName)}, + this.props.children + ) + ); + } + }); + + return Modal; +} + +},{"../mixins/classGenerator.js":31}],39:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui popup'; + + var Popup = React.createClass({displayName: 'Popup', + + mixins: [ClassGenerator], + + render: function () { + return ( + React.createElement("div", {className: this.getClassName(defaultClassName)}, + this.props.children + ) + ); + } + }); + + return Popup; +} + +},{"../mixins/classGenerator.js":31}],40:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui progress'; + + var Progress = React.createClass({displayName: 'Progress', + + mixins: [ClassGenerator], + + render: function () { + + var $__0= this.props,className=$__0.className,percent=$__0.percent,value=$__0.value,total=$__0.total,other=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{className:1,percent:1,value:1,total:1}); + + return ( + React.createElement("div", React.__spread({}, other, + {className: this.getClassName(defaultClassName), + 'data-percent': percent, + 'data-value': value, + 'data-total': total}), + this.props.children + ) + ); + }, + componentDidMount: function () { + $(this.getDOMNode()).progress(); + } + }); + + return Progress; +} + +},{"../mixins/classGenerator.js":31}],41:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui rating'; + + var Rating = React.createClass({displayName: 'Rating', + + mixins: [ClassGenerator], + + render: function () { + + var $__0= this.props,className=$__0.className,rating=$__0.rating,max_rating=$__0.max_rating,other=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{className:1,rating:1,max_rating:1}); + + return ( + React.createElement("div", React.__spread({}, other, + {className: this.getClassName(defaultClassName), + 'data-rating': rating, + 'data-max-rating': max_rating}), + this.props.children + ) + ); + }, + componentDidMount: function () { + $(this.getDOMNode()).rating(); + } + }); + + return Rating; +} + +},{"../mixins/classGenerator.js":31}],42:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui search'; + + var Search = React.createClass({displayName: 'Search', + + mixins: [ClassGenerator], + + render: function () { + + var $__0= this.props,className=$__0.className,other=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{className:1}); + + return ( + React.createElement("div", React.__spread({}, other, {className: this.getClassName(defaultClassName)}), + this.props.children + ) + ); + } + }); + + return Search; +} + +},{"../mixins/classGenerator.js":31}],43:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui shape'; + + var Shape = React.createClass({displayName: 'Shape', + + mixins: [ClassGenerator], + + render: function () { + + var $__0= this.props,className=$__0.className,other=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{className:1}); + + return ( + React.createElement("div", React.__spread({}, other, {className: this.getClassName(defaultClassName)}), + this.props.children + ) + ); + }, + componentDidMount: function () { + if (typeof this.props.behavior != 'undefined') { + $(this.getDOMNode()).shape(this.props.behavior); + } else { + $(this.getDOMNode()).shape(); + } + } + }); + + return Shape; +} + +},{"../mixins/classGenerator.js":31}],44:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui sidebar'; + + var Sidebar = React.createClass({displayName: 'Sidebar', + + mixins: [ClassGenerator], + + render: function () { + + var $__0= this.props,className=$__0.className,other=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{className:1}); + + return ( + React.createElement("div", React.__spread({}, other, {className: this.getClassName(defaultClassName)}), + this.props.children + ) + ); + } + }); + + return Sidebar; +} + +},{"../mixins/classGenerator.js":31}],45:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui sticky'; + + var Sticky = React.createClass({displayName: 'Sticky', + + mixins: [ClassGenerator], + + propTypes: { + behavior: React.PropTypes.oneOfType([ + React.PropTypes.string, + React.PropTypes.object + ]) + }, + + render: function () { + + var $__0= this.props,className=$__0.className,other=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{className:1}); + + return ( + React.createElement("div", React.__spread({}, other, {className: this.getClassName(defaultClassName)}), + this.props.children + ) + ); + }, + componentDidMount: function () { + if (typeof this.props.behavior != 'undefined') { + $(this.getDOMNode()).sticky(this.props.behavior); + } + } + }); + + return Sticky; +} + +},{"../mixins/classGenerator.js":31}],46:[function(require,module,exports){ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui tab'; + + var Tab = React.createClass({displayName: 'Tab', + + mixins: [ClassGenerator], + + render: function () { + + var $__0= this.props,className=$__0.className,tab=$__0.tab,other=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{className:1,tab:1}); + + return ( + React.createElement("div", React.__spread({}, other, + {className: this.getClassName(defaultClassName), + 'data-tab': tab}), + this.props.children + ) + ); + } + }); + + return Tab; +} + +},{"../mixins/classGenerator.js":31}],47:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1095,7 +1428,7 @@ module.exports = function (React) { return Ad; } -},{"../mixins/classGenerator.js":31}],37:[function(require,module,exports){ +},{"../mixins/classGenerator.js":31}],48:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1122,7 +1455,7 @@ module.exports = function (React) { return Card; } -},{"../mixins/classGenerator.js":31}],38:[function(require,module,exports){ +},{"../mixins/classGenerator.js":31}],49:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1149,7 +1482,7 @@ module.exports = function (React) { return Comment; } -},{"../mixins/classGenerator.js":31}],39:[function(require,module,exports){ +},{"../mixins/classGenerator.js":31}],50:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1176,7 +1509,7 @@ module.exports = function (React) { return Comments; } -},{"../mixins/classGenerator.js":31}],40:[function(require,module,exports){ +},{"../mixins/classGenerator.js":31}],51:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1203,7 +1536,7 @@ module.exports = function (React) { return Feed; } -},{"../mixins/classGenerator.js":31}],41:[function(require,module,exports){ +},{"../mixins/classGenerator.js":31}],52:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1236,7 +1569,7 @@ module.exports = function (React) { return Item; } -},{"../commons/unit.jsx":15,"../mixins/classGenerator.js":31,"../mixins/typeSelector.js":33}],42:[function(require,module,exports){ +},{"../commons/unit.jsx":15,"../mixins/classGenerator.js":31,"../mixins/typeSelector.js":33}],53:[function(require,module,exports){ "use strict"; module.exports = function (React) { @@ -1273,7 +1606,7 @@ module.exports = function (React) { return Items; } -},{"../mixins/classGenerator.js":31}],43:[function(require,module,exports){ +},{"../mixins/classGenerator.js":31}],54:[function(require,module,exports){ "use strict"; module.exports = function (React) { diff --git a/dst/react-semantify.min.js b/dst/react-semantify.min.js index 01e9049..2e7b83b 100644 --- a/dst/react-semantify.min.js +++ b/dst/react-semantify.min.js @@ -1 +1,2 @@ -!function e(s,r,t){function n(i,o){if(!r[i]){if(!s[i]){var c="function"==typeof require&&require;if(!o&&c)return c(i,!0);if(a)return a(i,!0);var l=new Error("Cannot find module '"+i+"'");throw l.code="MODULE_NOT_FOUND",l}var p=r[i]={exports:{}};s[i][0].call(p.exports,function(e){var r=s[i][1][e];return n(r?r:e)},p,p.exports,e,s,r,t)}return r[i].exports}for(var a="function"==typeof require&&require,i=0;i + {this.props.children} + + ); + }, + componentDidMount: function () { + $(this.getDOMNode()).accordion(); + } + }); + + return Accordin; +} diff --git a/src/modules/checkbox.jsx b/src/modules/checkbox.jsx new file mode 100644 index 0000000..8f17f7e --- /dev/null +++ b/src/modules/checkbox.jsx @@ -0,0 +1,22 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui checkbox'; + + var Checkbox = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + return ( +
+ {this.props.children} +
+ ); + } + }); + + return Checkbox; +} diff --git a/src/modules/modal.jsx b/src/modules/modal.jsx new file mode 100644 index 0000000..de09cd0 --- /dev/null +++ b/src/modules/modal.jsx @@ -0,0 +1,22 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui modal'; + + var Modal = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + return ( +
+ {this.props.children} +
+ ); + } + }); + + return Modal; +} diff --git a/src/modules/popup.jsx b/src/modules/popup.jsx new file mode 100644 index 0000000..5839b38 --- /dev/null +++ b/src/modules/popup.jsx @@ -0,0 +1,22 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui popup'; + + var Popup = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + return ( +
+ {this.props.children} +
+ ); + } + }); + + return Popup; +} diff --git a/src/modules/progress.jsx b/src/modules/progress.jsx new file mode 100644 index 0000000..aeccbf7 --- /dev/null +++ b/src/modules/progress.jsx @@ -0,0 +1,32 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui progress'; + + var Progress = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + + var {className, percent, value, total, ...other} = this.props; + + return ( +
+ {this.props.children} +
+ ); + }, + componentDidMount: function () { + $(this.getDOMNode()).progress(); + } + }); + + return Progress; +} diff --git a/src/modules/rating.jsx b/src/modules/rating.jsx new file mode 100644 index 0000000..b581c9c --- /dev/null +++ b/src/modules/rating.jsx @@ -0,0 +1,31 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui rating'; + + var Rating = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + + var {className, rating, max_rating, ...other} = this.props; + + return ( +
+ {this.props.children} +
+ ); + }, + componentDidMount: function () { + $(this.getDOMNode()).rating(); + } + }); + + return Rating; +} diff --git a/src/modules/search.jsx b/src/modules/search.jsx new file mode 100644 index 0000000..b246d52 --- /dev/null +++ b/src/modules/search.jsx @@ -0,0 +1,25 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui search'; + + var Search = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + + var {className, ...other} = this.props; + + return ( +
+ {this.props.children} +
+ ); + } + }); + + return Search; +} diff --git a/src/modules/shape.jsx b/src/modules/shape.jsx new file mode 100644 index 0000000..6b6a2a3 --- /dev/null +++ b/src/modules/shape.jsx @@ -0,0 +1,32 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui shape'; + + var Shape = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + + var {className, ...other} = this.props; + + return ( +
+ {this.props.children} +
+ ); + }, + componentDidMount: function () { + if (typeof this.props.behavior != 'undefined') { + $(this.getDOMNode()).shape(this.props.behavior); + } else { + $(this.getDOMNode()).shape(); + } + } + }); + + return Shape; +} diff --git a/src/modules/sidebar.jsx b/src/modules/sidebar.jsx new file mode 100644 index 0000000..9ee33f5 --- /dev/null +++ b/src/modules/sidebar.jsx @@ -0,0 +1,25 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui sidebar'; + + var Sidebar = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + + var {className, ...other} = this.props; + + return ( +
+ {this.props.children} +
+ ); + } + }); + + return Sidebar; +} diff --git a/src/modules/sticky.jsx b/src/modules/sticky.jsx new file mode 100644 index 0000000..9b70bcc --- /dev/null +++ b/src/modules/sticky.jsx @@ -0,0 +1,37 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui sticky'; + + var Sticky = React.createClass({ + + mixins: [ClassGenerator], + + propTypes: { + behavior: React.PropTypes.oneOfType([ + React.PropTypes.string, + React.PropTypes.object + ]) + }, + + render: function () { + + var {className, ...other} = this.props; + + return ( +
+ {this.props.children} +
+ ); + }, + componentDidMount: function () { + if (typeof this.props.behavior != 'undefined') { + $(this.getDOMNode()).sticky(this.props.behavior); + } + } + }); + + return Sticky; +} diff --git a/src/modules/tab.jsx b/src/modules/tab.jsx new file mode 100644 index 0000000..9dbc48d --- /dev/null +++ b/src/modules/tab.jsx @@ -0,0 +1,27 @@ +"use strict"; +module.exports = function (React) { + + var ClassGenerator = require('../mixins/classGenerator.js')(React); + + var defaultClassName = 'ui tab'; + + var Tab = React.createClass({ + + mixins: [ClassGenerator], + + render: function () { + + var {className, tab,...other} = this.props; + + return ( +
+ {this.props.children} +
+ ); + } + }); + + return Tab; +} From 0d05914eb8d168a5e7ced609302ba3e4652d9834 Mon Sep 17 00:00:00 2001 From: Lee Date: Sat, 20 Dec 2014 00:44:08 +0800 Subject: [PATCH 3/3] v0.0.7 - Update package.json, RELEASE-NOTES.md, README.md. Signed-off-by: Lee --- README.md | 4 ++-- RELEASE-NOTES.md | 5 +++++ docs/Modules.md | 13 +++++++++++++ dst/react-semantify.js | 4 ++-- dst/react-semantify.min.js | 2 +- package.json | 2 +- src/modules/accordion.jsx | 4 ++-- 7 files changed, 26 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 8788fbf..be91995 100644 --- a/README.md +++ b/README.md @@ -141,7 +141,7 @@ bower install semantic-ui + [Statistic](https://github.com/jessy1092/react-semantify/blob/master/docs/Views.md#statistic) - Pre-release - [Modules](https://github.com/jessy1092/react-semantify/blob/master/docs/Modules.md) - + Accordin - Pre-release + + Accordion - Pre-release + Checkbox - Pre-release + Dimmer - Pre-release + Dropdown - Pre-release @@ -173,7 +173,7 @@ Wait Semantic-UI Release. 2. Create your feature-branch `git checkout -b your-new-feature-branch` 3. Commit your change `git commit -am 'Add new feature'` 4. Push to the branch `git push origin your-new-feature-branch` -5. Create new Pull Request with develop branch +5. Create new Pull Request with `develop` branch ## License diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index 814e6e9..2e255e2 100644 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -1,6 +1,11 @@ Release Notes ============= +## Version 0.0.7 - 2014/12/20 + +- Pre-release Modules. + - accordion, checkbox, dimmer, dropbown, modal, popup, progress, rating, search, shape, sidebar, sticky, tab. + ## Version 0.0.6 - 2014/12/19 - Fix Table bug: use `` tag. diff --git a/docs/Modules.md b/docs/Modules.md index e57f24b..9fdfa0f 100644 --- a/docs/Modules.md +++ b/docs/Modules.md @@ -1,3 +1,16 @@ Modules ============= The modules which interagte Semantic-Ui in react components. + +It's pre-release version. You can use module components simply. + +ex. Use accordion component. +```html + +``` + +is equal to + +```js +
+``` diff --git a/dst/react-semantify.js b/dst/react-semantify.js index 14feef5..04b49da 100644 --- a/dst/react-semantify.js +++ b/dst/react-semantify.js @@ -1033,7 +1033,7 @@ module.exports = function (React) { var defaultClassName = 'ui accordion'; - var Accordin = React.createClass({displayName: 'Accordin', + var Accordion = React.createClass({displayName: 'Accordion', mixins: [ClassGenerator], @@ -1049,7 +1049,7 @@ module.exports = function (React) { } }); - return Accordin; + return Accordion; } },{"../mixins/classGenerator.js":31}],35:[function(require,module,exports){ diff --git a/dst/react-semantify.min.js b/dst/react-semantify.min.js index 2e7b83b..16a02cb 100644 --- a/dst/react-semantify.min.js +++ b/dst/react-semantify.min.js @@ -1,2 +1,2 @@ -!function e(s,r,t){function n(i,o){if(!r[i]){if(!s[i]){var c="function"==typeof require&&require;if(!o&&c)return c(i,!0);if(a)return a(i,!0);var l=new Error("Cannot find module '"+i+"'");throw l.code="MODULE_NOT_FOUND",l}var p=r[i]={exports:{}};s[i][0].call(p.exports,function(e){var r=s[i][1][e];return n(r?r:e)},p,p.exports,e,s,r,t)}return r[i].exports}for(var a="function"==typeof require&&require,i=0;i