cloud-b2b 1.1.46 → 1.1.50

package/es/Search/Search.js

@@ -20,8 +20,11 @@ import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _Form from "antd/es/form";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context12, _context13; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context12 = ownKeys(Object(source), !0)).call(_context12, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context13 = ownKeys(Object(source))).call(_context13, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -31,8 +34,11 @@ import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instanc
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
@@ -42,28 +48,29 @@ import variables from '../variables';
 var FormItem = _Form.Item;
 var defaultSize = 'small';
 var defaultColNum = 4;
-var TYPE = ['text', 'search', 'select', 'number', 'date', 'readonly', 'selectSearch', 'cascader' //级联选择下拉
+var TYPE = ['text', 'search', 'select', 'number', 'date', 'readonly', 'selectSearch', 'cascader', //级联选择下拉
+'treeSelect' //树选择
 ];
-
 /**
  * search: 搜索按钮的标题
  * more：更多按钮的标题
  * reset：重置按钮的标题
  * sort：排序按钮的标题
  */
+
 var ConfigType = {
   search: PropTypes.string.isRequired,
   reset: PropTypes.string,
   sort: PropTypes.string,
   more: PropTypes.string
 };
-
 /**
  * key: 唯一标识一个表单元素
  * title：表单元素旁边的标题
  * type：表单元素的类型
  * props：传递给表单元素的额外属性
  */
+
 var FilterType = {
   key: PropTypes.string.isRequired,
   title: PropTypes.string.isRequired,
@@ -71,7 +78,6 @@ var FilterType = {
   options: PropTypes.array,
   props: PropTypes.object
 };
-
 /**
  * data：传递给filters的默认值，为key:value的形式，此处的key为FilterType中的key
  * isSort：是否需要排序按钮，默认false，当设置为true时，onClick函数需要实现key为sort的响应函数
@@ -81,59 +87,84 @@ var FilterType = {
  * onSearch：search控件发出的事件，原型为func(key, value)
  * displayRow：折叠时需要展示的行数，整数，默认为1
  */
+
 var Search = /*#__PURE__*/function (_React$Component) {
   _inherits(Search, _React$Component);
+
   var _super = _createSuper(Search);
+
   function Search() {
     var _context;
+
     var _this;
+
     _classCallCheck(this, Search);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _super.call.apply(_super, _concatInstanceProperty(_context = [this]).call(_context, args));
+
     _defineProperty(_assertThisInitialized(_this), "state", {
       more: false
     });
+
     _defineProperty(_assertThisInitialized(_this), "onClick", function (key) {
       var onClick = _this.props.onClick;
       onClick && onClick(key);
     });
+
     _defineProperty(_assertThisInitialized(_this), "onMore", function () {
       var onHeightChange = _this.props.onHeightChange;
+
       _this.setState({
         more: !_this.state.more
       });
+
       onHeightChange && onHeightChange(_this.calHeight(!_this.state.more));
     });
+
     _defineProperty(_assertThisInitialized(_this), "onChange", function (dictionary, key, value) {
       var _context2, _context3;
+
       var onChange = _this.props.onChange;
+
       if (value && key === 'queryGroup' && dictionary && global.dictionary && global.dictionary[dictionary] && !_includesInstanceProperty(_context2 = _mapInstanceProperty(_context3 = global.dictionary[dictionary]).call(_context3, function (item) {
         return item.value;
       })).call(_context2, value)) {
         var _context4;
+
         var realValue = JSON.parse(value);
+
         _this.onClick('reset');
+
         _mapInstanceProperty(_context4 = _Object$keys(realValue)).call(_context4, function (objectKey) {
           onChange && objectKey !== 'queryId' && onChange(objectKey, realValue[objectKey]);
         });
       }
+
       onChange && onChange(key, value);
     });
+
     _defineProperty(_assertThisInitialized(_this), "onPressEnter", function () {
       ReactDOM.findDOMNode(_this.refs.search).click();
     });
+
     _defineProperty(_assertThisInitialized(_this), "toButton", function (key) {
       var _context5;
+
       var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var config = _this.props.config;
+
       var onClick = _bindInstanceProperty(_context5 = _this.onClick).call(_context5, _assertThisInitialized(_this), key);
+
       return /*#__PURE__*/React.createElement(_Button, _extends({
         size: defaultSize,
         onClick: onClick
       }, props), config[key]);
     });
+
     _defineProperty(_assertThisInitialized(_this), "toMore", function () {
       return /*#__PURE__*/React.createElement("a", {
         role: "more",
@@ -143,6 +174,7 @@ var Search = /*#__PURE__*/function (_React$Component) {
         "data-status": !_this.state.more ? 'down' : 'up'
       }));
     });
+
     _defineProperty(_assertThisInitialized(_this), "toButtons", function () {
       var config = _this.props.config;
       return /*#__PURE__*/React.createElement("div", {
@@ -152,43 +184,50 @@ var Search = /*#__PURE__*/function (_React$Component) {
         type: 'primary'
       }), config.reset ? _this.toButton('reset') : null, _this.isSort() ? _this.toButton('sort') : null, _this.isMore() ? _this.toMore() : null);
     });
+
     _defineProperty(_assertThisInitialized(_this), "isSort", function () {
       var _this$props = _this.props,
-        config = _this$props.config,
-        _this$props$colNum = _this$props.colNum,
-        colNum = _this$props$colNum === void 0 ? defaultColNum : _this$props$colNum,
-        filters = _this$props.filters,
-        _this$props$isSort = _this$props.isSort,
-        isSort = _this$props$isSort === void 0 ? false : _this$props$isSort;
+          config = _this$props.config,
+          _this$props$colNum = _this$props.colNum,
+          colNum = _this$props$colNum === void 0 ? defaultColNum : _this$props$colNum,
+          filters = _this$props.filters,
+          _this$props$isSort = _this$props.isSort,
+          isSort = _this$props$isSort === void 0 ? false : _this$props$isSort;
       return isSort && _sortInstanceProperty(config) && filters.length > colNum;
     });
+
     _defineProperty(_assertThisInitialized(_this), "isMore", function () {
       var _this$props2 = _this.props,
-        config = _this$props2.config,
-        _this$props2$colNum = _this$props2.colNum,
-        colNum = _this$props2$colNum === void 0 ? defaultColNum : _this$props2$colNum,
-        filters = _this$props2.filters,
-        _this$props2$displayR = _this$props2.displayRow,
-        displayRow = _this$props2$displayR === void 0 ? 1 : _this$props2$displayR;
+          config = _this$props2.config,
+          _this$props2$colNum = _this$props2.colNum,
+          colNum = _this$props2$colNum === void 0 ? defaultColNum : _this$props2$colNum,
+          filters = _this$props2.filters,
+          _this$props2$displayR = _this$props2.displayRow,
+          displayRow = _this$props2$displayR === void 0 ? 1 : _this$props2$displayR;
       return config.more && _filterInstanceProperty(filters).call(filters, function (item) {
         return !item.hide;
       }).length > colNum * displayRow;
     });
+
     _defineProperty(_assertThisInitialized(_this), "getOptions", function (filter) {
       var options = _this.props.options;
+
       if (options && _Array$isArray(options[filter.key])) {
         return options[filter.key];
       } else {
         return filter.options || filter.typeRelated || [];
       }
     });
+
     _defineProperty(_assertThisInitialized(_this), "getContainer", function () {
       return _this.props.getContainer;
     });
+
     _defineProperty(_assertThisInitialized(_this), "getControlProps", function (control) {
       var _context6;
+
       var _this$props$data = _this.props.data,
-        data = _this$props$data === void 0 ? {} : _this$props$data;
+          data = _this$props$data === void 0 ? {} : _this$props$data;
       return _objectSpread(_objectSpread({}, control.props || {}), {}, {
         size: defaultSize,
         type: control.type,
@@ -196,12 +235,14 @@ var Search = /*#__PURE__*/function (_React$Component) {
         onChange: _bindInstanceProperty(_context6 = _this.onChange).call(_context6, _assertThisInitialized(_this), control.dictionary, control.key)
       });
     });
+
     _defineProperty(_assertThisInitialized(_this), "validDate", function (_ref) {
       var key = _ref.key,
-        type = _ref.type;
+          type = _ref.type;
       return function (date) {
         var _this$props$data2 = _this.props.data,
-          data = _this$props$data2 === void 0 ? {} : _this$props$data2;
+            data = _this$props$data2 === void 0 ? {} : _this$props$data2;
+
         if (!date || !data[key]) {
           return false;
         } else {
@@ -215,29 +256,36 @@ var Search = /*#__PURE__*/function (_React$Component) {
         }
       };
     });
+
     _defineProperty(_assertThisInitialized(_this), "toText", function (props) {
       props.onPressEnter = _this.onPressEnter;
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
     _defineProperty(_assertThisInitialized(_this), "toNumber", function (props) {
       props.defaultValue = props.value;
       delete props.value;
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
     _defineProperty(_assertThisInitialized(_this), "getQueryGroupOptions", function (_ref2) {
       var dictionary = _ref2.dictionary,
-        _ref2$configCode = _ref2.configCode,
-        configCode = _ref2$configCode === void 0 ? 'unknown' : _ref2$configCode;
+          _ref2$configCode = _ref2.configCode,
+          configCode = _ref2$configCode === void 0 ? 'unknown' : _ref2$configCode;
       var realOptions = [];
+
       if (dictionary && global.dictionary) {
         var dicOptions = global.dictionary[dictionary] || [];
         realOptions = _concatInstanceProperty(realOptions).call(realOptions, dicOptions);
       }
+
       var state = global.store.getState();
       var path = ['layout', 'tableColsSetting', configCode];
+
       var _ref3 = getPathValue(state, path) || {},
-        _ref3$queryList = _ref3.queryList,
-        queryList = _ref3$queryList === void 0 ? [] : _ref3$queryList;
+          _ref3$queryList = _ref3.queryList,
+          queryList = _ref3$queryList === void 0 ? [] : _ref3$queryList;
+
       return _concatInstanceProperty(realOptions).call(realOptions, _mapInstanceProperty(queryList).call(queryList, function (item) {
         return {
           title: item.name,
@@ -245,13 +293,16 @@ var Search = /*#__PURE__*/function (_React$Component) {
         };
       }));
     });
+
     _defineProperty(_assertThisInitialized(_this), "toSelect", function (props, filter) {
       var container = _this.getContainer();
+
       container && (props.getPopupContainer = container);
       props.options = filter.key === 'queryGroup' ? _this.getQueryGroupOptions(filter) : _this.getOptions(filter);
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
     _defineProperty(_assertThisInitialized(_this), "createSearchEvent", function (filter) {
       if (_this.props.onSearch) {
         return function (value) {
@@ -261,25 +312,32 @@ var Search = /*#__PURE__*/function (_React$Component) {
         return null;
       }
     });
+
     _defineProperty(_assertThisInitialized(_this), "toSearch", function (props, filter) {
       var container = _this.getContainer();
+
       container && (props.getPopupContainer = container);
       props.options = _this.getOptions(filter);
       props.onSearch = _this.createSearchEvent(filter);
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
     _defineProperty(_assertThisInitialized(_this), "selectSearch", function (props, filter) {
       var container = _this.getContainer();
+
       container && (props.getPopupContainer = container);
       props.options = _this.getOptions(filter);
       props.onSearch = _this.createSearchEvent(filter);
       props.dropdownMatchSelectWidth = false;
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
     _defineProperty(_assertThisInitialized(_this), "toDate", function (props, _ref4) {
       var rule = _ref4.rule;
+
       var container = _this.getContainer();
+
       container && (props.getCalendarContainer = container);
       rule && (props.disabledDate = _this.validDate(rule));
       props.style = {
@@ -287,49 +345,78 @@ var Search = /*#__PURE__*/function (_React$Component) {
       };
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
     _defineProperty(_assertThisInitialized(_this), "toReadonly", function (props, filter) {
       props.value = getTitle(props.value, _this.getOptions(filter));
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
     _defineProperty(_assertThisInitialized(_this), "toCascader", function (props, filter) {
       var container = _this.getContainer();
+
       container && (props.getPopupContainer = container);
       props.options = _this.getOptions(filter);
       props.onSearch = _this.createSearchEvent(filter);
       props.placeholder = filter.placeholder || '';
       return /*#__PURE__*/React.createElement(Control, props);
     });
+
+    _defineProperty(_assertThisInitialized(_this), "toTreeSelect", function (props, filter) {
+      var container = _this.getContainer();
+
+      container && (props.getPopupContainer = container);
+      props.options = _this.getOptions(filter);
+      props.onSearch = _this.createSearchEvent(filter);
+      props.placeholder = filter.placeholder || '';
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+
     _defineProperty(_assertThisInitialized(_this), "toControl", function (control) {
       var props = _this.getControlProps(control);
+
       switch (control.type) {
         case 'text':
           return _this.toText(props, control);
+
         case 'number':
           return _this.toNumber(props, control);
+
         case 'select':
           return _this.toSelect(props, control);
+
         case 'selectSearch':
           return _this.selectSearch(props, control);
+
         case 'search':
           return _this.toSearch(props, control);
+
         case 'date':
           return _this.toDate(props, control);
+
         case 'readonly':
           return _this.toReadonly(props, control);
+
         case 'cascader':
           return _this.toCascader(props, control);
+
+        case 'treeSelect':
+          return _this.toTreeSelect(props, control);
+
         default:
           return 'type error';
       }
     });
+
     _defineProperty(_assertThisInitialized(_this), "toLabel", function (_ref5) {
       var title = _ref5.title,
-        key = _ref5.key,
-        dictionary = _ref5.dictionary,
-        _ref5$configCode = _ref5.configCode,
-        configCode = _ref5$configCode === void 0 ? 'unknown' : _ref5$configCode;
+          key = _ref5.key,
+          dictionary = _ref5.dictionary,
+          _ref5$configCode = _ref5.configCode,
+          configCode = _ref5$configCode === void 0 ? 'unknown' : _ref5$configCode;
+
       if (key === 'queryGroup') {
         var _context7, _context8;
+
         //查询组合
         return /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(_Icon, {
           role: "icon",
@@ -344,6 +431,7 @@ var Search = /*#__PURE__*/function (_React$Component) {
         return title;
       }
     });
+
     _defineProperty(_assertThisInitialized(_this), "toCol", function (span, control, more) {
       var factor = control.span || 1;
       return /*#__PURE__*/React.createElement(_Col, {
@@ -359,14 +447,16 @@ var Search = /*#__PURE__*/function (_React$Component) {
         required: control.required
       }, _this.toControl(control)));
     });
+
     _defineProperty(_assertThisInitialized(_this), "toCols", function () {
       var _context9;
+
       var _this$props3 = _this.props,
-        _this$props3$colNum = _this$props3.colNum,
-        colNum = _this$props3$colNum === void 0 ? defaultColNum : _this$props3$colNum,
-        filters = _this$props3.filters,
-        _this$props3$displayR = _this$props3.displayRow,
-        displayRow = _this$props3$displayR === void 0 ? 1 : _this$props3$displayR;
+          _this$props3$colNum = _this$props3.colNum,
+          colNum = _this$props3$colNum === void 0 ? defaultColNum : _this$props3$colNum,
+          filters = _this$props3.filters,
+          _this$props3$displayR = _this$props3.displayRow,
+          displayRow = _this$props3$displayR === void 0 ? 1 : _this$props3$displayR;
       var span = 24 / Math.min(colNum, _filterInstanceProperty(filters).call(filters, function (item) {
         return !item.hide;
       }).length);
@@ -376,27 +466,32 @@ var Search = /*#__PURE__*/function (_React$Component) {
         return _this.toCol(span, control, index >= colNum * displayRow);
       });
     });
+
     _defineProperty(_assertThisInitialized(_this), "calWidth", function () {
       var _this$props4 = _this.props,
-        _this$props4$colNum = _this$props4.colNum,
-        colNum = _this$props4$colNum === void 0 ? defaultColNum : _this$props4$colNum,
-        filters = _this$props4.filters;
+          _this$props4$colNum = _this$props4.colNum,
+          colNum = _this$props4$colNum === void 0 ? defaultColNum : _this$props4$colNum,
+          filters = _this$props4.filters;
+
       var length = _filterInstanceProperty(filters).call(filters, function (item) {
         return !item.hide;
       }).length;
+
       if (length < colNum) {
         return "".concat(length * 18, "%");
       } else {
         return "".concat(defaultColNum * 18, "%");
       }
     });
+
     _defineProperty(_assertThisInitialized(_this), "calHeight", function (more) {
       var _this$props5 = _this.props,
-        _this$props5$colNum = _this$props5.colNum,
-        colNum = _this$props5$colNum === void 0 ? defaultColNum : _this$props5$colNum,
-        filters = _this$props5.filters,
-        _this$props5$displayR = _this$props5.displayRow,
-        displayRow = _this$props5$displayR === void 0 ? 1 : _this$props5$displayR;
+          _this$props5$colNum = _this$props5.colNum,
+          colNum = _this$props5$colNum === void 0 ? defaultColNum : _this$props5$colNum,
+          filters = _this$props5.filters,
+          _this$props5$displayR = _this$props5.displayRow,
+          displayRow = _this$props5$displayR === void 0 ? 1 : _this$props5$displayR;
+
       if (more) {
         var row = Math.ceil(_filterInstanceProperty(filters).call(filters, function (item) {
           return !item.hide;
@@ -406,27 +501,34 @@ var Search = /*#__PURE__*/function (_React$Component) {
         return displayRow * 36 + (displayRow - 1) * 10;
       }
     });
+
     return _this;
   }
+
   _createClass(Search, [{
     key: "onAddQueryGroup",
     value: function () {
       var _onAddQueryGroup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(configCode, searchData, dictionary) {
         var onAddQueryGroup;
         return _regeneratorRuntime.wrap(function _callee$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
-            case 0:
-              onAddQueryGroup = this.props.onAddQueryGroup;
-              onAddQueryGroup && onAddQueryGroup(configCode, searchData, dictionary);
-            case 2:
-            case "end":
-              return _context10.stop();
+          while (1) {
+            switch (_context10.prev = _context10.next) {
+              case 0:
+                onAddQueryGroup = this.props.onAddQueryGroup;
+                onAddQueryGroup && onAddQueryGroup(configCode, searchData, dictionary);
+
+              case 2:
+              case "end":
+                return _context10.stop();
+            }
           }
         }, _callee, this);
       }));
+
       function onAddQueryGroup(_x, _x2, _x3) {
         return _onAddQueryGroup.apply(this, arguments);
       }
+
       return onAddQueryGroup;
     }()
   }, {
@@ -435,19 +537,24 @@ var Search = /*#__PURE__*/function (_React$Component) {
       var _onDelQueryGroup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(configCode, searchData, dictionary) {
         var onDelQueryGroup;
         return _regeneratorRuntime.wrap(function _callee2$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
-            case 0:
-              onDelQueryGroup = this.props.onDelQueryGroup;
-              onDelQueryGroup && onDelQueryGroup(configCode, searchData, dictionary);
-            case 2:
-            case "end":
-              return _context11.stop();
+          while (1) {
+            switch (_context11.prev = _context11.next) {
+              case 0:
+                onDelQueryGroup = this.props.onDelQueryGroup;
+                onDelQueryGroup && onDelQueryGroup(configCode, searchData, dictionary);
+
+              case 2:
+              case "end":
+                return _context11.stop();
+            }
           }
         }, _callee2, this);
       }));
+
       function onDelQueryGroup(_x4, _x5, _x6) {
         return _onDelQueryGroup.apply(this, arguments);
       }
+
       return onDelQueryGroup;
     }()
   }, {
@@ -468,8 +575,10 @@ var Search = /*#__PURE__*/function (_React$Component) {
       }, this.toCols())), this.toButtons());
     }
   }]);
+
   return Search;
 }(React.Component);
+
 _defineProperty(Search, "propTypes", {
   config: PropTypes.shape(ConfigType).isRequired,
   filters: PropTypes.arrayOf(PropTypes.shape(FilterType)).isRequired,
@@ -482,4 +591,5 @@ _defineProperty(Search, "propTypes", {
   onHeightChange: PropTypes.func,
   displayRow: PropTypes.number
 });
+
 export default Search;