@titaui/pc 1.12.24 → 1.12.26-beta.2

package/lib/components/dynamic/dynamic-item/index.js

@@ -75,6 +75,10 @@ var _dynamicInterview = _interopRequireDefault(require("./dynamic-interview"));
 
 var _dynamicInterviewShare = _interopRequireDefault(require("./dynamic-interview-share"));
 
+var _dynamicNewReport = _interopRequireDefault(require("./dynamic-new-report"));
+
+var _excluded = ["data", "onDeleteFeed", "dynamicShareIsShowToping"];
+
 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); }
@@ -87,6 +91,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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."); }
@@ -107,14 +113,20 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = 'titaui-dynamic-item';
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var prefix = "titaui-dynamic-item";
 
 var DynamicItem = function DynamicItem(_ref) {
   var _getBSGlobal, _JSON$parse;
 
   var data = _ref.data,
       onDeleteFeed = _ref.onDeleteFeed,
-      dynamicShareIsShowToping = _ref.dynamicShareIsShowToping;
+      dynamicShareIsShowToping = _ref.dynamicShareIsShowToping,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
   var feedId = data.feedId,
       feedComments = data.feedComments,
       praiseType = data.praiseType,
@@ -161,8 +173,8 @@ var DynamicItem = function DynamicItem(_ref) {
       isShowAtAll = _useContext.isShowAtAll;
 
   var hasDynamicOpereateAuth = new _auth.DynamicManagerAuth().hasAuth();
-  var hasRewardBtn = !!((_getBSGlobal = (0, _bsGlobal.getBSGlobal)('WebHead')) !== null && _getBSGlobal !== void 0 && _getBSGlobal.AppHead.find(function (item) {
-    return item.AppId === '950';
+  var hasRewardBtn = !!((_getBSGlobal = (0, _bsGlobal.getBSGlobal)("WebHead")) !== null && _getBSGlobal !== void 0 && _getBSGlobal.AppHead.find(function (item) {
+    return item.AppId === "950";
   }));
   var isBiShare = data.shareType === _constant.EShareType.BiShare && data.biId;
 
@@ -182,10 +194,10 @@ var DynamicItem = function DynamicItem(_ref) {
 
   var handleShowMore = function handleShowMore() {
     if (data.feedType === _constant.EFeedType.Report && window.titaTracker) {
-      window.titaTracker('planAction').record({
-        actionName: '查看日报',
-        actionGroup: '动态-查看更多',
-        productName: '动态',
+      window.titaTracker("planAction").record({
+        actionName: "查看日报",
+        actionGroup: "动态-查看更多",
+        productName: "动态",
         feedId: feedId
       });
     }
@@ -194,18 +206,18 @@ var DynamicItem = function DynamicItem(_ref) {
   };
 
   var onChangeParse = function onChangeParse(type) {
-    var _getBSGlobal2 = (0, _bsGlobal.getBSGlobal)('loginUserInfo'),
+    var _getBSGlobal2 = (0, _bsGlobal.getBSGlobal)("loginUserInfo"),
         Id = _getBSGlobal2.Id;
 
     var data = _toConsumableArray(praiseData).filter(function (item) {
       return Number("".concat(item.userId)) !== Number("".concat(Id));
     });
 
-    var actionName = '';
+    var actionName = "";
 
     if (type) {
-      var avatar = (0, _bsGlobal.getBSGlobal)('loginUserInfo').UserAvatar;
-      var name = (0, _bsGlobal.getBSGlobal)('loginUserInfo').Name;
+      var avatar = (0, _bsGlobal.getBSGlobal)("loginUserInfo").UserAvatar;
+      var name = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Name;
       avatar.color = avatar.Color;
       avatar.medium = avatar.Medium;
       var parseUser = {
@@ -215,17 +227,17 @@ var DynamicItem = function DynamicItem(_ref) {
         praiseType: type
       };
       setPraiseData([parseUser].concat(_toConsumableArray(data)));
-      actionName = '点赞日报';
+      actionName = "点赞日报";
     } else {
       setPraiseData(data);
-      actionName = '取消日报点赞';
+      actionName = "取消日报点赞";
     }
 
     if (feedType === _constant.EFeedType.Report && window.titaTracker) {
-      window.titaTracker('planAction').record({
+      window.titaTracker("planAction").record({
         actionName: actionName,
-        actionGroup: '动态-日报',
-        productName: '动态',
+        actionGroup: "动态-日报",
+        productName: "动态",
         feedId: feedId
       });
     }
@@ -276,10 +288,17 @@ var DynamicItem = function DynamicItem(_ref) {
         });
 
       case _constant.EFeedType.Report:
-        return /*#__PURE__*/_react["default"].createElement(_dynamicReport["default"], {
+        if (data.newSummary) {
+          return /*#__PURE__*/_react["default"].createElement(_dynamicNewReport["default"], _extends({
+            data: data,
+            onDeleteFeed: onDeleteFeed
+          }, restProps));
+        }
+
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReport["default"], _extends({
           data: data,
           onDeleteFeed: onDeleteFeed
-        });
+        }, restProps));
 
       case _constant.EFeedType.Reply:
         return /*#__PURE__*/_react["default"].createElement(_dynamicReply["default"], {
@@ -362,7 +381,7 @@ var DynamicItem = function DynamicItem(_ref) {
 
   var renderUpvoteCount = function renderUpvoteCount(type, count) {
     if (count === 0) {
-      return '';
+      return "";
     }
 
     return count || type;
@@ -380,10 +399,10 @@ var DynamicItem = function DynamicItem(_ref) {
 
     if (window.util) {
       if (feedType === _constant.EFeedType.Report && window.titaTracker) {
-        window.titaTracker('planAction').record({
-          actionName: '打开打赏弹层',
-          actionGroup: '动态-日报',
-          productName: '动态',
+        window.titaTracker("planAction").record({
+          actionName: "打开打赏弹层",
+          actionGroup: "动态-日报",
+          productName: "动态",
           feedId: feedId
         });
       }
@@ -397,13 +416,13 @@ var DynamicItem = function DynamicItem(_ref) {
   var handleReply = function handleReply(_ref2) {
     var submitType = _ref2.submitType;
     if (feedType !== _constant.EFeedType.Report) return;
-    var actionName = submitType === 'delete' ? '删除日报评论' : '评论日报';
+    var actionName = submitType === "delete" ? "删除日报评论" : "评论日报";
 
     if (window.titaTracker) {
-      window.titaTracker('planAction').record({
+      window.titaTracker("planAction").record({
         actionName: actionName,
-        actionGroup: '动态-日报',
-        productName: '动态',
+        actionGroup: "动态-日报",
+        productName: "动态",
         feedId: feedId
       });
     }
@@ -431,15 +450,15 @@ var DynamicItem = function DynamicItem(_ref) {
     className: "".concat(prefix, "__content"),
     ref: dynamicContentRef,
     style: {
-      height: contentIsOverflow && isFold ? '288px' : 'auto'
+      height: contentIsOverflow && isFold ? "288px" : "auto"
     }
   }, renderContent, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: contentIsOverflow && isFold
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-show-more"),
     onClick: handleShowMore
-  }, (0, _getLocale.getLocale)('Tasks_Tab_MyS_Butt_Seemoral'), /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])('tu-icon-arrow-down', "".concat(prefix, "__icon"))
+  }, (0, _getLocale.getLocale)("Tasks_Tab_MyS_Butt_Seemoral"), /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"))
   })))), feedOperations.total > 0 && /*#__PURE__*/_react["default"].createElement(_feedOperate["default"], {
     feedOperations: feedOperations,
     data: data
@@ -477,12 +496,12 @@ var DynamicItem = function DynamicItem(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__footer-fold"),
     onClick: handleFold
-  }, (0, _getLocale.getLocale)('Mod_Fold'), /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])('tu-icon-arrow-down', "".concat(prefix, "__icon"), "".concat(prefix, "__icon-up"))
+  }, (0, _getLocale.getLocale)("Mod_Fold"), /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"), "".concat(prefix, "__icon-up"))
   }))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: hasRewardBtn
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    overlay: (0, _getLocale.getLocale)('Feed_Approval'),
+    overlay: (0, _getLocale.getLocale)("Feed_Approval"),
     align: {
       offset: [0, 0]
     },
@@ -492,7 +511,7 @@ var DynamicItem = function DynamicItem(_ref) {
     className: (0, _classnames["default"])("".concat(prefix, "__footer-icon"), "".concat(prefix, "__footer-icon-redenvelopes"))
   }))), /*#__PURE__*/_react["default"].createElement("span", {
     onClick: handleCommentClick,
-    className: (0, _classnames["default"])('tu-icon-pinglun-m', "".concat(prefix, "__footer-icon"))
+    className: (0, _classnames["default"])("tu-icon-pinglun-m", "".concat(prefix, "__footer-icon"))
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: feedComments.total > 0
   }, /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/dynamic/dynamic-list/index.js

@@ -38,15 +38,13 @@ var DynamicList = function DynamicList(_ref) {
       _ref$height = _ref.height,
       height = _ref$height === void 0 ? -1 : _ref$height,
       _ref$searchKeyWord = _ref.searchKeyWord,
-      searchKeyWord = _ref$searchKeyWord === void 0 ? "" : _ref$searchKeyWord,
+      searchKeyWord = _ref$searchKeyWord === void 0 ? '' : _ref$searchKeyWord,
       atAllText = _ref.atAllText,
       atAllTipText = _ref.atAllTipText,
       atAllValue = _ref.atAllValue,
       isShowAtAll = _ref.isShowAtAll,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  console.log(123, restProps);
-
   var handleDeleteFeed = function handleDeleteFeed(feedId) {
     if (onDeleteFeed) {
       onDeleteFeed(feedId);
@@ -64,7 +62,7 @@ var DynamicList = function DynamicList(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix,
     style: {
-      minHeight: height === -1 ? "auto" : height
+      minHeight: height === -1 ? 'auto' : height
     }
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: data.length === 0
@@ -76,7 +74,7 @@ var DynamicList = function DynamicList(_ref) {
     alt: ""
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__empty-text")
-  }, (0, _getLocale.getLocale)("OKR_Noinformation")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+  }, (0, _getLocale.getLocale)('OKR_Noinformation')))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: data.length !== 0
   }, /*#__PURE__*/_react["default"].createElement(_rcQueueAnim["default"], {
     type: "bottom",
@@ -85,7 +83,7 @@ var DynamicList = function DynamicList(_ref) {
     animConfig: [{
       opacity: [1, 0]
     }, {
-      display: "none"
+      display: 'none'
     }]
   }, data.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/form/form-fields/date/index.js

@@ -48,16 +48,16 @@ var Date = function Date(props) {
     switch (type) {
       case "date":
         newDate = (0, _moment["default"])(value || (0, _moment["default"])()).set({
-          year: (0, _moment["default"])(date).year(),
-          month: (0, _moment["default"])(date).month(),
-          date: (0, _moment["default"])(date).date()
+          year: (0, _moment["default"])(date[0]).year(),
+          month: (0, _moment["default"])(date[0]).month(),
+          date: (0, _moment["default"])(date[0]).date()
         });
         break;
 
       case "time":
         newDate = (0, _moment["default"])(value || (0, _moment["default"])()).set({
-          hour: (0, _moment["default"])(date, "HH:mm").hour(),
-          minute: (0, _moment["default"])(date, "HH:mm").minute()
+          hour: (0, _moment["default"])(date[0], "HH:mm").hour(),
+          minute: (0, _moment["default"])(date[0], "HH:mm").minute()
         });
         break;
 
@@ -66,6 +66,7 @@ var Date = function Date(props) {
     }
 
     onChange(newDate);
+    return true;
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -81,14 +82,14 @@ var Date = function Date(props) {
   }, /*#__PURE__*/_react["default"].createElement(_picker["default"], _extends({
     value: value,
     onChange: function onChange(date) {
-      return onDateChange(date, "date");
+      return onDateChange(date, 'date');
     },
     popupAlign: datePopupAlign
   }, restProps)), /*#__PURE__*/_react["default"].createElement(_timePicker["default"], _extends({
     value: value,
     popupAlign: timePopupAlign,
     onChange: function onChange(time) {
-      return onDateChange(time, "time");
+      return onDateChange([time], "time");
     }
   }, restProps))));
 };

package/lib/components/guide-tip/index.css

@@ -0,0 +1,68 @@
+.titaui-pc__guide-tip__popup {
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  background: #5c8eff;
+  box-shadow: 0px -4px 12px 0px rgba(127, 145, 180, 0.2);
+  border: 1px solid #ffffff;
+  padding: 16px;
+  box-sizing: border-box;
+  border-radius: 24px;
+}
+
+.titaui-pc__guide-tip__popup--button {
+  flex-direction: column;
+  align-items: flex-end;
+  margin-top: 8px;
+}
+
+.titaui-pc__guide-tip__popup-close-icon {
+  font-size: 12px;
+  color: #fff;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.titaui-pc__guide-tip__popup-triangle {
+  position: absolute;
+  bottom: -4px;
+  left: 50%;
+  margin-left: -4px;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #fff;
+}
+
+.titaui-pc__guide-tip__popup-triangle::after {
+  content: '';
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: -4px;
+  bottom: 1px;
+  border-left: solid 4px transparent;
+  border-right: solid 4px transparent;
+  border-top: solid 4px #5c8eff;
+  z-index: 99;
+}
+
+.titaui-pc__guide-tip__popup-triangle--bottom {
+  top: -4px;
+  transform: rotate(180deg);
+}
+
+.titaui-pc__guide-tip__popup-triangle--left {
+  top: 50%;
+  margin-top: -4px;
+  left: 100.5%;
+  transform: rotate(-90deg);
+}
+
+.titaui-pc__guide-tip__popup-triangle--right {
+  left: -4px;
+  top: 50%;
+  margin-top: -4px;
+  transform: rotate(90deg);
+}

package/lib/components/guide-tip/index.js

@@ -0,0 +1,127 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+require("./index.css");
+
+var _excluded = ["type", "width", "time", "children", "popupPlacement", "classnames", "content", "onClickClose", "buttonTitle"];
+
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = 'titaui-pc__guide-tip';
+var GuideTip = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      popupVisible = _useState2[0],
+      setPopupVisible = _useState2[1];
+
+  var popupRef = (0, _react.useRef)({
+    open: function open() {},
+    close: function close() {}
+  });
+
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'default' : _props$type,
+      _props$width = props.width,
+      width = _props$width === void 0 ? 304 : _props$width,
+      _props$time = props.time,
+      time = _props$time === void 0 ? 3000 : _props$time,
+      children = props.children,
+      _props$popupPlacement = props.popupPlacement,
+      popupPlacement = _props$popupPlacement === void 0 ? 'top' : _props$popupPlacement,
+      _props$classnames = props.classnames,
+      classnames = _props$classnames === void 0 ? "".concat(preCls, "__popup") : _props$classnames,
+      content = props.content,
+      onClickClose = props.onClickClose,
+      _props$buttonTitle = props.buttonTitle,
+      buttonTitle = _props$buttonTitle === void 0 ? '好哒' : _props$buttonTitle,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var handleCloseGuidePopup = function handleCloseGuidePopup() {
+    onClickClose();
+    popupRef.current.close();
+  };
+
+  var renderPopupContent = function renderPopupContent() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__popup"), _defineProperty({}, classnames, classnames), _defineProperty({}, "".concat(preCls, "__popup--button"), type === 'button')),
+      style: {
+        width: "".concat(width, "px")
+      }
+    }, content, type === 'default' && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__popup-close")
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: (0, _classnames["default"])('tu-icon-close', "".concat(preCls, "__popup-close-icon")),
+      onClick: handleCloseGuidePopup
+    })), type === 'button' && /*#__PURE__*/_react["default"].createElement(_button["default"].Rect, {
+      text: buttonTitle,
+      size: "small"
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__popup-triangle"), "".concat(preCls, "__popup-triangle--").concat(popupPlacement))
+    }));
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      showGuideTip: function showGuideTip() {
+        return setPopupVisible(true);
+      },
+      hideGuideTip: function hideGuideTip() {
+        return setPopupVisible(false);
+      }
+    };
+  });
+  (0, _react.useEffect)(function () {
+    if (type === 'time') {
+      setTimeout(function () {
+        setPopupVisible(false);
+      }, time);
+    }
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_popup["default"], _extends({
+    ref: popupRef,
+    action: ['focus'],
+    popupPlacement: popupPlacement,
+    popup: renderPopupContent(),
+    popupVisible: popupVisible
+  }, restProps), children);
+});
+var _default = GuideTip;
+exports["default"] = _default;