dlt-for-react 1.0.1

package/lib/components/NBTable/NHDrawer.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _drawer = require("antd/lib/drawer");
+
+var _drawer2 = _interopRequireDefault(_drawer);
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _getSize2 = require("xgui-for-react/lib/utils/getSize");
+
+var _getSize3 = _interopRequireDefault(_getSize2);
+
+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/drawer/style");
+
+require("antd/lib/button/style");
+
+var _reactCustomScrollbars = require("react-custom-scrollbars");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NHDrawer = function (_React$Component) {
+  (0, _inherits3.default)(NHDrawer, _React$Component);
+
+  function NHDrawer() {
+    (0, _classCallCheck3.default)(this, NHDrawer);
+    return (0, _possibleConstructorReturn3.default)(this, (NHDrawer.__proto__ || (0, _getPrototypeOf2.default)(NHDrawer)).apply(this, arguments));
+  }
+
+  (0, _createClass3.default)(NHDrawer, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          title = _props.title,
+          visible = _props.visible,
+          onClose = _props.onClose,
+          onSave = _props.onSave;
+
+      var width = (0, _getSize3.default)().windowW - 250;
+      var height = (0, _getSize3.default)().windowH - 110;
+      return _react2.default.createElement(
+        _drawer2.default,
+        {
+          title: title,
+          placement: "right",
+          closable: true,
+          onClose: onClose,
+          visible: visible,
+          width: width,
+          destroyOnClose: true,
+          maskClosable: false,
+          bodyStyle: { padding: '0px' }
+        },
+        _react2.default.createElement(
+          "div",
+          { style: { height: height, overflow: 'auto' } },
+          _react2.default.createElement(
+            _reactCustomScrollbars.Scrollbars,
+            { autoHide: true, style: { width: '100%', height: height } },
+            this.props.children
+          )
+        ),
+        _react2.default.createElement(
+          "div",
+          {
+            style: {
+              position: 'absolute',
+              left: 0,
+              bottom: 0,
+              width: '100%',
+              borderTop: '1px solid #e9e9e9',
+              padding: '10px 16px',
+              background: '#fff',
+              textAlign: 'right'
+            }
+          },
+          _react2.default.createElement(
+            _button2.default,
+            { onClick: onClose, style: { marginRight: 8 } },
+            "\u8FD4\u56DE"
+          ),
+          onSave ? _react2.default.createElement(
+            _button2.default,
+            { onClick: onSave, type: "primary", style: { marginRight: 8 } },
+            "\u786E\u5B9A"
+          ) : null
+        )
+      );
+    }
+  }]);
+  return NHDrawer;
+}(_react2.default.Component);
+
+exports.default = NHDrawer;

package/lib/components/NBTable/index.js

@@ -0,0 +1,525 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+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');
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _NHDrawer = require('./NHDrawer');
+
+var _NHDrawer2 = _interopRequireDefault(_NHDrawer);
+
+var _NHTable = require('../NHTable');
+
+var _NHTable2 = _interopRequireDefault(_NHTable);
+
+var _NHContainerFrame = require('../NHContainerFrame');
+
+var _NHContainerFrame2 = _interopRequireDefault(_NHContainerFrame);
+
+var _NHModal = require('../NHModal');
+
+var _NHModal2 = _interopRequireDefault(_NHModal);
+
+var _NHCore = require('../../utils/NHCore');
+
+var _getSize = require('../../utils/getSize');
+
+var _getSize2 = _interopRequireDefault(_getSize);
+
+require('../../../assets/nbtable/style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { getSize , hasAuth , NHContainerFrame , NHModal } from 'xgui-for-react';
+var NBTable = function (_React$Component) {
+  (0, _inherits3.default)(NBTable, _React$Component);
+
+  function NBTable(props) {
+    (0, _classCallCheck3.default)(this, NBTable);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (NBTable.__proto__ || (0, _getPrototypeOf2.default)(NBTable)).call(this, props));
+
+    _this.modalRefs = {};
+
+    _this.setCurrentPageShow = function (showFlagName) {
+      var frameVisibleMap = _this.state.frameVisibleMap;
+      frameVisibleMap[showFlagName] = true;
+      for (var name in frameVisibleMap) {
+        if (name !== showFlagName) {
+          frameVisibleMap[name] = false;
+        }
+      }
+      _this.setState({
+        frameVisibleMap: frameVisibleMap
+      });
+    };
+
+    _this.handleCloseFrame = function () {
+      _this.setCurrentPageShow('tableFlag');
+    };
+
+    _this.rowSelectionChange = function (selectedRowKeys) {
+      _this.setState({
+        showOperationBtn: selectedRowKeys.length > 0 ? true : false
+      });
+    };
+
+    _this.handleExportBtnClick = function (title) {
+      title = title ? title : '批量导出Excel数据';
+      _this.nhTable.exportExcel(title);
+    };
+
+    _this.handleDangerBtn = function (onClick) {
+      var selectedRowKeys = _this.nhTable.state.selectedRowKeys;
+      var selectedRows = _this.nhTable.state.selectedRows;
+      if (selectedRows && selectedRows.length > 0) {
+        onClick && onClick(selectedRowKeys, selectedRows);
+      } else {
+        _message3.default.warn("请先选择需要操作的数据！");
+      }
+    };
+
+    _this.getButtonsHtml = function (childrenHtml) {
+      var buttonsParamsList = _this.props.buttons;
+      if (buttonsParamsList && buttonsParamsList.length > 0) {
+        var buttons = [];
+
+        var _loop = function _loop(i) {
+          var ele = buttonsParamsList[i];
+          //如果该按钮没有权限，则直接跳过该按钮
+          if (ele.auth && !(0, _NHCore.hasAuth)(ele.auth)) {
+            return 'continue';
+          }
+          if (ele.type === 'primary') {
+            //主按钮
+            buttons.push(_react2.default.createElement(
+              _button2.default,
+              { key: i, auth: ele.auth, type: 'primary', onClick: ele.onClick, style: { marginRight: 10 } },
+              ele.title
+            ));
+          } else if (ele.type === 'default') {
+            //次级按钮
+            buttons.push(_react2.default.createElement(
+              _button2.default,
+              { key: i, auth: ele.auth, type: 'primary', ghost: true, onClick: ele.onClick, style: { marginRight: 10 } },
+              ele.title
+            ));
+          } else if (ele.type === 'danger') {
+            //危险按钮
+            buttons.push(_react2.default.createElement(
+              _button2.default,
+              { key: i, auth: ele.auth, type: 'danger', ghost: true, onClick: function onClick() {
+                  return _this.handleDangerBtn(ele.onClick);
+                }, style: { marginRight: 10, display: _this.state.showOperationBtn ? undefined : 'none' } },
+              ele.title
+            ));
+          } else if (ele.type === 'export') {
+            //导出按钮
+            buttons.push(_react2.default.createElement(
+              _button2.default,
+              { key: i, auth: ele.auth, type: 'primary', ghost: true, onClick: function onClick() {
+                  _this.handleExportBtnClick(ele.exportTitle);
+                }, style: { marginRight: 10 } },
+              ele.title ? ele.title : '导出Excel'
+            ));
+          }
+        };
+
+        for (var i = 0; i < buttonsParamsList.length; i++) {
+          var _ret = _loop(i);
+
+          if (_ret === 'continue') continue;
+        }
+        return _react2.default.createElement(
+          'div',
+          null,
+          buttons,
+          childrenHtml
+        );
+      }
+      return childrenHtml;
+    };
+
+    _this.getModalHtml = function () {
+      var modals = _this.props.modals;
+      if (modals && modals.length > 0) {
+        var list = [];
+        for (var i = 0; i < modals.length; i++) {
+          var item = modals[i];
+          if (item.type === 'inline') {
+            //内嵌
+            list.push(_this.getContainerFrame(item));
+          } else if (item.type === 'modal') {
+            //弹窗
+            list.push(_this.getModal(item));
+          } else if (item.type === 'drawer') {
+            //抽屉
+            list.push(_this.getDrawer(item));
+          } else {
+            list.push(_this.getDefaultModals(item));
+          }
+        }
+        return list;
+      }
+      return null;
+    };
+
+    _this.getContainerFrame = function (item) {
+      var frameVisible = _this.state.frameVisibleMap[item.id] === true ? true : false;
+      return _react2.default.createElement(
+        _NHContainerFrame2.default,
+        {
+          key: item.id,
+          title: item.title,
+          visible: frameVisible,
+          onOk: item.onSave ? item.onSave : null,
+          onCancel: _this.handleCloseFrame,
+          footer: item.footer,
+          closeName: item.closeName || '返回'
+        },
+        item.render ? item.render() : null
+      );
+    };
+
+    _this.getModal = function (item) {
+      return _react2.default.createElement(
+        _NHModal2.default,
+        { ref: function ref(ele) {
+            return _this.modalRefs[item.id] = ele;
+          },
+          key: item.id,
+          title: item.title,
+          onOk: item.onSave ? item.onSave : null
+        },
+        item.render ? item.render() : null
+      );
+    };
+
+    _this.getDrawer = function (item) {
+      var frameVisible = _this.state.frameVisibleMap[item.id] === true ? true : false;
+      return _react2.default.createElement(
+        _NHDrawer2.default,
+        {
+          key: item.id,
+          title: item.title,
+          onClose: _this.handleCloseFrame,
+          visible: frameVisible,
+          onSave: item.onSave
+        },
+        item.render ? item.render() : null
+      );
+    };
+
+    _this.getDefaultModals = function (item) {
+      return _react2.default.createElement(
+        'div',
+        null,
+        item.render ? item.render() : null
+      );
+    };
+
+    _this.show = function (id) {
+      if (!id) {
+        return;
+      }
+      if (_this.state.modalsTypeMap[id] === 'modal') {
+        _this.modalRefs[id].show();
+      } else if (_this.state.modalsTypeMap[id] === 'inline') {
+        _this.setCurrentPageShow(id);
+      } else {
+        var frameVisibleMap = _this.state.frameVisibleMap;
+        frameVisibleMap[id] = true;
+        _this.setState({
+          frameVisibleMap: frameVisibleMap
+        });
+      }
+    };
+
+    _this.close = function (id) {
+      if (!id) {
+        return;
+      }
+      if (_this.state.modalsTypeMap[id] === 'modal') {
+        _this.modalRefs[id].close();
+      } else {
+        _this.setCurrentPageShow("tableFlag");
+      }
+    };
+
+    _this.getSelectedRows = function () {
+      return _this.nhTable.state.selectedRows;
+    };
+
+    _this.getSelectedRowKeys = function () {
+      return _this.nhTable.state.selectedRowKeys;
+    };
+
+    _this.getData = function () {
+      return _this.nhTable.state.data;
+    };
+
+    _this.filterTableData = function () {
+      _this.nhTable.filterTableData();
+    };
+
+    _this.readTableData = function () {
+      _this.nhTable.readTableData();
+    };
+
+    _this.state = {
+      formInitData: {},
+      frameVisibleMap: { //是否显示内嵌框或抽屉
+        tableFlag: true
+      },
+      modalsTypeMap: {}, //弹窗的类型
+      showOperationBtn: false //是否显示需要选中数据的按钮
+    };
+    return _this;
+  }
+
+  //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
+
+
+  (0, _createClass3.default)(NBTable, [{
+    key: 'UNSAFE_componentWillMount',
+    value: function UNSAFE_componentWillMount() {
+      var modals = this.props.modals;
+      if (modals && modals.length > 0) {
+        var modalsTypeMap = this.state.modalsTypeMap;
+        for (var i = 0; i < modals.length; i++) {
+          modalsTypeMap[modals[i].id] = modals[i].type;
+        }
+        this.setState({ modalsTypeMap: modalsTypeMap });
+      }
+    }
+
+    //设置当前页面显示（内嵌和抽屉）
+
+
+    //面板关闭按钮点击事件
+
+    //选择行后显示删除操作按钮
+
+
+    //导出Excel文件
+
+
+    /**
+     * 危险按钮点击事件
+     */
+
+
+    /**
+     * 获取按钮渲染代码
+     */
+
+
+    /**
+     * 获取表单窗口的渲染代码
+     */
+
+
+    /**
+     * 获取内嵌框信息
+     */
+
+
+    /**
+     * 获取弹窗
+     */
+
+
+    /**
+     * 获取抽屉
+     */
+
+
+    //***********************************************************//
+    //*********************对外提供的方法-开始*********************//
+    //***********************************************************//
+    /**
+     * 显示弹窗
+     */
+
+
+    /**
+     * 关闭弹窗
+     */
+
+
+    /**
+     * 获取选中的所有的数据
+     */
+
+
+    /**
+     * 获取选中的数据的key的集合
+     */
+
+
+    /**
+     * 获取列表的渲染的数据
+     */
+
+
+    /**
+     * 重新加载数据，从第一页开始
+     */
+
+
+    /**
+     * 重新加载数据，留在当前页
+     */
+
+  }, {
+    key: 'render',
+
+
+    //***********************************************************//
+    //*********************对外提供的方法-结束*********************//
+    //***********************************************************//
+
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          prevRender = _props.prevRender,
+          nextRender = _props.nextRender,
+          buttons = _props.buttons,
+          modals = _props.modals,
+          height = _props.height,
+          restProps = (0, _objectWithoutProperties3.default)(_props, ['prevRender', 'nextRender', 'buttons', 'modals', 'height']);
+
+      var divHeight = height ? height : (0, _getSize2.default)().contentH - 12;
+      return _react2.default.createElement(
+        'div',
+        { className: "xgui-main-right-content", style: { height: divHeight } },
+        _react2.default.createElement(
+          'div',
+          { style: { display: this.state.frameVisibleMap.tableFlag ? 'block' : 'none', height: divHeight - 20 } },
+          prevRender ? prevRender : null,
+          _react2.default.createElement(
+            _NHTable2.default,
+            (0, _extends3.default)({ ref: function ref(ele) {
+                return _this2.nhTable = ele;
+              },
+              rowSelectionChange: this.rowSelectionChange
+            }, restProps),
+            this.getButtonsHtml(this.props.children)
+          ),
+          nextRender ? nextRender : null
+        ),
+        this.getModalHtml()
+      );
+    }
+  }]);
+  return NBTable;
+}(_react2.default.Component);
+
+//属性默认值
+
+
+NBTable.defaultProps = {
+  sign: undefined, //数据源的标志
+  height: undefined, //组件的高度
+  tip: undefined, //列表的提示
+  prevRender: undefined, //列表前面渲染的组件
+  nextRender: undefined, //列表后面渲染的组件
+  initParams: undefined, //初始化过滤的参数，这个不会根据重置而改变
+  searchParams: {}, //【推荐存在】查询条件的参数
+  sqlParams: {}, //【根据需求判断】放在sql语句语句中的参数
+  onSelect: undefined, //选中行的回调事件
+  action: [], //行内操作
+  rangeFilterList: undefined, // 自定义职务过滤列表
+  funcParams: {}, //如果在columns内部写代码操作时，用键值对的形式存起来
+  baseUrl: undefined //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+
+
+  //属性检查
+};NBTable.propTypes = {
+  sign: _propTypes2.default.string, //数据源的标志
+  height: _propTypes2.default.number, //组件的高度
+  tip: _propTypes2.default.string, //列表的提示
+  prevRender: _propTypes2.default.func, //列表前面渲染的组件
+  nextRender: _propTypes2.default.func, //列表后面渲染的组件
+  initParams: _propTypes2.default.any, //初始化过滤的参数，这个不会根据重置而改变
+  searchParams: _propTypes2.default.any, //【推荐存在】查询条件的参数
+  sqlParams: _propTypes2.default.any, //【根据需求判断】放在sql语句语句中的参数
+  onSelect: _propTypes2.default.func, //选中行的回调事件
+  action: _propTypes2.default.array, //行内操作
+  rangeFilterList: _propTypes2.default.array, // 自定义职务过滤列表
+  funcParams: _propTypes2.default.any, //如果在columns内部写代码操作时，用键值对的形式存起
+  buttons: _propTypes2.default.array, //按钮列表
+  modals: _propTypes2.default.array, //弹窗列表(内嵌、抽屉)
+  baseUrl: _propTypes2.default.string //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+};
+
+exports.default = NBTable;
+/*
+[{
+  type:'primary',//按钮类型，primary:主按钮，default:次级按钮，danger：危险按钮，export:导出按钮
+  auth:'zhxg_tykfzpt_inday:add',//按钮的权限
+  onClick:() => {}, //按钮点击事件
+  name:'新增',//按钮的名称
+  exportTitle:'导出学生信息',//导出按钮的初始化标题
+}]
+*/
+/*
+[
+  {
+    type:'inline',//类型,inline:内嵌,modal:弹窗,drawer:抽屉,default:其他(表示这就是一个div，啥事情也没干)
+    title:'新增信息表单', //标题
+    onSave: () => {}, //保存点击事件
+    id:'nhAddModal',//唯一标识
+    render: () => { return <div></div>}
+  }
+]
+*/