tntd 3.0.28 → 3.0.29-beta.2

package/lib/steps/stepStyle/nav.less

@@ -1,281 +1,73 @@
-@normal-steps-desc-height: 68px;
-@normal-steps-height: 48px;
-@small-steps-height: 36px;
-@color-white: @white;
-@container-padding-left: 40px;
 
-.tnt-steps{
-    // 水平方向的步骤条
-    &.@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-horizontal{
-        overflow: hidden;
-        padding-top: 12px;
-    
-        // 小尺寸
-        &.@{steps-prefix-cls}-small {
-          .@{steps-prefix-cls}-item {
-            height: @small-steps-height;
-            min-height: @small-steps-height;
-            &-container {
-              margin-left: 0;
-              padding-bottom:0;
-            }
-    
-            &::after {
-                content: '';
-                border-top: @small-steps-height/2 solid transparent;
-                border-bottom: @small-steps-height/2 solid transparent;
-                border-left: @small-steps-height/2 solid @border-color-split;
-                right: -@small-steps-height/2;
-              }
-    
-            &::before {
-                content: '';
-                border-top: @small-steps-height/2 solid @border-color-split;
-                border-bottom: @small-steps-height/2 solid @border-color-split;
-                border-left: @small-steps-height/2 solid @color-white;
-            }
-          }
-        }
-    
-        // 默认尺寸
-        .@{steps-prefix-cls}-item {
-          overflow: visible;
-          position: relative;
-          text-align: left;
-          display: flex;
-          min-height: @normal-steps-height;
-          &:not(:last-of-type){
-            margin-right: 2px !important;
-          }
-          background: @border-color-split;
-          width : 0 !important;
-          &-container {
-            display: flex;
-            align-items: center;
-            width: 100%;
-            text-align: left;
-            padding-left: @container-padding-left + 24px;
-            padding-bottom: 0;
-            margin-left: 0;
-            transition: opacity 0.3s;
-            z-index: 11;
-    
-            .@{steps-prefix-cls}-item-content {
-              max-width: calc(100% - @container-padding-left);
-            }
-    
-            .@{steps-prefix-cls}-item-title {
-              max-width: 100%;
-              padding-right: 0;
-              overflow: hidden;
-              white-space: nowrap;
-              text-overflow: ellipsis;
-              line-height: 1.5;
-              font-size: 14px;
-              font-weight: normal;
-              color:@text-color;
-              &::after {
+.@{tnt-steps-cls}.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}-navigation.@{steps-prefix-cls} {
+    padding-top: 0;
+    .@{steps-prefix-cls}-item {
+        &-container{
+            padding-bottom:0;
+            margin-left: -@td-steps-icon-size / 2;
+            &::after{
                 display: none;
-              }
-              .@{steps-prefix-cls}-item-subtitle{
-                color:fade(@text-color,80%);
-              }
-            }
-    
-            .@{steps-prefix-cls}-item-description{
-                margin-top: 5px;
-                line-height: 14px;
-                font-size: 12px;
-                max-width: 100%;
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-            }
-        }
-    
-        &:not(.@{steps-prefix-cls}-item-active) {
-            .@{steps-prefix-cls}-item-container[role='button'] {
-              cursor: pointer;
-              &:hover {
-                opacity: 0.85;
-              }
             }
         }
-    
-        &:last-child {
-            flex: 1;
-            &::after {
-              display: none;
-            }
+        &-content{
+            max-width: calc(100% - @td-steps-icon-size - 12px - 48px );
         }
-    
-        &:first-child {
-            &.@{steps-prefix-cls}-item-container{
-                padding-left: @container-padding-left;
-            }
-            &:before {
-                display: none;
+         // 最后一个处理
+         &:last-child > .@{steps-prefix-cls}-item-container {
+            .@{steps-prefix-cls}-item-content {
+                max-width: calc(100% - @td-steps-icon-size - 12px - 48px );
             }
         }
-    
-        &::after {
-            content: '';
-            display: block;
-            border:none;
-            border-top: @normal-steps-height/2 solid transparent;
-            border-bottom: @normal-steps-height/2 solid transparent;
-            border-left: @normal-steps-height/2 solid @border-color-split;
-            position: absolute;
-            right: -@normal-steps-height/2;
-            top: 0;
-            z-index: 10;
-            transform: rotate(0deg);
-            margin-top:0;
-            margin-left: 0;
-        }
-    
+
         &::before {
             content: '';
-            display: block;
-            background: none;;
-            border-top: @normal-steps-height/2 solid @border-color-split;
-            border-bottom: @normal-steps-height/2 solid @border-color-split;
-            border-left: @normal-steps-height/2 solid @color-white;
-            position: absolute;
-            height: 0;
-            width: 0;
-            left: 0px;
-            top: 0;
-            transition: none;
+            height: 1px;
+            left: -10px;
         }
-    
-        &-finish{
-            background-color:  @steps-nav-finish-color !important;
-            border-color: @steps-nav-finish-color !important;
-            &::before{
-                border-top-color:  @steps-nav-finish-color !important;
-                border-bottom-color:  @steps-nav-finish-color !important;
-            }
-            &::after{
-                border-left-color:  @steps-nav-finish-color !important;
-            }
-            .@{steps-prefix-cls}-item-title,
-            .@{steps-prefix-cls}-item-subtitle{
-                color:@color-white !important;
-            }
-            .@{steps-prefix-cls}-item-description{
-                color:fade(@color-white,80%) !important;
-            }
+
+        &-active::before {
+            content: '';
+            width: calc(100% + 20px);
         }
-    
-        &-process{
-            background-color:  @steps-nav-active-color !important;
-            border-color: @steps-nav-active-color !important;
-            &::before{
-                border-top-color:  @steps-nav-active-color !important;
-                border-bottom-color:  @steps-nav-active-color !important;
-            }
+    }
+
+    &.@{steps-prefix-cls}-background{
+        .@{steps-prefix-cls}-item{
+           &:not(:last-child){
+                margin-right: 48px;
+           }
             &::after{
-                border-left-color:  @steps-nav-active-color !important;
-            }
-            .@{steps-prefix-cls}-item-title,
-            .@{steps-prefix-cls}-item-subtitle{
-                color:@color-white !important;
+                content:"";
+                margin-left: 12px;
+                margin-top: 34px;
+                top: 0;
+                border: 1px solid @text-color-tertiary;
+                border-bottom: none;
+                border-left: none;
             }
-            .@{steps-prefix-cls}-item-description{
-                color:fade(@color-white,80%) !important;
-            }
-          }
         }
-    
-        // 存在描述的导航步骤
-        &.@{steps-prefix-cls}-navigation-contain-desc{
-            .@{steps-prefix-cls}-item {
-                height: @normal-steps-desc-height;
-                &::after {
-                    content: '';
-                    border-top: @normal-steps-desc-height/2 solid transparent;
-                    border-bottom: @normal-steps-desc-height/2 solid transparent;
-                    border-left: @normal-steps-desc-height/2 solid @border-color-split;
-                    position: absolute;
-                    right: -@normal-steps-desc-height/2;
+    }
+
+    &-small{
+        &.@{steps-prefix-cls}-background{
+            .@{steps-prefix-cls}-item{
+                &::after{
+                    content:"";
+                    margin-top: 18px;
                 }
-                &::before {
-                    content: '';
-                    border-top: @normal-steps-desc-height/2 solid @border-color-split;
-                    border-bottom: @normal-steps-desc-height/2 solid @border-color-split;
-                    border-left: @normal-steps-desc-height/2 solid @color-white;
-                    position: absolute;
-                    height: 0;
-                    width: 0;
-                    left: 0px;
-                    top: 0;
-                    transition: none;
+
+                &-content{
+                    max-width: calc(100% - @td-steps-small-icon-size - 12px - 48px );
                 }
-            }
-        }
-    
-        // icon控制
-        .@{steps-prefix-cls}-item-icon{
-            display: none;
-        }
-        .@{steps-prefix-cls}-item.@{steps-prefix-cls}-item-active{
-            .@{steps-prefix-cls}-item-container{
-                border-top:1px solid @steps-nav-active-color !important;
-                border-bottom:1px solid @steps-nav-active-color !important;
-            }
-            &.@{step-prefix-cls}-navigation-desc{
-                .@{steps-prefix-cls}-item-icon{
-                    margin-top: -18px;
+                 // 最后一个处理
+                 &:last-child > .@{steps-prefix-cls}-item-container {
+                    .@{steps-prefix-cls}-item-content {
+                        max-width: calc(100% - @td-steps-small-icon-size - 12px - 48px );
+                    }
                 }
-            }
-            .@{steps-prefix-cls}-item-icon{
-                .@{steps-prefix-cls}-icon{
-                    display: none;
-                }
-                display: inline-block;
-                width: 6px;
-                height:6px;
-                border-radius: 100%;
-                background: @color-white;
-                border: 1px solid @color-white;
-                margin-right: 6px;
-            }
-        }
-    }
-}
-
 
-  @media (max-width: @screen-xs) {
-    .tnt-steps.@{steps-prefix-cls}-navigation {
-      > .@{steps-prefix-cls}-item {
-        margin-right: 0 !important;
-        &::before {
-          display: none;
-        }
-        &.@{steps-prefix-cls}-item-active::before {
-          top: 0;
-          right: 0;
-          left: unset;
-          display: block;
-          width: 3px;
-          height: calc(100% - 24px);
-        }
-        &::after {
-          position: relative;
-          top: -2px;
-          left: 50%;
-          display: block;
-          width: 8px;
-          height: 8px;
-          margin-bottom: 8px;
-          text-align: center;
-          transform: rotate(135deg);
-        }
-        > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
-          visibility: hidden;
+            }
         }
-      }
     }
 }
 

package/lib/steps/stepStyle/progress-dot.less

@@ -0,0 +1,10 @@
+.@{tnt-steps-cls}.@{steps-prefix-cls}-dot,
+.@{tnt-steps-cls}.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
+  .@{steps-prefix-cls}-item {
+    &-tail {
+        &::after {
+            height: 2px;
+        }
+    }
+  }
+}

package/lib/steps/stepStyle/variables.less

@@ -0,0 +1,8 @@
+@td-steps-icon-size: 40px;
+@td-steps-small-icon-size: 24px;
+@td-steps-title-height: 24px;
+@td-steps-desc-height: 20px;
+@nav-min-height: 44px;
+@nav-small-min-height: 28px;
+@finish-border-color:  @primary-color;
+

package/lib/steps/stepStyle/vertical.less

@@ -0,0 +1,41 @@
+.@{tnt-steps-cls}.@{steps-prefix-cls}-vertical:not(.@{steps-prefix-cls}-dot):not(.@{steps-prefix-cls}-navigation):not(.@{steps-prefix-cls}-small).@{steps-prefix-cls}{
+    .@{steps-prefix-cls}-item{
+        &-icon  >.@{steps-prefix-cls}-icon{
+            i{
+                vertical-align: middle;
+            }
+        }
+
+        &-content {
+            min-height: 94px;
+        }
+
+        > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail{
+            padding: calc(@td-steps-icon-size + 15px) 0 15px;
+            left: 18px;
+            &::after{
+                width:0;
+                border-radius: 2px;
+                background-color: transparent;
+            }
+        }
+
+        &-finish > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
+            &::after {
+                border-left: 2px solid @finish-border-color;
+            }
+        }
+
+        &-wait, &-error, &-process {
+            > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
+                &::after {
+                  border-left: 2px solid transparent;
+                  background-color: @border-color;
+                  mask: url(../assets/vertical_line.svg) repeat-y 0 0;
+                  -webkit-mask:url(../assets/vertical_line.svg) repeat-y 0 0;
+                }
+            }
+        }
+    }
+}
+

package/lib/steps/steps.d.ts

@@ -3,10 +3,18 @@ import type { StepProps as AntdStepProps } from 'antd/lib/steps';
 import React from 'react';
 export * from 'antd/lib/steps';
 export interface StepsProps extends AntdStepsProps {
+    showBackground?: boolean;
     children?: Array<React.ReactElement>;
+    icons?: {
+        finish: Element;
+        error: Element;
+    };
 }
-export declare function Steps({ className, type, children, ...rest }: StepsProps): React.JSX.Element;
+export interface StepProps extends AntdStepProps {
+    titleEllipsis?: boolean;
+}
+export declare function Steps({ className, size, showBackground, labelPlacement, ...rest }: StepsProps): React.JSX.Element;
 export declare namespace Steps {
-    var Step: ({ description, className, ...rest }: AntdStepProps) => React.JSX.Element;
+    var Step: ({ className, title, subTitle, titleEllipsis, ...rest }: StepProps) => React.JSX.Element;
 }
 //# sourceMappingURL=steps.d.ts.map

package/lib/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../src/steps/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,cAAc,eAAe,CAAA;AAE7B,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;CACrC;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,qBAwCvE;yBAxCe,KAAK"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../src/steps/steps.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,cAAc,eAAe,CAAA;AAE7B,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IACpC,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;CAC5C;AACD,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,cAAqB,EACrB,cAAc,EACd,GAAG,IAAI,EACR,EAAE,UAAU,qBAsCZ;yBA5Ce,KAAK"}

package/lib/steps/steps.js

@@ -9,6 +9,8 @@ var _exportNames = {
 exports.Steps = Steps;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
 var _configProvider = require("../config-provider");
 var _steps = _interopRequireWildcard(require("antd/lib/steps"));
 Object.keys(_steps).forEach(function (key) {
@@ -24,9 +26,9 @@ Object.keys(_steps).forEach(function (key) {
 });
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
@@ -39,39 +41,65 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 function Steps(_a) {
   var className = _a.className,
-    type = _a.type,
-    children = _a.children,
-    rest = __rest(_a, ["className", "type", "children"]);
-  var navContainDesc = false;
-  if (children) {
-    if (Array.isArray(children)) {
-      navContainDesc = children.some(function (child) {
-        if (child && child instanceof Object && child.props && child.props instanceof Object && child.props.hasOwnProperty('description')) {
-          return child.props.description;
-        }
-      });
-    }
-  }
+    size = _a.size,
+    _a$showBackground = _a.showBackground,
+    showBackground = _a$showBackground === void 0 ? true : _a$showBackground,
+    labelPlacement = _a.labelPlacement,
+    rest = __rest(_a, ["className", "size", "showBackground", "labelPlacement"]);
   return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
     var getPrefixCls = _ref.getPrefixCls;
     var prefixCls = getPrefixCls('steps');
+    var tdSteps = !labelPlacement || labelPlacement === 'horizontal';
+    var iconsInfo = {};
+    if (tdSteps) {
+      iconsInfo = {
+        icons: {
+          finish: _react["default"].createElement(_icon["default"], {
+            type: size === 'small' ? 'check-circle' : 'step-check',
+            className: "".concat(prefixCls, "-finish-icon")
+          }),
+          error: _react["default"].createElement(_icon["default"], {
+            type: "close-circle",
+            className: "".concat(prefixCls, "-error-icon")
+          })
+        }
+      };
+    }
     return _react["default"].createElement(_steps["default"], Object.assign({
-      className: (0, _classnames["default"])(prefixCls, 'tnt-steps', _defineProperty(_defineProperty({}, "".concat(prefixCls, "-navigation"), type === 'navigation'), "".concat(prefixCls, "-navigation-contain-desc"), type === 'navigation' && navContainDesc), className),
-      type: type,
-      children: children
+      className: (0, _classnames["default"])(className, _defineProperty(_defineProperty({}, 'tnt-steps', tdSteps), "".concat(prefixCls, "-background"), (!(rest === null || rest === void 0 ? void 0 : rest.direction) || (rest === null || rest === void 0 ? void 0 : rest.direction) === 'horizontal') && showBackground))
+    }, iconsInfo, {
+      size: size,
+      labelPlacement: labelPlacement
     }, rest));
   });
 }
 Steps.Step = function (_a) {
-  var description = _a.description,
-    className = _a.className,
-    rest = __rest(_a, ["description", "className"]);
+  var className = _a.className,
+    title = _a.title,
+    subTitle = _a.subTitle,
+    _a$titleEllipsis = _a.titleEllipsis,
+    titleEllipsis = _a$titleEllipsis === void 0 ? true : _a$titleEllipsis,
+    rest = __rest(_a, ["className", "title", "subTitle", "titleEllipsis"]);
   return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref2) {
     var getPrefixCls = _ref2.getPrefixCls;
     var prefixCls = getPrefixCls('step');
+    var stepTitle = {
+      title: title,
+      subTitle: subTitle
+    };
+    if (titleEllipsis) {
+      stepTitle.title = _react["default"].createElement(_ellipsis["default"], {
+        suffix: _react["default"].createElement(_ellipsis["default"], {
+          widthLimit: "30%",
+          title: subTitle,
+          className: "".concat(prefixCls, "-ellipsis-subtitle")
+        }),
+        title: title
+      });
+      stepTitle.subTitle = null;
+    }
     return _react["default"].createElement(_steps["default"].Step, Object.assign({
-      className: (0, _classnames["default"])(prefixCls, 'tnt-step', _defineProperty({}, "".concat(prefixCls, "-navigation-desc"), !!description), className),
-      description: description
-    }, rest));
+      className: (0, _classnames["default"])('tnt-step', className, _defineProperty({}, "".concat(prefixCls, "-default-icon"), !(rest === null || rest === void 0 ? void 0 : rest.icon)))
+    }, rest, stepTitle));
   });
 };

package/lib/steps/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/steps/steps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,4DAAmC;AACnC,kDAAwC;AAExC,wDAAmD;AACnD,0DAAoD;AAEpD,gDAA6B;AAM7B,SAAgB,KAAK,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,OAAuB,EAAlB,IAAI,cAApC,iCAAsC,CAAF;IACxD,IAAI,cAAc,GAAY,KAAK,CAAA;IACnC,IAAI,QAAQ,EAAE;QACZ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;gBACvC,IACE,KAAK;oBACL,KAAK,YAAY,MAAM;oBACvB,KAAK,CAAC,KAAK;oBACX,KAAK,CAAC,KAAK,YAAY,MAAM;oBAC7B,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EACzC;oBACA,OAAO,KAAK,CAAC,KAAK,CAAC,WAAW,CAAA;iBAC/B;YACH,CAAC,CAAC,CAAA;SACH;KACF;IACD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QACvC,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT,WAAW,EACX;gBACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,IAAI,KAAK,YAAY;gBAClD,CAAC,GAAG,SAAS,0BAA0B,CAAC,EAAE,IAAI,KAAK,YAAY,IAAI,cAAc;aAClF,EACD,SAAS,CACV,EACD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AAxCD,sBAwCC;AAED,KAAK,CAAC,IAAI,GAAG,UAAU,EAAkD;QAAlD,EAAE,WAAW,EAAE,SAAS,OAA0B,EAArB,IAAI,cAAjC,4BAAmC,CAAF;IACtD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QACtC,OAAO,CACL,8BAAC,eAAS,CAAC,IAAI,kBACb,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT,UAAU,EACV;gBACE,CAAC,GAAG,SAAS,kBAAkB,CAAC,EAAE,CAAC,CAAC,WAAW;aAChD,EACD,SAAS,CACV,EACD,WAAW,EAAE,WAAW,IACpB,IAAI,EACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { StepsProps as AntdStepsProps } from 'antd/lib/steps'\nimport type { StepProps as AntdStepProps } from 'antd/lib/steps'\nimport classNames from 'classnames'\nimport React, { ReactNode } from 'react'\n\nimport { ConfigConsumer } from '../config-provider'\nimport { default as AntdSteps } from 'antd/lib/steps'\n\nexport * from 'antd/lib/steps'\n\nexport interface StepsProps extends AntdStepsProps {\n  children?: Array<React.ReactElement>\n}\n\nexport function Steps({ className, type, children, ...rest }: StepsProps) {\n  let navContainDesc: boolean = false\n  if (children) {\n    if (Array.isArray(children)) {\n      navContainDesc = children.some((child) => {\n        if (\n          child &&\n          child instanceof Object &&\n          child.props &&\n          child.props instanceof Object &&\n          child.props.hasOwnProperty('description')\n        ) {\n          return child.props.description\n        }\n      })\n    }\n  }\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('steps')\n        return (\n          <AntdSteps\n            className={classNames(\n              prefixCls,\n              'tnt-steps',\n              {\n                [`${prefixCls}-navigation`]: type === 'navigation',\n                [`${prefixCls}-navigation-contain-desc`]: type === 'navigation' && navContainDesc,\n              },\n              className\n            )}\n            type={type}\n            children={children}\n            {...rest}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nSteps.Step = function ({ description, className, ...rest }: AntdStepProps) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('step')\n        return (\n          <AntdSteps.Step\n            className={classNames(\n              prefixCls,\n              'tnt-step',\n              {\n                [`${prefixCls}-navigation-desc`]: !!description,\n              },\n              className\n            )}\n            description={description}\n            {...rest}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}
+{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/steps/steps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,4DAAmC;AACnC,kDAAyB;AACzB,mDAA0B;AAC1B,2DAAkC;AAElC,wDAAmD;AACnD,0DAAoD;AAEpD,gDAA6B;AAW7B,SAAgB,KAAK,CAAC,EAMT;QANS,EACpB,SAAS,EACT,IAAI,EACJ,cAAc,GAAG,IAAI,EACrB,cAAc,OAEH,EADR,IAAI,cALa,yDAMrB,CADQ;IAEP,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,OAAO,GAAG,CAAC,cAAc,IAAI,cAAc,KAAK,YAAY,CAAA;QAElE,IAAI,SAAS,GAAW,EAAE,CAAA;QAC1B,IAAI,OAAO,EAAE;YACX,SAAS,GAAG;gBACV,KAAK,EAAE;oBACL,MAAM,EAAE,CACN,8BAAC,cAAI,IACH,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EACtD,SAAS,EAAE,GAAG,SAAS,cAAc,GACrC,CACH;oBACD,KAAK,EAAE,8BAAC,cAAI,IAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,GAAG,SAAS,aAAa,GAAI;iBAC1E;aACF,CAAA;SACF;QAED,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE;gBAC/B,CAAC,WAAW,CAAC,EAAE,OAAO;gBACtB,CAAC,GAAG,SAAS,aAAa,CAAC,EACzB,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAA,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,YAAY,CAAC,IAAI,cAAc,EAAE,cAAc;aAC3F,CAAC,IACE,SAAS,IACb,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,IAC1B,IAAI,EACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AA5CD,sBA4CC;AAED,KAAK,CAAC,IAAI,GAAG,UAAU,EAAwE;QAAxE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,OAAsB,EAAjB,IAAI,cAA3D,mDAA6D,CAAF;IAChF,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QACtC,MAAM,SAAS,GAAG;YAChB,KAAK;YACL,QAAQ;SACT,CAAA;QAED,IAAI,aAAa,EAAE;YACjB,SAAS,CAAC,KAAK,GAAG,CAChB,8BAAC,kBAAQ,IACP,MAAM,EACJ,8BAAC,kBAAQ,IACP,UAAU,EAAC,KAAK,EAChB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,GAAG,SAAS,oBAAoB,GAC3C,EAEJ,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;YACD,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;SAC1B;QAED,OAAO,CACL,8BAAC,eAAS,CAAC,IAAI,kBACb,SAAS,EAAE,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,EAAE;gBAC3C,CAAC,GAAG,SAAS,eAAe,CAAC,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAA;aAC3C,CAAC,IACE,IAAI,EACJ,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-18 19:40:01\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 19:32:15\n * @FilePath: /tntd/packages/tntd/src/steps/steps.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport type { StepsProps as AntdStepsProps } from 'antd/lib/steps'\nimport type { StepProps as AntdStepProps } from 'antd/lib/steps'\nimport classNames from 'classnames'\nimport React from 'react'\nimport Icon from '../icon'\nimport Ellipsis from '../ellipsis'\n\nimport { ConfigConsumer } from '../config-provider'\nimport { default as AntdSteps } from 'antd/lib/steps'\n\nexport * from 'antd/lib/steps'\n\nexport interface StepsProps extends AntdStepsProps {\n  showBackground?: boolean\n  children?: Array<React.ReactElement>\n  icons?: { finish: Element; error: Element }\n}\nexport interface StepProps extends AntdStepProps {\n  titleEllipsis?: boolean\n}\n\nexport function Steps({\n  className,\n  size,\n  showBackground = true,\n  labelPlacement,\n  ...rest\n}: StepsProps) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('steps')\n        const tdSteps = !labelPlacement || labelPlacement === 'horizontal'\n\n        let iconsInfo: object = {}\n        if (tdSteps) {\n          iconsInfo = {\n            icons: {\n              finish: (\n                <Icon\n                  type={size === 'small' ? 'check-circle' : 'step-check'}\n                  className={`${prefixCls}-finish-icon`}\n                />\n              ),\n              error: <Icon type=\"close-circle\" className={`${prefixCls}-error-icon`} />,\n            },\n          }\n        }\n\n        return (\n          <AntdSteps\n            className={classNames(className, {\n              ['tnt-steps']: tdSteps,\n              [`${prefixCls}-background`]:\n                (!rest?.direction || rest?.direction === 'horizontal') && showBackground, // 水平方向的才支持背景图\n            })}\n            {...iconsInfo}\n            size={size}\n            labelPlacement={labelPlacement}\n            {...rest}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nSteps.Step = function ({ className, title, subTitle, titleEllipsis = true, ...rest }: StepProps) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('step')\n        const stepTitle = {\n          title,\n          subTitle,\n        }\n\n        if (titleEllipsis) {\n          stepTitle.title = (\n            <Ellipsis\n              suffix={\n                <Ellipsis\n                  widthLimit=\"30%\"\n                  title={subTitle}\n                  className={`${prefixCls}-ellipsis-subtitle`}\n                />\n              }\n              title={title}\n            />\n          )\n          stepTitle.subTitle = null\n        }\n\n        return (\n          <AntdSteps.Step\n            className={classNames('tnt-step', className, {\n              [`${prefixCls}-default-icon`]: !rest?.icon,\n            })}\n            {...rest}\n            {...stepTitle}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}

package/lib/steps/style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/steps/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/steps/style/index.tsx"],"names":[],"mappings":"AAQA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA"}

package/lib/steps/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/steps/style/index.tsx"],"names":[],"mappings":";;AAAA,kCAA+B;AAC/B,wBAAqB","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/steps/style/index.tsx"],"names":[],"mappings":";;AAAA;;;;;;;GAOG;AACH,kCAA+B;AAC/B,wBAAqB","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-14 13:35:59\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 13:57:36\n * @FilePath: /tntd/packages/tntd/src/steps/style/index.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport '../../style/index.less'\nimport './index.less'\n"]}

package/lib/style/themes/default.less

@@ -14,7 +14,7 @@
 @processing-color: @blue-6;
 @error-color: @red-6;
 @highlight-color: @red-6;
-@warning-color: @gold-6;
+@warning-color: @gold-7;
 @normal-color: #d9d9d9;
 @white: #fff;
 @black: #000;
@@ -60,6 +60,7 @@
 @font-size-base: 14px;
 @font-size-lg: calc(@font-size-base + 2px);
 @font-size-sm: 12px;
+@font-size-xl: calc(@font-size-base + 6px);
 @heading-1-size: ceil(@font-size-base * 2.71);
 @heading-2-size: ceil(@font-size-base * 2.14);
 @heading-3-size: ceil(@font-size-base * 1.71);
@@ -448,7 +449,7 @@
 @table-header-color: @heading-color;
 @table-header-sort-bg: @background-color-base;
 @table-body-sort-bg: rgba(0, 0, 0, 0.01);
-@table-row-hover-bg: @primary-1;
+@table-row-hover-bg: #fff;
 @table-selected-row-color: inherit;
 @table-selected-row-bg: #fafafa;
 @table-body-selected-sort-bg: @table-selected-row-bg;
@@ -459,8 +460,8 @@
 @table-border-radius-base: @border-radius-base;
 @table-footer-bg: @background-color-light;
 @table-footer-color: @heading-color;
-@table-header-bg-sm: transparent;
-
+// @table-header-bg-sm: transparent;
+@table-header-bg-sm: @background-color-light;
 // Tag
 // --
 @tag-default-bg: @background-color-light;
@@ -656,7 +657,7 @@
 @alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
 @alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
 @alert-info-icon-color: @info-color;
-@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
+@alert-warning-border-color: ~`colorPalette('@{warning-color}', 4) `;
 @alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
 @alert-warning-icon-color: @warning-color;
 @alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;