tntd 2.8.0-beta.3 → 2.8.0-beta.4

package/lib/query-form/Field/Composition/index.less

@@ -0,0 +1,106 @@
+@import '../../../style/themes/index';
+@import '../../../style/mixins/index';
+@import '../../../input/style/mixin';
+
+.tnt-queryform-composition-input {
+  // width: 100%;
+  margin-right: @padding-md;
+  max-height: 162px;
+  overflow-x: hidden;
+  cursor: text;
+  padding: 2px @padding-xl;
+  position: relative;
+  box-sizing: border-box;
+  background-color: @select-background;
+  border: @border-width-base @border-style-base @select-border-color;
+  border-top-width: calc(@border-width-base + 0.02px);
+  border-radius: @border-radius-base;
+  outline: none;
+  transition: all 0.3s @ease-in-out;
+  user-select: none;
+
+  &-prefix {
+    position: absolute;
+    left: @padding-sm;
+    top: 50%;
+    transform: translateY(-50%);
+    i.anticon {
+      color: tint(@bg-color-spotilight, 50%);
+    }
+  }
+
+  &-width {
+    height: 0;
+    opacity: 0;
+    width: auto;
+    position: absolute;
+    max-width: 100%;
+  }
+
+  &-items {
+    float: left;
+    padding: 0;
+    list-style: none;
+    margin: 0;
+    width: 100%;
+    &-item {
+      padding: 3px 0;
+    }
+    li {
+      float: left;
+      line-height: 1;
+    }
+    &-input {
+      .inputClass {
+        background: none;
+        border: none;
+        outline: none;
+        box-shadow: none !important;
+        width: 150px;
+        height: 26px;
+        line-height: 26px;
+        padding: 0;
+        textarea {
+          padding: 0;
+        }
+      }
+      .inputClass-with-placeholder {
+        min-width: 398px !important;
+      }
+    }
+  }
+  &-clear {
+    position: absolute;
+    right: @margin-sm;
+    top: 50%;
+    transform: translateY(-50%);
+    display: none;
+    i.anticon {
+      color: tint(@bg-color-spotilight, 50%);
+    }
+    &:hover {
+      .anticon {
+        color: @text-color-secondary !important;
+      }
+    }
+  }
+  &:hover {
+    border-color: @blue-6;
+    outline: 0;
+    .tnt-queryform-composition-input-clear {
+      display: block;
+    }
+    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
+  }
+  &:focus,
+  &:active {
+    border-color: @blue-5;
+    outline: 0;
+    // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
+  }
+  .ant-tag {
+    padding: 0 @padding-xs;
+    border: none;
+    background: @fill-color-tertiary;
+  }
+}

package/lib/query-form/Field/Composition/utils.d.ts

@@ -0,0 +1,6 @@
+export function highlightSubstring(str: any, substring: any): any;
+export function getLabelFromOptions(key: any, options: any, fieldNames?: {
+    label: string;
+    value: string;
+}): any;
+//# sourceMappingURL=utils.d.ts.map

package/lib/query-form/Field/Composition/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/utils.js"],"names":[],"mappings":"AAAA,kEAGC;AAED;;;QAkBC"}

package/lib/query-form/Field/Composition/utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLabelFromOptions = getLabelFromOptions;
+exports.highlightSubstring = highlightSubstring;
+function highlightSubstring(str, substring) {
+  var highlighted = "<span class=\"tnt-highlight\">".concat(substring, "</span>");
+  return str.replace(new RegExp(substring, 'g'), highlighted);
+}
+function getLabelFromOptions(key, options) {
+  var fieldNames = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    label: 'label',
+    value: 'value'
+  };
+  var labelValue = key;
+  if (options) {
+    var target = options === null || options === void 0 ? void 0 : options.find(function (item) {
+      var valueKey = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
+      var itemValue = item instanceof Object ? item[valueKey] : item;
+      return itemValue === key;
+    });
+    labelValue = target instanceof Object ? target === null || target === void 0 ? void 0 : target[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label] : target;
+  }
+  return labelValue;
+}

package/lib/query-form/Field/Composition/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/utils.js"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,CAAC,GAAG,EAAE,SAAS;IAC/C,MAAM,WAAW,GAAG,+BAA+B,SAAS,SAAS,CAAA;IACrE,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,CAAA;AAC7D,CAAC;AAHD,gDAGC;AAED,SAAgB,mBAAmB,CACjC,GAAG,EACH,OAAO,EACP,UAAU,GAAG;IACX,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACf;IAED,IAAI,UAAU,GAAG,GAAG,CAAA;IACpB,IAAI,OAAO,EAAE;QACX,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAA;YAClC,MAAM,SAAS,GAAG,IAAI,YAAY,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YAChE,OAAO,SAAS,KAAK,GAAG,CAAA;QAC1B,CAAC,CAAC,CAAA;QACF,UAAU,GAAG,MAAM,YAAY,MAAM,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;KAC7E;IACD,OAAO,UAAU,CAAA;AACnB,CAAC;AAlBD,kDAkBC","sourcesContent":["export function highlightSubstring(str, substring) {\n  const highlighted = `<span class=\"tnt-highlight\">${substring}</span>`\n  return str.replace(new RegExp(substring, 'g'), highlighted)\n}\n\nexport function getLabelFromOptions(\n  key,\n  options,\n  fieldNames = {\n    label: 'label',\n    value: 'value',\n  }\n) {\n  let labelValue = key\n  if (options) {\n    const target = options?.find((item) => {\n      const valueKey = fieldNames?.value\n      const itemValue = item instanceof Object ? item[valueKey] : item\n      return itemValue === key\n    })\n    labelValue = target instanceof Object ? target?.[fieldNames?.label] : target\n  }\n  return labelValue\n}\n"]}

package/lib/radio/radio.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { RadioProps as AntdRadioProps, RadioGroupProps as AntdRadioGroupProps } from 'antd/lib/radio';
+import AntdRadio from 'antd/lib/radio';
+export * from 'antd/lib/radio';
+export declare type RadioProps = AntdRadioProps & {
+    desc?: string | React.ReactNode;
+};
+export declare type RadioGroupProps = AntdRadioGroupProps & {
+    readonly?: boolean;
+};
+interface RadioComponent extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<AntdRadio>> {
+    Group: React.FC<RadioGroupProps>;
+    Button: typeof AntdRadio.Button;
+}
+declare const Radio: RadioComponent;
+export default Radio;
+//# sourceMappingURL=radio.d.ts.map

package/lib/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EACV,UAAU,IAAI,cAAc,EAC5B,eAAe,IAAI,mBAAmB,EACvC,MAAM,eAAe,CAAA;AAEtB,OAAO,SAAS,MAAM,eAAe,CAAA;AAMrC,cAAc,eAAe,CAAA;AAE7B,oBAAY,UAAU,GAAG,cAAc,GAAG;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,oBAAY,eAAe,GAAG,mBAAmB,GAAG;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACpF,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAA;IAChC,MAAM,EAAE,OAAO,SAAS,CAAC,MAAM,CAAA;CAChC;AAID,QAAA,MAAM,KAAK,gBAeS,CAAA;AAqBpB,eAAe,KAAK,CAAA"}

package/lib/radio/radio.js

@@ -0,0 +1,75 @@
+"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
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = require("antd/lib/config-provider");
+var _radio = _interopRequireWildcard(require("antd/lib/radio"));
+Object.keys(_radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _radio[key];
+    }
+  });
+});
+var _connect = require("../connect");
+var _previewText = require("../preview-text");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
+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;
+};
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-03-14 16:55:05
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-03-14 17:00:03
+ * @FilePath: /tntd/packages/tntd/src/radio/radio.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+var tntPrefixCls = 'tnt-radio';
+var Radio = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    desc = _a.desc,
+    rest = __rest(_a, ["className", "children", "desc"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_radio["default"], Object.assign({}, rest, {
+      ref: ref,
+      className: (0, _classnames["default"])(className, tntPrefixCls)
+    }), _react["default"].createElement("span", {
+      className: "".concat(tntPrefixCls, "-children")
+    }, _react["default"].createElement("span", null, children), !!desc && _react["default"].createElement("span", {
+      className: "".concat(tntPrefixCls, "-desc")
+    }, desc)));
+  });
+});
+var RadioGroup = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    rest = __rest(_a, ["className"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_radio["default"].Group, Object.assign({}, rest, {
+      ref: ref,
+      className: (0, _classnames["default"])(className, "".concat(tntPrefixCls, "-group"))
+    }));
+  });
+});
+Radio.Group = (0, _connect.connectReadonlyComponent)(RadioGroup, _previewText.PreviewText.Select);
+Radio.Button = _radio["default"].Button;
+var _default = exports["default"] = Radio;

package/lib/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../src/radio/radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AAKzC,6DAAwD;AACxD,0DAAqC;AAErC,wCAAqD;AACrD,kDAA6C;AAC7C,4DAAmC;AAEnC,gDAA6B;AAe7B,MAAM,YAAY,GAAG,WAAW,CAAA;AAEhC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAwB,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAApC,iCAAsC,CAAF;IACnF,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,eAAS,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,CAAC;YAC3E,wCAAM,SAAS,EAAE,GAAG,YAAY,WAAW;gBACzC,4CAAO,QAAQ,CAAQ;gBACtB,CAAC,CAAC,IAAI,IAAI,wCAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACG,CACb,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAmB,CAAA;AAEpB,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAkC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAClF,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,eAAS,CAAC,KAAK,oBACV,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,CAAC,IACzD,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,KAAK,GAAG,IAAA,kCAAwB,EAAC,UAAU,EAAE,0BAAW,CAAC,MAAM,CAAC,CAAA;AACtE,KAAK,CAAC,MAAM,GAAG,eAAS,CAAC,MAAM,CAAA;AAE/B,kBAAe,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-14 16:55:05\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-14 17:00:03\n * @FilePath: /tntd/packages/tntd/src/radio/radio.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type {\n  RadioProps as AntdRadioProps,\n  RadioGroupProps as AntdRadioGroupProps,\n} from 'antd/lib/radio'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntdRadio from 'antd/lib/radio'\nimport type AntdRadioGroup from 'antd/lib/radio/group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\nimport classNames from 'classnames'\n\nexport * from 'antd/lib/radio'\n\nexport type RadioProps = AntdRadioProps & {\n  desc?: string | React.ReactNode\n}\nexport type RadioGroupProps = AntdRadioGroupProps & {\n  readonly?: boolean\n}\n\ninterface RadioComponent\n  extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<AntdRadio>> {\n  Group: React.FC<RadioGroupProps>\n  Button: typeof AntdRadio.Button\n}\n\nconst tntPrefixCls = 'tnt-radio'\n\nconst Radio = forwardRef<AntdRadio, RadioProps>(({ className, children, desc, ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {() => {\n        return (\n          <AntdRadio {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n            <span className={`${tntPrefixCls}-children`}>\n              <span>{children}</span>\n              {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n            </span>\n          </AntdRadio>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as RadioComponent\n\nconst RadioGroup = forwardRef<AntdRadioGroup, RadioGroupProps>(({ className, ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {() => {\n        return (\n          <AntdRadio.Group\n            {...rest}\n            ref={ref}\n            className={classNames(className, `${tntPrefixCls}-group`)}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n})\n\nRadio.Group = connectReadonlyComponent(RadioGroup, PreviewText.Select)\nRadio.Button = AntdRadio.Button\n\nexport default Radio\n"]}

package/lib/radio/radio.less

@@ -0,0 +1,43 @@
+@radio-prefix-cls: ~'@{ant-prefix}-radio';
+@radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';
+
+// 选中状态
+.tnt-radio,
+.tnt-radio-group {
+  .@{radio-prefix-cls}-checked {
+    .@{radio-inner-prefix-cls} {
+      border-color: @radio-dot-color;
+      background-color: @radio-dot-color;
+      &::after {
+        @radio-dot-size: calc(@radio-size - 12px);
+
+        width: @radio-dot-size;
+        height: @radio-dot-size;
+        top: calc((@radio-size - @radio-dot-size) / 2 - 1px);
+        left: calc((@radio-size - @radio-dot-size) / 2 - 1px);
+        background-color: @radio-button-bg;
+      }
+    }
+
+    &.@{radio-prefix-cls}-disabled {
+      .@{radio-inner-prefix-cls} {
+        border-color: @checkbox-check-disabled-color !important;
+        background-color: @checkbox-check-disabled-color;
+      }
+    }
+  }
+}
+
+.tnt-radio {
+  & > span:nth-of-type(2) {
+    display: inline-block;
+  }
+  &-children {
+    display: flex;
+    flex-direction: column;
+  }
+  &-desc {
+    font-size: @font-size-sm;
+    color: @bg-color-spotilight-tint-50;
+  }
+}

package/lib/select/style/index.less

@@ -58,7 +58,8 @@
     position: absolute;
     top: 50%;
     right: calc(@control-padding-horizontal - 1px);
-    margin-top: calc(-@font-size-sm / 2);
+    // margin-top: calc(-@font-size-sm / 2);
+    margin-top: -8px;
     color: @disabled-color;
     font-size: @font-size-sm;
     line-height: 1;

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/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/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/style/mixins/iconfont.less

@@ -33,11 +33,12 @@
   display: inline-block;
   @font-scale: unit(@size / 12px);
 
-  font-size: 12px;
+  font-size: 16px;
   // IE9
   font-size: ~'@{size} \9';
   transform: scale(@font-scale) rotate(@rotate);
   :root & {
-    font-size: @font-size-sm; // reset IE9 and above
+    // font-size: @font-size-sm; // reset IE9 and above
+    font-size: 16px; // reset IE9 and above
   }
 }

package/lib/style/themes/default.less

@@ -418,7 +418,8 @@
 @menu-item-active-bg: @item-active-bg;
 @menu-item-active-border-width: 3px;
 @menu-item-group-title-color: @text-color-secondary;
-@menu-icon-size: @font-size-base;
+// @menu-icon-size: @font-size-base;
+@menu-icon-size: 16px;
 @menu-icon-size-lg: @font-size-lg;
 
 @menu-item-vertical-margin: 4px;
@@ -561,7 +562,7 @@
 // ---
 @switch-height: 22px;
 @switch-sm-height: 16px;
-@switch-sm-checked-margin-left: calc(-(@switch-sm-height - 3px));
+@switch-sm-checked-margin-left: calc(3px - @switch-sm-height);
 @switch-disabled-opacity: 0.4;
 @switch-color: @primary-color;
 @switch-shadow-color: fade(#00230b, 20%);

package/lib/switch/index.less

@@ -0,0 +1,46 @@
+@switch-prefix-cls: ~'@{ant-prefix}-switch';
+
+.@{switch-prefix-cls} {
+  &-small{
+    min-width: 36px;
+  }
+
+  &-checked{
+    &:hover{
+      background-color:@blue-5;
+    }
+  }
+
+  &-disabled{
+    background-color: @blue-5;
+  }
+
+
+  &-wrap{
+    display: flex;
+  }
+
+  &-text-wrap{
+    margin-left: @margin-xs;
+    font-weight: 400;
+  }
+
+  &-text{
+    font-size: 14px;
+    color: @text-color;
+  }
+
+  &-text-disabled{
+    color: @text-color-tertiary;
+  }
+
+  &-subtext{
+    font-size: 12px;
+    color: tint(@text-color, 50%);
+    line-height: 20px;
+  }
+
+  &-subtext-disabled{
+    color: @text-color-tertiary;
+  }
+}

package/lib/tabs/tabs.less

@@ -0,0 +1,114 @@
+// Tabs 自定义梯形页签样式
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-ladder-card.@{tab-prefix-cls}-top {
+
+  padding: 0 12px;
+  position: relative;
+  left: -12px;
+  padding-bottom: 20px;
+
+  .@{tab-prefix-cls}-tab {
+    position: relative;
+    min-width: 106px;
+    height: 40px;
+    line-height: 40px;
+    border-top-left-radius: @border-radius-lg;
+    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.10));
+    box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
+    border: none;
+    margin: 0px 30px 0px 0px;
+    padding: 0px 12px 0;
+    background: @fill-color-quaternary;
+    text-align: right;
+    color: @text-color-secondary;
+    
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      right: -52px;
+      height: 100%;
+      width: 64px;
+      z-index: 1;
+      background: inherit;
+      clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
+    }
+
+  }
+
+  .@{tab-prefix-cls}-nav {
+    margin-top: 12px;
+    padding-left: 12px;
+  }
+
+  .@{tab-prefix-cls}-nav-container {
+    height: auto;
+    position: relative;
+    left: -12px;
+    width: calc(100% + 12px);
+  }
+
+  .@{tab-prefix-cls}-bar.@{tab-prefix-cls}-top-bar.@{tab-prefix-cls}-card-bar {
+    border-bottom: none;
+    margin-bottom: 0;
+  }
+  
+      
+  // 鼠标选中时，active状态在上层
+  .@{tab-prefix-cls}-tab-active {
+    z-index: 3;
+    background: @tabs-active-background;
+  }
+
+  .@{tab-prefix-cls}-tabpane{
+    background: @white;
+    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
+    padding: 20px 12px 12px;
+    border-bottom-right-radius: @border-radius-lg;
+    border-bottom-left-radius: @border-radius-lg;
+    border-top-right-radius: @border-radius-lg;
+  }
+}
+
+// // Tabs top类型 全局样式修改
+.tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-top.@{tab-prefix-cls}-line {
+    .@{tab-prefix-cls}-bar {
+      border-bottom: none !important;
+    }
+
+    .@{tab-prefix-cls}-nav-container {
+      margin-bottom: none;
+    }
+
+    .@{tab-prefix-cls}-tab {
+      border-bottom: 1px solid transparent;
+      margin-bottom: 1px;
+      height: 40px;
+      line-height: 37px;
+      padding: 2px 12px 0;
+    }
+
+    .@{tab-prefix-cls}-tab:hover{
+      border-color: @border-color-secondary;
+    }
+}
+
+.tnt-tabs.@{tab-prefix-cls} {
+  .@{tab-prefix-cls}-nav {
+    .@{tab-prefix-cls}-tab {
+      color: @tabs-tab-color;
+      // 自定义图标默认都是 16px
+      i.anticon {
+        font-size: @font-size-lg;
+        margin-right: 4px;
+      }
+    }
+    .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab-active {
+      color: @tabs-active-color;
+    }
+    .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab:hover {
+      color: @tabs-hover-color;
+    }
+  }
+}