@titaui/pc 1.9.33 → 1.9.37

package/lib/pages/like-ranking/index.js

@@ -212,9 +212,9 @@ var LikeRanking = function LikeRanking() {
   };
 
   var handleLinkToPraiseRaking = function handleLinkToPraiseRaking() {
-    var href = window.location.href;
-    var url = "".concat(href.split("#")[0], "#dev");
-    window.open(url, "self");
+    window.history.go(-1); // let href = window.location.href;
+    // let url = `${href.split("#")[0]}#dynamic`;
+    // window.open(url, "self");
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/utils/date-test-change.js

@@ -12,7 +12,7 @@ var _getLocale = require("./getLocale");
 //精确到日期的检测 date为2021/8/26这样的类型，返回距现在几天
 var testDateDiff = function testDateDiff(date) {
   var handleDate = date.length == 5 ? "".concat(new Date().getFullYear(), "/").concat(date) : date;
-  var testTime = Date.parse(handleDate.replace(/-/g, '/').split('T').join(' ').split('.')[0]);
+  var testTime = Date.parse(handleDate.replace(/-/g, "/").split("T").join(" ").split(".")[0]);
   var now = Date.now();
   var diffDay = Math.floor((now - testTime) / (1000 * 60 * 60 * 24));
   return diffDay;
@@ -22,10 +22,11 @@ var testDateDiff = function testDateDiff(date) {
 exports.testDateDiff = testDateDiff;
 
 var judgeTimeSpaceFromNow = function judgeTimeSpaceFromNow(date) {
-  if (!date) return (0, _getLocale.getLocale)('OKR_MyO_KRP_Notupdated');
+  var withHM = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  if (!date) return (0, _getLocale.getLocale)("OKR_MyO_KRP_Notupdated");
   var months = (0, _constant.getMonth)(); // 兼容safari，safari不支持yy-mm-dd格式，支持yy/mm/dd格式
 
-  var handleDate = date.length === 5 ? new Date().getFullYear() + '/' + date : date.replace(/-/g, '/').split('T').join(' ').split('.')[0];
+  var handleDate = date.length === 5 ? new Date().getFullYear() + "/" + date : date.replace(/-/g, "/").split("T").join(" ").split(".")[0];
   var timeDateObj = new Date(handleDate);
   var timeMilliSecond = timeDateObj.getTime();
   var timeYear = timeDateObj.getFullYear();
@@ -40,37 +41,37 @@ var judgeTimeSpaceFromNow = function judgeTimeSpaceFromNow(date) {
   var secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
 
   if (secondDiff <= 3) {
-    return (0, _getLocale.getLocale)('Pro_page_Int_Justnow');
+    return (0, _getLocale.getLocale)("Pro_page_Int_Justnow");
   }
 
   if (secondDiff < 60) {
-    return "".concat(secondDiff).concat((0, _getLocale.getLocale)('Mood_secago'));
+    return "".concat(secondDiff).concat((0, _getLocale.getLocale)("Mood_secago"));
   }
 
   if (secondDiff < 60 * 60) {
-    return "".concat(Math.floor(secondDiff / 60)).concat((0, _getLocale.getLocale)('Tasks_Tab_MyS_minuteago'));
+    return "".concat(Math.floor(secondDiff / 60)).concat((0, _getLocale.getLocale)("Tasks_Tab_MyS_minuteago"));
   }
 
   if (secondDiff < 60 * 60 * 24) {
-    return "".concat(Math.floor(secondDiff / (60 * 60))).concat((0, _getLocale.getLocale)('Mood_hoursago'));
+    return "".concat(Math.floor(secondDiff / (60 * 60))).concat((0, _getLocale.getLocale)("Mood_hoursago"));
   }
 
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return "".concat((0, _getLocale.getLocale)('OKR_MyO_Pr_Text_Yesterday'), " ").concat(timeHours + ":" + timeMinutes);
+    return "".concat((0, _getLocale.getLocale)("OKR_MyO_Pr_Text_Yesterday")) + (withHM ? " ".concat((timeHours < 10 ? "0" + timeHours : timeHours) + ":" + (timeMinutes < 10 ? "0" + timeMinutes : timeMinutes)) : "");
   }
 
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {
-    return "".concat((0, _getLocale.getLocale)('Mood_2daysago'), " ").concat(timeHours + ":" + timeMinutes);
+    return "".concat((0, _getLocale.getLocale)("Mood_2daysago")) + (withHM ? " ".concat((timeHours < 10 ? "0" + timeHours : timeHours) + ":" + (timeMinutes < 10 ? "0" + timeMinutes : timeMinutes)) : "");
   }
 
   if (timeYear === nowYear) {
     var _dateStr = months[timeMonth - 1] + (_getLocale.isEn ? " ".concat(timeDate, " ") : "".concat(timeDate, "\u65E5"));
 
-    return "".concat(_dateStr, " ").concat(timeHours < 10 ? "0" + timeHours : timeHours, ":").concat(timeMinutes < 10 ? "0" + timeMinutes : timeMinutes);
+    return "".concat(_dateStr) + (withHM ? " ".concat((timeHours < 10 ? "0" + timeHours : timeHours) + ":" + (timeMinutes < 10 ? "0" + timeMinutes : timeMinutes)) : "");
   }
 
-  var dateStr = (_getLocale.isEn ? '' : "".concat(timeYear, "\u5E74")) + months[timeMonth - 1] + (_getLocale.isEn ? " ".concat(timeDate, " ") : "".concat(timeDate, "\u65E5")) + (_getLocale.isEn ? ",".concat(timeYear) : '');
-  return "".concat(dateStr, " ").concat(timeHours < 10 ? "0" + timeHours : timeHours, ":").concat(timeMinutes < 10 ? "0" + timeMinutes : timeMinutes);
+  var dateStr = (_getLocale.isEn ? "" : "".concat(timeYear, "\u5E74")) + months[timeMonth - 1] + (_getLocale.isEn ? " ".concat(timeDate) : "".concat(timeDate, "\u65E5")) + (_getLocale.isEn ? ",".concat(timeYear) : "");
+  return "".concat(dateStr) + (withHM ? " ".concat((timeHours < 10 ? "0" + timeHours : timeHours) + ":" + (timeMinutes < 10 ? "0" + timeMinutes : timeMinutes)) : "");
 };
 
 exports.judgeTimeSpaceFromNow = judgeTimeSpaceFromNow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.9.33",
+  "version": "1.9.37",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/change-okr-modal/Filter.tsx

@@ -272,12 +272,12 @@ export default class FilterComp extends PureComponent<Props, State> {
                 );
               })}
 
-              <ToolTip title='清空本次选择' overlayStyle={{ zIndex: 999999 }}>
+              <ToolTip title={getLocale('Tasks_Tab_MyS_Clearselec')} overlayStyle={{ zIndex: 999999 }}>
                 <a onClick={this.handleClear}>{getLocale('OKR_MyO_Pop_Clearselected')}</a>
               </ToolTip>
               {!remembered ? (
                 <a onClick={() => this.handlerFilterOptions(1)}>
-                  <ToolTip title='下次进入显示以上条件' overlayStyle={{ zIndex: 999999 }}>
+                  <ToolTip title={getLocale('Tasks_Tab_MyS_Nextcondit')} overlayStyle={{ zIndex: 999999 }}>
                     <span>{getLocale('OKR_MyO_Butt_Remember')}</span>
                   </ToolTip>
                 </a>

package/src/components/change-okr-modal/constant.ts

@@ -85,33 +85,33 @@ export const getBimonthlyMonthKeyValue = (startMonth) => {
   const getNextMonth = (month, step = 1) => (month + step) % 12 || 12;
   let datas: {
     title: string;
-    value: string[];
+    value: string;
   }[] = [];
   const monthLang = getMonth();
   if (!isEn) {
     datas.push({
       title: `${start} - ${getNextMonth(start)}月`,
-      value: [`4,${start}`],
+      value: `4,${start}`,
     });
     while (1) {
       month = getNextMonth(month, 2);
       if (month == start) break;
       datas.push({
         title: `${month} - ${getNextMonth(month)}月`,
-        value: [`4,${month}`],
+        value: `4,${month}`,
       });
     }
   } else {
     datas.push({
       title: `${monthLang[start - 1]} - ${monthLang[getNextMonth(start) - 1]}`,
-      value: [`4,${start}`],
+      value: `4,${start}`,
     });
     while (1) {
       month = getNextMonth(month, 2);
       if (month == start) break;
       datas.push({
         title: `${monthLang[month - 1]} - ${monthLang[getNextMonth(month)-1]}`,
-        value: [`4,${month}`],
+        value: `4,${month}`,
       });
     }
   }

package/src/components/create-okr-modal/kr-items/kr-item-weight.tsx

@@ -23,7 +23,7 @@ const ErrorContent: FC<{ hasErr: boolean }> = ({ hasErr }) => {
     <Fragment>
       {hasErr ? (
         <span className={"kr-weight__error-popup-text-wrapper"}>
-          允许输入 0-100 的数字，支持小数点后一位
+          {getLocale('OKR_MyO_KRP_Please0and100')}
         </span>
       ) : null}
     </Fragment>

package/src/components/dialog/index.scss

@@ -113,8 +113,14 @@ Microsoft YaHei;
     }
 
     &-not-allowed {
-      background-color: #5C8EFF;
+      background: #93BCFF;
+      border-color: #93BCFF;
       cursor: not-allowed;
+
+      &:hover {
+        background: #93BCFF;
+        border-color: #93BCFF;
+      }
     }
 
     &-loading {
@@ -173,4 +179,4 @@ Microsoft YaHei;
   to {
     transform: rotate(360deg);
   }
-}
+}

package/src/components/dynamic/dynamic-item/dynamic-project/index.tsx

@@ -46,7 +46,7 @@ const DynamicProject: FC<IDynamicItemContentProps> = ({
   const renderDesc = useMemo(() => {
     return (
       <Fragment>
-        <span className={prefix + "__operate-desc"}>{getLocale('Mod_InChargeof')}{getLocale('Mod_Project')}</span>
+        <span className={prefix + "__operate-desc"}>{getLocale('Mod_InChargeof')}{getLocale('Feed_Set_Project')}</span>
         <span
           className={prefix + "-desc-operate-type"}
           style={{ background: feedTypeColor }}

package/src/components/dynamic/dynamic.scss

@@ -133,8 +133,8 @@
   }
   &__go-to-top {
     position: fixed;
-    bottom: 28px;
-    right: 28px;
+    bottom: 128px;
+    right: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -144,6 +144,7 @@
     box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
     border-radius: 50%;
     cursor: pointer;
+    z-index: 1;
     &-img {
       display: inline-block;
       width: 24px;

package/src/components/dynamic/export-module/index.tsx

@@ -1,11 +1,13 @@
 import _DynamicQuickOperation from "../quick-operation";
 import _Dynamic from '../dynamic';
+import _DynamicList from '../dynamic-list';
 import _DynamicItem from '../dynamic-item';
 import _DynamicTopping from '../dynamic-topping';
 import _DynamicLiking from '../dynamic-liking';
 import _DynamicLikeRanking from '../dynamic-like-ranking';
 
 export default _Dynamic;
+export const DynamicList = _DynamicList;
 export const DynamicQuickOperation = _DynamicQuickOperation;
 export const DynamicItem = _DynamicItem;
 export const DynamicTopping = _DynamicTopping;

package/src/components/dynamic/index.tsx

@@ -1,11 +1,13 @@
 import Dynamic, {
   DynamicQuickOperation,
+  DynamicList,
   DynamicItem,
   DynamicTopping,
   DynamicLiking,
   DynamicLikeRanking,
 } from './export-module';
 
+Dynamic.List = DynamicList;
 Dynamic.Item = DynamicItem;
 Dynamic.LikeRanking = DynamicLikeRanking;
 Dynamic.Liking = DynamicLiking;

package/src/components/dynamic/new-ui.scss

@@ -132,8 +132,8 @@
   }
   &__go-to-top {
     position: fixed;
-    bottom: 28px;
-    right: 28px;
+    bottom: 128px;
+    right: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -143,6 +143,7 @@
     box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
     border-radius: 50%;
     cursor: pointer;
+    z-index: 1;
     &-img {
       display: inline-block;
       width: 24px;

package/src/components/form/form-fields/input/index.scss

@@ -83,4 +83,11 @@
       font-weight: unset;
     }
   }
+
+  &__tail {
+    margin-left: 4px;
+    font-size: 14px;
+    line-height: 22px;
+    color: #89919F;
+  }
 }

package/src/components/form/form-fields/input/index.tsx

@@ -23,6 +23,7 @@ interface Props {
   disabled?: boolean;
   layout?: 'column'|'row';
   className?:string;
+  tail?: any;
 }
 interface Error {
   name: string;
@@ -50,6 +51,7 @@ export default forwardRef((props: Props, ref) => {
     layout,
     onCheckSuccess,
     className="",
+    tail
   } = props;
 
   const inputRef = useRef<any>();
@@ -78,6 +80,7 @@ export default forwardRef((props: Props, ref) => {
 
   const onInputFocusHandler = () => {
     setHasActive(true);
+    if (type && type == 'number') return;
     inputRef.current.setSelectionRange(9999999, 9999999);
   }
 
@@ -144,6 +147,11 @@ export default forwardRef((props: Props, ref) => {
           autoComplete='off'
         />
       </ToolTip>
+      {typeof tail == 'string' ? (
+        <span className={classNames(`${preCls}__tail`)}>{tail}</span>
+      ) : (
+        tail
+      )}
     </div>
   </div>
-})
+})

package/src/components/form/form-fields/textarea/index.scss

@@ -1,4 +1,17 @@
 .form-field-textarea {
+  &-row{
+    display: flex;
+    
+    .form-field-textarea__label{
+      margin-top: 7px;
+      margin-bottom: unset;
+    }
+    .form-field-textarea__border{
+      margin-left: 16px;
+      flex: 1;
+    }
+  }
+
   &__label {
     height: 22px;
     font-size: 14px;
@@ -18,8 +31,8 @@
 
   &__border {
     // display: inline-block;
-    padding: 6px;
-    border-radius: 3px;
+    padding: 6px 12px;
+    border-radius: 8px;
     transition: all 0.2s;
     border: 1px solid #e9ecf0;
     box-sizing: border-box;

package/src/components/form/form-fields/textarea/index.tsx

@@ -45,6 +45,7 @@ export default forwardRef((props: Props, ref) => {
     getContainer,
     resizeType = 'none',
     areaHeight,
+    layout,
   } = props
 
   const [hasError, setHasError] = useState<boolean>(false);
@@ -107,7 +108,7 @@ export default forwardRef((props: Props, ref) => {
   }))
 
   return (
-    <div className={classNames(preCls)}>
+    <div className={classNames(preCls, {[`${preCls}-row`]: layout==='row'})}>
       <div className={classNames(`${preCls}__label`)}>
         <span className={classNames(`${preCls}__label-text`)}>{label}</span>
         {require && <span className={classNames(`${preCls}__label-require`)}>*</span>}
@@ -137,4 +138,4 @@ export default forwardRef((props: Props, ref) => {
       </div>
     </div>
   )
-})
+})

package/src/components/form/index.tsx

@@ -75,6 +75,7 @@ const Form =  forwardRef((props: Props, ref) => {
   return (
     <div className={classNames(preCls, className)}>
       {React.Children.map(children, (child) => {
+        if (!child) return null;
         const { name, value } = child.props;
         initFieldsValue(name, value);
         return (

package/src/components/grid-layout/near-visitors/index.scss

@@ -7,8 +7,9 @@
   margin: 20px 4px;
   overflow: hidden;
   &__item {
-    width: 25%;
-    min-width: 53px;
+    width: 30%;
+    word-break: keep-all;
+    white-space: nowrap;
     height: 88px;
     margin-bottom: 16px;
     display: flex;

package/src/components/grid-layout/near-visitors/visitor.tsx

@@ -15,11 +15,11 @@ interface Props {
 export default function Visitor(props: Props) {
   const { iconSrc, name, dateTime, avatarColor, userId } = props;
 
-  const [visitTime, setVisitTime] = useState(judgeTimeSpaceFromNow(dateTime));
+  const [visitTime, setVisitTime] = useState(judgeTimeSpaceFromNow(dateTime, false));
   const toolTipRef = useRef<any>();
 
   useEffect(() => {
-    setVisitTime(judgeTimeSpaceFromNow(dateTime));
+    setVisitTime(judgeTimeSpaceFromNow(dateTime, false));
   }, [dateTime]);
 
   return (

package/src/components/keyword-search/index.scss

@@ -0,0 +1,64 @@
+.titaui-keyword-search {
+  background: #fff;
+  height: 36px;
+  padding: 8px;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  display: flex;
+  border-radius: 18px;
+  box-sizing: border-box;
+  align-items: center;
+
+  &--active {
+    box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1),
+      0px 0px 4px 0px rgba(40, 121, 255, 0.3);
+    border: 1px solid #2879ff;
+  }
+
+  &__del-icon {
+    font-size: 20px;
+    color: #89919f;
+    margin-right: 4px;
+    &:hover {
+      cursor: pointer;
+      color: #f05e5e;
+    }
+  }
+  &__search-icon.tu-icon-search {
+    font-size: 20px !important;
+    cursor: pointer;
+    &:hover {
+      color: #2879ff;
+    }
+  }
+  &__input {
+    width: 0;
+    input {
+      width: 100%;
+      border: none;
+    }
+    animation: shrink 0.1s ease;
+  }
+  &--active {
+    .titaui-keyword-search__input {
+      width: 120px;
+      margin-right: 12px;
+      animation: grow 0.1s ease;
+    }
+  }
+}
+@keyframes grow {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 120px;
+  }
+}
+@keyframes shrink {
+  0% {
+    width: 120px;
+  }
+  100% {
+    width: 0;
+  }
+}

package/src/components/keyword-search/index.tsx

@@ -0,0 +1,60 @@
+
+import React, { useState, useRef }  from 'react';
+import classnames from 'classnames';
+import { getLocale } from '../../utils/getLocale';
+import './index.scss';
+
+const precls = 'titaui-keyword-search';
+
+interface IProps {
+  onSearch?: Function;
+}
+
+const KeywordSearch = (props: IProps) => {;
+  const { onSearch } = props;
+  const inputRef = useRef();
+  const [active, setActive] = useState(false);
+  const [keyword, setKeyword] = useState('');
+  const handleSearchClick = () => {
+    if(!active) {
+      setActive(true);
+      //@ts-ignore
+      inputRef?.current?.focus();
+    } else {
+      handleSearch()
+    }
+  }
+  const handleSearch = () => {
+    onSearch && onSearch({keyWords:keyword});
+  }
+
+  const handleOnBlur = (e) => {
+    if(!keyword.length) setActive(false);
+  }
+  const changeValue = (e) =>{
+    setKeyword(e.target.value)
+  }
+  const handleOnKeyDown = (e) => {
+    if(e.keyCode == 13) {
+      handleSearch();
+    }
+  }
+  const clearKeyword = (e) =>{
+    setKeyword('')
+  };
+
+  return <div className={classnames(precls, {[`${precls}--active`]: active})}>
+    <span className={`${precls}__input` }>
+      <input value={keyword} onKeyUp={handleOnKeyDown} onChange={changeValue} ref={inputRef} onBlur={handleOnBlur} placeholder={getLocale('Mod_Enterkeywords')} />
+    </span>
+    {
+      keyword.length > 0 && 
+      <span className={classnames('tu-icon-cross', `${precls}__del-icon` )} onClick={clearKeyword} />
+    }
+    <span className={classnames('tu-icon-search', `${precls}__search-icon`)} onClick={handleSearchClick}/>
+  </div>
+
+
+}
+export default KeywordSearch;
+ 

package/src/components/nav-top/components/user-message/components/remind/index.scss

@@ -29,7 +29,7 @@
 
     &-right {
       box-sizing: border-box;
-      width: 192px;
+      width: 175px;
       height: 60px;
       margin-left: 12px;
       padding-top: 8px;

package/src/components/okr-detail/components/okr-tree/tree-node/o-child-node/edit-child-okr-weight.tsx

@@ -4,6 +4,7 @@ import Toast from "../../../../../toast";
 import DialogConfirm from "../../../../../dialog-confirm";
 import { getRelWorks, updateChildOkrWeight } from "../../../../request-apis";
 import WeightInput from "./weight-input";
+import { getLocale } from "../../../../../../utils/getLocale";
 
 import "./index.scss";
 const { CancelButton, SureButton } = DialogConfirm;
@@ -114,10 +115,10 @@ const EditChildOkrWeight = (props: IProps) => {
         {/* @ts-ignore */}
         <span type="title">当前子目标权重合计小于100%，确定要保存吗？</span>
         <CancelButton type="button" onClick={closeDialogConfirm}>
-          取消
+          {getLocale('Mod_Cancel')}
         </CancelButton>
         <SureButton type="button" onClick={postData}>
-          确定
+          {getLocale('Mod_Determiness')}
         </SureButton>
       </DialogConfirm>
     </>

package/src/components/okr-detail/components/okr-tree/tree-node/o-child-node/weight-input.tsx

@@ -1,4 +1,5 @@
 import classNames from "classnames";
+import { getLocale } from "../../../../../../utils/getLocale";
 import React, { useState } from "react";
 import Tooltip from "../../../../../tooltip";
 import "./index.scss";
@@ -38,7 +39,7 @@ const WeightInput = (props: IProps) => {
       <Tooltip.Error
         overlay={
           <span style={{ color: "#F05E5E" }}>
-            仅允许输入 0-100 的数字，仅支持一位小数
+            {getLocale('OKR_MyO_KRP_Please0and100')}
           </span>
         }
         placement="top"

package/src/components-v1/userSelector/components/MultiMode/DepartmentTree.tsx

@@ -5,6 +5,7 @@ import UserItem from '../UserItem';
 import { TreeHeader, TreeList } from '../../style';
 import { getApiUrl, taker } from '../../../../utils/request-v1';
 import { OpenDepartmentName } from '../../../../utils/open-data';
+import { getLocale } from '../../../../utils/getLocale';
 interface Props {
   tree: Dept;
   level: number;
@@ -82,7 +83,7 @@ export default class DepartmentTree extends PureComponent<Props, State> {
               <OpenDepartmentName name={tree.DepartmentName} id={tree.Id} />
               {/* {tree.DepartmentName} */}
             </span>
-            <span>{tree.TotalUserCount}人</span>
+            <span>{tree.TotalUserCount}{getLocale('Mod_Number')}</span>
           </div>
           {isRootSelect && onSelectDept && <i className='tu-icon-add2' onMouseDown={this.handleSelectDept} />}
           {onDeleteDept && <i className='tu-icon-cross' onMouseDown={this.handleDeleteDept} />}

package/src/components-v1/userSelector/components/MultiMode/SubsList.tsx

@@ -4,6 +4,7 @@ import { getApiUrl, taker } from '../../../../utils/request-v1'
 import { getUserInfo } from '../../../../utils/bs-global'
 import { ListHeader, ListWrapper, List, EmptyWrapper, ListEmptyText } from '../../style'
 import UserItem from '../UserItem'
+import { getLocale, isEn } from '../../../../utils/getLocale'
 import PerfectScrollbar from 'react-perfect-scrollbar'
 import 'react-perfect-scrollbar/dist/css/styles.css';
 interface Props {
@@ -38,7 +39,7 @@ export default class CommonList extends PureComponent<Props,State> {
         {
           hasUser && 
           <ListHeader>
-            <span>下属&nbsp;{users.length}人</span>
+            <span>{getLocale('OKR_MyO_Butt_Subordinate')}&nbsp;{users.length}{getLocale('Mod_Number')}</span>
             <i className="tu-icon-add2" onMouseDown={()=>this.props.onSelect(users)}/>
           </ListHeader>
         }

package/src/index.js

@@ -43,6 +43,7 @@ export { default as GridLayout } from "./components/grid-layout";
 export { default as HelpCard } from "./components/help-card";
 export { default as ImgViewer } from "./components/img-viewer";
 export { default as InvitePeople } from "./components/invite-people";
+export { default as KeywordSearch } from './components/keyword-search';
 export { default as Mblog } from "./components/mblog";
 export { default as Menus } from "./components/menus";
 export { default as NavTop } from "./components/nav-top";

package/src/pages/aha2021/index.scss

@@ -2,6 +2,7 @@
   position: relative;
   height: 100vh;
   background: #f0f4fa;
+  overflow: hidden;
 
   &__header {
     height: 54px;
@@ -45,7 +46,6 @@
     display: flex;
     height: calc(100vh - 74px);
     padding: 0 16px;
-    overflow: hidden;
 
     &-menu {
       position: relative;

package/src/pages/aha2021/index.tsx

@@ -69,13 +69,13 @@ const PageLayout = (props) => {
           align={{ offset: [0, 0] }}
         >
           <div
-            className={classNames(`${preCls}__kefu`)}
+            className={`${preCls}__kefu`}
             onClick={onClickKefu}
           />
         </Tooltip>
       )}
       {isTrial && (
-        <div className={classNames(`${preCls}__invite`)}>
+        <div className={`${preCls}__invite`}>
           <InvitePeople />
         </div>
       )}