dlt-for-react 1.0.1

package/lib/components/NHConfirm/index.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+exports.default = NHConfirm;
+
+require('antd/lib/modal/style');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var confirm = _modal2.default.confirm;
+
+//确认对话框
+function NHConfirm(pContent, pOnOk, pType, pOnCancel) {
+    var content = undefined;
+    var _onOk = undefined;
+    var type = undefined;
+    var _onCancel = undefined;
+    if (typeof pContent === 'string') {
+        content = pContent ? pContent : '请填写内容描述';
+        type = pType ? pType : 'normal';
+        _onOk = pOnOk ? pOnOk : function () {};
+        _onCancel = pOnCancel ? pOnCancel : function () {};
+    } else {
+        var params = pContent;
+        content = params.content ? params.content : '请填写内容描述';
+        type = params.type ? params.type : 'normal';
+        _onOk = params.onOk ? params.onOk : function () {};
+        _onCancel = params.onCancel ? params.onCancel : function () {};
+    }
+
+    var title = '提示';
+    var okType = 'primary'; //默认确认按钮类型
+    var iconType = 'question-circle'; //问号
+    if (type === 'warn') {
+        //警告类型操作提示
+        okType = 'danger';
+        iconType = 'info-circle';
+    } else if (type === 'danger') {
+        //危险类型操作提示
+        okType = 'danger';
+        iconType = 'exclamation-circle';
+    }
+
+    confirm({
+        title: title,
+        content: content,
+        okText: '确定',
+        cancelText: '取消',
+        okType: okType,
+        iconType: iconType,
+        onOk: function onOk() {
+            _onOk();
+        },
+        onCancel: function onCancel() {
+            _onCancel();
+        }
+    });
+}

package/lib/components/NHContainerFrame/index.js

@@ -0,0 +1,415 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _spin = require('antd/lib/spin');
+
+var _spin2 = _interopRequireDefault(_spin);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+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/spin/style');
+
+require('antd/lib/row/style');
+
+require('antd/lib/button/style');
+
+require('antd/lib/col/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactCustomScrollbars = require('react-custom-scrollbars');
+
+var _getSize = require('../../utils/getSize');
+
+var _getSize2 = _interopRequireDefault(_getSize);
+
+var _NHCore = require('../../utils/NHCore');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+require('../../../assets/containerFrame/style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//页面默认偏移高度
+//const offsetHeight = 153;
+
+var NHContainerFrame = function (_React$Component) {
+    (0, _inherits3.default)(NHContainerFrame, _React$Component);
+
+    function NHContainerFrame(props) {
+        (0, _classCallCheck3.default)(this, NHContainerFrame);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHContainerFrame.__proto__ || (0, _getPrototypeOf2.default)(NHContainerFrame)).call(this, props));
+
+        _this.stopLoading = function () {
+            _this.setState({
+                loading: false
+            });
+        };
+
+        _this.loading = function (value) {
+            _this.setState({ loading: value });
+        };
+
+        _this.handleSave = function () {
+            _this.setState({
+                loading: true
+            });
+            if (_this.props.onOk) {
+                _this.props.onOk(_this.stopLoading);
+            }
+        };
+
+        _this.wrapScroll = function (component) {
+            var scroll = _this.props.scroll;
+            var scrollHeight = _this.state.scrollHeight;
+
+            if (scroll) {
+                return _react2.default.createElement(
+                    _reactCustomScrollbars.Scrollbars,
+                    { autoHide: true, style: { width: '100%', height: scrollHeight } },
+                    component
+                );
+            } else {
+                return component;
+            }
+        };
+
+        _this.state = {
+            titleDivId: (0, _NHCore.createUuid)(), //标题头 div 元素ID
+            titleDivHeight: 0, //标题头 div 元素高度
+            scrollHeight: 200, //默认滚动高度
+            loading: false //加载中状态
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(NHContainerFrame, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            //计算内容区域滚动高度
+            var _state = this.state,
+                titleDivId = _state.titleDivId,
+                titleDivHeight = _state.titleDivHeight;
+            var offsetHeight = this.props.offsetHeight;
+
+
+            var titleDiv = document.getElementById(titleDivId);
+
+            if (titleDiv) {
+                var nextHeight = titleDiv.clientHeight;
+                if (nextHeight != titleDivHeight) {
+                    this.setState({ titleDivHeight: nextHeight, scrollHeight: (0, _getSize2.default)().windowH - (offsetHeight + nextHeight) });
+                }
+            }
+        }
+    }, {
+        key: 'componentDidUpdate',
+        value: function componentDidUpdate() {
+            //计算内容区域滚动高度
+            var _state2 = this.state,
+                titleDivId = _state2.titleDivId,
+                titleDivHeight = _state2.titleDivHeight;
+            var offsetHeight = this.props.offsetHeight;
+
+
+            var titleDiv = document.getElementById(titleDivId);
+
+            if (titleDiv) {
+                var nextHeight = titleDiv.clientHeight;
+                if (nextHeight != titleDivHeight) {
+                    this.setState({ titleDivHeight: nextHeight, scrollHeight: (0, _getSize2.default)().windowH - (offsetHeight + nextHeight) });
+                }
+            }
+        }
+
+        /**
+         * * 设置loading状态
+         * @memberof NHContainerFrame
+         */
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _state3 = this.state,
+                titleDivId = _state3.titleDivId,
+                scrollHeight = _state3.scrollHeight,
+                loading = _state3.loading;
+            var _props = this.props,
+                title = _props.title,
+                description = _props.description,
+                visible = _props.visible,
+                style = _props.style,
+                contentWidth = _props.contentWidth,
+                footer = _props.footer,
+                onOk = _props.onOk,
+                onCancel = _props.onCancel,
+                isReturnShowFlag = _props.isReturnShowFlag,
+                _props$closeName = _props.closeName,
+                closeName = _props$closeName === undefined ? '返回' : _props$closeName;
+            //最外层容器框架样式
+
+            var frameStyle = {
+                position: "relative",
+                width: "100%",
+                height: "100%",
+                padding: '0 16px',
+                display: visible ? "block" : "none",
+                backgroundColor: "#fff"
+            };
+
+            //如果没有自定义按钮，则使用默认的“取消”、“确认”按钮
+            //条件渲染
+            if (footer === undefined && visible) {
+                return _react2.default.createElement(
+                    'div',
+                    { className: 'div-containerFrame', style: style ? style : frameStyle },
+                    _react2.default.createElement(
+                        _spin2.default,
+                        { spinning: loading },
+                        _react2.default.createElement(
+                            _row2.default,
+                            { id: titleDivId, type: 'flex', justify: 'space-between', className: 'xgui_containerFrame_content_t' },
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: 16 },
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'xgui_containerFrame_title' },
+                                    title
+                                ),
+                                description ? _react2.default.createElement(
+                                    'div',
+                                    { className: 'xgui_containerFrame_description' },
+                                    description
+                                ) : null
+                            ),
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: 8 },
+                                _react2.default.createElement(
+                                    _row2.default,
+                                    { type: 'flex', justify: 'end', align: 'top', gutter: 16, style: { height: '100%' } },
+                                    onOk ? _react2.default.createElement(
+                                        _col2.default,
+                                        null,
+                                        _react2.default.createElement(
+                                            _button2.default,
+                                            { type: 'primary', onClick: this.handleSave, loading: this.state.loading },
+                                            '\u4FDD\u5B58'
+                                        )
+                                    ) : undefined,
+                                    isReturnShowFlag === true ? _react2.default.createElement(
+                                        _col2.default,
+                                        null,
+                                        _react2.default.createElement(
+                                            _button2.default,
+                                            { onClick: onCancel },
+                                            closeName
+                                        )
+                                    ) : undefined
+                                )
+                            )
+                        ),
+                        this.wrapScroll(_react2.default.createElement(
+                            _row2.default,
+                            { type: 'flex', justify: 'center' },
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: contentWidth },
+                                _react2.default.createElement(
+                                    _row2.default,
+                                    { type: 'flex', justify: 'center' },
+                                    _react2.default.createElement(
+                                        _col2.default,
+                                        { span: 24 },
+                                        _react2.default.createElement(
+                                            'div',
+                                            null,
+                                            this.props.children
+                                        )
+                                    )
+                                )
+                            )
+                        ))
+                    )
+                );
+            } else if (visible) {
+                var buttons = [];
+
+                //处理自定义按钮
+                if (footer != null && footer.length > 0) {
+
+                    for (var index = 0; index < footer.length; index++) {
+                        //text：按钮描述，type：按钮类型，icon：按钮图标，onClick：按钮点击事件
+                        var _footer$index = footer[index],
+                            _footer$index$text = _footer$index.text,
+                            text = _footer$index$text === undefined ? "" : _footer$index$text,
+                            _footer$index$type = _footer$index.type,
+                            type = _footer$index$type === undefined ? "primary" : _footer$index$type,
+                            _footer$index$icon = _footer$index.icon,
+                            icon = _footer$index$icon === undefined ? "" : _footer$index$icon,
+                            _footer$index$loading = _footer$index.loading,
+                            _loading = _footer$index$loading === undefined ? false : _footer$index$loading,
+                            _footer$index$onClick = _footer$index.onClick,
+                            onClick = _footer$index$onClick === undefined ? function () {} : _footer$index$onClick,
+                            _footer$index$disable = _footer$index.disabled,
+                            disabled = _footer$index$disable === undefined ? false : _footer$index$disable;
+
+                        var customButton = _react2.default.createElement(
+                            _col2.default,
+                            { key: index },
+                            _react2.default.createElement(
+                                _button2.default,
+                                { type: type, icon: icon, onClick: onClick, loading: _loading, disabled: disabled },
+                                text
+                            )
+                        );
+                        buttons.push(customButton);
+                    }
+                }
+
+                buttons.push(isReturnShowFlag === true ? _react2.default.createElement(
+                    _col2.default,
+                    { key: "-1" },
+                    _react2.default.createElement(
+                        _button2.default,
+                        { onClick: onCancel },
+                        closeName
+                    )
+                ) : undefined);
+
+                return _react2.default.createElement(
+                    'div',
+                    { className: 'div-containerFrame', style: style ? style : frameStyle },
+                    _react2.default.createElement(
+                        _spin2.default,
+                        { spinning: loading },
+                        _react2.default.createElement(
+                            _row2.default,
+                            { id: titleDivId, type: 'flex', justify: 'space-between', className: 'xgui_containerFrame_content_t' },
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: 16 },
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'xgui_containerFrame_title' },
+                                    title
+                                ),
+                                description ? _react2.default.createElement(
+                                    'div',
+                                    { className: 'xgui_containerFrame_description' },
+                                    description
+                                ) : null
+                            ),
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: 8 },
+                                _react2.default.createElement(
+                                    _row2.default,
+                                    { type: 'flex', justify: 'end', align: 'top', gutter: 16, style: { height: '100%' } },
+                                    buttons
+                                )
+                            )
+                        ),
+                        this.wrapScroll(_react2.default.createElement(
+                            _row2.default,
+                            { type: 'flex', justify: 'center' },
+                            _react2.default.createElement(
+                                _col2.default,
+                                { span: contentWidth },
+                                _react2.default.createElement(
+                                    _row2.default,
+                                    { type: 'flex', justify: 'center' },
+                                    _react2.default.createElement(
+                                        _col2.default,
+                                        { span: 24 },
+                                        _react2.default.createElement(
+                                            'div',
+                                            null,
+                                            this.props.children
+                                        )
+                                    )
+                                )
+                            )
+                        ))
+                    )
+                );
+            } else {
+                return null;
+            }
+        }
+    }]);
+    return NHContainerFrame;
+}(_react2.default.Component);
+
+/**
+ *  NHContainerFrame默认属性
+ */
+
+
+NHContainerFrame.defaultProps = {
+    title: "标题", //页面标题
+    visible: false, //默认不可见
+    contentWidth: 24, //内容宽度，以24列栅格为准
+    onOk: function onOk() {},
+    isReturnShowFlag: true,
+    offsetHeight: 153,
+    scroll: true,
+    closeName: '返回'
+
+    /**
+     *  NHContainerFrame属性检查
+     */
+};NHContainerFrame.propTypes = {
+    title: _propTypes2.default.string, //页面标题
+    description: _propTypes2.default.node, //页面描述
+    visible: _propTypes2.default.bool, //是否显示
+    style: _propTypes2.default.object, //样式
+    footer: _propTypes2.default.arrayOf(_propTypes2.default.object), //按钮组
+    contentWidth: _propTypes2.default.number, //内容区域宽度，24栅格
+    onOk: _propTypes2.default.func, //保存事件回调方法
+    onCancel: _propTypes2.default.func.isRequired, //返回事件回调方法
+    isReturnShowFlag: _propTypes2.default.bool, //返回事件回调方法是否需要返回按钮
+    closeName: _propTypes2.default.string //返回按钮的名称
+};
+
+exports.default = NHContainerFrame;

package/lib/components/NHDeptSelector/index.js

@@ -0,0 +1,166 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.NHDeptSelector = undefined;
+
+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);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHSelector = require('../NHSelector');
+
+var _NHSelector2 = _interopRequireDefault(_NHSelector);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NHDeptSelector = exports.NHDeptSelector = function (_React$Component) {
+    (0, _inherits3.default)(NHDeptSelector, _React$Component);
+
+    function NHDeptSelector(props) {
+        (0, _classCallCheck3.default)(this, NHDeptSelector);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHDeptSelector.__proto__ || (0, _getPrototypeOf2.default)(NHDeptSelector)).call(this, props));
+
+        _this.show = function (initValues) {
+            _this.commonSelector.show(initValues);
+        };
+
+        _this.state = {};
+        return _this;
+    }
+
+    /**
+     * 打开选择器
+     */
+
+
+    (0, _createClass3.default)(NHDeptSelector, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var columns = [{
+                key: 'rowId',
+                title: '序号',
+                width: '40',
+                render: function render(index, item) {
+                    return item.rowId || item.ROW_ID;
+                }
+            }, {
+                key: 'bmmc',
+                title: '部门名称',
+                minWidth: '100',
+                sorted: false,
+                render: function render(index, item) {
+                    return item.BMMC || item.bmmc;
+                }
+            }];
+            var _props = this.props,
+                _props$title = _props.title,
+                title = _props$title === undefined ? '部门选择器' : _props$title,
+                _props$keyField = _props.keyField,
+                keyField = _props$keyField === undefined ? 'BMID' : _props$keyField,
+                _props$titleField = _props.titleField,
+                titleField = _props$titleField === undefined ? 'BMMC' : _props$titleField,
+                _props$searchField = _props.searchField,
+                searchField = _props$searchField === undefined ? 'bmmc' : _props$searchField,
+                _props$searchWidth = _props.searchWidth,
+                searchWidth = _props$searchWidth === undefined ? '230' : _props$searchWidth,
+                _props$placeholder = _props.placeholder,
+                placeholder = _props$placeholder === undefined ? '部门名称' : _props$placeholder,
+                sign = _props.sign,
+                treeUrl = _props.treeUrl,
+                tableUrl = _props.tableUrl;
+
+            if (!sign && !treeUrl && !tableUrl) {
+                //没有设置方案说明此时使用默认的数据源调用
+                sign = 'zhxg_selector_bmxx';
+                treeUrl = 'api/zhxg-xtgl/proData/selector/tree/list'; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+                tableUrl = 'api/zhxg-xtgl/proData/selector/table/list'; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+            }
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(_NHSelector2.default, {
+                    ref: function ref(form) {
+                        _this2.commonSelector = form;
+                    },
+                    sign: sign,
+                    title: title,
+                    mode: 'treeAndTable',
+                    treeUrl: treeUrl,
+                    tableUrl: tableUrl,
+                    keyField: keyField,
+                    titleField: titleField,
+                    searchField: searchField,
+                    searchWidth: searchWidth,
+                    placeholder: placeholder,
+                    columns: columns,
+                    treeWidth: 250,
+                    tableWidth: 500,
+                    resultWidth: 250,
+                    height: 500,
+                    isSinger: this.props.isSinger,
+                    onSelect: this.props.onSelect,
+                    tableParams: this.props.tableParams,
+                    tableSqlParams: this.props.tableSqlParams,
+                    treeParams: this.props.treeParams,
+                    treeSqlParams: this.props.treeSqlParams,
+                    footerRender: function footerRender(count) {
+                        return '总计：' + count + '个';
+                    },
+                    treeShowIcon: true,
+                    singerBottomShowFlag: true,
+                    baseUrl: this.props.baseUrl,
+                    rangeFilter: this.props.rangeFilter,
+                    rangeFilterList: this.props.rangeFilterList
+                })
+            );
+        }
+    }]);
+    return NHDeptSelector;
+}(_react2.default.Component);
+
+NHDeptSelector.defaultProps = {
+    sign: undefined,
+    treeUrl: undefined,
+    tableUrl: undefined,
+    title: undefined,
+    keyField: undefined,
+    titleField: undefined,
+    searchField: undefined,
+    placeholder: undefined,
+    isSinger: false, //是否是单选，true表示是单选，false表示是多选，默认为false
+    onSelect: function onSelect() {}, //选中结果的时候的回调方法
+    treeParams: {}, //左边树数据过滤参数
+    treeSqlParams: undefined, //树的sql语句内的参数
+    tableParams: {}, //列表数据过滤参数
+    tableSqlParams: undefined, //列表的sql语句内的参数
+    baseUrl: undefined, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+    rangeFilter: undefined, //是否开启职务范围过滤
+    rangeFilterList: undefined // 自定义职务过滤列表
+};
+
+exports.default = NHDeptSelector;