tntd 3.0.28 → 3.0.29-beta.1

package/lib/spin/spin.js

@@ -0,0 +1,44 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spin = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = require("antd/lib/config-provider");
+var _spin = _interopRequireDefault(require("antd/lib/spin"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./spin.less");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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; }
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-07-19 18:49:24
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-07-19 18:54:42
+ * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+var __rest = void 0 && (void 0).__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;
+};
+var Spin = exports.Spin = (0, _react.forwardRef)(function (props, ref) {
+  var className = props.className,
+    wrapperClassName = props.wrapperClassName,
+    restProps = __rest(props, ["className", "wrapperClassName"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_spin["default"], Object.assign({
+      wrapperClassName: (0, _classnames["default"])('tnt-spin-nested', wrapperClassName || ''),
+      className: (0, _classnames["default"])('tnt-spin', className || '')
+    }, restProps, {
+      ref: ref
+    }));
+  });
+});

package/lib/spin/spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin.js","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAAyC;AAEzC,6DAAwD;AACxD,wDAAkD;AAClD,4DAAmC;AAEnC,uBAAoB;AAKP,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,iCAA6C,CAAQ,CAAA;IAC3D,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,cAAQ,kBACP,gBAAgB,EAAE,IAAA,oBAAU,EAAC,iBAAiB,EAAE,gBAAgB,IAAI,EAAE,CAAC,EACvE,SAAS,EAAE,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,IAAI,EAAE,CAAC,IAC9C,SAAS,IACb,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-07-19 18:49:24\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-07-19 18:54:42\n * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\n\nimport React, { forwardRef } from 'react'\nimport type { SpinProps as AntdSpinProps } from 'antd/lib/spin'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdSpin } from 'antd/lib/spin'\nimport classNames from 'classnames'\n\nimport './spin.less'\n\ninterface SpinComponent\n  extends React.ForwardRefExoticComponent<AntdSpinProps & React.RefAttributes<AntdSpin>> {}\n\nexport const Spin = forwardRef<AntdSpin, AntdSpinProps>((props, ref) => {\n  const { className, wrapperClassName, ...restProps } = props\n  return (\n    <ConfigConsumer>\n      {() => {\n        return (\n          <AntdSpin\n            wrapperClassName={classNames('tnt-spin-nested', wrapperClassName || '')}\n            className={classNames('tnt-spin', className || '')}\n            {...restProps}\n            ref={ref}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as SpinComponent\n"]}

package/lib/spin/spin.less

@@ -0,0 +1,9 @@
+@spin-prefix-cls: ~'@{ant-prefix}-spin';
+.tnt-spin-nested{
+    .@{spin-prefix-cls}-container {
+        &::after{
+            content:'';
+            background-color: transparent;
+        }
+    }
+}

package/lib/steps/assets/background_left.svg

@@ -0,0 +1,12 @@
+<svg width="162" height="77" viewBox="0 0 162 77" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Ellipse 27" filter="url(#filter0_f_5274_1997)">
+    <ellipse class="test" cx="36.5" cy="-21.5" rx="78.5" ry="51.5" fill="#126BFB" fill-opacity="0.15"/>
+</g>
+<defs>
+<filter id="filter0_f_5274_1997" x="-89" y="-120" width="251" height="197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="23.5" result="effect1_foregroundBlur_5274_1997"/>
+</filter>
+</defs>
+</svg>

package/lib/steps/assets/background_right.svg

@@ -0,0 +1,12 @@
+<svg width="131" height="80" viewBox="0 0 131 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Ellipse 28" filter="url(#filter0_f_5274_1888)">
+<circle cx="118" cy="100" r="71" fill="#126BFB" fill-opacity="0.08"/>
+</g>
+<defs>
+<filter id="filter0_f_5274_1888" x="0" y="-18" width="236" height="236" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="23.5" result="effect1_foregroundBlur_5274_1888"/>
+</filter>
+</defs>
+</svg>

package/lib/steps/assets/horizontal_line.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="2" viewBox="0 0 6 2" fill="none">
+    <path class="t1" d="M1.5 1H206" stroke="#C9D2DD"  stroke-width="2" stroke-linecap="round" stroke-dasharray="2 7"/>
+</svg>

package/lib/steps/assets/vertical_line.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="10" viewBox="0 0 2 6" fill="none">
+<path d="M1 1L0.999999 25" stroke="#C9D2DD" stroke-width="2" stroke-linecap="round" stroke-dasharray="4 6"/>
+</svg>

package/lib/steps/index.d.ts

@@ -1,7 +1,6 @@
 import './style';
-import { Steps } from './steps';
-import './style/index.less';
 import './stepStyle/index.less';
+import { Steps } from './steps';
 export * from './steps';
 export default Steps;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,wBAAwB,CAAA;AAE/B,cAAc,SAAS,CAAA;AAEvB,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAQA,OAAO,SAAS,CAAA;AAChB,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,cAAc,SAAS,CAAA;AAEvB,eAAe,KAAK,CAAA"}

package/lib/steps/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 require("./style");
+require("./stepStyle/index.less");
 var _steps = require("./steps");
 Object.keys(_steps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -18,6 +19,12 @@ Object.keys(_steps).forEach(function (key) {
     }
   });
 });
-require("./style/index.less");
-require("./stepStyle/index.less");
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-03-15 11:12:18
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-03-21 13:58:42
+ * @FilePath: /tntd/packages/tntd/src/steps/index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 var _default = exports["default"] = _steps.Steps;

package/lib/steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mBAAgB;AAChB,mCAA+B;AAC/B,8BAA2B;AAC3B,kCAA+B;AAE/B,0CAAuB;AAEvB,kBAAe,aAAK,CAAA","sourcesContent":["import './style'\nimport { Steps } from './steps'\nimport './style/index.less'\nimport './stepStyle/index.less'\n\nexport * from './steps'\n\nexport default Steps\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,mBAAgB;AAChB,kCAA+B;AAC/B,mCAA+B;AAE/B,0CAAuB;AAEvB,kBAAe,aAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-15 11:12:18\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 13:58:42\n * @FilePath: /tntd/packages/tntd/src/steps/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport './style'\nimport './stepStyle/index.less'\nimport { Steps } from './steps'\n\nexport * from './steps'\n\nexport default Steps\n"]}

package/lib/steps/stepStyle/icon.less

@@ -0,0 +1,51 @@
+.@{tnt-steps-cls}:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}{
+    .@{steps-prefix-cls}-item{
+        &-icon{
+            border: none;
+            font-weight: 500;
+            margin: 2px 12px 2px 0;
+            width: @td-steps-icon-size;
+            height: @td-steps-icon-size;
+            line-height: @td-steps-icon-size;
+            border-radius:@td-steps-icon-size;
+            >.@{steps-prefix-cls}-icon{
+                top:0;
+                i{
+                    font-size: @td-steps-icon-size;
+                    font-weight: normal;
+                }
+            }
+        }
+        &-finish.@{step-prefix-cls}-default-icon,
+        &-error.@{step-prefix-cls}-default-icon {
+            .@{steps-prefix-cls}-item-icon {
+                background-color: transparent;
+            }
+        }
+
+        &-wait.@{step-prefix-cls}-default-icon {
+            .@{steps-prefix-cls}-item-icon {
+                background-color: @fill-color-tertiary;
+            }
+        }
+    }
+
+   
+
+    &-small {
+        .@{steps-prefix-cls}-item{
+            &-icon{
+                width: @td-steps-small-icon-size;
+                height: @td-steps-small-icon-size;
+                line-height: @td-steps-small-icon-size;
+                border-radius:@td-steps-small-icon-size;
+                >.@{steps-prefix-cls}-icon{
+                    i{
+                        font-size: @td-steps-small-icon-size;
+                    }
+                }
+            }
+        }
+    }
+}
+

package/lib/steps/stepStyle/index.less

@@ -1,12 +1,177 @@
-@import './small.less';
-@import './nav.less';
-
+@import './variables.less';
 @steps-prefix-cls: ~'@{ant-prefix}-steps';
 @step-prefix-cls: ~'@{ant-prefix}-step';
+@tnt-steps-cls: ~'tnt-steps';
+@tnt-step-cls: ~'tnt-step';
+
+.ellipsis{
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.@{tnt-steps-cls} .@{steps-prefix-cls}{
+    &-description,
+    &-item-description {
+        font-size: @font-size-sm;
+        line-height: @td-steps-desc-height;
+        word-break: break-all;
+        color: tint(@text-color, 50%) !important;
+    }
+    &-item-title {
+        line-height: @td-steps-title-height;
+    }
+}
+
+// 水平 非点状步骤条 非导航模式
+.@{tnt-steps-cls}.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}{
+    .@{steps-prefix-cls}-item{
+        padding-top: 18px;
+        padding-bottom: 18px;
+        &-container{
+            position: relative;
+            display: flex;
+            align-items: flex-start;
+            justify-content: center;
+            min-height: @nav-min-height;
+            &::after{
+                content: '';
+                flex:1;
+                height:2px;
+                border-radius: 2px;
+                min-width: 8px;
+                margin-left:32px;
+                margin-top: calc(@nav-min-height / 2 - 1px);
+            }
+        }
+
+        &-finish > .@{steps-prefix-cls}-item-container {
+            &::after {
+              border-top: 2px solid @finish-border-color;
+            }
+        }
+
+        &-wait, &-error, &-process {
+            > .@{steps-prefix-cls}-item-container {
+                &::after {
+                  border: 2px solid transparent;
+                  background-color: @border-color;
+                  mask: url(../assets/horizontal_line.svg) repeat-x 0 0;
+                  -webkit-mask:url(../assets/horizontal_line.svg) repeat-x 0 0;
+                  background-size: 8px 2px;
+                }
+              }
+        }
+
+        &-content{
+            display: flex;
+            justify-content: center;
+            flex-direction: column;
+            font-family: "PingFang SC";
+            min-height: @nav-min-height;
+            // 左侧圆形图标 12的margin边距  线条至少保留8px长
+            max-width: calc(100% - @td-steps-icon-size - 12px - 32px - 8px);
+        }
+
+        &-title {
+            width: 100%;
+            padding-right:0;
+            &::after{
+                display: none;
+            }
+            >.tntd-ellipsis, >.tnt-ellipsis{
+                align-items: center;
+            }
+            .ellipsis
+        }
+
+        .@{step-prefix-cls}-ellipsis-subtitle{
+            font-size: @font-size-sm;
+            color: tint(@text-color, 50%);
+            margin-left: 2px;
+        }
+
+        &-subtitle {
+            font-size: @font-size-sm;
+            max-width: 30%;
+            color: tint(@text-color, 50%);
+            .ellipsis;
+        }
+
+        // 最后一个处理
+        &:last-child > .@{steps-prefix-cls}-item-container {
+            &::after{
+                display: none;
+            }
+            .@{steps-prefix-cls}-item-content {
+                max-width: inherit;
+                flex:none;
+            }
+        }
+    }
+
+    &-small{
+        .@{steps-prefix-cls}-item {
+            padding-top: 10px;
+            padding-bottom: 10px;
+            &-container{
+                min-height: @nav-small-min-height;
+                &::after{
+                    margin-top: calc(@nav-small-min-height / 2 - 1px);
+                }
+            }
+            &-content{
+                min-height: @nav-small-min-height;
+                max-width: calc(100% - @td-steps-small-icon-size - 12px - 32px - 8px);
+            }
+        }
+    }
+
+    &:not(.@{steps-prefix-cls}-label-vertical) {
+        .@{steps-prefix-cls}-item:not(:last-child) {
+            margin-right: 32px;
+        }
+    }
+}
+
+// 水平 非点状步骤条
+.@{tnt-steps-cls}.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}{
+    &.@{steps-prefix-cls}-background{
+        border-radius: @border-radius-base @border-radius-base 0px 0px;
+        background: linear-gradient(90deg, #F5F7FD 9.61%, #FBFDFF 81.1%);
+        position: relative;
+        padding-left:100px;
+        padding-right: 100px;
+        overflow: hidden;
 
-@steps-nav-arrow-color: fade(@black, 25%);
-@steps-nav-finish-color: #5E9BFF;
-@steps-nav-active-color: @primary-color;
-@wait-icon-color: @disabled-color;
+        &::before{
+            content: '';
+            background-color: @primary-color;
+            mask: url(../assets/background_left.svg) no-repeat 0 0;
+            -webkit-mask:url(../assets/background_left.svg) no-repeat 0 0;
+            width: 157px;
+            height: 103px;
+            position: absolute;
+            left: 0;
+            top: 0;
+            pointer-events: none;
+        }
+        &::after{
+            content: '';
+            background-color: @primary-color;
+            mask: url(../assets/background_right.svg) no-repeat 0 0;
+            -webkit-mask:url(../assets/background_right.svg) no-repeat 0 0;
+            width: 131px;
+            height: 80px;
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            pointer-events: none;
+        }
+    }
+}
 
-@steps-nav-content-max-width: auto;
+@import "./icon.less";
+@import "./vertical.less";
+@import "./nav.less";
+@import "./progress-dot.less";