npm - @titaui/pc - Versions diffs - 1.9.18 → 1.9.19 - Mend

@titaui/pc 1.9.18 → 1.9.19

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 (585) 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/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/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;
       }
     }
   }