@titaui/pc 1.7.100 → 1.8.2

package/src/components/okr-detail/base-info/o-desc/index.tsx

@@ -21,7 +21,6 @@ const ODesc: FC<IODescProps> = ({
   const [hasError, setHasError] = useState(false);
   const [isShowMore, setIsShowMore] = useState(false);
   const [desc, setDesc] = useState(originalDesc);
-  // const [originalDesc,setOriginalDesc] = useState(decodeURI(encodeURI(data.description))||'')
   const [showMoreBtn, setShowMoreBtn] = useState(false);
   const textareaRef = useRef(document.createElement("textarea"));
   const textRef = useRef(document.createElement("div"));
@@ -69,12 +68,6 @@ const ODesc: FC<IODescProps> = ({
     [originalDesc, desc, onChangeDesc, hasError]
   );
 
-  // const handleEnsureDesc = useCallback((e) => {
-  //   setIsFocus(false);
-  //   setIsAddDesc(false)
-  //   onChangeDesc && onChangeDesc();
-  // }, [onChangeDesc]);
-
   useEffect(() => {
     if (isFocus) {
       setShowMoreBtn(false);

package/src/components/point-demo/constant.ts

@@ -1,5 +1,3 @@
-import { getLocale } from "../../utils/getLocale";
-
 export const getOkrClassifyList = () => {
   return [
     { label: "1-10", value: 1 },
@@ -24,6 +22,6 @@ export const getOkrClassifyList1 = () => {
     { label: "IT 负责人", value: 4 },
     { label: "采购专员", value: 5 },
     { label: "业务部门主管", value: 6 },
-    { label: `${getLocale("OKR_Menu_Title_Others")}`, value: 7 },
+    { label: `其他`, value: 7 },
   ]
 };

package/src/components/point-demo/drop-down-box/index.js

@@ -1,10 +1,9 @@
 import React, { FC, useState, useRef, useMemo, useCallback, useEffect } from "react";
 import Popup from "../popup";
-import { getLocale } from '../../../utils/getLocale'
 import SuffixIcon from "../image/down.svg"
 import "./index.scss";
 
-const SelectLayer = ({ style,errMsg,className,title,required=false, initValue, onChangeClassify, items, initText = `${getLocale('OKR_MyO_E_Temporarilynone')}`, popupProps, renderPrefixIcon, renderSuffixIcon, renderPrefixIconClass, renderSuffixIconClass, textClass, forceRenderText = false }) => {
+const SelectLayer = ({ style,errMsg,className,title,required=false, initValue, onChangeClassify, items, initText = `暂无`, popupProps, renderPrefixIcon, renderSuffixIcon, renderPrefixIconClass, renderSuffixIconClass, textClass, forceRenderText = false }) => {
   const [visible, setVisible] = useState(false);
   const [selectItem, setSelectItem] = useState(items.find(item => item.value === initValue));
   

package/src/components/point-demo/index.js

@@ -5,7 +5,6 @@ import Dialog from "../dialog";
 import axios from 'axios'
 import ReactDOM from 'react-dom'
 import {getTenantInfo} from '../../utils/helpers';
-import { getLocale } from '../../utils/getLocale'
 // const isMobile = window.userAgent === 'mobile'
 const isMobile = document.body.clientWidth < 768
 import Input from './input'
@@ -250,7 +249,7 @@ export default (props) => {
                 <div className="tita-appointment-demo-right-form">
                     <div className="tita-appointment-demo-right-form-item">
                         <Input className="tita-appointment-demo-right-form-item-left"
-                            label={getLocale('Mod_UserName')} placeholder="请输入您的名称"
+                            label={'名称'} placeholder="请输入您的名称"
                             id="name"
                             errMsg={errMsg}
                             required={true}
@@ -259,7 +258,7 @@ export default (props) => {
                             onBlur={onBlurName}
                         />
                         <Input className="tita-appointment-demo-right-form-item-right"
-                            label="手机号码" placeholder={getLocale('Pro_page_Ext_Tab_PhoneNumber')}
+                            label="手机号码" placeholder={'请输入手机号'}
                             id="phone"
                             errMsg={errMsg1}
                             required={true}
@@ -276,7 +275,7 @@ export default (props) => {
                             items={getOkrClassifyList1()}
                             initValue={selectValue1}
                             renderSuffixIcon
-                            initText={getLocale('Mod_Pleaseselect')}
+                            initText={'请选择'}
                             onChangeClassify={handleSelectOkrClassify1}
                             title="您的身份"
                             errMsg={errMsgIde}
@@ -287,7 +286,7 @@ export default (props) => {
                             items={getOkrClassifyList()}
                             initValue={selectValue}
                             renderSuffixIcon
-                            initText={getLocale('Mod_Pleaseselect')}
+                            initText={'请选择'}
                             onChangeClassify={handleSelectOkrClassify}
                             title="公司人数"
                             errMsg={errMsgNum}
@@ -325,9 +324,9 @@ export default (props) => {
                             <div className={`${has('OKR 目标管理') ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
                                 onClick={() => onClickAddModules('OKR 目标管理')}
                             >OKR 目标管理</div>
-                            <div className={`${has(getLocale('Menu_Title_Performance')) ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
-                                onClick={() => onClickAddModules(getLocale('Menu_Title_Performance'))}
-                            >{getLocale('Menu_Title_Performance')}</div>
+                            <div className={`${has("绩效考核") ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
+                                onClick={() => onClickAddModules("绩效考核")}
+                            >绩效考核</div>
                             <div className={`${has('项目管理') ? 'tita-appointment-demo-right-form-item-modules-item-active' : ''} tita-appointment-demo-right-form-item-modules-item`}
                                 onClick={() => onClickAddModules('项目管理')}
                             >项目管理</div>
@@ -360,7 +359,7 @@ export default (props) => {
                     }
                     <div className="tita-appointment-demo-right-form-submit"
                         onClick={onClickSubmit}
-                    >{getLocale('Pro_detail_Submission')}</div>
+                    >提交</div>
                 </div>
             </div>
 

package/src/components/publish-dynamic-modal/publish-dynamic-modal.scss

@@ -1,3 +1,3 @@
 .publish-dynamic-modal {
-  padding: 16px 32px 18px 32px;
+  padding: 10px 32px 18px 32px;
 }

package/src/components/publish-dynamic-modal/publish-dynamic-modal.tsx

@@ -109,6 +109,7 @@ const PublishDynamicModal: FC = ({}) => {
       noFooter
       style={{ width: isEn ? '680px' : "480px" }}
       destroyOnClose
+      noHeadLine
     >
       <div className={prefix}>
         <MBlog

package/src/components/table/index.js

@@ -183,6 +183,7 @@ export default props => {
           }
         </div>
         {!!total&&<Pagination
+          className={classNames({[`${preCls}__pagination-only-one`]:pageSize>total})}
           pageSize={pageSize}
           total={total}
           current={pageNum}

package/src/components/table/index.scss

@@ -104,4 +104,9 @@
       font-size: 12px;
     }
   }
+  &__pagination-only-one{
+    .titaui-pagination__select-selector{
+      margin-right: 26px;
+    }
+  }
 }

package/src/components/upload-photo-modal/constant.ts

@@ -0,0 +1,71 @@
+import { saveUserInfo, saveTenantLogo } from "./request-api";
+import Toast from '../../components/toast';
+
+export const List = [
+	{
+		id: 'person',
+		accept: '.jpg,.jpeg,.gif,.png',
+		autoCropArea: 0.5,
+		initialAspectRatio: 1,
+		tips: '仅支持 jpg、jpeg、gif、png 格式 建议图片最小尺寸 150*150px',
+		previewTitle: '预览',
+    handleSaveInfo: (data, onCancel, image) => {
+      if (!image) {
+        return;
+      } else {
+        saveUserInfo({ data: data }).then((resp) => {
+          if (resp.Code === 1) {
+            Toast.Success('保存成功', { canClose: false });
+            onCancel();
+          } else {
+            Toast.Error(resp.Message, { canClose: false });
+          }
+        });
+      }
+    },
+	},
+  {
+		id: 'enterprise',
+		accept: '.jpg,.jpeg,.gif,.png',
+		autoCropArea: 1,
+		initialAspectRatio: 5,
+		tips: '建议 logo 尺寸 400*80 logo 最佳适配颜色为白色 仅支持 jpg、jpeg、gif、png 格式',
+		previewTitle: 'logo 预览',
+    handleSaveInfo: (data, onCancel, image) => {
+      if (!image) {
+        return;
+      } else {
+        saveTenantLogo({ data: data }).then((resp) => {
+          if (resp.Code === 1) {
+            Toast.Success('保存成功', { canClose: false });
+            onCancel();
+          } else {
+            Toast.Error(resp.Message, { canClose: false });
+          }
+        });
+      }
+    },
+	},
+  {
+		id: 'browser',
+		accept: '',
+		autoCropArea: 0.5,
+		initialAspectRatio: 1,
+		tips: '图标尺寸 18*18，超过将被浏览器压缩',
+		previewTitle: '浏览器图标预览',
+    handleSaveInfo: (data, onCancel, image) => {
+      if (!image) {
+        return;
+      } else {
+        saveTenantLogo({ data: data }).then((resp) => {
+          if (resp.Code === 1) {
+            Toast.Success('保存成功', { canClose: false });
+            onCancel();
+          } else {
+            Toast.Error(resp.Message, { canClose: false });
+          }
+        });
+      }
+    },
+	}
+];

package/src/components/upload-photo-modal/index.scss

@@ -0,0 +1,248 @@
+.tita-ui-change-person-photo {
+  &__img {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 0 32px;
+    .cropper-wrap-box {
+      border-radius: 12px;
+    }
+    .cropper-canvas {
+      border-radius: 12px;
+    }
+    .cropper-crop {
+      border-radius: 12px;
+    }
+  }
+  &__upload {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 0 32px;
+
+    &-preview {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+    &-right {
+      position: relative;
+      width: 240px;
+      height: 240px;
+      background: #f0f2f5;
+      border-radius: 12px;
+      box-sizing: border-box;
+      padding: 30px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      &-input {
+        position: absolute;
+        top: 76px;
+        width: 240px;
+        height: 60px;
+        opacity: 0;
+        cursor: pointer;
+      }
+      &-icon {
+        cursor: pointer;
+        margin-top: 46px;
+        font-size: 32px;
+        color: #2879ff;
+      }
+      &-title {
+        margin-top: 4px;
+        font-size: 12px;
+        font-weight: 400;
+        color: #2879ff;
+        line-height: 18px;
+        cursor: pointer;
+      }
+      &-tips {
+        margin-top: 8px;
+        font-size: 12px;
+        font-weight: 400;
+        color: #a4acb9;
+        line-height: 18px;
+        text-align: center;
+      }
+    }
+    &-left {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-left: 36px;
+      width: 136px;
+      height: 100%;
+      &-box1 {
+        width: 136px;
+        height: 136px;
+        background: #f0f2f5;
+        border-radius: 50%;
+      }
+      &-box2 {
+        width: 48px;
+        height: 48px;
+        background: #f0f2f5;
+        border-radius: 50%;
+        margin-top: 14px;
+      }
+      &-box3 {
+        width: 28px;
+        height: 28px;
+        background: #f0f2f5;
+        border-radius: 50%;
+        margin-top: 14px;
+      }
+      &-box {
+        width: 160px;
+        height: 32px;
+        background: #F0F2F5;
+        border-radius: 2px;
+        border: 1px solid #E9ECF0;
+      }
+      &-preview {
+        margin-top: 8px;
+        font-size: 14px;
+        font-weight: 400;
+        color: #3F4755;
+        line-height: 22px;
+      }
+    }
+  }
+  &__preview {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    overflow: hidden;
+    &-box {
+      position: relative;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      &-bgc {
+        width: 160px;
+        height: 32px;
+        background: #2879FF;
+        border-radius: 2px;
+        border: 1px solid #E9ECF0;
+      }
+      &-browser {
+        margin-left: 16px;
+        width: 176px;
+        height: 48px;
+        background: #F0F2F5;
+        border-radius: 2px;
+        border: 1px solid #E9ECF0;
+        background-image: url('./img/browser-preview-bgc.png');
+        background-size: 170px 28px;
+        background-position: center center;
+        background-repeat: no-repeat;
+      }
+    }
+    &-box1 {
+      width: 136px;
+      height: 136px;
+      border-radius: 50%;
+    }
+    &-box2 {
+      margin-top: 14px;
+      width: 48px;
+      height: 48px;
+      border-radius: 50%;
+    }
+    &-box3 {
+      margin-top: 14px;
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+    }
+    &-enterprise {
+      &-img {
+        position: absolute;
+        top: 2px;
+        right: 45px;
+        width: 70px;
+        height: 28px;
+      }
+      &-title {
+        margin-top: 36px;
+        font-size: 14px;
+        font-weight: 400;
+        color: #3F4755;
+        line-height: 22px;
+      }
+    }
+    &-browser {
+      &-img {
+        position: absolute;
+        top: 15px;
+        left: 16px;
+        width: 18px;
+        height: 18px;
+      }
+      &-name {
+        position: absolute;
+        top: 15px;
+        right:10px;
+        font-size: 12px;
+        font-weight: 400;
+        color: #3F4755;
+        line-height: 18px;
+      }
+      &-title {
+        margin-top: 58px;
+        font-size: 14px;
+        font-weight: 400;
+        color: #3F4755;
+        line-height: 22px;
+      }
+    }
+    &-title {
+      margin-top: 8px;
+      font-size: 14px;
+      font-weight: 400;
+      color: #6f7886;
+      line-height: 22px;
+    }
+  }
+  &__title {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 8px 32px 0 32px;
+    &-input {
+      display: none;
+      position: absolute;
+      width: 240px;
+      height: 30px;
+      &--show {
+        display: block;
+        opacity: 0;
+        cursor: pointer;
+      }
+    }
+    &-again {
+      margin-left: 92px;
+      margin-top: 8px;
+      font-size: 14px;
+      font-weight: 400;
+      color: #bfc7d5;
+      line-height: 22px;
+      &--show {
+        cursor: pointer;
+        color: #2879ff;
+      }
+    }
+    &-preview {
+      margin-right: 54px;
+      margin-top: 8px;
+      font-size: 14px;
+      font-weight: 400;
+      color: #6f7886;
+      line-height: 22px;
+    }
+  }
+}