@titaui/pc 1.9.15 → 1.9.19

package/src/components/create-okr-modal/index.scss

@@ -241,6 +241,7 @@ $FontFamily: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
         }
         .create-success-model__o-name-text {
           display: inline-block;
+          word-break: break-all;
         }
       }
       .create-success-model__kr-wrapper {

package/src/components/create-okr-modal/index.tsx

@@ -156,7 +156,7 @@ function CreateOkrModal(
 
   //权重未自定义过或总计为100为合法权重
   const krWeightValid =
-    !isCustomWeight || total == 100 || krDatas.length == 0 || !openKrWeight;
+    !isCustomWeight || Number(total.toFixed(1)) == 100 || krDatas.length == 0 || !openKrWeight;
   const allKrHasName =
     krDatas.filter((kr) => !kr.mileStoneName.trim().length).length == 0;
 
@@ -584,7 +584,7 @@ function CreateOkrModal(
           maskClosable={false}
           footerLeftContent={renderFooterTeachWriteOKr}
           zIndex={1200}
-          bodyStyle={{flexBasis: '0%'}}
+          bodyStyle={{flexBasis: 'auto'}}
         >
           <Wrapper ref={wrapperRef}>
             <FieldONewName

package/src/components/create-okr-modal/request-api.ts

@@ -40,9 +40,8 @@ export const createWidthKr = async function(data: any) {
       transformRequest: qs.stringify,
     }
   );
-  if (res.data.Code == 1) {
-    return res.data.Data;
-  }
+  return res.data.Data;
+  
 };
 
 export const getKrAnalysisInfos = async function(params) {

package/src/components/dialog-confirm/index.js

@@ -1,85 +1,122 @@
-import React from 'react';
-import classNames from 'classnames';
-import Dialog from 'rc-dialog';
+import React from "react";
+import classNames from "classnames";
+import Dialog from "rc-dialog";
 
-import 'rc-dialog/assets/index.css';
-import './index.scss';
+import "rc-dialog/assets/index.css";
+import "./index.scss";
 
-const preCls = 'titaui-dialog-confirm';
+const preCls = "titaui-dialog-confirm";
 
-export const CancelButton = props => {
+export const CancelButton = (props) => {
   const { onClick, children } = props;
-  return <span key="cancel" className={classNames(`${preCls}__btn-cancel`, `${preCls}__btn`)} onClick={onClick}>
-    <span className={classNames(`${preCls}__btn-cancel-text`)}>{children}</span>
-  </span>;
-}
+  return (
+    <span
+      key="cancel"
+      className={classNames(`${preCls}__btn-cancel`, `${preCls}__btn`)}
+      onClick={onClick}
+    >
+      <span className={classNames(`${preCls}__btn-cancel-text`)}>
+        {children}
+      </span>
+    </span>
+  );
+};
 
-export const SureButton = props => {
+export const SureButton = (props) => {
   const { onClick, children } = props;
-  return <span key="sure" className={classNames(`${preCls}__btn-sure`, `${preCls}__btn`)} onClick={onClick}>
-    <span className={classNames(`${preCls}__btn-sure-text`)}>{children}</span>
-  </span>;
-}
+  return (
+    <span
+      key="sure"
+      className={classNames(`${preCls}__btn-sure`, `${preCls}__btn`)}
+      onClick={onClick}
+    >
+      <span className={classNames(`${preCls}__btn-sure-text`)}>{children}</span>
+    </span>
+  );
+};
 
-export const WarningButton = props => {
+export const WarningButton = (props) => {
   const { onClick, children } = props;
-  return <span key="warning" className={classNames(`${preCls}__btn-warning`, `${preCls}__btn`)} onClick={onClick}>
-    <span className={classNames(`${preCls}__btn-warning-text`)}>{children}</span>
-  </span>;
-}
+  return (
+    <span
+      key="warning"
+      className={classNames(`${preCls}__btn-warning`, `${preCls}__btn`)}
+      onClick={onClick}
+    >
+      <span className={classNames(`${preCls}__btn-warning-text`)}>
+        {children}
+      </span>
+    </span>
+  );
+};
 
-const DialogConfirm = props => {
-  const { children, visible, type, className="", ...restProps } = props;
+const DialogConfirm = (props) => {
+  const { children, visible, type, className = "", ...restProps } = props;
 
   let footer = [];
   let titleInstance;
   let contentInstance;
 
-  React.Children.forEach(children, child => {
-    if (child.props.type == 'button') footer.push(child);
-    if (child.props.type == 'title') titleInstance = child;
-    if (child.props.type == 'content') contentInstance = child;
+  React.Children.forEach(children, (child) => {
+    if (child.props.type == "button") footer.push(child);
+    if (child.props.type == "title") titleInstance = child;
+    if (child.props.type == "content") contentInstance = child;
   });
 
-  const getConfirmIcon = type => {
+  const getConfirmIcon = (type) => {
     switch (type) {
-      case 'warning':
-        return <span className="tu-icon-tishi" style={{ 'color': '#FFBC00' }} />;
-      case 'success':
-        return <span className="tu-icon-check" style={{ 'color': '#5AD8A6' }} />;
-      case 'error':
-        return <span className="tu-icon-cross" style={{ 'color': '#F05E5E' }} />;
-      case 'confirm':
+      case "warning":
+        return (
+          <span className="tu-icon-tishi" style={{ "color": "#FFBC00" }} />
+        );
+      case "success":
+        return (
+          <span className="tu-icon-check" style={{ "color": "#5AD8A6" }} />
+        );
+      case "error":
+        return (
+          <span className="tu-icon-cross" style={{ "color": "#F05E5E" }} />
+        );
+      case "confirm":
         return <span className="tu-icon-tishi" />;
-      case 'info':
+      case "info":
         return <span className="tu-icon-warning" />;
-      default: return;
+      default:
+        return;
     }
-  }
+  };
 
-  return <Dialog
-    className={classNames(preCls, `${preCls}--no-bottom-line`,className)}
-    visible={visible}
-    closeIcon={<span />}
-    animation="slide-fade"
-    maskAnimation="fade"
-    footer={footer}
-    maskClosable={false}
-    {...restProps}
-  >
-    <div className={classNames(`${preCls}__body`)}>
-      <span className={classNames(`${preCls}__body-icon`)}>
-        {getConfirmIcon(type)}
-      </span>
-      <div className={classNames(`${preCls}__body-title`)}>{titleInstance}</div>
-      <div className={classNames(`${preCls}__body-content`)}>{contentInstance}</div>
-    </div>
-  </Dialog>
-}
+  return (
+    <Dialog
+      className={classNames(preCls, `${preCls}--no-bottom-line`, className)}
+      visible={visible}
+      closeIcon={<span />}
+      animation="slide-fade"
+      maskAnimation="fade"
+      footer={footer}
+      maskClosable={false}
+      {...restProps}
+    >
+      <div className={classNames(`${preCls}__body`)}>
+        <div className={classNames(`${preCls}__body-title`)}>
+          <span className={classNames(`${preCls}__body-title-icon`)}>
+            {getConfirmIcon(type)}
+          </span>
+          <div className={classNames(`${preCls}__body-title-text`)}>
+            {titleInstance}
+          </div>
+        </div>
+        <div className={classNames(`${preCls}__body-content`)}>
+          {contentInstance}
+        </div>
+      </div>
+    </Dialog>
+  );
+};
 
 DialogConfirm.Confirm = DialogConfirm;
 DialogConfirm.CancelButton = CancelButton;
 DialogConfirm.SureButton = SureButton;
 DialogConfirm.WarningButton = WarningButton;
 
-export default DialogConfirm;
+export default DialogConfirm;

package/src/components/dialog-confirm/index.scss

@@ -96,19 +96,22 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
 
   &__body {
     position: relative;
-    &-icon {
-      display: inline-block;
-      font-size: 14px;
-    }
-
     &-title {
-      font-size: 16px;
-      font-family: $font-family;
-      font-weight: 500;
-      color: #141c28;
-      line-height: 24px;
-      display: inline-block;
-      margin-left: 6px;
+      display: flex;
+      &-icon {
+        display: inline-block;
+        font-size: 14px;
+      }
+  
+      &-text {
+        font-size: 16px;
+        font-family: $font-family;
+        font-weight: 600;
+        color: #141c28;
+        line-height: 24px;
+        display: inline-block;
+        margin-left: 6px;
+      }
     }
 
     &-content {
@@ -120,6 +123,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
       color: #6f7886;
       line-height: 22px;
       padding-left: 20px;
+      margin-left: 6px;
     }
   }
 }

package/src/components/drawer/index.scss

@@ -23,7 +23,7 @@
     align-items: center;
     padding: 0 32px;
     color: #141C28;
-    font-weight: 500;
+    font-weight: 600;
     font-size: 16px;
 
     &-back {

package/src/components/dynamic/dynamic-item/dynamic-align/index.scss

@@ -68,12 +68,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-announcement/index.scss

@@ -35,12 +35,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-assessment/index.scss

@@ -30,12 +30,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-create-o/index.scss

@@ -70,12 +70,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-kr/index.scss

@@ -46,12 +46,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-milestone/index.scss

@@ -93,9 +93,7 @@
     padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-okrs-communication/index.scss

@@ -64,12 +64,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-plan-communication/index.scss

@@ -64,12 +64,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-progress/index.scss

@@ -71,12 +71,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

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

@@ -76,12 +76,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-relative/index.scss

@@ -67,12 +67,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-replay/index.scss

@@ -112,12 +112,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-report/index.scss

@@ -117,12 +117,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-reward/index.scss

@@ -57,9 +57,8 @@
     width: 40px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
+    padding: 0 6px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-share/index.scss

@@ -32,12 +32,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-item/dynamic-task/index.scss

@@ -90,12 +90,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0 2px;
+    padding: 0 6px;
     height: 18px;
     min-width: 40px;
-    clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
-    border-radius: 14px 10px 10px 4px;
+    border-radius: 10px 10px 10px 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 18px;

package/src/components/dynamic/dynamic-topping/index.scss

@@ -52,7 +52,7 @@
         &-name {
           margin-left: 12px;
           font-size: 12px;
-          font-weight: 500;
+          font-weight: 600;
           color: #3f4755;
 
           &-text {

package/src/components/grid-layout/okr-align/index.tsx

@@ -67,7 +67,7 @@ export default function OKRAlignComponent() {
               link: 'https://club.tita.com/18179.html'
             }} />
           : <CardFlexContent>
-            <TitaChart.LiquidBall PrePercentNum={0} name="对齐率" percentNum={alignPercent} />
+            <TitaChart.LiquidBall PrePercentNum={0} name={getLocale('HP_Alignmentrate')} percentNum={alignPercent} />
             <DataItem num={hadAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Aligned')} handleDataClick={() => handleDataClick('hadAlign')} />
             <DataItem num={hadNotAlignOkrNum} numColor="#3F4755" label={getLocale('OKR_Db_Unaligned')} handleDataClick={() => handleDataClick('hadNotAlign')} />
           </CardFlexContent>

package/src/components/grid-layout/okr-progress/index.tsx

@@ -85,7 +85,7 @@ export default function OKRProgressComponent() {
           <TitaChart.LiquidBall
             PrePercentNum={0}
             percentNum={UpdatePercent}
-            name="平均完成度"
+            name={getLocale('HP_Completiorate')}
           />
           <DataItem
             num={hadUpdateOkrNum}

package/src/components/img-viewer/index.tsx

@@ -105,10 +105,10 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
               />
             </span>
             <span>
-              {showDownload && (
+              {showDownload && currentImgData && currentImgData.downloadUrl && (
                 <a
                   className={prefix + "__header-download"}
-                  href={currentImgData.downloadUrl}
+                  href={currentImgData?.downloadUrl||'javascript:;'}
                 >
                   <i
                     className={classNames(
@@ -163,7 +163,7 @@ const ImgViewer: FC<IImgViewerProps> = forwardRef(
               <img
                 className={prefix+'__body-img'}
                 ref={imgRef}
-                src={currentImgData.previewUrl || currentImgData.bigImageUrl}
+                src={currentImgData?.previewUrl || currentImgData?.bigImageUrl}
                 style={{ transform: `scale(${currentScale})` }}
               />
             </div>

package/src/components/menus/components/flip-menu-card/index.tsx

@@ -5,6 +5,7 @@ import React, {
   useImperativeHandle,
   useEffect,
 } from "react";
+import SimpleBar from '../../../scrollbar/simplebar/simplebar'
 import ReactDOM from "react-dom";
 import classNames from "classnames";
 import MenuCard from "../menu-card";
@@ -168,6 +169,12 @@ export default forwardRef((props: Props, ref) => {
     };
   }, []);
 
+  const onClickShowMore = () => {
+    const instance = SimpleBar.instances.get(document.querySelector(`.${preCls}__inner [data-simplebar]`))
+    const el = instance.getScrollElement();
+    el.scrollTop = el.scrollTop + 150
+  }
+
   return (
     <React.Fragment>
       <div
@@ -222,7 +229,7 @@ export default forwardRef((props: Props, ref) => {
               </div>
             </div>
             {showMore && (
-              <div className={`${preCls}__has-more`}>
+              <div className={`${preCls}__has-more`} onClick={onClickShowMore}>
               </div>
             )}
           </div>

package/src/components/menus/components/menu-tree/index.scss

@@ -14,14 +14,14 @@
       opacity: 0;
       background: #e9f1ff;
       border-radius: 12px;
-      font-weight: 500;
+      font-weight: 600;
       will-change: opacity;
       animation: selectMenuOpacity 0.4s 1 forwards;
     }
 
     .titaui-menus-tree__menu-item-node-title {
       color: #2879ff;
-      font-weight: 500;
+      font-weight: 600;
     }
     .titaui-menus-tree__sub-menu-item-node-title{
       color: #2879ff;

package/src/components/menus/export-modules/okr-menus/depart-menus/index.scss

@@ -28,7 +28,7 @@
     .rc-tree-treenode-selected {
       .titaui-menus-tree__depart-node-title {
         color: #2879ff;
-        font-weight: 500;
+        font-weight: 600;
       }
     }
   }