dlt-for-react 1.1.16 → 1.1.18

package/lib/components/HqTeaSelector/index.js

@@ -0,0 +1,221 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HqTeaSelector = undefined;
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _tooltip = require("antd/lib/tooltip");
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+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/tooltip/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHSelector = require("../NHSelector");
+
+var _NHSelector2 = _interopRequireDefault(_NHSelector);
+
+require("../../../assets/teaSelector/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var HqTeaSelector = exports.HqTeaSelector = function (_React$Component) {
+  (0, _inherits3.default)(HqTeaSelector, _React$Component);
+
+  function HqTeaSelector(props) {
+    (0, _classCallCheck3.default)(this, HqTeaSelector);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HqTeaSelector.__proto__ || (0, _getPrototypeOf2.default)(HqTeaSelector)).call(this, props));
+
+    _this.show = function (initValues) {
+      _this.teacherSelector.show(initValues);
+    };
+
+    _this.singerBottomShowRender = function (record) {
+      var xm = record.XM || record.xm;
+      var gh = record.GH || record.gh;
+      var bmmc = record.BMMC || record.bmmc;
+      return _react2.default.createElement(
+        "span",
+        null,
+        _react2.default.createElement(
+          "font",
+          { className: "dlt-selector-tea-xmCss" },
+          xm
+        ),
+        _react2.default.createElement(
+          "font",
+          null,
+          "\uFF08",
+          gh,
+          "\uFF09"
+        ),
+        _react2.default.createElement(
+          "font",
+          null,
+          bmmc
+        )
+      );
+    };
+
+    _this.state = {};
+    return _this;
+  }
+
+  /**
+   * 单选时底部结果渲染
+   * @param record 选中的那条结果数据
+   */
+
+
+  (0, _createClass3.default)(HqTeaSelector, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var columns = [{
+        key: "rowId",
+        title: "序号",
+        width: "60",
+        render: function render(text, record) {
+          return record.ROW_ID || record.rowId;
+        }
+      }, {
+        key: "gh",
+        title: "工号",
+        minWidth: "100",
+        sorted: false,
+        render: function render(text, record) {
+          return record.GH || record.gh;
+        }
+      }, {
+        key: "xm",
+        title: "姓名",
+        minWidth: "70",
+        sorted: false,
+        render: function render(text, record) {
+          return record.XM || record.xm;
+        }
+      }, {
+        key: "xb",
+        title: "性别",
+        minWidth: "60",
+        sorted: false,
+        render: function render(text, record) {
+          return record.XB || record.xb;
+        }
+      }, {
+        key: "sjbmmc",
+        title: "上级部门",
+        minWidth: "180",
+        sorted: false,
+        render: function render(text, record, index) {
+          var sjbmmc = record.SJBMMC || record.sjbmmc;
+          if (sjbmmc && sjbmmc.length > 13) {
+            return _react2.default.createElement(
+              "font",
+              null,
+              _react2.default.createElement(
+                _tooltip2.default,
+                { title: sjbmmc },
+                sjbmmc.substring(0, 13),
+                "..."
+              )
+            );
+          } else {
+            return _react2.default.createElement(
+              "font",
+              null,
+              sjbmmc
+            );
+          }
+        }
+      }, {
+        key: "bmmc",
+        title: "部门名称",
+        minWidth: "180",
+        sorted: false,
+        render: function render(text, record, index) {
+          var bmmc = record.BMMC || record.bmmc;
+          if (bmmc && bmmc.length > 13) {
+            return _react2.default.createElement(
+              "font",
+              null,
+              _react2.default.createElement(
+                _tooltip2.default,
+                { title: bmmc },
+                bmmc.substring(0, 13),
+                "..."
+              )
+            );
+          } else {
+            return _react2.default.createElement(
+              "font",
+              null,
+              bmmc
+            );
+          }
+        }
+      }];
+      return _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(_NHSelector2.default, (0, _extends3.default)({
+          ref: function ref(form) {
+            _this2.teacherSelector = form;
+          },
+          columns: columns,
+          singerBottomShowRender: this.singerBottomShowRender
+        }, this.props))
+      );
+    }
+  }]);
+  return HqTeaSelector;
+}(_react2.default.Component);
+
+HqTeaSelector.defaultProps = {
+  sign: "zhxg_selector_jsxx", // 数据标识
+  title: "教师选择器",
+  mode: "treeAndTable", //模式：tree:只存在树，table:只存在列表，treeAndTable：存在树和列表
+  keyField: "JSID",
+  titleField: "XM",
+  searchField: "gh,xm,xb,bmmc", // 搜索的关键词对应的字段
+  searchWidth: "300", // 查询框宽度
+  placeholder: "姓名/工号/性别/部门名称", //查询框的提示
+  treeWidth: 250, //树宽度
+  tableWidth: 720, // 列表宽度
+  resultWidth: 150, // 结果区域宽度
+  height: 500, // 选择器高度
+  treeShowIcon: true, // 树是否需要显示图标
+  singerBottomShowFlag: true // 单选时，结果显示在下方
+};
+
+exports.default = HqTeaSelector;

package/lib/components/KyCollapse/index.js

@@ -1,53 +1,52 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = require('babel-runtime/helpers/createClass');
+var _createClass2 = require("babel-runtime/helpers/createClass");
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = require('babel-runtime/helpers/inherits');
+var _inherits2 = require("babel-runtime/helpers/inherits");
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _collapse = require('antd/lib/collapse');
+var _collapse = require("antd/lib/collapse");
 
 var _collapse2 = _interopRequireDefault(_collapse);
 
-require('antd/lib/collapse/style');
+require("antd/lib/collapse/style");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _propTypes = require('prop-types');
+var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _KyTitle = require('../KyTitle');
+var _KyTitle = require("../KyTitle");
 
 var _KyTitle2 = _interopRequireDefault(_KyTitle);
 
-require('../../../assets/components/KyCollapse/index.less');
+require("../../../assets/components/KyCollapse/index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Panel = _collapse2.default.Panel;
-// import { Scrollbars } from 'react-custom-scrollbars';
 
 /**
  * 容器框架组件
@@ -65,7 +64,7 @@ var KyCollapse = function (_React$Component) {
   }
 
   (0, _createClass3.default)(KyCollapse, [{
-    key: 'render',
+    key: "render",
     value: function render() {
       var _props = this.props,
           children = _props.children,
@@ -77,25 +76,25 @@ var KyCollapse = function (_React$Component) {
           style = _props.style,
           defaultExpansion = _props.defaultExpansion;
 
-      var defaultActiveKey = ['1'];
+      var defaultActiveKey = ["1"];
       if (!defaultExpansion) {
         defaultActiveKey = [];
       }
       return _react2.default.createElement(
-        'div',
-        { className: 'KyCollapse' },
+        "div",
+        { className: "KyCollapse" },
         _react2.default.createElement(
           _collapse2.default,
           {
             bordered: bordered,
-            expandIconPosition: 'right',
+            expandIconPosition: "right",
             defaultActiveKey: defaultActiveKey,
-            className: 'site-collapse-custom-collapse'
+            className: "site-collapse-custom-collapse"
           },
           _react2.default.createElement(
             Panel,
             {
-              className: 'site-collapse-custom-panel',
+              className: "site-collapse-custom-panel",
               header: _react2.default.createElement(_KyTitle2.default, {
                 title: title,
                 onClick: onClick,
@@ -103,7 +102,7 @@ var KyCollapse = function (_React$Component) {
                 className: className,
                 style: style
               }),
-              key: '1'
+              key: "1"
             },
             children
           )
@@ -122,9 +121,9 @@ var KyCollapse = function (_React$Component) {
 KyCollapse.defaultProps = {
   defaultExpansion: true,
   bordered: false,
-  title: '标题', // KyTitle页面标题
-  btnText: '操作', // KyTitle右侧按钮文本
-  className: '', // KyTitle组件类选择器名称
+  title: "标题", // KyTitle页面标题
+  btnText: "操作", // KyTitle右侧按钮文本
+  className: "", // KyTitle组件类选择器名称
   style: {}
 };
 

package/lib/components/KyContainerFrame/index.js

@@ -66,7 +66,7 @@ var _propTypes = require("prop-types");
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _reactCustomScrollbars = require("react-custom-scrollbars");
+var _reactCustomScrollbarsPatched = require("react-custom-scrollbars-patched");
 
 var _utils = require("../../utils");
 
@@ -153,7 +153,7 @@ var KyContainerFrame = function (_React$Component) {
 
       if (scroll) {
         return _react2.default.createElement(
-          _reactCustomScrollbars.Scrollbars,
+          _reactCustomScrollbarsPatched.Scrollbars,
           { autoHide: true, style: { width: "100%", height: contentHeight } },
           _react2.default.createElement(
             "div",

package/lib/components/KyEditableTable/component.js

@@ -1,65 +1,65 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SwitchComponents = undefined;
 
-var _treeSelect = require('antd/lib/tree-select');
+var _treeSelect = require("antd/lib/tree-select");
 
 var _treeSelect2 = _interopRequireDefault(_treeSelect);
 
-var _radio = require('antd/lib/radio');
+var _radio = require("antd/lib/radio");
 
 var _radio2 = _interopRequireDefault(_radio);
 
-var _datePicker = require('antd/lib/date-picker');
+var _datePicker = require("antd/lib/date-picker");
 
 var _datePicker2 = _interopRequireDefault(_datePicker);
 
-var _switch = require('antd/lib/switch');
+var _switch = require("antd/lib/switch");
 
 var _switch2 = _interopRequireDefault(_switch);
 
-var _inputNumber = require('antd/lib/input-number');
+var _inputNumber = require("antd/lib/input-number");
 
 var _inputNumber2 = _interopRequireDefault(_inputNumber);
 
-var _input = require('antd/lib/input');
+var _input = require("antd/lib/input");
 
 var _input2 = _interopRequireDefault(_input);
 
-var _extends2 = require('babel-runtime/helpers/extends');
+var _extends2 = require("babel-runtime/helpers/extends");
 
 var _extends3 = _interopRequireDefault(_extends2);
 
-var _select = require('antd/lib/select');
+var _select = require("antd/lib/select");
 
 var _select2 = _interopRequireDefault(_select);
 
-require('antd/lib/tree-select/style');
+require("antd/lib/tree-select/style");
 
-require('antd/lib/radio/style');
+require("antd/lib/radio/style");
 
-require('antd/lib/date-picker/style');
+require("antd/lib/date-picker/style");
 
-require('antd/lib/switch/style');
+require("antd/lib/switch/style");
 
-require('antd/lib/input-number/style');
+require("antd/lib/input-number/style");
 
-require('antd/lib/input/style');
+require("antd/lib/input/style");
 
-require('antd/lib/select/style');
+require("antd/lib/select/style");
 
-require('../../../assets/components/KyEditableTable/index.less');
+require("../../../assets/components/KyEditableTable/index.less");
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _xguiForReact = require('xgui-for-react');
+var _HqSelect = require("../HqSelect");
 
-var _debounce = require('lodash/debounce');
+var _debounce = require("lodash/debounce");
 
 var _debounce2 = _interopRequireDefault(_debounce);
 
@@ -68,7 +68,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var Option = _select2.default.Option;
 
 
-var styles = { style: { width: '100%' } };
+var styles = { style: { width: "100%" } };
 
 var changeInputData = function changeInputData(value, dataIndex, form, record, func) {
   delayedChange(value, dataIndex, form, record, func);
@@ -90,7 +90,7 @@ var SwitchComponents = exports.SwitchComponents = function SwitchComponents(type
   var selectOptions = arguments[6];
 
   switch (type) {
-    case 'text':
+    case "text":
       return _react2.default.createElement(_input2.default, (0, _extends3.default)({}, config, styles, {
         onClick: function onClick(e) {
           var callback = config.callback;
@@ -107,9 +107,9 @@ var SwitchComponents = exports.SwitchComponents = function SwitchComponents(type
           changeInputData(e.target.value, dataIndex, form, record, func);
         } //监听失去焦点
       }));
-    case 'hidden':
+    case "hidden":
       return _react2.default.createElement(_input2.default, (0, _extends3.default)({}, config, styles));
-    case 'number':
+    case "number":
       return _react2.default.createElement(_inputNumber2.default, (0, _extends3.default)({}, config, styles, {
         onClick: function onClick(e) {
           var callback = config.callback;
@@ -120,15 +120,15 @@ var SwitchComponents = exports.SwitchComponents = function SwitchComponents(type
           changeInputData(value, dataIndex, form, record, func);
         }
       }));
-    case 'switch':
+    case "switch":
       return _react2.default.createElement(_switch2.default, config);
-    case 'date':
+    case "date":
       return _react2.default.createElement(_datePicker2.default, (0, _extends3.default)({}, config, {
         onChange: function onChange(value) {
           changeInputData(value, dataIndex, form, record, func);
         }
       }));
-    case 'select':
+    case "select":
       return _react2.default.createElement(
         _select2.default,
         (0, _extends3.default)({
@@ -138,8 +138,8 @@ var SwitchComponents = exports.SwitchComponents = function SwitchComponents(type
           onChange: function onChange(value) {
             changeInputData(value, dataIndex, form, record, func);
           },
-          optionFilterProp: 'children',
-          placeholder: '\u8BF7\u9009\u62E9',
+          optionFilterProp: "children",
+          placeholder: "\u8BF7\u9009\u62E9",
           showSearch: true,
           allowClear: true,
           style: { width: 200 }
@@ -152,7 +152,7 @@ var SwitchComponents = exports.SwitchComponents = function SwitchComponents(type
           );
         })
       );
-    case 'radio':
+    case "radio":
       return _react2.default.createElement(
         _radio2.default.Group,
         (0, _extends3.default)({
@@ -185,25 +185,25 @@ var SwitchComponents = exports.SwitchComponents = function SwitchComponents(type
       // >
       // </Select>
       ;
-    case 'nh-select':
-      return _react2.default.createElement(_xguiForReact.NHSelect, (0, _extends3.default)({
-        style: { width: '100%' }
+    case "nh-select":
+      return _react2.default.createElement(_HqSelect.HqSelect, (0, _extends3.default)({
+        style: { width: "100%" }
       }, config, {
         onChange: function onChange(value) {
           changeInputData(value, dataIndex, form, record, func);
         }
       }));
-    case 'tree-select':
+    case "tree-select":
       return _react2.default.createElement(_treeSelect2.default, (0, _extends3.default)({
         showSearch: true,
-        style: { width: '100%' },
+        style: { width: "100%" },
         treeData: selectOptions,
         onChange: function onChange(value) {
           changeInputData(value, dataIndex, form, record, func);
         },
-        dropdownStyle: { maxHeight: 400, overflow: 'auto' },
-        treeNodeFilterProp: 'title',
-        placeholder: '\u8BF7\u9009\u62E9',
+        dropdownStyle: { maxHeight: 400, overflow: "auto" },
+        treeNodeFilterProp: "title",
+        placeholder: "\u8BF7\u9009\u62E9",
         treeDefaultExpandAll: true,
         allowClear: true
       }, config, styles));