@titaui/pc 1.12.0-beta.0 → 1.12.0-beta.3

package/lib/components/user-selector/category-selector-panel/subordinate-tree.js

@@ -0,0 +1,61 @@
+"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 _chooseTree = _interopRequireDefault(require("../select-tree/choose-tree"));
+
+var _requestApis = require("../request-apis");
+
+var _context = require("../context");
+
+require("./index.css");
+
+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; }
+
+var SubordinateTree = function SubordinateTree(props) {
+  var onSelect = props.onSelect,
+      selected = props.selected,
+      multiple = props.multiple,
+      itemHeight = props.itemHeight,
+      height = props.height;
+
+  var _useContext = (0, _react.useContext)(_context.CommonContext),
+      auth = _useContext.auth,
+      authType = _useContext.authType,
+      isGetRoot = _useContext.isGetRoot;
+
+  var onGetTreeData = function onGetTreeData() {
+    return (0, _requestApis.getSubordinateData)({
+      auth: auth,
+      authType: authType
+    });
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
+    value: {}
+  }, /*#__PURE__*/_react["default"].createElement(_chooseTree["default"], {
+    onSelect: onSelect,
+    selected: selected,
+    multiple: multiple,
+    virtual: true,
+    asyncData: true,
+    height: height,
+    isGetRoot: isGetRoot,
+    itemHeight: itemHeight,
+    getTreeData: onGetTreeData
+  }));
+};
+
+var _default = SubordinateTree;
+exports["default"] = _default;

package/lib/components/user-selector/constant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPanesConfig = void 0;
+exports.getPanesConfig = exports["default"] = void 0;
 
 var _getLocale = require("../../utils/getLocale");
 
@@ -11,6 +11,8 @@ var _departTree = _interopRequireDefault(require("./category-selector-panel/depa
 
 var _groupTree = _interopRequireDefault(require("./category-selector-panel/group-tree"));
 
+var _subordinateTree = _interopRequireDefault(require("./category-selector-panel/subordinate-tree"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var getPanesConfig = function getPanesConfig() {
@@ -22,8 +24,14 @@ var getPanesConfig = function getPanesConfig() {
     group: {
       label: (0, _getLocale.getLocale)("Mod_Groups"),
       Component: _groupTree["default"]
+    },
+    subordinate: {
+      label: (0, _getLocale.getLocale)("OKR_MyO_Butt_Subordinate"),
+      Component: _subordinateTree["default"]
     }
   };
 };
 
-exports.getPanesConfig = getPanesConfig;
+exports.getPanesConfig = getPanesConfig;
+var _default = getPanesConfig;
+exports["default"] = _default;

package/lib/components/user-selector/empty/index.css

@@ -12,6 +12,11 @@
   background: url(../images/empty-131.png) transparent no-repeat 50% 50%;
 }
 
+.persel-empty > span.empty-special {
+  background-image: url("../images/no-auth.png");
+  background-size: contain;
+}
+
 .add-group {
   display: inline-block;
   color: #2879ff;

package/lib/components/user-selector/empty/index.js

@@ -7,13 +7,17 @@ exports["default"] = _default;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _getLocale = require("../../../utils/getLocale");
 
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _default() {
+function _default(_ref) {
+  var _ref$errorTip = _ref.errorTip,
+      errorTip = _ref$errorTip === void 0 ? "" : _ref$errorTip;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       textAlign: "center"
@@ -21,8 +25,10 @@ function _default() {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "persel-empty"
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "icon"
+    className: (0, _classnames["default"])("icon", {
+      "empty-special": !!errorTip
+    })
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "empty-tip"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Thnothinghere")));
+  }, errorTip || (0, _getLocale.getLocale)("OKR_MyO_Thnothinghere")));
 }

package/lib/components/user-selector/export-modules/depart-search-selector/index.js

@@ -19,6 +19,8 @@ var _resultPart = _interopRequireDefault(require("./result-part"));
 
 var _chooseTree = _interopRequireDefault(require("../../select-tree/choose-tree"));
 
+var _empty = _interopRequireDefault(require("../../empty"));
+
 var _selectorInput = _interopRequireDefault(require("../../../selector-input"));
 
 var _layout = require("../../layout");
@@ -29,6 +31,8 @@ var _utils = require("../../utils");
 
 var _requestApis = require("../../request-apis");
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("rc-tabs/assets/index.css");
 
 require("./index.css");
@@ -102,12 +106,17 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       users = _useState10[0],
       setUsers = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(function () {
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      noAuth = _useState12[0],
+      setNoAuth = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(function () {
     if (!auth) return [];
     return ["-1"];
   }),
-      _useState12 = _slicedToArray(_useState11, 1),
-      defaultExpandedKeys = _useState12[0];
+      _useState14 = _slicedToArray(_useState13, 1),
+      defaultExpandedKeys = _useState14[0];
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -120,12 +129,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   });
 
-  var _useState13 = (0, _react.useState)(function () {
+  var _useState15 = (0, _react.useState)(function () {
     if (props.selected) return props.selected;
   }),
-      _useState14 = _slicedToArray(_useState13, 2),
-      selected = _useState14[0],
-      setSelected = _useState14[1]; // 获取数据的API
+      _useState16 = _slicedToArray(_useState15, 2),
+      selected = _useState16[0],
+      setSelected = _useState16[1]; // 获取数据的API
 
 
   var searchTreeData = function searchTreeData() {
@@ -134,9 +143,17 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       departOnly: true,
       sourceFrom: sourceFrom
     }).then(function (res) {
-      var _res$Data = res.Data,
-          departments = _res$Data.departments,
-          users = _res$Data.users;
+      var Code = res.Code,
+          Data = res.Data;
+
+      if (Code === 401) {
+        setNoAuth(true);
+      } else {
+        setNoAuth(false);
+      }
+
+      var departments = Data.departments,
+          users = Data.users;
 
       if (searchDepart) {
         setDeparts((0, _utils.translateDepartsToTreeNode)(departments || []));
@@ -197,18 +214,29 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         onGetTreeDataDone(departs);
       });
     }
-  }, []); // 选人组件内容
+  }, []);
+
+  var getResult = function getResult() {
+    if (noAuth) {
+      return /*#__PURE__*/_react["default"].createElement(_empty["default"], {
+        errorTip: (0, _getLocale.getLocale)("Mod_Nopermissiondep")
+      });
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_resultPart["default"], {
+      treeData: searchDepart ? departs : searchUser ? users : [],
+      onSelect: onSelectHandler,
+      departOnly: true,
+      height: height - 44
+    });
+  }; // 选人组件内容
+
 
   var popup = /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("persel-box", "perspm-depart-search-selector")
   }, /*#__PURE__*/_react["default"].createElement(_layout.SinglePersonalLayout, null, /*#__PURE__*/_react["default"].createElement(_selectorInput["default"], {
     onChange: onSearchChangeHandler
-  }), searchKey ? loading ? /*#__PURE__*/_react["default"].createElement(_loading["default"], null) : /*#__PURE__*/_react["default"].createElement(_resultPart["default"], {
-    treeData: searchDepart ? departs : searchUser ? users : [],
-    onSelect: onSelectHandler,
-    departOnly: true,
-    height: height - 44
-  }) : /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
+  }), searchKey ? loading ? /*#__PURE__*/_react["default"].createElement(_loading["default"], null) : getResult() : /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
     value: {}
   }, /*#__PURE__*/_react["default"].createElement(_chooseTree["default"], {
     onSelect: onSelectHandler,

package/lib/components/user-selector/export-modules/field-tree-selector/index.js

@@ -81,7 +81,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$panes = props.panes,
       panes = _props$panes === void 0 ? {
     depart: true,
-    group: true
+    group: true,
+    subordinate: true
   } : _props$panes,
       _props$searchedPanes = props.searchedPanes,
       searchedPanes = _props$searchedPanes === void 0 ? {
@@ -214,6 +215,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   });
 
   var onOkHandler = function onOkHandler(selectNodes, e) {
+    debugger;
     setVisible(false);
     setSelected(selectNodes);
     var texts = [];

package/lib/components/user-selector/request-apis.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.searchGroups = exports.searchDuties = exports.search = exports.getTreeData = exports.getGourps = exports.getDuties = void 0;
+exports.searchGroups = exports.searchDuties = exports.search = exports.getTreeData = exports.getSubordinateData = exports.getGourps = exports.getDuties = void 0;
 
 var _axios = _interopRequireDefault(require("axios"));
 
@@ -137,10 +137,29 @@ var getTreeData = function getTreeData(id, opts, resolve) {
 
 exports.getTreeData = getTreeData;
 
-var search = function search(_ref3) {
-  var searchKey = _ref3.searchKey,
-      departOnly = _ref3.departOnly,
-      sourceFrom = _ref3.sourceFrom;
+var getSubordinateData = function getSubordinateData(_ref3) {
+  var auth = _ref3.auth,
+      authType = _ref3.authType;
+  var authTypeId;
+  if (auth && !authType) authType = "okr";
+  if (authType == "okr") authTypeId = "62";
+  if (authType == "performance") authTypeId = "31";
+  if (authType == "total") authTypeId = "0";
+  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/org/GetDepartmentSubordinates?objtype=").concat(authTypeId)).then(function (res) {
+    var _res$data$Data$users = res.data.Data.users,
+        users = _res$data$Data$users === void 0 ? [] : _res$data$Data$users;
+    var transUsers = (0, _utils.translateUsersToTreeNode)(users || []); // resolve && resolve([...transUsers]);
+
+    return _toConsumableArray(transUsers);
+  });
+};
+
+exports.getSubordinateData = getSubordinateData;
+
+var search = function search(_ref4) {
+  var searchKey = _ref4.searchKey,
+      departOnly = _ref4.departOnly,
+      sourceFrom = _ref4.sourceFrom;
   var args = [];
   if (departOnly) args.push("isGetUser=false");
   if (sourceFrom) args.push("sourceFrom=".concat(sourceFrom)); // 追加来源，用于企业微信搜索
@@ -153,8 +172,8 @@ var search = function search(_ref3) {
 
 exports.search = search;
 
-var searchGroups = function searchGroups(_ref4) {
-  var searchKey = _ref4.searchKey;
+var searchGroups = function searchGroups(_ref5) {
+  var searchKey = _ref5.searchKey;
   return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/okr/map/group?keyWork=").concat(searchKey)).then(function (searchRes) {
     return searchRes.data;
   });
@@ -170,8 +189,8 @@ var getDuties = function getDuties() {
 
 exports.getDuties = getDuties;
 
-var searchDuties = function searchDuties(_ref5) {
-  var searchKey = _ref5.searchKey;
+var searchDuties = function searchDuties(_ref6) {
+  var searchKey = _ref6.searchKey;
   return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/position/search?status=1&pageNum=1&pageSize=100&filter=").concat(searchKey)).then(function (res) {
     return res.data;
   });

package/lib/components/user-selector/searched-panel/index.js

@@ -85,6 +85,11 @@ function _default(props) {
       group = _useState8[0],
       setGroup = _useState8[1];
 
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      noAuth = _useState10[0],
+      setNoAuth = _useState10[1];
+
   (0, _react.useEffect)(function () {
     setLoading(true);
     (0, _requestApis.search)({
@@ -92,10 +97,18 @@ function _default(props) {
       departOnly: departOnly,
       sourceFrom: sourceFrom
     }).then(function (res) {
-      var _res$Data = res.Data,
-          departments = _res$Data.departments,
-          groups = _res$Data.groups,
-          users = _res$Data.users;
+      var Code = res.Code,
+          Data = res.Data;
+      var departments = Data.departments,
+          groups = Data.groups,
+          users = Data.users;
+
+      if (Code === 401) {
+        setNoAuth(true);
+      } else {
+        setNoAuth(false);
+      }
+
       setPerson((0, _utils.translateUsersToTreeNode)(users || []));
       setGroup((0, _utils.translateGroupsToTreeNode)(groups || []));
       setDeparts((0, _utils.translateDepartsToTreeNode)(departments || []));
@@ -103,7 +116,6 @@ function _default(props) {
     });
   }, [searchKey]); // 计算结果，是否显示空值
 
-  var showEmpty = false;
   var itemCount = 0;
 
   if (searchedPanes.user && person) {
@@ -120,7 +132,7 @@ function _default(props) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "persel-searched"
-  }, loading ? /*#__PURE__*/_react["default"].createElement(_loading["default"], null) : /*#__PURE__*/_react["default"].createElement("div", null, searchedPanes.user && person && person.length ? /*#__PURE__*/_react["default"].createElement(_resultPart["default"], {
+  }, loading && /*#__PURE__*/_react["default"].createElement(_loading["default"], null), !loading && /*#__PURE__*/_react["default"].createElement("div", null, searchedPanes.user && person && person.length ? /*#__PURE__*/_react["default"].createElement(_resultPart["default"], {
     title: (0, _getLocale.getLocale)("Per_Ma_form_detail_Personnel"),
     treeData: person,
     onSelect: onNodeSelect,
@@ -135,5 +147,7 @@ function _default(props) {
     treeData: group,
     onSelect: onNodeSelect,
     selected: selected
-  }) : undefined, itemCount == 0 && /*#__PURE__*/_react["default"].createElement(_empty["default"], null)));
+  }) : undefined, itemCount == 0 && !noAuth && /*#__PURE__*/_react["default"].createElement(_empty["default"], null), itemCount == 0 && noAuth && /*#__PURE__*/_react["default"].createElement(_empty["default"], {
+    errorTip: (0, _getLocale.getLocale)("Mod_Nopermissiondep")
+  })));
 }

package/lib/components-v1/radio/radio.js

@@ -43,7 +43,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var RadioWrapper = _styledComponents["default"].label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  color: #36434d;\n  margin-right: 15px;\n  box-sizing: border-box;\n  display: flex;\n\n  .label {\n    position: relative;\n    user-select: none;\n    top: -2px;\n  }\n"])));
+var RadioWrapper = _styledComponents["default"].label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  color: #36434d;\n  margin-right: 15px;\n  box-sizing: border-box;\n  display: inline-flex;\n\n  .label {\n    position: relative;\n    user-select: none;\n    top: -2px;\n  }\n"])));
 
 var Radio = /*#__PURE__*/function (_Component) {
   _inherits(Radio, _Component);

package/lib/index.js

@@ -51,18 +51,36 @@ Object.defineProperty(exports, "Communication", {
     return _communication["default"];
   }
 });
+Object.defineProperty(exports, "ConditionRender", {
+  enumerable: true,
+  get: function get() {
+    return _conditionRender["default"];
+  }
+});
 Object.defineProperty(exports, "Confidence", {
   enumerable: true,
   get: function get() {
     return _confidence["default"];
   }
 });
+Object.defineProperty(exports, "ContactKefu", {
+  enumerable: true,
+  get: function get() {
+    return _contactKefu["default"];
+  }
+});
 Object.defineProperty(exports, "CreateOkrModal", {
   enumerable: true,
   get: function get() {
     return _createOkrModal["default"];
   }
 });
+Object.defineProperty(exports, "DangerousHtml", {
+  enumerable: true,
+  get: function get() {
+    return _dangerousHtml["default"];
+  }
+});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function get() {
@@ -159,6 +177,12 @@ Object.defineProperty(exports, "Form", {
     return _form["default"];
   }
 });
+Object.defineProperty(exports, "FormatTime", {
+  enumerable: true,
+  get: function get() {
+    return _formatTime["default"];
+  }
+});
 Object.defineProperty(exports, "GridLayout", {
   enumerable: true,
   get: function get() {
@@ -375,6 +399,12 @@ Object.defineProperty(exports, "Progress", {
     return _progress["default"];
   }
 });
+Object.defineProperty(exports, "PublishDynamicModal", {
+  enumerable: true,
+  get: function get() {
+    return _publishDynamicModal["default"];
+  }
+});
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
@@ -477,6 +507,12 @@ Object.defineProperty(exports, "TaskRelationModal", {
     return _taskRelationModal["default"];
   }
 });
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _textarea["default"];
+  }
+});
 Object.defineProperty(exports, "TitaChart", {
   enumerable: true,
   get: function get() {
@@ -602,6 +638,10 @@ var _button = _interopRequireDefault(require("./components/button"));
 
 var _bookDemo = _interopRequireDefault(require("./components/book-demo"));
 
+var _conditionRender = _interopRequireDefault(require("./components/condition-render"));
+
+var _contactKefu = _interopRequireDefault(require("./components/contact-kefu"));
+
 var _confidence = _interopRequireDefault(require("./components/confidence"));
 
 var _communication = _interopRequireDefault(require("./components/communication"));
@@ -616,6 +656,8 @@ var _createOkrModal = _interopRequireDefault(require("./components/create-okr-mo
 
 var _dialog = _interopRequireDefault(require("./components/dialog"));
 
+var _dangerousHtml = _interopRequireDefault(require("./components/dangerous-html"));
+
 var _datePicker = _interopRequireDefault(require("./components/date-picker"));
 
 var _demoFree = _interopRequireDefault(require("./pages/demo-free"));
@@ -642,6 +684,8 @@ var _errorBoundary = _interopRequireDefault(require("./components/error-boundary
 
 var _errorLevel = _interopRequireDefault(require("./utils/error-level"));
 
+var _formatTime = _interopRequireDefault(require("./utils/format-time"));
+
 var _fileList = _interopRequireDefault(require("./components/file-list"));
 
 var _firework = _interopRequireDefault(require("./components/firework"));
@@ -714,6 +758,8 @@ var _periodSelector = _interopRequireDefault(require("./components/period-select
 
 var _pagination = _interopRequireDefault(require("./components/pagination"));
 
+var _publishDynamicModal = _interopRequireDefault(require("./components/publish-dynamic-modal"));
+
 var _passwordInput = _interopRequireDefault(require("./components/password-input"));
 
 var _photoCard = _interopRequireDefault(require("./components/photo-card"));
@@ -768,6 +814,8 @@ var _titaChart = _interopRequireDefault(require("./components/tita-chart"));
 
 var _tooltip = _interopRequireDefault(require("./components/tooltip"));
 
+var _textarea = _interopRequireDefault(require("./components/textarea"));
+
 var _tooltipText = _interopRequireDefault(require("./components/tooltip/tooltip-text"));
 
 var _userSelector = _interopRequireDefault(require("./components/user-selector"));

package/lib/pages/aha2021/index.css

@@ -18,31 +18,13 @@
   z-index: 3;
 }
 
-.titaui-aha-2021__invite, .titaui-aha-2021__kefu {
+.titaui-aha-2021__invite {
   position: absolute;
   bottom: 74px;
   right: 24px;
   z-index: 2;
 }
 
-.titaui-aha-2021__try-kefu {
-  position: absolute;
-  bottom: 134px;
-  right: 24px;
-  z-index: 2;
-}
-
-.titaui-aha-2021__kefu {
-  width: 42px;
-  height: 42px;
-  background: url("./img/kefu.svg") no-repeat;
-  background-color: #fff;
-  background-size: 42px;
-  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-  cursor: pointer;
-  border-radius: 50%;
-}
-
 .titaui-aha-2021__notice {
   width: 42px;
   height: 42px;
@@ -96,13 +78,6 @@
   background-image: none;
 }
 
-.titaui-aha-2021__cancel {
-  height: 100%;
-  background: url("./img/canceled.svg") 50% 50% no-repeat;
-  animation-duration: 0.3s;
-  animation-name: kefuActive;
-}
-
 .titaui-aha-2021__popup {
   width: 332px;
   height: 376px;