@titaui/pc 1.11.52-beta.1 → 1.11.52-beta.2

package/lib/components/mblog/components/ConfirmPop.js

@@ -0,0 +1,81 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _getLocale = require("../../../utils/getLocale");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var ConfirmContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: #fff;\n  border: 1px solid #dedede;\n  border-radius: 2px;\n  z-index: 999999 !important;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  font-size: 12px;\n  color: #555;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
+
+var ConfirmMsg = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 10px;\n  font-size: 12px;\n  line-height: 16px;\n  color: #555;\n"])));
+
+var Ico = _styledComponents["default"].b(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 10px;\n  overflow: hidden;\n  background: url(", ") 0 0 no-repeat;\n  position: relative;\n  top: -1px;\n"])), require("../assets/ici_dialog.gif"));
+
+var BtnGroup = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: #eeeeee;\n  text-align: center;\n  height: 36px;\n  padding-top: 10px;\n  min-width: 200px;\n  line-height: 1em;\n\n  button {\n    padding: 1px 18px;\n    font-size: 12px;\n    border-radius: 3px;\n    background-color: #51a1e8;\n    background-image: linear-gradient(to bottom, #509fe5, #53a4ec);\n    background-repeat: repeat-x;\n    color: #fff;\n  }\n"])));
+
+var ConfirmPop = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ConfirmPop, _PureComponent);
+
+  var _super = _createSuper(ConfirmPop);
+
+  function ConfirmPop() {
+    _classCallCheck(this, ConfirmPop);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(ConfirmPop, [{
+    key: "render",
+    value: function render() {
+      var _this = this;
+
+      return /*#__PURE__*/_react["default"].createElement(ConfirmContainer, null, /*#__PURE__*/_react["default"].createElement(ConfirmMsg, null, /*#__PURE__*/_react["default"].createElement(Ico, null), "\u76EE\u524D\u60A8\u4F01\u4E1A\u7684\u77ED\u4FE1\u5DF2\u8D85\u51FA\u8BB8\u53EF\u91CF\uFF0C\u8BF7\u8054\u7CFB\u8D85\u7BA1\u8FDB\u884C\u77ED\u4FE1\u5145\u503C"), /*#__PURE__*/_react["default"].createElement(BtnGroup, null, /*#__PURE__*/_react["default"].createElement("button", {
+        onMouseDown: function onMouseDown() {
+          return _this.props.onSubmit();
+        }
+      }, (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine"))));
+    }
+  }]);
+
+  return ConfirmPop;
+}(_react.PureComponent);
+
+exports["default"] = ConfirmPop;

package/lib/components/mblog/components/MblogAction.js

@@ -0,0 +1,280 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _titaUi = require("tita-ui");
+
+var _UserSelectorPop = _interopRequireDefault(require("../../../components-v1/userSelector/UserSelectorPop"));
+
+var _style = require("../style");
+
+var _emotionsSelector = _interopRequireDefault(require("../../emotions-selector"));
+
+var _RangeSelectorPop = _interopRequireDefault(require("../../range-selector-pop/RangeSelectorPop"));
+
+var _requestV = require("../../../utils/request-v1");
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+var _context = _interopRequireDefault(require("../context"));
+
+var _ConfirmPop = _interopRequireDefault(require("./ConfirmPop"));
+
+var _upload = _interopRequireDefault(require("../../upload"));
+
+var _getLocale = require("../../../utils/getLocale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var visibilityMap = function visibilityMap() {
+  return {
+    1: (0, _getLocale.getLocale)("OKR_MyO_Pubiic"),
+    2: (0, _getLocale.getLocale)("OKR_MyO_Private"),
+    3: (0, _getLocale.getLocale)("OKR_MyO_E_Departmentvisible")
+  };
+};
+
+var MblogAction = /*#__PURE__*/function (_PureComponent) {
+  _inherits(MblogAction, _PureComponent);
+
+  var _super = _createSuper(MblogAction);
+
+  function MblogAction() {
+    var _this;
+
+    _classCallCheck(this, MblogAction);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+      isSendSms: false,
+      // 是否短信通知
+      isShowConfirmPop: false
+    }, _this._sentMsgClickHandler = function () {
+      var isSendSms = _this.state.isSendSms;
+      isSendSms = !isSendSms;
+
+      if (isSendSms) {
+        var url = (0, _requestV.getApiUrl)("SMS/Check?to_user_id=".concat((0, _bsGlobal.getUserInfo)().Id));
+        (0, _requestV.taker)(url, "GET").then(function (res) {
+          if (res.Code == 2 || res.Code == 4) {
+            // 目前您企业的短信已超出许可量，请联系超管进行短信充值
+            _this.setState({
+              isSendSms: false,
+              isShowConfirmPop: true
+            });
+          } else {
+            _this.setState({
+              isSendSms: true
+            });
+
+            _this.props.onActionsTextChange("allowSendSMS");
+          }
+        });
+      } else {
+        _this.setState({
+          isSendSms: false
+        });
+      }
+    }, _assertThisInitialized(_this)));
+  }
+
+  _createClass(MblogAction, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      var isInputAt = this.props.isInputAt;
+
+      if (isInputAt) {
+        // @ts-ignore
+        this.refs.atSelector.handleShowPop(); // 输入@弹出选人组件
+      }
+    } // componentWillReceiveProps(newProps: Props) {
+    //   if (newProps.isInputEnterSubmit && newProps.isAllowSubmit) {
+    //     this.props.onActionSubmit('submit')
+    //   }
+    // }
+    // 短信通知
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          isSendSms = _this$state.isSendSms,
+          isShowConfirmPop = _this$state.isShowConfirmPop;
+      var _this$props = this.props,
+          onActionSubmit = _this$props.onActionSubmit,
+          onActionsTextChange = _this$props.onActionsTextChange,
+          onActionsAttachmentChange = _this$props.onActionsAttachmentChange,
+          submitStatus = _this$props.submitStatus,
+          localStroageKey = _this$props.localStroageKey,
+          atAllValue = _this$props.atAllValue,
+          className = _this$props.className,
+          fileNumLimit = _this$props.fileNumLimit,
+          fileSizeLimit = _this$props.fileSizeLimit,
+          attachmentPreviewBox = _this$props.attachmentPreviewBox,
+          userSelectorPopAlign = _this$props.userSelectorPopAlign,
+          emotionsSelectorPopAlign = _this$props.emotionsSelectorPopAlign,
+          visibility = _this$props.visibility,
+          onActionsSelectedUserChange = _this$props.onActionsSelectedUserChange,
+          dragFilesList = _this$props.dragFilesList,
+          _this$props$disableRa = _this$props.disableRangeSelect,
+          disableRangeSelect = _this$props$disableRa === void 0 ? true : _this$props$disableRa;
+      return /*#__PURE__*/_react["default"].createElement(_style.MblogActionWrapper, {
+        className: className
+      }, /*#__PURE__*/_react["default"].createElement(_style.LeftBtnGroupWrapper, {
+        className: "action__left"
+      }, this.props.isShowAttachment && /*#__PURE__*/_react["default"].createElement(_style.LeftBtn, {
+        key: this.props.attachmentText
+      }, /*#__PURE__*/_react["default"].createElement(_upload["default"], {
+        fileNumLimit: fileNumLimit,
+        fileSizeLimit: fileSizeLimit,
+        dragFilesList: dragFilesList,
+        attachmentTipText: this.props.attachmentTipText,
+        attachmentPreviewBox: attachmentPreviewBox,
+        submitStatus: submitStatus,
+        localStroageKey: localStroageKey,
+        onSubmit: function onSubmit(uploadSuccessFilesPath) {
+          return onActionsAttachmentChange(uploadSuccessFilesPath);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_style.IconSpan, {
+        className: "tu-icon-cus-fujian"
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "upload_fujian_text"
+      }, this.props.attachmentText))), this.props.isShowAt && /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
+        container: document.body,
+        content: this.props.atTipText
+      }, /*#__PURE__*/_react["default"].createElement(_style.LeftBtn, {
+        key: this.props.atText,
+        tips: this.props.atTipText
+      }, /*#__PURE__*/_react["default"].createElement(_UserSelectorPop["default"], {
+        ref: "atSelector",
+        stopPropagation: true,
+        popExtraClassName: "pull-screen-ignore",
+        align: userSelectorPopAlign,
+        container: this.context.popContainer,
+        onSubmit: function onSubmit(users, depts) {
+          onActionsSelectedUserChange([].concat(_toConsumableArray(users), _toConsumableArray(depts)));
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "btn-txt"
+      }, this.props.atText))))), this.props.isShowAtAll && /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
+        container: document.body,
+        content: this.props.atAllTipText
+      }, /*#__PURE__*/_react["default"].createElement(_style.LeftBtn, {
+        key: this.props.atAllText,
+        tips: this.props.atAllTipText,
+        onMouseDown: function onMouseDown() {
+          return onActionsTextChange(atAllValue || "");
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "btn-txt"
+      }, this.props.atAllText))), this.props.isShowEmotion && /*#__PURE__*/_react["default"].createElement(_style.LeftBtn, {
+        key: this.props.emotionText
+      }, /*#__PURE__*/_react["default"].createElement(_emotionsSelector["default"], {
+        align: emotionsSelectorPopAlign,
+        popExtraClassName: "pull-screen-ignore",
+        container: this.context.popContainer,
+        onSubmit: function onSubmit(emotionName) {
+          return onActionsTextChange(emotionName);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_style.IconSpan, {
+        className: "tu-icon-emoji"
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "btn-txt"
+      }, this.props.emotionText)))), /*#__PURE__*/_react["default"].createElement(_style.RightBtnGroupWrapper, {
+        className: "action__right"
+      }, this.props.isShowRange && /*#__PURE__*/_react["default"].createElement(_style.BtnPrivate, {
+        id: "1",
+        "data-name": "range",
+        className: disableRangeSelect ? "disabled" : "",
+        disabled: disableRangeSelect
+      }, /*#__PURE__*/_react["default"].createElement(_RangeSelectorPop["default"], {
+        align: "bottom left",
+        isDisabled: disableRangeSelect,
+        container: this.context.popContainer,
+        onSubmit: function onSubmit(visibility) {
+          return onActionsTextChange(visibility);
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "mblog-visiblity-range"
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        "data-name": "range-cont"
+      }, visibilityMap()[visibility || 1]), this.props.isShowRangeDropDown && /*#__PURE__*/_react["default"].createElement("i", {
+        className: "tu-icon-caret-down range-cont-icon",
+        "data-name": "range-caret"
+      })))), this.props.isShowBtnCancel && /*#__PURE__*/_react["default"].createElement(_style.BtnCancel, {
+        onMouseDown: function onMouseDown() {
+          return onActionSubmit("cancel");
+        }
+      }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_style.BtnConfirm, {
+        disabled: !this.props.isAllowSubmit,
+        className: !this.props.isAllowSubmit || this.props.submitStatus === 2 ? "disabled" : "",
+        onMouseDown: function onMouseDown() {
+          return onActionSubmit("submit");
+        }
+      }, this.props.submitStatus !== 2 ? this.props.submitText : "".concat(this.props.submitText, "\u4E2D..."))), isShowConfirmPop && /*#__PURE__*/_react["default"].createElement(_ConfirmPop["default"], {
+        onSubmit: function onSubmit() {
+          _this2.setState({
+            isShowConfirmPop: false
+          });
+        }
+      }));
+    }
+  }]);
+
+  return MblogAction;
+}(_react.PureComponent);
+
+exports["default"] = MblogAction;
+MblogAction.contextType = _context["default"];
+MblogAction.defaultProps = {
+  userSelectorPopAlign: "top left",
+  emotionsSelectorPopAlign: "top center"
+};

package/lib/components/mblog/components/MblogContent.js

@@ -0,0 +1,239 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _style = require("../style");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var MblogContent = /*#__PURE__*/function (_PureComponent) {
+  _inherits(MblogContent, _PureComponent);
+
+  var _super = _createSuper(MblogContent);
+
+  function MblogContent(props) {
+    var _this;
+
+    _classCallCheck(this, MblogContent);
+
+    _this = _super.call(this, props);
+
+    _this._handlerTipsLabelClick = function () {
+      // @ts-ignore
+      _this.refs.textareaInput.focus(); // 点击 输入框获得焦点
+
+    };
+
+    _this._handlerFocus = function (event) {
+      _this.setState({
+        isFocus: true
+      });
+
+      _this.toEnd(event);
+    };
+
+    _this.toEnd = function (event) {
+      var obj = event.srcElement ? event.srcElement : event.target;
+
+      if (obj.createTextRange) {
+        // IE浏览器
+        var range = obj.createTextRange();
+        range.moveStart("character", event.target.value.length);
+        range.collapse(true); // range.select()
+      } else {
+        // 非IE浏览器
+        obj.setSelectionRange(event.target.value.length, event.target.value.length);
+        obj.focus();
+      }
+    };
+
+    _this._handlerBlur = function (event) {
+      _this.props.onContentChange(event.target.value);
+
+      _this.setState({
+        isFocus: false
+      });
+    };
+
+    _this._handlerKeyDown = function (event) {
+      event.persist(); // console.log(event)
+      // console.log(event.keyCode)
+      // let isInputAt = (event.shiftKey && event.keyCode == 50) || event.key == '@'
+
+      var isSubmit = event.ctrlKey && event.keyCode == 13; // if (isInputAt) {
+      //   this.props.onContentChange('showUsersSelector') // 输入@弹出选人组件
+      // }
+
+      if (isSubmit) {
+        _this.props.onActionSubmit("submit"); // ctrl + enter发送回复
+
+      }
+    };
+
+    _this._handlerKeyUp = function (event) {// event.persist()
+      // console.log(event)
+      // console.log(event.keyCode)
+      // let isInputAt = (event.shiftKey && event.keyCode == 50) || event.key == '@'
+      // // let isSubmit = event.ctrlKey && event.keyCode == 13
+      // if (isInputAt) {
+      //   this.props.onContentChange('showUsersSelector') // 输入@弹出选人组件
+      // }
+      // if (isSubmit) {
+      //   this.props.onContentChange('isInputEnterSubmit') // ctrl + enter发送回复
+      // }
+      // if (
+      //   (keyCode == 50 || keyCode == 8) &&
+      //   val.charAt(caret_pos - 1) == "@"
+      // ) {
+      //   this._showUserselectorSdk()
+      // }
+    };
+
+    _this._handlerPaste = function (event) {
+      var clipData = event.clipboardData && event.clipboardData.items;
+      if (!clipData) return;
+
+      for (var i = 0, len = clipData.length; i < len; i++) {
+        var item = clipData[i];
+
+        if (item.kind === "string") {
+          item.getAsString(function (str) {});
+        } else if (item.kind === "file") {
+          var _file = item.getAsFile && item.getAsFile();
+
+          if (_file) {
+            var newFileName = "".concat(new Date().getTime() + parseInt("".concat(Math.random() * 100)), ".png");
+            var dfl = new File([_file], newFileName, {
+              type: _file.type
+            }); // @ts-ignore
+
+            _this.props.onPasteSubmit(dfl);
+          }
+        }
+      }
+    };
+
+    _this._handleInputChange = function (event) {
+      _this.props.onContentChange(event.target.value);
+
+      _this.setTextareaHeight(); // @ts-ignore
+
+
+      _this.refs.textareaInput.focus();
+    };
+
+    _this.setTextareaHeight = function () {
+      var _this$props = _this.props,
+          initialTextHeight = _this$props.initialTextHeight,
+          autoResizing = _this$props.autoResizing;
+      if (!autoResizing) return;
+      var textareaSetHeight = _this.refs.textareaSetHeight;
+      var textareaInput = _this.refs.textareaInput; // @ts-ignore
+
+      textareaInput.style.height = autoResizing && textareaSetHeight.scrollHeight > initialTextHeight ? "".concat(textareaSetHeight.scrollHeight, "px") : "".concat(initialTextHeight, "px");
+    };
+
+    _this.state = {
+      isFocus: false
+    };
+    return _this;
+  } // @ts-ignore
+
+
+  _createClass(MblogContent, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.props.autoFocus) {
+        // @ts-ignore
+        this.refs.textareaInput.focus();
+      }
+
+      this.props.setTextareaRef && this.props.setTextareaRef(this.refs.textareaInput);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.props.textareaValue != prevProps.textareaValue) {
+        this.setTextareaHeight();
+      }
+    } // label提示信息点击事件
+
+  }, {
+    key: "render",
+    value: function render() {
+      var isFocus = this.state.isFocus;
+      var _this$props2 = this.props,
+          className = _this$props2.className,
+          isHasPlaceholder = _this$props2.isHasPlaceholder,
+          placeholderText = _this$props2.placeholderText,
+          maxLength = _this$props2.maxLength,
+          visibility = _this$props2.visibility,
+          textareaValue = _this$props2.textareaValue;
+      var textareaValueLen = textareaValue.trim().length;
+      return /*#__PURE__*/_react["default"].createElement(_style.DivMblogContent, {
+        className: [className, isFocus ? "input_default-active" : ""].join(" ")
+      }, isHasPlaceholder && /*#__PURE__*/_react["default"].createElement(_style.LabelWrapper, {
+        visibility: textareaValueLen > 0 ? "hidden" : "visible"
+      }, /*#__PURE__*/_react["default"].createElement(_style.Label, {
+        onMouseDown: this._handlerTipsLabelClick,
+        style: {
+          opacity: isFocus ? "0.8" : "1"
+        }
+      }, placeholderText)), /*#__PURE__*/_react["default"].createElement(_style.TextareaWrapper, {
+        className: "textarea-wrap"
+      }, /*#__PURE__*/_react["default"].createElement(_style.Textarea, {
+        ref: "textareaSetHeight",
+        value: textareaValue,
+        onChange: function onChange() {},
+        className: "textarea-setheight"
+      }), /*#__PURE__*/_react["default"].createElement(_style.Textarea, {
+        ref: "textareaInput",
+        className: "textarea-details ".concat(visibility === 1 ? "" : "private__bg"),
+        value: textareaValue,
+        onFocus: this._handlerFocus,
+        onBlur: this._handlerBlur,
+        onKeyUp: this._handlerKeyUp,
+        onKeyDown: this._handlerKeyDown,
+        onPaste: this._handlerPaste,
+        onChange: this._handleInputChange
+      })), /*#__PURE__*/_react["default"].createElement(_style.Tips, {
+        className: "textarea-tips",
+        onMouseDown: this._handlerTipsLabelClick,
+        color: maxLength && textareaValueLen > maxLength ? "#EB4447" : textareaValueLen > 0 ? "#2879ff" : "#BFC3C7"
+      }, textareaValueLen, "/", maxLength));
+    }
+  }]);
+
+  return MblogContent;
+}(_react.PureComponent);
+
+exports["default"] = MblogContent;

package/lib/components/mblog/context.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = /*#__PURE__*/_react["default"].createContext({
+  popContainer: document.body
+});
+
+exports["default"] = _default;