dialog-react
Advanced tools
Comparing version
16
index.js
@@ -93,9 +93,9 @@ "use strict"; | ||
{ className: "notification-content" }, | ||
"\u7531\u4E8E\u7CFB\u7EDF\u539F\u56E0\uFF0C\u5173\u4E8E\u4FDD\u65F6\u6377\u54C1\u724C\u6240\u6709\u7684\u67E5\u8BE2\u65B9\u5F0F\u5C06\u6682\u505C\u67E5\u8BE2\uFF0C\u5173\u95ED\u65F6\u95F4\u7EA62\u5929\uFF0C\u82E5\u6062\u590D\u67E5\u8BE2\u6211\u4EEC\u4F1A\u7B2C\u4E00\u65F6\u95F4\u901A\u77E5\u5230\u60A8\uFF01\u8BF7\u6CE8\u610F\u67E5\u770B\u7CFB\u7EDF\u6D88\u606F\u3002\u611F\u8C22\u60A8\u7684\u652F\u6301\uFF01" | ||
this.props.content | ||
), | ||
_react2.default.createElement( | ||
"div", | ||
{ className: "notification-buttons", onClick: this.props.close }, | ||
_react2.default.createElement("input", { className: "notification-close", type: "button", defaultValue: "\u5173\u95ED" }), | ||
_react2.default.createElement("input", { className: "notification-util", type: "button", value: "xxx" }) | ||
{ className: "notification-buttons" }, | ||
_react2.default.createElement("input", { className: "notification-close", type: "button", defaultValue: "\u5173\u95ED", onClick: this.props.close }), | ||
_react2.default.createElement("input", { className: "notification-util", type: "button", value: this.props.funName, onClick: this.props.fun }) | ||
) | ||
@@ -113,3 +113,5 @@ ) | ||
show: _propTypes2.default.bool.isRequired, //控制显示 | ||
close: _propTypes2.default.func.isRequired //控制关闭 | ||
close: _propTypes2.default.func.isRequired, //控制关闭 | ||
fun: _propTypes2.default.func.isRequired, //功能按钮事件 | ||
funName: _propTypes2.default.string.isRequired //功能按钮显示文字 | ||
}; | ||
@@ -223,3 +225,3 @@ | ||
{ className: "prompt-confirm", onClick: this.props.close }, | ||
this.props.confirm || "确定" | ||
this.props.other || "其他" | ||
), | ||
@@ -229,3 +231,3 @@ _react2.default.createElement( | ||
{ className: "prompt-fun", onClick: this.props.fun }, | ||
this.props.other || "其他" | ||
this.props.confirm || "确定" | ||
) | ||
@@ -232,0 +234,0 @@ ) |
@@ -54,7 +54,7 @@ import React, {Component} from "react" | ||
<div className="notification-content"> | ||
由于系统原因,关于保时捷品牌所有的查询方式将暂停查询,关闭时间约2天,若恢复查询我们会第一时间通知到您!请注意查看系统消息。感谢您的支持! | ||
{this.props.content} | ||
</div> | ||
<div className="notification-buttons" onClick={this.props.close}> | ||
<input className="notification-close" type="button" defaultValue="关闭" /> | ||
<input className="notification-util" type="button" value="xxx" /> | ||
<div className="notification-buttons"> | ||
<input className="notification-close" type="button" defaultValue="关闭" onClick={this.props.close} /> | ||
<input className="notification-util" type="button" value={this.props.funName} onClick={this.props.fun} /> | ||
</div> | ||
@@ -70,3 +70,5 @@ </div> | ||
show: PropTypes.bool.isRequired, //控制显示 | ||
close: PropTypes.func.isRequired //控制关闭 | ||
close: PropTypes.func.isRequired, //控制关闭 | ||
fun: PropTypes.func.isRequired, //功能按钮事件 | ||
funName: PropTypes.string.isRequired //功能按钮显示文字 | ||
} | ||
@@ -139,6 +141,6 @@ | ||
<div className="prompt-confirm" onClick={this.props.close}> | ||
{this.props.confirm || "确定"} | ||
{this.props.other || "其他"} | ||
</div> | ||
<div className="prompt-fun" onClick={this.props.fun}> | ||
{this.props.other || "其他"} | ||
{this.props.confirm || "确定"} | ||
</div> | ||
@@ -226,2 +228,2 @@ </div> | ||
close: PropTypes.func.isRequired //关闭事件 | ||
} | ||
} |
{ | ||
"name": "dialog-react", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "toast confirm prompt confirmAuto", | ||
@@ -30,6 +30,14 @@ "main": "index.js", | ||
"babel-core": "", | ||
"babel-loader": "", | ||
"babel-preset-es2015": "", | ||
"babel-preset-react": "", | ||
"babel-preset-stage-0": "" | ||
"babel-preset-stage-0": "", | ||
"css-loader": "^0.28.1", | ||
"dialog-react": "^1.0.2", | ||
"prop-types": "", | ||
"react": "", | ||
"react-dom": "", | ||
"style-loader": "^0.17.0", | ||
"webpack": "" | ||
} | ||
} |
@@ -19,3 +19,3 @@ ### How to use | ||
`import {Toast, Confirm, Prompt, ConfirmAuto} from "dialog-react"` | ||
`import {Toast, Confirm, Prompt, ConfirmAuto, Notificaion} from "dialog-react"` | ||
@@ -58,1 +58,9 @@ > many or one more | ||
``` | ||
``` | ||
<Notification | ||
content={this.state.content} | ||
fun={_funClick} | ||
show={this.state.showDialog} | ||
close={() => this.setState({showDialog: false})}/> | ||
``` |
Sorry, the diff of this file is not supported yet
31842
54.9%12
71.43%1141
77.45%65
14.04%13
160%