cloud-b2b 1.0.0 → 1.0.1

package/lib/InputEditor/InputEditor.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _variables = _interopRequireDefault(require("../variables"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+
+var defaultMenus = ['head', // 标题
+'bold', // 粗体
+'fontSize', // 字号
+'fontName', // 字体
+'italic', // 斜体
+'underline', // 下划线
+'strikeThrough', // 删除线
+'foreColor', // 文字颜色
+'backColor', // 背景颜色
+'link', // 插入链接
+'list', // 列表
+'justify', // 对齐方式
+'quote', // 引用
+'image', // 插入图片
+'table', // 表格
+'code' // 插入代码
+];
+
+var InputEditor = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(InputEditor, _React$Component);
+
+  var _super = _createSuper(InputEditor);
+
+  function InputEditor() {
+    (0, _classCallCheck2["default"])(this, InputEditor);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(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;
+
+      if (!readonly) {
+        var elem = this.refs[inputKey];
+        this[inputKey] = new E(elem); //配置菜单
+
+        menus && (this[inputKey].customConfig.menus = menus); //配置颜色
+
+        color && (this[inputKey].customConfig.menus = color); //配置菜单
+
+        this[inputKey].customConfig.menus = defaultMenus;
+
+        if (menus) {
+          this[inputKey].customConfig.menus = menus;
+        }
+
+        this[inputKey].customConfig.uploadImgShowBase64 = uploadImgShowBase64; //是否可以上传图片
+
+        this[inputKey].customConfig.showLinkImg = showLinkImg; //隐藏网络图片
+
+        this[inputKey].customConfig.onchange = function (html) {
+          onChange && onChange(html);
+        }; //配置编辑区域的 z-index
+
+
+        this[inputKey].customConfig.zIndex = 0;
+        this[inputKey].create();
+        this[inputKey].txt.html(value);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var _this$props2 = this.props,
+          inputKey = _this$props2.inputKey,
+          _this$props2$value = _this$props2.value,
+          value = _this$props2$value === void 0 ? '' : _this$props2$value,
+          readonly = _this$props2.readonly;
+      !readonly && !value && this[inputKey].txt.html(value); //支持清空操作
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          inputKey = _this$props3.inputKey,
+          readonly = _this$props3.readonly,
+          value = _this$props3.value;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('InputEditor')
+      }, readonly ? /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: "".concat(value)
+        }
+      }) : /*#__PURE__*/_react["default"].createElement("div", {
+        ref: inputKey
+      }));
+    }
+  }]);
+  return InputEditor;
+}(_react["default"].Component);
+
+var _default = InputEditor;
+exports["default"] = _default;

package/lib/InputEditor/inputEditor.less

@@ -0,0 +1,8 @@
+.@{cloudlink-prefix}-InputEditor {
+  ol{
+    list-style-type:decimal;
+  }
+  ul{
+    list-style:outside;
+  }
+}

package/lib/InputEditor/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "InputEditor",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./InputEditor.js"
+}

package/lib/InputSearch/InputSearch.js

@@ -0,0 +1,322 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _input = _interopRequireDefault(require("antd/lib/input"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _icon = _interopRequireDefault(require("antd/lib/icon"));
+
+var _autoComplete = _interopRequireDefault(require("antd/lib/auto-complete"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _helper = require("../helper");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+
+var SelectOption = _autoComplete["default"].Option; // 如果写在局部，每次渲染时生成的suffix引用值不同，会使antd的Input认为suffix动态变化了，从而导致Input报出警告 (antd的BUG)
+
+var suffix = /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+  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["default"].bool,
+  remark: _propTypes["default"].bool,
+  searchWhenClick: _propTypes["default"].bool,
+  noSearchWhenTypo: _propTypes["default"].bool,
+  options: _propTypes["default"].array,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].object]),
+  inputRef: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  onSelect: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func
+};
+var PROPS_KEYS = (0, _keys["default"])(PROPS);
+
+var InputSearch = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(InputSearch, _React$Component);
+
+  var _super = _createSuper(InputSearch);
+
+  function InputSearch(_props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, InputSearch);
+    _this = _super.call(this, _props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 = (0, _findIndex["default"])(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 ((0, _typeof2["default"])(_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);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 = (0, _findIndex["default"])(options).call(options, function (option) {
+        return String(option.value) === value;
+      });
+
+      if (index > -1) {
+        _this.setState({
+          value: options[index]
+        });
+
+        onChange && onChange(options[index]);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "makeValueValid", function (value) {
+      var _context;
+
+      return (0, _includes["default"])(_context = [NaN, undefined, null]).call(_context, value) ? '' : value;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getValue", function () {
+      var value = _this.state.value;
+      return String(_this.makeValueValid((0, _typeof2["default"])(value) === 'object' ? value.value : value));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isMatch", function (inputValue, option) {
+      var _context2;
+
+      return option.props.children && (0, _indexOf["default"])(_context2 = option.props.children).call(_context2, inputValue) !== -1;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isMatchRemark", function (inputValue, option) {
+      var _option$props = option.props,
+          text = _option$props.text,
+          remark = _option$props.remark;
+      return (0, _indexOf["default"])(text).call(text, inputValue) > -1 || (0, _indexOf["default"])(remark).call(remark, inputValue) > -1;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isValidValue", function (value) {
+      var _context3;
+
+      // value必须为对象，且有属性value的值不等''或undefined
+      return value && !(0, _includes["default"])(_context3 = ['', undefined]).call(_context3, value.value);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getOptions", function () {
+      var value = _this.state.value;
+      var options = _this.props.options;
+
+      if (options && options.length) {
+        if (_this.isValidValue(value) && !(0, _find["default"])(options).call(options, function (option) {
+          return option.value === value.value;
+        })) {
+          return [value];
+        } else {
+          return options;
+        }
+      } else if (_this.isValidValue(value)) {
+        return [value];
+      } else {
+        return [];
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getDataSource", function () {
+      var _context4;
+
+      return (0, _map["default"])(_context4 = _this.getOptions()).call(_context4, function (option) {
+        return {
+          value: String(option.value),
+          text: option.title
+        };
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getDataSourceRemark", function () {
+      var _context5;
+
+      return (0, _map["default"])(_context5 = _this.getOptions()).call(_context5, function (option, index) {
+        return /*#__PURE__*/_react["default"].createElement(SelectOption, {
+          key: index,
+          value: String(option.value),
+          text: option.title,
+          remark: option.remark || ''
+        }, /*#__PURE__*/_react["default"].createElement("span", null, option.title), /*#__PURE__*/_react["default"].createElement("span", {
+          style: OPTION_STYLE
+        }, option.remark || ''), /*#__PURE__*/_react["default"].createElement("span", {
+          style: OPTION_STYLE2
+        }, option.description || ''));
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getProps", function () {
+      var _this$props5 = _this.props,
+          inputRef = _this$props5.inputRef,
+          _this$props5$filter = (0, _filter["default"])(_this$props5),
+          filter = _this$props5$filter === void 0 ? true : _this$props5$filter;
+
+      var props = (0, _assign["default"])((0, _helper.getObjectExclude)(_this.props, PROPS_KEYS), {
+        value: _this.getValue(),
+        allowClear: true,
+        ref: inputRef,
+        onSearch: _this.onSearch,
+        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;
+  }
+
+  (0, _createClass2["default"])(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["default"].createElement("div", {
+        onClick: this.onClick
+      }, /*#__PURE__*/_react["default"].createElement(_autoComplete["default"], this.getProps(), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+        suffix: suffix
+      })));
+    }
+  }]);
+  return InputSearch;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(InputSearch, "propTypes", PROPS);
+var _default = InputSearch;
+exports["default"] = _default;

package/lib/InputSearch/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "InputSearch",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./InputSearch.js"
+}