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

package/lib/components/create-okr-modal/index.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _richEditor = require("@titaui/rich-editor");
+
 var _uuid = _interopRequireDefault(require("uuid"));
 
 var _titaUi = require("tita-ui");
@@ -106,6 +108,13 @@ var initOCheckResult = function initOCheckResult() {
   });
 };
 
+var DefaultOkrNameData = {
+  mentionUsers: [],
+  pureText: '',
+  pureTextExcludeAt: '',
+  richText: undefined
+};
+
 function CreateOkrModal(_ref, ref) {
   var initCycle = _ref.initCycle,
       userInfo = _ref.userInfo,
@@ -138,10 +147,10 @@ function CreateOkrModal(_ref, ref) {
       Id = _ref2.Id,
       UserAvatar = _ref2.UserAvatar;
 
-  var _useState3 = (0, _react.useState)(''),
+  var _useState3 = (0, _react.useState)(DefaultOkrNameData),
       _useState4 = _slicedToArray(_useState3, 2),
-      okrName = _useState4[0],
-      setOkrName = _useState4[1]; // 目标名称
+      okrNameData = _useState4[0],
+      setOkrNameData = _useState4[1]; // 目标名称
 
 
   var _useState5 = (0, _react.useState)({
@@ -219,6 +228,9 @@ function CreateOkrModal(_ref, ref) {
     userAvatar: UserAvatar,
     krWeight: 100,
     mileStoneName: '',
+    mileStoneNamePureTextExcludeAt: '',
+    mileStoneNameRichText: undefined,
+    aiteUsers: [],
     confidenceIndex: 5
   }]),
       _useState24 = _slicedToArray(_useState23, 2),
@@ -336,7 +348,12 @@ function CreateOkrModal(_ref, ref) {
       setCase: function setCase(data) {
         var name = data.name,
             subelements = data.subelements;
-        setOkrName(name);
+        setOkrNameData({
+          mentionUsers: [],
+          pureText: name,
+          pureTextExcludeAt: '',
+          richText: (0, _richEditor.TitaRichEditorInitTextState)(name)
+        });
         setKrDatas(subelements.map(function (s) {
           return {
             uuid: _uuid["default"].v1(),
@@ -345,17 +362,23 @@ function CreateOkrModal(_ref, ref) {
             userAvatar: UserAvatar,
             krWeight: (0, _roundWeight.RoundWeight)(100 / subelements.length),
             mileStoneName: s.name,
+            mileStoneNamePureTextExcludeAt: '',
+            mileStoneNameRichText: (0, _richEditor.TitaRichEditorInitTextState)(s.name),
+            aiteUsers: [],
             confidenceIndex: 5
           };
         }));
         setIsCustomWeight(false);
       },
       setData: function setData(data) {
-        setOkrName(data.okrName);
+        setOkrNameData({
+          mentionUsers: [],
+          pureText: data.okrName,
+          pureTextExcludeAt: '',
+          richText: (0, _richEditor.TitaRichEditorInitTextState)(data.okrName)
+        });
         setUser(data.user);
-      },
-      show: showCreateOkrModal,
-      hide: hideCreateOkrModal
+      }
     };
   });
   var handleOnSuccess = (0, _react.useCallback)(function () {
@@ -401,13 +424,15 @@ function CreateOkrModal(_ref, ref) {
 
   var onModalOkHandler = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var orkNameLengthValidate, visibilityArea, data, krNum, krTotalLength, krAvarageLength, krMeasurableLength, oHasVtWords, callData, workId;
+      var mentionUsers, pureText, pureTextExcludeAt, richText, orkNameLengthValidate, visibilityArea, data, krNum, krTotalLength, krAvarageLength, krMeasurableLength, oHasVtWords, callData, workId;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (okrName) {
-                _context.next = 3;
+              mentionUsers = okrNameData.mentionUsers, pureText = okrNameData.pureText, pureTextExcludeAt = okrNameData.pureTextExcludeAt, richText = okrNameData.richText;
+
+              if (pureText) {
+                _context.next = 4;
                 break;
               }
 
@@ -417,9 +442,9 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 3:
-              if (!(okrName.length > 500)) {
-                _context.next = 6;
+            case 4:
+              if (!(pureTextExcludeAt.length > 500)) {
+                _context.next = 7;
                 break;
               }
 
@@ -429,9 +454,9 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 6:
+            case 7:
               if (allKrHasName) {
-                _context.next = 10;
+                _context.next = 11;
                 break;
               }
 
@@ -442,13 +467,15 @@ function CreateOkrModal(_ref, ref) {
               setKrIsValidate(true);
               return _context.abrupt("return");
 
-            case 10:
+            case 11:
               orkNameLengthValidate = krDatas.filter(function (kr) {
-                return kr.mileStoneName.trim().length > 500;
+                var _trim;
+
+                return ((_trim = ((kr === null || kr === void 0 ? void 0 : kr.mileStoneNamePureTextExcludeAt) || '').trim()) === null || _trim === void 0 ? void 0 : _trim.length) > 500;
               }).length == 0;
 
               if (orkNameLengthValidate) {
-                _context.next = 14;
+                _context.next = 15;
                 break;
               }
 
@@ -458,11 +485,11 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 14:
+            case 15:
               setKrIsValidate(false);
 
               if (krWeightValid) {
-                _context.next = 18;
+                _context.next = 19;
                 break;
               }
 
@@ -472,27 +499,32 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 18:
+            case 19:
               if (cycle) {
-                _context.next = 20;
+                _context.next = 21;
                 break;
               }
 
               return _context.abrupt("return");
 
-            case 20:
+            case 21:
               handleCreatedClose();
               visibilityArea = formatVisiableLimit();
-              _context.next = 24;
+              _context.next = 25;
               return (0, _requestApi.createWidthKr)(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                 krInfos: krDatas.map(function (kr) {
+                  delete kr.mileStoneNamePureTextExcludeAt;
                   return _objectSpread(_objectSpread({}, kr), {}, {
                     startDate: cycle.startDate,
                     endDate: cycle.endDate
                   });
                 })
               }, cycle), {}, {
-                workName: okrName
+                workName: pureText,
+                workNameRichText: richText,
+                aiteUsers: mentionUsers === null || mentionUsers === void 0 ? void 0 : mentionUsers.map(function (user) {
+                  return user.mentionId;
+                })
               }, parent), {}, {
                 workType: 6,
                 visibility: visibility,
@@ -507,11 +539,11 @@ function CreateOkrModal(_ref, ref) {
                 CreateFromAssess: isFromAssess
               }));
 
-            case 24:
+            case 25:
               data = _context.sent;
 
               if (!(data.Code === 0)) {
-                _context.next = 28;
+                _context.next = 29;
                 break;
               }
 
@@ -521,7 +553,7 @@ function CreateOkrModal(_ref, ref) {
 
               return _context.abrupt("return");
 
-            case 28:
+            case 29:
               hideCreateOkrModal();
 
               if (onSuccess || !isHiddenCreatedCard) {
@@ -538,7 +570,7 @@ function CreateOkrModal(_ref, ref) {
                 }).length;
                 oHasVtWords = oNameCheckResult[0].result === _okrCreateSuggest.EOkrCreateSuggestResultType.correct;
                 callData = data;
-                callData.countSurpassPercentage = (0, _getCreateOkrSurpassPercent["default"])(okrName.replace(/(%|\d)/g, '').length, oHasVtWords, krNum, krMeasurableLength, Number.parseInt(krAvarageLength.toString()));
+                callData.countSurpassPercentage = (0, _getCreateOkrSurpassPercent["default"])(okrNameData.pureText.replace(/(%|\d)/g, '').length, oHasVtWords, krNum, krMeasurableLength, Number.parseInt(krAvarageLength.toString()));
                 newOkrDataRef.current = callData;
                 handleOnSuccess();
               } else {
@@ -551,7 +583,7 @@ function CreateOkrModal(_ref, ref) {
 
               setIsApplyTpl(false);
 
-            case 31:
+            case 32:
             case "end":
               return _context.stop();
           }
@@ -568,7 +600,12 @@ function CreateOkrModal(_ref, ref) {
   var OnOkRApplyTplHandler = function OnOkRApplyTplHandler(data) {
     var name = data.name,
         subelements = data.subelements;
-    setOkrName(name);
+    setOkrNameData({
+      mentionUsers: [],
+      pureText: name,
+      pureTextExcludeAt: '',
+      richText: (0, _richEditor.TitaRichEditorInitTextState)(name)
+    });
     setKrDatas(subelements.map(function (s) {
       return {
         uuid: _uuid["default"].v1(),
@@ -593,9 +630,12 @@ function CreateOkrModal(_ref, ref) {
         userAvatar: UserAvatar,
         krWeight: 100,
         mileStoneName: '',
+        mileStoneNamePureTextExcludeAt: '',
+        mileStoneNameRichText: undefined,
+        aiteUsers: [],
         confidenceIndex: 5
       }]);
-      setOkrName('');
+      setOkrNameData(DefaultOkrNameData);
       setUser({
         name: Name,
         id: Id,
@@ -843,8 +883,8 @@ function CreateOkrModal(_ref, ref) {
     container: modalRef,
     user: user,
     setUser: setUser,
-    okrName: okrName,
-    setOkrName: setOkrName,
+    okrNameData: okrNameData,
+    setOkrNameData: setOkrNameData,
     onOInputFocusStateChange: handleOInputFocusStateChange,
     setONameCheckResult: setONameCheckResult,
     setIsInputContent: setIsInputContent

package/lib/components/create-okr-modal/kr-items/index.css

@@ -51,6 +51,17 @@
   color: #bfc7d5;
 }
 
+.create-kr-item-wrapper .kr-item__right-block .kr-item__input-wrapper .tita-rich-editor__inline-editor {
+  flex: 1;
+  width: 0;
+}
+
+.create-kr-item-wrapper .kr-item__right-block .kr-item__input-wrapper .tita-rich-editor__inline-editor .ProseMirror > p {
+  font-size: 14px;
+  line-height: 22px;
+  color: #6f7886;
+}
+
 .create-kr-item-wrapper .kr-item__right-block .kr-item-right-block__text-mask {
   width: 20px;
   height: 24px;
@@ -136,7 +147,7 @@
 }
 
 .kr-weight__error-popup-text-wrapper::after {
-  content: "";
+  content: '';
   display: block;
   border: 6px solid transparent;
   position: absolute;

package/lib/components/create-okr-modal/kr-items/krDatas.js

@@ -88,7 +88,7 @@ function KrDatas(props) {
 
   var timerRef = (0, _react.useRef)();
   var krNameIsEmpty = (0, _react.useRef)(!inputKrInfo || !inputKrInfo.mileStoneName);
-  var setting = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting").KRSetting;
+  var setting = (0, _bsGlobal.getBSGlobal)('OkrAdvancedSetting').KRSetting;
 
   var _getUserInfo = (0, _bsGlobal.getUserInfo)(),
       Name = _getUserInfo.Name,
@@ -127,7 +127,7 @@ function KrDatas(props) {
         principalName: Name,
         userAvatar: UserAvatar,
         krWeight: (0, _roundWeight.RoundWeight)(100 / (krDatas.length + 1)),
-        mileStoneName: "",
+        mileStoneName: '',
         confidenceIndex: 5
       }]));
       return;
@@ -139,7 +139,7 @@ function KrDatas(props) {
       principalName: Name,
       userAvatar: UserAvatar,
       krWeight: 0,
-      mileStoneName: "",
+      mileStoneName: '',
       confidenceIndex: 5
     }]));
   }
@@ -273,6 +273,7 @@ function KrDatas(props) {
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", null, krs.map(function (kr, index) {
     return /*#__PURE__*/_react["default"].createElement(_krItem["default"], {
+      key: kr === null || kr === void 0 ? void 0 : kr.uuid,
       krData: kr,
       changeKr: changeKr,
       deleteKr: deleteKr,
@@ -291,9 +292,9 @@ function KrDatas(props) {
     className: "add-kr-btn__icon",
     src: _krAdd["default"],
     alt: ""
-  }), (0, _getLocale.getLocale)("OKR_MyO_Pop_Butt_AddKR")), krs.length > 0 && openKrWeight && /*#__PURE__*/_react["default"].createElement("span", {
+  }), (0, _getLocale.getLocale)('OKR_MyO_Pop_Butt_AddKR')), krs.length > 0 && openKrWeight && /*#__PURE__*/_react["default"].createElement("span", {
     className: "krs-info__total-weight"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Text_Total"), total, "%")));
+  }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Text_Total'), total, "%")));
 }
 
 var _default = KrDatas;

package/lib/components/create-okr-modal/kr-items/krItem.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _richEditor = require("@titaui/rich-editor");
+
 var _bsGlobal = require("../../../utils/bs-global");
 
 var _krItemWeight = _interopRequireDefault(require("./kr-item-weight"));
@@ -56,7 +58,7 @@ function KrItem(_ref) {
       setIsInputContent = _ref.setIsInputContent,
       domRef = _ref.domRef,
       krIsValidate = _ref.krIsValidate;
-  var setting = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting").KRSetting;
+  var setting = (0, _bsGlobal.getBSGlobal)('OkrAdvancedSetting').KRSetting;
   var openKrWeight = setting.KrWeight;
 
   var _useState = (0, _react.useState)(false),
@@ -64,7 +66,8 @@ function KrItem(_ref) {
       showDelIcon = _useState2[0],
       setShowDelIcon = _useState2[1];
 
-  var oldKrNameRef = (0, _react.useRef)("");
+  var mentionInputRef = (0, _react.useRef)();
+  var oldKrNameRef = (0, _react.useRef)('');
 
   var onUserSelectorSubmitHandler = function onUserSelectorSubmitHandler(users) {
     changeKr(_objectSpread(_objectSpread({}, krData), {}, {
@@ -74,9 +77,18 @@ function KrItem(_ref) {
     }));
   };
 
-  var onKrNameInputChangeHandler = function onKrNameInputChangeHandler(e) {
+  var onKrNameInputChangeHandler = function onKrNameInputChangeHandler(_ref2) {
+    var mentionUsers = _ref2.mentionUsers,
+        pureText = _ref2.pureText,
+        pureTextExcludeAt = _ref2.pureTextExcludeAt,
+        richText = _ref2.richText;
     changeKr(_objectSpread(_objectSpread({}, krData), {}, {
-      mileStoneName: e.target.value
+      mileStoneName: pureText,
+      mileStoneNameRichText: richText,
+      mileStoneNamePureTextExcludeAt: pureTextExcludeAt,
+      aiteUsers: mentionUsers === null || mentionUsers === void 0 ? void 0 : mentionUsers.map(function (user) {
+        return user.mentionId;
+      })
     }));
   };
 
@@ -128,10 +140,10 @@ function KrItem(_ref) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, /*#__PURE__*/_react["default"].createElement("a", {
-    className: "kr-item__delete-icon tu-icon-del ".concat(showDelIcon ? "kr-item__delete-icon--show" : ""),
+    className: "kr-item__delete-icon tu-icon-del ".concat(showDelIcon ? 'kr-item__delete-icon--show' : ''),
     onClick: onDeleteKrClickHandler
   }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "kr-item__right-block ".concat(krIsValidate ? krData.mileStoneName && krData.mileStoneName.length <= 500 ? "" : "kr-item__right-block--error" : "")
+    className: "kr-item__right-block ".concat(krIsValidate ? krData.mileStoneName && krData.mileStoneName.length <= 500 ? '' : 'kr-item__right-block--error' : '')
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "kr-item__order"
   }, "KR", index), /*#__PURE__*/_react["default"].createElement("div", {
@@ -140,17 +152,15 @@ function KrItem(_ref) {
     strLength: krData.mileStoneName ? krData.mileStoneName.length : 0,
     maxLength: 500,
     position: "top"
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    className: "kr-item__input",
-    type: "text",
-    placeholder: (0, _getLocale.getLocale)("OKR_MyO_Pop_Keyresults"),
-    value: krData.mileStoneName,
+  }, /*#__PURE__*/_react["default"].createElement(_richEditor.TitaInlineRichEditor, {
+    initialState: krData.mileStoneName,
     onChange: onKrNameInputChangeHandler,
     onFocus: handleInputFocus,
     onBlur: handleInputBlur,
     onKeyDown: handleOnKeyDown,
     onKeyUp: handleOnKeyUp,
-    ref: domRef
+    placeholder: (0, _getLocale.getLocale)('OKR_MyO_Pop_Keyresults'),
+    ref: mentionInputRef
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "kr-item-right-block__white-block"
   }), /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/date-picker/BodyItem.js

@@ -47,7 +47,7 @@ var BodyItem = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(BodyItem);
 
   function BodyItem() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, BodyItem);
 
@@ -55,7 +55,7 @@ var BodyItem = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.getClass = function () {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.getClass = function () {
       var _this$props = _this.props,
           isAllowSelect = _this$props.isAllowSelect,
           date = _this$props.date,
@@ -86,7 +86,7 @@ var BodyItem = /*#__PURE__*/function (_Component) {
       if (_this.disabled) return;
 
       _this.props.onSelectDate((0, _moment["default"])(date.format("YYYY/MM/DD")));
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(BodyItem, [{

package/lib/components/date-picker/CalendarHeader.js

@@ -87,7 +87,7 @@ var CalendarHeader = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(CalendarHeader);
 
   function CalendarHeader() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, CalendarHeader);
 
@@ -95,7 +95,7 @@ var CalendarHeader = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.setDate = function (func) {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.setDate = function (func) {
       var date = (0, _moment["default"])(_this.props.date);
 
       for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
@@ -113,7 +113,7 @@ var CalendarHeader = /*#__PURE__*/function (_Component) {
       }
 
       return years;
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(CalendarHeader, [{

package/lib/components/delete-confirm-pop/ConfirmPop.js

@@ -49,7 +49,7 @@ var ConfirmPop = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(ConfirmPop);
 
   function ConfirmPop() {
-    var _this;
+    var _temp, _this;
 
     _classCallCheck(this, ConfirmPop);
 
@@ -57,13 +57,13 @@ var ConfirmPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function () {
       // @ts-ignore
       _this.refs.pop.show(_this.refs.trigger);
     }, _this.handleHide = function () {
       // @ts-ignore
       _this.refs.pop.hide();
-    }, _assertThisInitialized(_this)));
+    }, _temp));
   }
 
   _createClass(ConfirmPop, [{

package/lib/components/dynamic/advertise/components/next-btn/index.css

@@ -0,0 +1,27 @@
+.titaui-dynamic-advertise-next-btn {
+  width: 24px;
+  height: 24px;
+  background: rgba(0, 0, 0, 0.4);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1;
+  right: 16px;
+  opacity: 1;
+  transition: all 0.3s linear;
+}
+
+.titaui-dynamic-advertise-next-btn__icon {
+  font-size: 16px;
+  transform: rotate(180deg);
+  color: #ffffff;
+}
+
+.titaui-dynamic-advertise-next-btn--hidden {
+  opacity: 0;
+}

package/lib/components/dynamic/advertise/components/next-btn/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var prefix = "titaui-dynamic-advertise-next-btn";
+
+var NextBtn = function NextBtn(_ref) {
+  var onClick = _ref.onClick,
+      isShow = _ref.isShow;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(prefix, _defineProperty({}, "".concat(prefix, "--hidden"), !isShow)),
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-left", "".concat(prefix, "__icon"))
+  }));
+};
+
+var _default = NextBtn;
+exports["default"] = _default;

package/lib/components/dynamic/advertise/components/pre-btn/index.css

@@ -0,0 +1,26 @@
+.titaui-dynamic-advertise-pre-btn {
+  width: 24px;
+  height: 24px;
+  background: rgba(0, 0, 0, 0.4);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  left: 16px;
+  transform: translateY(-50%);
+  z-index: 1;
+  opacity: 1;
+  transition: all 0.3s linear;
+}
+
+.titaui-dynamic-advertise-pre-btn__icon {
+  font-size: 16px;
+  color: #ffffff;
+}
+
+.titaui-dynamic-advertise-pre-btn--hidden {
+  opacity: 0;
+}

package/lib/components/dynamic/advertise/components/pre-btn/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var prefix = "titaui-dynamic-advertise-pre-btn";
+
+var PreBtn = function PreBtn(_ref) {
+  var onClick = _ref.onClick,
+      isShow = _ref.isShow;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(prefix, _defineProperty({}, "".concat(prefix, "--hidden"), !isShow)),
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-left", "".concat(prefix, "__icon"))
+  }));
+};
+
+var _default = PreBtn;
+exports["default"] = _default;

package/lib/components/dynamic/advertise/index.css

@@ -0,0 +1,21 @@
+.tutaui-dynamic-advertise {
+  width: 278px;
+  border-radius: 12px;
+  position: relative;
+}
+
+.tutaui-dynamic-advertise--not-empty {
+  box-shadow: 0px 2px 12px 0px rgba(127, 145, 180, 0.2);
+  margin-top: 10px;
+  height: 136px;
+}
+
+.tutaui-dynamic-advertise *:focus {
+  outline: none !important;
+}
+
+.tutaui-dynamic-advertise__img {
+  border-radius: 12px;
+  width: 278px;
+  height: 136px;
+}