npm - @titaui/pc - Versions diffs - 1.9.16 → 1.9.20 - Mend

@titaui/pc 1.9.16 → 1.9.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (608) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -21,7 +21,7 @@ interface Props {
   name: string;
   getContainer?: Function;
   disabled?: boolean;
-  layout?: 'clomn'|'row';
+  layout?: 'column'|'row';
   className?:string;
 }
 interface Error {

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

@@ -19,8 +19,9 @@ interface Props {
   require?: boolean;
   name: string;
   getContainer?: Function;
-  resizeType: 'none' | 'vertical';//不能修改宽度
+  resizeType?: 'none' | 'vertical';//不能修改宽度
   areaHeight: number;
+  layout?:'column'|'row'
 }
 interface Error {

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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