cloud-b2b 1.1.51 → 1.1.53

package/es/InputEditor/InputEditor.js

@@ -0,0 +1,173 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+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 variables from '../variables';
+import helper from "../helper";
+var defaultMenus = ['head',
+// 标题
+'bold',
+// 粗体
+'fontSize',
+// 字号
+'fontName',
+// 字体
+'italic',
+// 斜体
+'underline',
+// 下划线
+'strikeThrough',
+// 删除线
+'foreColor',
+// 文字颜色
+'backColor',
+// 背景颜色
+'link',
+// 插入链接
+'list',
+// 列表
+'justify',
+// 对齐方式
+'quote',
+// 引用
+'image',
+// 插入图片
+'table',
+// 表格
+'code',
+// 插入代码
+'video' // 插入视频
+];
+var InputEditor = /*#__PURE__*/function (_React$Component) {
+  _inherits(InputEditor, _React$Component);
+  var _super = _createSuper(InputEditor);
+  function InputEditor() {
+    _classCallCheck(this, InputEditor);
+    return _super.apply(this, arguments);
+  }
+  _createClass(InputEditor, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props = this.props,
+        inputKey = _this$props.inputKey,
+        menus = _this$props.menus,
+        color = _this$props.color,
+        _this$props$showLinkI = _this$props.showLinkImg,
+        showLinkImg = _this$props$showLinkI === void 0 ? true : _this$props$showLinkI,
+        _this$props$uploadImg = _this$props.uploadImgShowBase64,
+        uploadImgShowBase64 = _this$props$uploadImg === void 0 ? true : _this$props$uploadImg,
+        onChange = _this$props.onChange,
+        value = _this$props.value,
+        readonly = _this$props.readonly,
+        _this$props$uploadVid = _this$props.uploadVideoServer,
+        uploadVideoServer = _this$props$uploadVid === void 0 ? '/api/proxy/base-server-service/file/client/upload/document' : _this$props$uploadVid;
+      if (!readonly) {
+        var elem = this.refs[inputKey];
+        this[inputKey] = new E(elem);
+        //配置菜单
+        menus && (this[inputKey].config.menus = menus);
+        //配置颜色
+        color && (this[inputKey].config.menus = color);
+        //配置菜单
+        this[inputKey].config.menus = defaultMenus;
+        if (menus) {
+          this[inputKey].config.menus = menus;
+        }
+        this[inputKey].config.uploadImgShowBase64 = uploadImgShowBase64; //是否可以上传图片
+        this[inputKey].config.showLinkImg = showLinkImg; //隐藏网络图片
+        if (uploadVideoServer) {
+          this[inputKey].config.uploadVideoServer = uploadVideoServer;
+          this[inputKey].config.uploadVideoMaxSize = 1024 * 1024 * 100; // 100MB
+          this[inputKey].config.uploadVideoAccept = ['mp4', 'webm', 'ogg']; // 支持的视频格式
+          this[inputKey].config.uploadVideoName = 'file'; // form-data fieldName
+          // 自定义视频插入回调
+          this[inputKey].config.uploadVideoHooks = {
+            customInsert: function () {
+              var _customInsert = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(insertVideo, results) {
+                var _context, _context2, URL_DOWNLOAD, _yield$helper$fetchJs, returnCode, result, returnMsg, currentOrigin, videoUrl;
+                return _regeneratorRuntime.wrap(function _callee$(_context3) {
+                  while (1) switch (_context3.prev = _context3.next) {
+                    case 0:
+                      console.log(results);
+                      if (!(results.returnCode === 0 && results.result)) {
+                        _context3.next = 16;
+                        break;
+                      }
+                      URL_DOWNLOAD = '/api/standard/download'; // 点击下载
+                      _context3.next = 5;
+                      return helper.fetchJson(_concatInstanceProperty(_context = "".concat(URL_DOWNLOAD, "/")).call(_context, results.result));
+                    case 5:
+                      _yield$helper$fetchJs = _context3.sent;
+                      returnCode = _yield$helper$fetchJs.returnCode;
+                      result = _yield$helper$fetchJs.result;
+                      returnMsg = _yield$helper$fetchJs.returnMsg;
+                      if (!(returnCode !== 0)) {
+                        _context3.next = 11;
+                        break;
+                      }
+                      return _context3.abrupt("return", helper.showError(returnMsg));
+                    case 11:
+                      currentOrigin = window.location.origin; // 获取当前页面的协议+域名+端口
+                      videoUrl = _concatInstanceProperty(_context2 = "".concat(currentOrigin, "/api/proxy/base-server-service/file/url/documents/open/")).call(_context2, results.result);
+                      insertVideo(videoUrl);
+                      _context3.next = 17;
+                      break;
+                    case 16:
+                      alert('视频上传失败: ' + (results.message || '未知错误'));
+                    case 17:
+                    case "end":
+                      return _context3.stop();
+                  }
+                }, _callee);
+              }));
+              function customInsert(_x, _x2) {
+                return _customInsert.apply(this, arguments);
+              }
+              return customInsert;
+            }()
+          };
+        }
+        this[inputKey].config.onchange = function (html) {
+          onChange && onChange(html);
+        };
+        //配置编辑区域的 z-index
+        this[inputKey].config.zIndex = 0;
+        this[inputKey].create();
+        this[inputKey].txt.html(value);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      // const {inputKey,value='', readonly} = this.props;
+      // !readonly && value && this[inputKey].txt.html(value);  //支持清空操作
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        inputKey = _this$props2.inputKey,
+        readonly = _this$props2.readonly,
+        value = _this$props2.value;
+      return /*#__PURE__*/React.createElement("div", {
+        className: variables('InputEditor')
+      }, readonly ? /*#__PURE__*/React.createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: "".concat(value)
+        }
+      }) : /*#__PURE__*/React.createElement("div", {
+        ref: inputKey
+      }));
+    }
+  }]);
+  return InputEditor;
+}(React.Component);
+export default InputEditor;

package/es/InputSearch/InputSearch.js

@@ -0,0 +1,266 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Input from "antd/es/input";
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _Icon from "antd/es/icon";
+import _AutoComplete from "antd/es/auto-complete";
+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 _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getObjectExclude } from '../helper';
+var SelectOption = _AutoComplete.Option;
+
+// 如果写在局部，每次渲染时生成的suffix引用值不同，会使antd的Input认为suffix动态变化了，从而导致Input报出警告 (antd的BUG)
+var suffix = /*#__PURE__*/React.createElement(_Icon, {
+  type: "search",
+  style: {
+    color: 'black',
+    opacity: 0.25,
+    marginRight: -4
+  }
+});
+var OPTION_STYLE = {
+  "float": 'right',
+  marginLeft: '1rem',
+  color: '#aaa',
+  whiteSpace: 'pre-wrap'
+};
+var OPTION_STYLE2 = {
+  display: 'block',
+  color: '#aaa',
+  whiteSpace: 'pre-wrap'
+};
+
+/**
+ * filter: 为true表示下拉列表会依据输入的值进行前端过滤，默认为true; 如果不想过滤，则设为false
+ * remark: 为true表示options的option中含有remark字段，并需要用remark值进行过滤下拉，默认为false
+ * searchWhenClick: 每次点击时，触发onSearch事件，默认为false
+ * noSearchWhenTypo: 当输入时，不触发onSearch事件，默认为false
+ */
+var PROPS = {
+  filter: PropTypes.bool,
+  remark: PropTypes.bool,
+  searchWhenClick: PropTypes.bool,
+  noSearchWhenTypo: PropTypes.bool,
+  options: PropTypes.array,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
+  inputRef: PropTypes.func,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  onSelect: PropTypes.func,
+  onSearch: PropTypes.func
+};
+var PROPS_KEYS = _Object$keys(PROPS);
+var InputSearch = /*#__PURE__*/function (_React$Component) {
+  _inherits(InputSearch, _React$Component);
+  var _super = _createSuper(InputSearch);
+  function InputSearch(_props) {
+    var _this;
+    _classCallCheck(this, InputSearch);
+    _this = _super.call(this, _props);
+    _defineProperty(_assertThisInitialized(_this), "onSearch", function (value) {
+      _this.setState({
+        value: value
+      });
+      var _this$props = _this.props,
+        onSearch = _this$props.onSearch,
+        noSearchWhenTypo = _this$props.noSearchWhenTypo;
+      !noSearchWhenTypo && onSearch && onSearch(value);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onBlur", function () {
+      var _this$props2 = _this.props,
+        _this$props2$autoAdd = _this$props2.autoAdd,
+        autoAdd = _this$props2$autoAdd === void 0 ? false : _this$props2$autoAdd,
+        _this$props2$options = _this$props2.options,
+        options = _this$props2$options === void 0 ? [] : _this$props2$options,
+        onChange = _this$props2.onChange,
+        onBlur = _this$props2.onBlur;
+      if (_this.props.value !== _this.state.value) {
+        var index = _findIndexInstanceProperty(options).call(options, function (option) {
+          return option.title === _this.state.value;
+        });
+        var value = '';
+        if (index === -1) {
+          if (autoAdd && _this.state.value) {
+            if (typeof _this.state.value === 'string') {
+              value = {
+                value: -1,
+                title: _this.state.value
+              };
+            } else if (_typeof(_this.state.value) === 'object' && _this.state.value.title && _this.state.value.value) {
+              value = _this.state.value;
+            }
+          }
+        } else {
+          value = options[index];
+        }
+        _this.setState({
+          value: value
+        });
+        onChange && onChange(value);
+        onBlur && onBlur(value);
+      } else {
+        onBlur && onBlur(_this.props.value);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onSelect", function (value) {
+      var _this$props3 = _this.props,
+        onChange = _this$props3.onChange,
+        _this$props3$options = _this$props3.options,
+        options = _this$props3$options === void 0 ? [] : _this$props3$options;
+      var index = _findIndexInstanceProperty(options).call(options, function (option) {
+        return String(option.value) === value;
+      });
+      if (index > -1) {
+        _this.setState({
+          value: options[index]
+        });
+        onChange && onChange(options[index]);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
+      var _this$props4 = _this.props,
+        _this$props4$options = _this$props4.options,
+        options = _this$props4$options === void 0 ? [] : _this$props4$options,
+        onSearch = _this$props4.onSearch,
+        searchWhenClick = _this$props4.searchWhenClick,
+        value = _this$props4.value;
+      if (onSearch && (!options.length || !value && searchWhenClick)) {
+        onSearch(e.target.value);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "makeValueValid", function (value) {
+      var _context;
+      return _includesInstanceProperty(_context = [NaN, undefined, null]).call(_context, value) ? '' : value;
+    });
+    _defineProperty(_assertThisInitialized(_this), "getValue", function () {
+      var value = _this.state.value;
+      return String(_this.makeValueValid(_typeof(value) === 'object' ? value.value : value));
+    });
+    _defineProperty(_assertThisInitialized(_this), "isMatch", function (inputValue, option) {
+      var _context2;
+      return option.props.children && _indexOfInstanceProperty(_context2 = option.props.children).call(_context2, inputValue) !== -1;
+    });
+    _defineProperty(_assertThisInitialized(_this), "isMatchRemark", function (inputValue, option) {
+      var _option$props = option.props,
+        _option$props$text = _option$props.text,
+        text = _option$props$text === void 0 ? '' : _option$props$text,
+        _option$props$remark = _option$props.remark,
+        remark = _option$props$remark === void 0 ? '' : _option$props$remark;
+      return _indexOfInstanceProperty(text).call(text, inputValue) > -1 || _indexOfInstanceProperty(remark).call(remark, inputValue) > -1;
+    });
+    _defineProperty(_assertThisInitialized(_this), "isValidValue", function (value) {
+      var _context3;
+      // value必须为对象，且有属性value的值不等''或undefined
+      return value && !_includesInstanceProperty(_context3 = ['', undefined]).call(_context3, value.value);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getOptions", function () {
+      var value = _this.state.value;
+      var options = _this.props.options;
+      if (options && options.length) {
+        if (_this.isValidValue(value) && !_findInstanceProperty(options).call(options, function (option) {
+          return option.value === value.value;
+        })) {
+          return [value];
+        } else {
+          return options;
+        }
+      } else if (_this.isValidValue(value)) {
+        return [value];
+      } else {
+        return [];
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "getDataSource", function () {
+      var _context4;
+      return _mapInstanceProperty(_context4 = _this.getOptions()).call(_context4, function (option) {
+        return {
+          value: String(option.value),
+          text: option.title
+        };
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "getDataSourceRemark", function () {
+      var _context5;
+      return _mapInstanceProperty(_context5 = _this.getOptions()).call(_context5, function (option, index) {
+        return /*#__PURE__*/React.createElement(SelectOption, {
+          key: index,
+          value: String(option.value),
+          text: option.title,
+          remark: option.remark || ''
+        }, /*#__PURE__*/React.createElement("span", null, option.title), /*#__PURE__*/React.createElement("span", {
+          style: OPTION_STYLE
+        }, option.remark || ''), /*#__PURE__*/React.createElement("span", {
+          style: OPTION_STYLE2
+        }, option.description || ''));
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "getProps", function () {
+      var _this$props5 = _this.props,
+        inputRef = _this$props5.inputRef,
+        _this$props5$filter = _filterInstanceProperty(_this$props5),
+        filter = _this$props5$filter === void 0 ? true : _this$props5$filter;
+      var props = _Object$assign(getObjectExclude(_this.props, PROPS_KEYS), {
+        value: _this.getValue(),
+        allowClear: true,
+        ref: inputRef,
+        onChange: _this.onSearch,
+        filterOption: function filterOption(e, option) {
+          return option;
+        },
+        onSelect: _this.onSelect,
+        onBlur: _this.onBlur
+      });
+      if (_this.props.remark) {
+        props.dataSource = _this.getDataSourceRemark();
+        props.filterOption = filter ? _this.isMatchRemark : false;
+        props.optionLabelProp = 'text';
+      } else {
+        props.dataSource = _this.getDataSource();
+        props.filterOption = filter ? _this.isMatch : false;
+      }
+      return props;
+    });
+    _this.state = {
+      value: _props.value
+    };
+    return _this;
+  }
+  _createClass(InputSearch, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      if (props.value !== this.props.value) {
+        this.setState({
+          value: props.value
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        onClick: this.onClick
+      }, /*#__PURE__*/React.createElement(_AutoComplete, this.getProps(), /*#__PURE__*/React.createElement(_Input, {
+        suffix: suffix
+      })));
+    }
+  }]);
+  return InputSearch;
+}(React.Component);
+_defineProperty(InputSearch, "propTypes", PROPS);
+export default InputSearch;

package/es/InputSelect/InputSelect.js

@@ -0,0 +1,160 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _Select from "antd/es/select";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+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 _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+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';
+var SelectOption = _Select.Option;
+var OPTION_STYLE = {
+  "float": 'right',
+  marginLeft: '1rem',
+  marginRight: '1rem',
+  color: '#aaa',
+  whiteSpace: 'pre-wrap'
+};
+var InputSelect = /*#__PURE__*/function (_React$Component) {
+  _inherits(InputSelect, _React$Component);
+  var _super = _createSuper(InputSelect);
+  function InputSelect() {
+    var _context;
+    var _this;
+    _classCallCheck(this, InputSelect);
+    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), "onClick", function (e) {
+      var _this$props = _this.props,
+        _this$props$options = _this$props.options,
+        options = _this$props$options === void 0 ? [] : _this$props$options,
+        onSearch = _this$props.onSearch,
+        _this$props$value = _this$props.value,
+        value = _this$props$value === void 0 ? [] : _this$props$value,
+        _this$props$searchWhe = _this$props.searchWhenClick,
+        searchWhenClick = _this$props$searchWhe === void 0 ? false : _this$props$searchWhe;
+      // if (onSearch && (options.length <= value.length)) {
+      if (onSearch && searchWhenClick) {
+        onSearch(e.target.value);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onSearch", function (value) {
+      var onSearch = _this.props.onSearch;
+      onSearch && onSearch(value);
+    });
+    _defineProperty(_assertThisInitialized(_this), "isMatch", function (inputValue, option) {
+      var _context2;
+      return _indexOfInstanceProperty(_context2 = option.props.children).call(_context2, inputValue) !== -1;
+    });
+    _defineProperty(_assertThisInitialized(_this), "isMatchRemark", function (inputValue, option) {
+      var _option$props = option.props,
+        text = _option$props.text,
+        remark = _option$props.remark;
+      return _indexOfInstanceProperty(text).call(text, inputValue) > -1 || _indexOfInstanceProperty(remark).call(remark, inputValue) > -1;
+    });
+    _defineProperty(_assertThisInitialized(_this), "toRemarkOption", function (option, index) {
+      return /*#__PURE__*/React.createElement(SelectOption, {
+        key: index,
+        value: String(option.value),
+        text: option.title,
+        remark: option.remark || '',
+        disabled: option.disabled || false
+      }, /*#__PURE__*/React.createElement("span", null, option.title), /*#__PURE__*/React.createElement("span", {
+        style: OPTION_STYLE
+      }, option.remark || ''));
+    });
+    _defineProperty(_assertThisInitialized(_this), "toOption", function (option, index) {
+      return /*#__PURE__*/React.createElement(SelectOption, {
+        key: index,
+        value: String(option.value),
+        disabled: option.disabled || false
+      }, option.title);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (options, keyValue) {
+      var onChange = _this.props.onChange;
+      var objValue = keyValue.length > 0 ? _mapInstanceProperty(keyValue).call(keyValue, function (item) {
+        return _objectSpread(_objectSpread({}, _filterInstanceProperty(options).call(options, function (o) {
+          return o.value === item.key;
+        })[0]), {}, {
+          value: item.key,
+          title: item.label
+        });
+      }) : [];
+      onChange && onChange(objValue);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getValue", function () {
+      var value = _this.props.value;
+      if (_typeof(value) === 'object' && _Array$isArray(value)) {
+        return _mapInstanceProperty(value).call(value, function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            key: item.value,
+            label: item.title
+          });
+        });
+      } else {
+        return [];
+      }
+    });
+    return _this;
+  }
+  _createClass(InputSelect, [{
+    key: "render",
+    value: function render() {
+      var _context3, _context4;
+      var _this$props2 = this.props,
+        _this$props2$options = _this$props2.options,
+        options = _this$props2$options === void 0 ? [] : _this$props2$options,
+        size = _this$props2.size,
+        _this$props2$value = _this$props2.value,
+        value = _this$props2$value === void 0 ? [] : _this$props2$value,
+        _this$props2$allowCle = _this$props2.allowClear,
+        allowClear = _this$props2$allowCle === void 0 ? true : _this$props2$allowCle;
+      var values = _mapInstanceProperty(value).call(value, function (o) {
+        return o.value;
+      });
+      var allOptions = _concatInstanceProperty(_context3 = _filterInstanceProperty(options).call(options, function (o) {
+        return !_includesInstanceProperty(values).call(values, o.value);
+      })).call(_context3, value);
+      var props = {
+        value: this.getValue(),
+        style: this.props.style || {},
+        mode: 'multiple',
+        optionLabelProp: this.props.remark ? 'text' : 'children',
+        dropdownMatchSelectWidth: false,
+        filterOption: this.props.remark ? this.isMatchRemark : this.isMatch,
+        onSearch: this.onSearch,
+        onChange: _bindInstanceProperty(_context4 = this.onChange).call(_context4, this, allOptions),
+        labelInValue: true,
+        allowClear: allowClear,
+        size: size
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        onClick: this.onClick
+      }, /*#__PURE__*/React.createElement(_Select, props, this.props.remark ? _mapInstanceProperty(allOptions).call(allOptions, this.toRemarkOption) : _mapInstanceProperty(allOptions).call(allOptions, this.toOption)));
+    }
+  }]);
+  return InputSelect;
+}(React.Component);
+export default InputSelect;