dlt-for-react 1.0.1

package/lib/components/NHTopTitle/index.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require("antd/lib/button/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _createUuid = require("../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+require("../../../assets/NHTopTitle/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NHTopTitle = function (_React$Component) {
+    (0, _inherits3.default)(NHTopTitle, _React$Component);
+
+    function NHTopTitle() {
+        (0, _classCallCheck3.default)(this, NHTopTitle);
+        return (0, _possibleConstructorReturn3.default)(this, (NHTopTitle.__proto__ || (0, _getPrototypeOf2.default)(NHTopTitle)).apply(this, arguments));
+    }
+
+    (0, _createClass3.default)(NHTopTitle, [{
+        key: "render",
+        value: function render() {
+            var _props = this.props,
+                className = _props.className,
+                id = _props.id,
+                title = _props.title,
+                isEdit = _props.isEdit,
+                isExtra = _props.isExtra,
+                isShowClose = _props.isShowClose,
+                onEdit = _props.onEdit,
+                onSave = _props.onSave,
+                onClose = _props.onClose,
+                onUnfold = _props.onUnfold,
+                onFold = _props.onFold,
+                editText = _props.editText,
+                saveText = _props.saveText,
+                closeText = _props.closeText,
+                unfoldText = _props.unfoldText,
+                foldText = _props.foldText,
+                ifjcShow = _props.ifjcShow,
+                ifUnfold = _props.ifUnfold,
+                ifUnfoldShow = _props.ifUnfoldShow;
+
+
+            return _react2.default.createElement(
+                "div",
+                { className: (0, _classnames2.default)("topTitle", className) },
+                _react2.default.createElement(
+                    "div",
+                    { className: ifjcShow ? 'topTitle-name-warn' : 'topTitle-name', id: id },
+                    title
+                ),
+                _react2.default.createElement(
+                    "div",
+                    { className: "topTitle-extra" },
+                    isExtra && _react2.default.createElement(
+                        "div",
+                        null,
+                        isEdit ? _react2.default.createElement(
+                            _button2.default,
+                            { type: "primary", onClick: onSave },
+                            saveText
+                        ) : _react2.default.createElement(
+                            _button2.default,
+                            { icon: "edit", onClick: onEdit },
+                            editText
+                        ),
+                        isEdit && isShowClose && _react2.default.createElement(
+                            _button2.default,
+                            { onClick: onClose },
+                            closeText
+                        )
+                    ),
+                    ifUnfoldShow && !ifUnfold && _react2.default.createElement(
+                        _button2.default,
+                        { onClick: onUnfold, icon: "right" },
+                        unfoldText
+                    ),
+                    ifUnfoldShow && ifUnfold && _react2.default.createElement(
+                        _button2.default,
+                        { onClick: onFold, icon: "down" },
+                        foldText
+                    )
+                )
+            );
+        }
+    }]);
+    return NHTopTitle;
+}(_react2.default.Component);
+
+NHTopTitle.propTypes = {
+    title: _propTypes2.default.string,
+    id: _propTypes2.default.string,
+    isEdit: _propTypes2.default.bool,
+    isExtra: _propTypes2.default.bool,
+    isShowClose: _propTypes2.default.bool,
+    onEdit: _propTypes2.default.func,
+    onSave: _propTypes2.default.func,
+    onClose: _propTypes2.default.func,
+    onUnfold: _propTypes2.default.func,
+    onFold: _propTypes2.default.func,
+    editText: _propTypes2.default.string,
+    saveText: _propTypes2.default.string,
+    closeText: _propTypes2.default.string,
+    unfoldText: _propTypes2.default.string,
+    foldText: _propTypes2.default.string,
+    ifjcShow: _propTypes2.default.bool,
+    ifUnfoldShow: _propTypes2.default.bool,
+    ifUnfold: _propTypes2.default.bool
+};
+NHTopTitle.defaultProps = {
+    title: "Title", // 标题
+    id: (0, _createUuid2.default)(), // 锚点id
+    isEdit: false, // 是否正在编辑
+    isExtra: true, // 是否显示按钮等附加信息
+    isShowClose: true, // 是否显示关闭按钮
+    onEdit: Function.prototype,
+    onSave: Function.prototype,
+    onClose: Function.prototype,
+    onUnfold: Function.prototype,
+    onFold: Function.prototype,
+    editText: "编辑",
+    saveText: "完成",
+    closeText: "取消",
+    unfoldText: "展开",
+    foldText: "折叠",
+    ifjcShow: false, //是否展示纠错信息
+    ifUnfoldShow: false, // 是否显示展开/折叠按钮
+    ifUnfold: true //默认展开状态
+};
+exports.default = NHTopTitle;