@titaui/pc 1.9.17 → 1.9.21

package/lib/utils/i18n-front-translate.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.i18nLimitCharacters = void 0;
+
+var _getLocale = require("./getLocale");
+
+var i18nLimitCharacters = function i18nLimitCharacters(length) {
+  if (_getLocale.isEn) {
+    return "Up to ".concat(length, " characters can be entered");
+  } else {
+    return "\u6700\u591A\u53EF\u8F93\u5165".concat(length, "\u4E2A\u5B57");
+  }
+};
+
+exports.i18nLimitCharacters = i18nLimitCharacters;

package/lib/utils/local-storage.js

@@ -11,7 +11,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 var localStorage = /*#__PURE__*/function () {
   function localStorage() {

package/lib/utils/open-data.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,9 +15,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/utils/request-v1.js

@@ -10,9 +10,9 @@ exports.taker = taker;
 
 var _bsGlobal = require("./bs-global");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/utils/roundWeight.js

@@ -8,9 +8,9 @@ exports.AccMul = AccMul;
 exports.ReCalibratePrecision = ReCalibratePrecision;
 exports.RoundWeight = RoundWeight;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/package.json

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

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

@@ -4,6 +4,7 @@ import { OkrData } from './types';
 import { OpenUserName } from '../../utils/open-data';
 import  drawerManager  from '../../components/drawer-manager'
 import { getMonth, getTypeMap } from './constant';
+import Tooltip from '../tooltip';
 import { getLocale } from '../../utils/getLocale';
 import { isEn } from '../../utils/getLocale';
 
@@ -70,6 +71,13 @@ export default class Item extends PureComponent<Props, State> {
     }
   }
 
+  htmlToText = (text) => {
+    let div = document.createElement('div');
+    div.innerHTML = text;
+    text = div.innerText || div.textContent;
+    return text;
+  };
+
   getCycleText = () => {
     const { data } = this.props;
     const hzNum = [
@@ -122,7 +130,9 @@ export default class Item extends PureComponent<Props, State> {
             <Radio onClick={(e: any) => this.onSelect(e, data)} active={active && data.workId == active.workId} />
             <Tag color={colorMap[data.cycleType] || colorMap[4]}>{this.getCycleText()}</Tag>
             <WorkNameWrapper isShowKr={isShowKr}>
-              <OkrName isKr={false} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: this.okrData.workName }}></OkrName>
+              <Tooltip.Text isPercent overlayText={this.htmlToText(this.okrData.workName)}>
+                <OkrName isKr={false} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: this.okrData.workName }}></OkrName>
+              </Tooltip.Text>
             </WorkNameWrapper>
             {this.isObjectiveRelevanceKr && isShowKr && data.Krs.length > 0 && <span className={`${this.state.isExpand ? "tu-icon-arrow-up" : 'tu-icon-arrow-down'}`}></span>}
           </ItemTop>
@@ -153,14 +163,18 @@ export default class Item extends PureComponent<Props, State> {
                     <ItemTop key={item.mileStoneId}>
                       <Radio onClick={(e: any) => this.onSelect(e, data.Krs[index])} active={active && item.mileStoneId == (active.workId || active.mileStoneId)} />
                       <WorkNameWrapper isShowKr={isShowKr}>
-                        <OkrName isKr={true} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: `KR${index + 1}：${item.mileStoneName}` }}></OkrName>
+                        <Tooltip.Text isPercent overlayText={this.htmlToText(item.mileStoneName)}>
+                          <OkrName isKr={true} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: `KR${index + 1}：${item.mileStoneName}` }}></OkrName>
+                        </Tooltip.Text>
                       </WorkNameWrapper>
                     </ItemTop>
                   ) : active && item.mileStoneId == (active.workId || active.mileStoneId) ? (
                     <ItemTop key={item.mileStoneId}>
                       <Radio onClick={(e: any) => this.onSelect(e, data.Krs[index])} active={active && item.mileStoneId == (active.workId || active.mileStoneId)} />
                       <WorkNameWrapper isShowKr={isShowKr}>
-                        <OkrName isKr={true} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: `KR${index + 1}：${item.mileStoneName}` }}></OkrName>
+                        <Tooltip.Text isPercent overlayText={this.htmlToText(item.mileStoneName)}>
+                          <OkrName isKr={true} isShowKr={isShowKr} dangerouslySetInnerHTML={{ __html: `KR${index + 1}：${item.mileStoneName}` }}></OkrName>
+                        </Tooltip.Text>
                       </WorkNameWrapper>
                     </ItemTop>
                   ) : ''

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

@@ -197,7 +197,6 @@ export const WorkNameWrapper = styled.div`
   flex: 1px;
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
   cursor: ${(p: any) => (p.isKr ? 'default' : 'pointer')};
 `;
 export const Radio = styled.a`

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

@@ -234,7 +234,7 @@ $FontFamily: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-seri
   }
   .okr-create-suggest__descs {
     font-size: 16px;
-    font-weight: 500;
+    font-weight: 600;
     color: #f6bd16;
     line-height: 24px;
     padding: 0 16px;

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 || Number(total.toFixed(2)) == 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;
 

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;