tntd 3.0.27-beta.4 → 3.0.28

package/es/steps/stepStyle/nav.less

@@ -1,73 +1,281 @@
+@normal-steps-desc-height: 68px;
+@normal-steps-height: 48px;
+@small-steps-height: 36px;
+@color-white: @white;
+@container-padding-left: 40px;
 
-.@{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{
+.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 {
                 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;
             }
         }
-        &-content{
-            max-width: calc(100% - @td-steps-icon-size - 12px - 48px );
+    
+        &:not(.@{steps-prefix-cls}-item-active) {
+            .@{steps-prefix-cls}-item-container[role='button'] {
+              cursor: pointer;
+              &:hover {
+                opacity: 0.85;
+              }
+            }
         }
-         // 最后一个处理
-         &:last-child > .@{steps-prefix-cls}-item-container {
-            .@{steps-prefix-cls}-item-content {
-                max-width: calc(100% - @td-steps-icon-size - 12px - 48px );
+    
+        &:last-child {
+            flex: 1;
+            &::after {
+              display: none;
             }
         }
-
-        &::before {
+    
+        &:first-child {
+            &.@{steps-prefix-cls}-item-container{
+                padding-left: @container-padding-left;
+            }
+            &:before {
+                display: none;
+            }
+        }
+    
+        &::after {
             content: '';
-            height: 1px;
-            left: -10px;
+            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;
         }
-
-        &-active::before {
+    
+        &::before {
             content: '';
-            width: calc(100% + 20px);
+            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;
         }
-    }
-
-    &.@{steps-prefix-cls}-background{
-        .@{steps-prefix-cls}-item{
-           &:not(:last-child){
-                margin-right: 48px;
-           }
+    
+        &-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{
-                content:"";
-                margin-left: 12px;
-                margin-top: 34px;
-                top: 0;
-                border: 1px solid @text-color-tertiary;
-                border-bottom: none;
-                border-left: none;
+                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;
             }
         }
-    }
-
-    &-small{
-        &.@{steps-prefix-cls}-background{
-            .@{steps-prefix-cls}-item{
-                &::after{
-                    content:"";
-                    margin-top: 18px;
+    
+        &-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;
+            }
+            &::after{
+                border-left-color:  @steps-nav-active-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;
+            }
+          }
+        }
+    
+        // 存在描述的导航步骤
+        &.@{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;
                 }
-
-                &-content{
-                    max-width: calc(100% - @td-steps-small-icon-size - 12px - 48px );
+                &::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;
                 }
-                 // 最后一个处理
-                 &:last-child > .@{steps-prefix-cls}-item-container {
-                    .@{steps-prefix-cls}-item-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;
                 }
-
             }
+            .@{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/es/steps/stepStyle/small.less

@@ -0,0 +1,5 @@
+.@{steps-prefix-cls}-small {
+    .@{steps-prefix-cls}-item-title {
+      padding-right: 10px;
+    }
+}

package/es/steps/steps.js

@@ -8,81 +8,55 @@ var __rest = this && this.__rest || function (s, e) {
 };
 import classNames from 'classnames';
 import React from 'react';
-import Icon from '../icon';
-import Ellipsis from '../ellipsis';
 import { ConfigConsumer } from '../config-provider';
 import { default as AntdSteps } from 'antd/es/steps';
 export * from 'antd/es/steps';
 export function Steps(_a) {
   var {
       className,
-      size,
-      showBackground = true,
-      labelPlacement
+      type,
+      children
     } = _a,
-    rest = __rest(_a, ["className", "size", "showBackground", "labelPlacement"]);
+    rest = __rest(_a, ["className", "type", "children"]);
+  let navContainDesc = false;
+  if (children) {
+    if (Array.isArray(children)) {
+      navContainDesc = children.some(child => {
+        if (child && child instanceof Object && child.props && child.props instanceof Object && child.props.hasOwnProperty('description')) {
+          return child.props.description;
+        }
+      });
+    }
+  }
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {
     const prefixCls = getPrefixCls('steps');
-    const tdSteps = !labelPlacement || labelPlacement === 'horizontal';
-    let iconsInfo = {};
-    if (tdSteps) {
-      iconsInfo = {
-        icons: {
-          finish: React.createElement(Icon, {
-            type: size === 'small' ? 'check-circle' : 'step-check',
-            className: `${prefixCls}-finish-icon`
-          }),
-          error: React.createElement(Icon, {
-            type: "close-circle",
-            className: `${prefixCls}-error-icon`
-          })
-        }
-      };
-    }
     return React.createElement(AntdSteps, Object.assign({
-      className: classNames(className, {
-        ['tnt-steps']: tdSteps,
-        [`${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
+      className: classNames(prefixCls, 'tnt-steps', {
+        [`${prefixCls}-navigation`]: type === 'navigation',
+        [`${prefixCls}-navigation-contain-desc`]: type === 'navigation' && navContainDesc
+      }, className),
+      type: type,
+      children: children
     }, rest));
   });
 }
 Steps.Step = function (_a) {
   var {
-      className,
-      title,
-      subTitle,
-      titleEllipsis = true
+      description,
+      className
     } = _a,
-    rest = __rest(_a, ["className", "title", "subTitle", "titleEllipsis"]);
+    rest = __rest(_a, ["description", "className"]);
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {
     const prefixCls = getPrefixCls('step');
-    const stepTitle = {
-      title,
-      subTitle
-    };
-    if (titleEllipsis) {
-      stepTitle.title = React.createElement(Ellipsis, {
-        suffix: React.createElement(Ellipsis, {
-          widthLimit: "30%",
-          title: subTitle,
-          className: `${prefixCls}-ellipsis-subtitle`
-        }),
-        title: title
-      });
-      stepTitle.subTitle = null;
-    }
     return React.createElement(AntdSteps.Step, Object.assign({
-      className: classNames('tnt-step', className, {
-        [`${prefixCls}-default-icon`]: !(rest === null || rest === void 0 ? void 0 : rest.icon)
-      })
-    }, rest, stepTitle));
+      className: classNames(prefixCls, 'tnt-step', {
+        [`${prefixCls}-navigation-desc`]: !!description
+      }, className),
+      description: description
+    }, rest));
   });
 };

package/es/steps/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/steps/steps.tsx"],"names":[],"mappings":"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","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/es/steps'\nimport type { StepProps as AntdStepProps } from 'antd/es/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/es/steps'\n\nexport * from 'antd/es/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"]}
+{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../src/steps/steps.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAEpD,cAAc,eAAe,CAAA;AAM7B,MAAM,UAAU,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,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QACvC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,UAAU,CACnB,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;AAED,KAAK,CAAC,IAAI,GAAG,UAAU,EAAkD;QAAlD,EAAE,WAAW,EAAE,SAAS,OAA0B,EAArB,IAAI,cAAjC,4BAAmC,CAAF;IACtD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QACtC,OAAO,CACL,oBAAC,SAAS,CAAC,IAAI,kBACb,SAAS,EAAE,UAAU,CACnB,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/es/steps'\nimport type { StepProps as AntdStepProps } from 'antd/es/steps'\nimport classNames from 'classnames'\nimport React, { ReactNode } from 'react'\n\nimport { ConfigConsumer } from '../config-provider'\nimport { default as AntdSteps } from 'antd/es/steps'\n\nexport * from 'antd/es/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"]}

package/es/steps/style/index.js

@@ -1,10 +1,2 @@
-/*
- * @Author: 周泽飞 zefei.zhou@tongdun.net
- * @Date: 2024-03-14 13:35:59
- * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
- * @LastEditTime: 2024-03-21 13:57:36
- * @FilePath: /tntd/packages/tntd/src/steps/style/index.tsx
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
 import '../../style/index.less';
 import './index.less';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/steps/style/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/steps/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/style/themes/default.less

@@ -14,7 +14,7 @@
 @processing-color: @blue-6;
 @error-color: @red-6;
 @highlight-color: @red-6;
-@warning-color: @gold-7;
+@warning-color: @gold-6;
 @normal-color: #d9d9d9;
 @white: #fff;
 @black: #000;
@@ -60,7 +60,6 @@
 @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);
@@ -449,7 +448,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: #fff;
+@table-row-hover-bg: @primary-1;
 @table-selected-row-color: inherit;
 @table-selected-row-bg: #fafafa;
 @table-body-selected-sort-bg: @table-selected-row-bg;
@@ -460,8 +459,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: @background-color-light;
+@table-header-bg-sm: transparent;
+
 // Tag
 // --
 @tag-default-bg: @background-color-light;
@@ -657,7 +656,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}', 4) `;
+@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
 @alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
 @alert-warning-icon-color: @warning-color;
 @alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;

package/es/switch/style/index.js

@@ -1,3 +1,2 @@
 import '../../style/index.less';
-import './index.less';
-import '../index.less';
+import './index.less';

package/es/switch/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AACrB,OAAO,eAAe,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\nimport '../index.less'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/switch/switch.js

@@ -1,47 +1,9 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import React, { forwardRef } from 'react';
+import React from 'react';
 import AntdSwitch from 'antd/es/switch';
 import { connectReadonlyComponent } from '../connect';
-import { ConfigConsumer } from 'antd/es/config-provider';
 import './style';
 export * from 'antd/es/switch';
-export const TntdSwitch = forwardRef(_a => {
-  var {
-      text,
-      subText,
-      disabled
-    } = _a,
-    rest = __rest(_a, ["text", "subText", "disabled"]);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('switch');
-    if (!text && !subText) {
-      return React.createElement(AntdSwitch, Object.assign({}, rest, {
-        disabled: disabled
-      }));
-    }
-    return React.createElement("div", {
-      className: `${prefixCls}-wrap`
-    }, React.createElement(AntdSwitch, Object.assign({}, rest, {
-      disabled: disabled
-    })), React.createElement("div", {
-      className: `${prefixCls}-text-wrap`
-    }, text ? React.createElement("span", {
-      className: disabled ? `${prefixCls}-text ${prefixCls}-text-disabled` : `${prefixCls}-text`
-    }, text) : '', subText ? React.createElement("div", {
-      className: disabled ? `${prefixCls}-subtext ${prefixCls}-subtext-disabled` : `${prefixCls}-subtext`
-    }, subText) : ''));
-  });
-});
-export const Switch = connectReadonlyComponent(TntdSwitch, props => React.createElement(TntdSwitch, Object.assign({}, props, {
+export const Switch = connectReadonlyComponent(AntdSwitch, props => React.createElement(AntdSwitch, Object.assign({}, props, {
   disabled: true
 })));
 Switch.displayName = 'Switch';

package/es/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,UAAU,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,SAAS,CAAA;AAEhB,cAAc,gBAAgB,CAAA;AAQ9B,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAoC,EAAE,EAAE;QAAxC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAlC,+BAAoC,CAAF;IACjC,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAExC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE;YACrB,OAAO,oBAAC,UAAU,oBAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAAA;SACpD;QAED,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,OAAO;YACjC,oBAAC,UAAU,oBAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,IAAI;YAE5C,6BAAK,SAAS,EAAE,GAAG,SAAS,YAAY;gBACrC,IAAI,CAAC,CAAC,CAAC,CACN,8BACE,SAAS,EACP,QAAQ;wBACN,CAAC,CAAC,GAAG,SAAS,SAAS,SAAS,gBAAgB;wBAChD,CAAC,CAAC,GAAG,SAAS,OAAO,IAGxB,IAAI,CACA,CACR,CAAC,CAAC,CAAC,CACF,EAAE,CACH;gBACA,OAAO,CAAC,CAAC,CAAC,CACT,6BACE,SAAS,EACP,QAAQ;wBACN,CAAC,CAAC,GAAG,SAAS,YAAY,SAAS,mBAAmB;wBACtD,CAAC,CAAC,GAAG,SAAS,UAAU,IAG3B,OAAO,CACJ,CACP,CAAC,CAAC,CAAC,CACF,EAAE,CACH,CACG,CACF,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACpE,oBAAC,UAAU,oBAAK,KAAK,IAAE,QAAQ,UAAG,CACnC,CAAoB,CAAA;AAErB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport type { FC } from 'react'\nimport AntdSwitch from 'antd/es/switch'\nimport type { SwitchProps as AntdSwitchProps } from 'antd/es/switch'\nimport { connectReadonlyComponent } from '../connect'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport './style'\n\nexport * from 'antd/es/switch'\n\nexport type SwitchProps = AntdSwitchProps & {\n  readonly?: boolean\n  text?: string\n  subText?: string\n}\n\nexport const TntdSwitch = forwardRef<AntdSwitch, SwitchProps>(\n  ({ text, subText, disabled, ...rest }) => {\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('switch')\n\n          if (!text && !subText) {\n            return <AntdSwitch {...rest} disabled={disabled} />\n          }\n\n          return (\n            <div className={`${prefixCls}-wrap`}>\n              <AntdSwitch {...rest} disabled={disabled} />\n\n              <div className={`${prefixCls}-text-wrap`}>\n                {text ? (\n                  <span\n                    className={\n                      disabled\n                        ? `${prefixCls}-text ${prefixCls}-text-disabled`\n                        : `${prefixCls}-text`\n                    }\n                  >\n                    {text}\n                  </span>\n                ) : (\n                  ''\n                )}\n                {subText ? (\n                  <div\n                    className={\n                      disabled\n                        ? `${prefixCls}-subtext ${prefixCls}-subtext-disabled`\n                        : `${prefixCls}-subtext`\n                    }\n                  >\n                    {subText}\n                  </div>\n                ) : (\n                  ''\n                )}\n              </div>\n            </div>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n)\n\nexport const Switch = connectReadonlyComponent(TntdSwitch, (props) => (\n  <TntdSwitch {...props} disabled />\n)) as FC<SwitchProps>\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,UAAU,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,cAAc,gBAAgB,CAAA;AAM9B,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACpE,oBAAC,UAAU,oBAAK,KAAK,IAAE,QAAQ,UAAG,CACnC,CAAoB,CAAA;AAErB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport type { FC } from 'react'\nimport AntdSwitch from 'antd/es/switch'\nimport type { SwitchProps as AntdSwitchProps } from 'antd/es/switch'\nimport { connectReadonlyComponent } from '../connect'\n\nimport './style'\n\nexport * from 'antd/es/switch'\n\nexport type SwitchProps = AntdSwitchProps & {\n  readonly?: boolean\n}\n\nexport const Switch = connectReadonlyComponent(AntdSwitch, (props) => (\n  <AntdSwitch {...props} disabled />\n)) as FC<SwitchProps>\n\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"]}