dlt-for-react 1.0.13 → 1.0.14

package/lib/components/KyTableCardList/highSelect.js

@@ -0,0 +1,301 @@
+"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 _toConsumableArray2 = require("babel-runtime/helpers/toConsumableArray");
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _keys = require("babel-runtime/core-js/object/keys");
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _assign = require("babel-runtime/core-js/object/assign");
+
+var _assign2 = _interopRequireDefault(_assign);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _select = require("antd/lib/select");
+
+var _select2 = _interopRequireDefault(_select);
+
+require("antd/lib/select/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _NHFetch = require("../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * value和label值都是一样的下拉框
+ * 支持本地数据、sign，代码标志（DMK_DMBZ）
+ * 除了特有属性，其他同antd Select
+ */
+var Option = _select2.default.Option; /*
+                                       * @Description: 高级搜索使用的下拉框
+                                       * @Author: zengweijin
+                                       * @Date: 2019-09-11 10:34:17
+                                       * @LastEditors: jiangzhongxin
+                                       * @LastEditTime: 2023-10-25 16:23:11
+                                       */
+
+var HighSelect = function (_React$Component) {
+  (0, _inherits3.default)(HighSelect, _React$Component);
+  (0, _createClass3.default)(HighSelect, null, [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps) {
+      var updateState = {};
+      if ("dataSource" in nextProps) {
+        var data = nextProps.dataSource;
+        (0, _assign2.default)(updateState, { data: data });
+      }
+
+      if ((0, _keys2.default)(updateState).length > 0) {
+        return updateState;
+      }
+
+      return null;
+    }
+  }]);
+
+  function HighSelect(props) {
+    (0, _classCallCheck3.default)(this, HighSelect);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HighSelect.__proto__ || (0, _getPrototypeOf2.default)(HighSelect)).call(this, props));
+
+    _this.loadRemoteData = function (sign) {
+      var baseUrl = _this.props.baseUrl || "";
+      (0, _NHFetch2.default)(baseUrl + "/proData/selectDataList", "GET", {
+        sign: sign,
+        t: new Date().getTime()
+      }).then(function (res) {
+        if (res) {
+          _this.parseData(res.data);
+        }
+      });
+    };
+
+    _this.loadLocalData = function () {
+      if (_this.props.dataSource) {
+        _this.setState({ data: [].concat((0, _toConsumableArray3.default)(_this.props.dataSource)) });
+      }
+    };
+
+    _this.parseData = function (data) {
+      if (data) {
+        _this.setState({ data: [].concat((0, _toConsumableArray3.default)(data)) });
+      } else {
+        //如果远程数据为空，则尝试加载本地数据源
+        _this.loadLocalData();
+      }
+    };
+
+    _this.state = {
+      data: []
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(HighSelect, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var sign = this.props.sign;
+      //如果是使用数据源标识，则优先加载远程数据
+
+      if (sign && sign != "") {
+        this.loadRemoteData(sign);
+      } else {
+        //如果没有使用远程数据，则加载本地数据
+        this.loadLocalData();
+      }
+    }
+    //加载远程数据
+
+
+    //加载本地数据
+
+
+    //解析数据
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          filterData = _props.filterData,
+          otherprops = (0, _objectWithoutProperties3.default)(_props, ["filterData"]);
+      var data = this.state.data;
+
+      var options = [];
+
+      //如果有过滤条件
+      if (filterData) {
+        var type = filterData.type,
+            _filterData$filterkey = filterData.filterkeys,
+            filterkeys = _filterData$filterkey === undefined ? [] : _filterData$filterkey;
+
+        switch (type) {
+          //过滤掉指定key值
+          case "remove":
+            {
+              var newData = data.filter(function (item) {
+                if (filterkeys.find(function (key) {
+                  return (item.VALUE || item.value) == key;
+                })) {
+                  return false;
+                } else {
+                  return true;
+                }
+              });
+              options = newData.map(function (option) {
+                return _react2.default.createElement(
+                  Option,
+                  {
+                    key: option.VALUE || option.value,
+                    value: option.LABEL || option.label
+                  },
+                  option.LABEL || option.label
+                );
+              });
+              break;
+            }
+          //保留指定key值
+          case "save":
+            {
+              var _newData = data.filter(function (item) {
+                if (filterkeys.find(function (key) {
+                  return (item.VALUE || item.value) == key;
+                })) {
+                  return true;
+                } else {
+                  return false;
+                }
+              });
+              options = _newData.map(function (option) {
+                return _react2.default.createElement(
+                  Option,
+                  {
+                    key: option.VALUE || option.value,
+                    value: option.LABEL || option.label
+                  },
+                  option.LABEL || option.label
+                );
+              });
+              break;
+            }
+          //未找到指定过滤类型，则不做过滤
+          default:
+            {
+              options = data.map(function (option) {
+                return _react2.default.createElement(
+                  Option,
+                  {
+                    key: option.VALUE || option.value,
+                    value: option.LABEL || option.label
+                  },
+                  option.LABEL || option.label
+                );
+              });
+              break;
+            }
+        }
+      } else {
+        options = data.map(function (option) {
+          return _react2.default.createElement(
+            Option,
+            {
+              key: option.VALUE || option.value,
+              value: option.LABEL || option.label
+            },
+            option.LABEL || option.label
+          );
+        });
+      }
+
+      return _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(
+          _select2.default,
+          (0, _extends3.default)({}, otherprops, {
+            showSearch: true,
+            notFoundContent: "无数据",
+            filterOption: function filterOption(input, option) {
+              return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+            }
+          }),
+          options
+        )
+      );
+    }
+  }]);
+  return HighSelect;
+}(_react2.default.Component);
+
+//属性默认值
+
+
+HighSelect.defaultProps = {
+  placeholder: "请选择...",
+  disabled: false
+};
+
+//属性检查
+HighSelect.propTypes = {
+  sign: _propTypes2.default.string, //远程数据源标识
+  dataSource: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    label: _propTypes2.default.node
+  })), //本地数据源
+  // style: PropTypes.object, //样式
+  // placeholder: PropTypes.string, //下拉提示
+  // disabled: PropTypes.bool, //是否禁用
+  // defaultValue: PropTypes.oneOf([PropTypes.string,PropTypes.arrayOf(PropTypes.string)]), //默认值
+  // value: PropTypes.oneOf([PropTypes.string,PropTypes.arrayOf(PropTypes.string)]), //初始值
+  filterData: _propTypes2.default.shape({
+    type: _propTypes2.default.oneOf(["remove", "save"]), //是保留还是过滤掉
+    filterkeys: _propTypes2.default.array //保留或过滤的key值
+  }), //要过滤掉的Key值
+  // onSelect: PropTypes.func,//下拉选项选中时回调
+  // onChange: PropTypes.func,//下拉框值变化时回调
+  baseUrl: _propTypes2.default.string //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+};
+
+exports.default = HighSelect;