tntd 2.8.15 → 2.8.17

package/es/progress/progress.js

@@ -0,0 +1,132 @@
+import React from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntdProgress from 'antd/es/progress';
+import classNames from 'classnames';
+import Ellipsis from '../ellipsis';
+import Icon from '../icon';
+import './progress.less';
+export * from 'antd/es/tooltip';
+const iconMap = {
+  line: {
+    success: 'check-circle',
+    exception: 'close-circle'
+  },
+  circle: {
+    success: 'check',
+    exception: 'close'
+  }
+};
+const ifPercentBottom = (type, percentPosition) => {
+  return type === 'line' && percentPosition === 'bottom';
+};
+const percentTransform = percent => {
+  return percent >= 100 ? 100 : percent <= 0 ? 0 : percent;
+};
+const themeStrokeColor = (status, strokeColor, percent) => {
+  return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100 ? 'var(--blue-5)' : '';
+};
+const Progress = props => {
+  const {
+    className,
+    type = 'line',
+    percentPosition = 'right',
+    percent = 0,
+    format,
+    size,
+    label,
+    width = 132,
+    status,
+    halfCircle,
+    gapDegree = props.halfCircle ? 135 : props.gapDegree,
+    strokeColor,
+    strokeWidth = 7
+  } = props;
+  const _percent = percentTransform(percent);
+  const _strokeColor = themeStrokeColor(status, strokeColor, _percent);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('progress');
+    const CusLabelOrPercent = props => {
+      const {
+        type,
+        theme
+      } = props;
+      const labelPercentClassName = classNames(`${prefixCls}-percent-bottom`, {
+        [`${prefixCls}-percent-bottom-${size}`]: size === 'small',
+        [`${prefixCls}-percent-bottom-${type}`]: type === 'line'
+      });
+      const showIcon = status => React.createElement(Icon, {
+        type: `${iconMap[type][status]}`,
+        theme: theme,
+        className: classNames({
+          [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]: type === 'line'
+        })
+      });
+      const showPercent = React.createElement("div", {
+        className: labelPercentClassName
+      }, format ? format === null || format === void 0 ? void 0 : format(_percent) : _percent + '%');
+      let displayContent;
+      if (status === 'success' || status === 'exception') {
+        displayContent = showIcon(status);
+      } else if (status === 'normal' || status === 'active') {
+        displayContent = showPercent;
+      } else {
+        // 如果状态为空
+        displayContent = _percent === 100 ? showIcon('success') : showPercent;
+      }
+      return displayContent;
+    };
+    const CusCircleAndDashboardFormat = props => {
+      const {
+        widthNum
+      } = props;
+      return React.createElement("div", {
+        className: `${prefixCls}-cus-format`
+      }, !!label && React.createElement(Ellipsis, {
+        className: `${prefixCls}-cus-format-label`,
+        title: label,
+        widthLimit: widthNum <= 64 ? widthNum : 'calc(100% - 50px)',
+        placement: widthNum <= 64 ? 'bottom' : 'top'
+      }), React.createElement(CusLabelOrPercent, {
+        type: "circle",
+        theme: "outlined"
+      }));
+    };
+    //line
+    const LineProgress = () => React.createElement(AntdProgress, Object.assign({
+      strokeColor: _strokeColor
+    }, props, {
+      className: classNames('tnt-progress', className, {
+        [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom'
+      })
+    }));
+    //circle,dashboard (额外新增label和半圆选项)
+    const CircleAndDashboardProgress = () => {
+      const widthNum = Number(String(width).split('px').shift());
+      return React.createElement(AntdProgress, Object.assign({
+        gapDegree: gapDegree,
+        strokeColor: _strokeColor,
+        strokeWidth: strokeWidth
+      }, props, {
+        type: halfCircle ? 'dashboard' : type,
+        className: classNames('tnt-progress', `${prefixCls}-circle-progress`, className, {
+          [`${prefixCls}-small-circle`]: widthNum <= 64 && label,
+          [`${prefixCls}-large-circle`]: widthNum > 64 && label,
+          [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,
+          [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label
+        }),
+        format: () => React.createElement(CusCircleAndDashboardFormat, {
+          widthNum: widthNum
+        })
+      }));
+    };
+    const progressMap = {
+      line: React.createElement(LineProgress, null),
+      circle: React.createElement(CircleAndDashboardProgress, null),
+      dashboard: React.createElement(CircleAndDashboardProgress, null)
+    };
+    return progressMap[type];
+  });
+};
+export default Progress;

package/es/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/progress/progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport type { ProgressProps } from 'antd/es/progress'\nimport type { ThemeType } from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdProgress from 'antd/es/progress'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport './progress.less'\nexport * from 'antd/es/tooltip'\n\ninterface ExtendsProgress {\n  percentPosition?: 'bottom' | 'right'\n  label?: React.ReactNode\n  halfCircle?: boolean\n}\nconst iconMap = {\n  line: {\n    success: 'check-circle',\n    exception: 'close-circle',\n  },\n  circle: {\n    success: 'check',\n    exception: 'close',\n  },\n}\nconst ifPercentBottom = (type: string, percentPosition: string) => {\n  return type === 'line' && percentPosition === 'bottom'\n}\nconst percentTransform = (percent: number) => {\n  return percent >= 100 ? 100 : percent <= 0 ? 0 : percent\n}\n\nconst themeStrokeColor = (status?: string, strokeColor?: string | object, percent?: number) => {\n  return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100\n    ? 'var(--blue-5)'\n    : ''\n}\n\nconst Progress: React.FC<ProgressProps & ExtendsProgress> = (props) => {\n  const {\n    className,\n    type = 'line',\n    percentPosition = 'right',\n    percent = 0,\n    format,\n    size,\n    label,\n    width = 132,\n    status,\n    halfCircle,\n    gapDegree = props.halfCircle ? 135 : props.gapDegree,\n    strokeColor,\n    strokeWidth = 7,\n  } = props\n  const _percent = percentTransform(percent)\n  const _strokeColor = themeStrokeColor(status, strokeColor, _percent)\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('progress')\n\n        const CusLabelOrPercent = (props: { type: 'line' | 'circle'; theme?: ThemeType }) => {\n          const { type, theme } = props\n          const labelPercentClassName = classNames(`${prefixCls}-percent-bottom`, {\n            [`${prefixCls}-percent-bottom-${size}`]: size === 'small',\n            [`${prefixCls}-percent-bottom-${type}`]: type === 'line',\n          })\n\n          const showIcon = (status: 'success' | 'exception') => (\n            <Icon\n              type={`${iconMap[type][status]}`}\n              theme={theme}\n              className={classNames({\n                [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]:\n                  type === 'line',\n              })}\n            />\n          )\n          const showPercent = (\n            <div className={labelPercentClassName}>\n              {format ? format?.(_percent) : _percent + '%'}\n            </div>\n          )\n\n          let displayContent\n          if (status === 'success' || status === 'exception') {\n            displayContent = showIcon(status)\n          } else if (status === 'normal' || status === 'active') {\n            displayContent = showPercent\n          } else {\n            // 如果状态为空\n            displayContent = _percent === 100 ? showIcon('success') : showPercent\n          }\n          return displayContent\n        }\n\n        const CusCircleAndDashboardFormat = (props: { widthNum: number }) => {\n          const { widthNum } = props\n          return (\n            <div className={`${prefixCls}-cus-format`}>\n              {!!label && (\n                <Ellipsis\n                  className={`${prefixCls}-cus-format-label`}\n                  title={label}\n                  widthLimit={widthNum <= 64 ? widthNum : 'calc(100% - 50px)'}\n                  placement={widthNum <= 64 ? 'bottom' : 'top'}\n                />\n              )}\n              <CusLabelOrPercent type=\"circle\" theme=\"outlined\" />\n            </div>\n          )\n        }\n\n        //line\n        const LineProgress: React.FC = () => (\n          <AntdProgress\n            strokeColor={_strokeColor}\n            {...props}\n            className={classNames('tnt-progress', className, {\n              [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',\n            })}\n          />\n        )\n\n        //circle,dashboard (额外新增label和半圆选项)\n        const CircleAndDashboardProgress: React.FC = () => {\n          const widthNum = Number(String(width).split('px').shift())\n          return (\n            <AntdProgress\n              gapDegree={gapDegree}\n              strokeColor={_strokeColor}\n              strokeWidth={strokeWidth}\n              {...props}\n              type={halfCircle ? 'dashboard' : type}\n              className={classNames('tnt-progress', `${prefixCls}-circle-progress`, className, {\n                [`${prefixCls}-small-circle`]: widthNum <= 64 && label,\n                [`${prefixCls}-large-circle`]: widthNum > 64 && label,\n                [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,\n                [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,\n              })}\n              format={() => <CusCircleAndDashboardFormat widthNum={widthNum} />}\n            />\n          )\n        }\n\n        const progressMap = {\n          line: <LineProgress />,\n          circle: <CircleAndDashboardProgress />,\n          dashboard: <CircleAndDashboardProgress />,\n        }\n        return progressMap[type]\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Progress\n"]}

package/es/progress/progress.less

@@ -0,0 +1,82 @@
+@import '../style/themes/index.less';
+@import '../style/mixins/index';
+@progress-prefix-cls: ~'@{ant-prefix}-progress';
+.tnt-progress.@{progress-prefix-cls} {
+    .ant-progress-text{
+    //   font-family: PingFang SC;
+      font-weight: 500;
+    }
+    .ant-progress-cus-format-label{
+      .ant-progress-cus-format-label{
+        padding-bottom: 4px;
+      }
+    }
+    &-percent-bottom{
+        .ant-progress-outer{
+          padding-right: 0;
+        }
+        .ant-progress-text{
+          width: 100%;
+          display: block;
+          text-align: right;
+          margin-left: 0;
+        }
+    }
+    &-circle-progress{
+      .@{progress-prefix-cls}-cus-format{
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+    &-small-circle{
+      .ant-progress-text{
+        height: 100%;
+      }
+      .ant-progress-inner{
+        overflow:visible;
+      }
+      .tntd-ellipsis{
+        position: absolute;
+        bottom: -1.8em;
+        font-size: 0.75em;
+        // margin-bottom: 2px;
+        // color: #8B919E;
+        color:tint(@text-color, 50%);
+        font-family: Inter;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+    &-large-circle{
+      .ant-progress-text{
+        height: 100%;
+      }
+      .tntd-ellipsis{
+        font-size: 0.55em;
+        // margin-bottom: 2px;
+        color:tint(@text-color, 50%);
+        font-family: Inter;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+    &-small-half-circle{
+      .ant-progress-text{
+        height: 40%;
+      }
+      .tntd-ellipsis{
+        bottom: -1.5em;
+      }
+    }
+    &-large-half-circle{
+      .ant-progress-inner{
+        .ant-progress-text{
+          top: 42%
+        }
+      }
+    }
+}
+

package/es/query-form-backup/Field/Composition/FieldPopover.less

@@ -0,0 +1,35 @@
+.tnt-queryform-field-popover {
+  min-width: 280px;
+  .ant-popover-inner-content {
+    padding: @padding-sm 0;
+  }
+  .ant-calendar-picker {
+    margin: @margin-xxs 0;
+  }
+  label {
+    color: tint(@text-color, 50%);
+    margin-bottom: @margin-xs;
+    display: block;
+    padding: 0 @padding-sm;
+  }
+  .ant-select-dropdown-menu {
+    &-item {
+      padding: @padding-xxs @padding-sm;
+      &:hover {
+        background-color: @bg-color-quaternary;
+      }
+    }
+  }
+  &-content {
+    padding: @padding-xxs @padding-sm;
+  }
+  .ant-select-selected-icon {
+    position: absolute;
+    right: @margin-base;
+    top: @margin-xs;
+    color: @blue-6;
+  }
+  .tnt-highlight {
+    color: @blue-6;
+  }
+}

package/es/query-form-backup/Field/Composition/index.less

@@ -0,0 +1,114 @@
+@import '../../../style/themes/index';
+@import '../../../style/mixins/index';
+@import '../../../input/style/mixin';
+
+.tnt-queryform-composition-input {
+  // width: 100%;
+  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;
+  margin-bottom: @margin-sm;
+
+  &-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 !important;
+        outline: none;
+        box-shadow: none !important;
+        width: 150px !important;
+        height: 26px;
+        line-height: 26px;
+        padding: 0;
+        input {
+          border: none !important;
+          outline: none !important;
+          box-shadow: none !important;
+          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/es/query-form-backup/index.less

@@ -0,0 +1,90 @@
+.tnt-queryform {
+  &-top {
+    display: flex;
+    &-body {
+      flex: 1;
+      .ant-btn {
+        margin-right: 10px;
+      }
+    }
+  }
+
+  &-extra {
+    & > * {
+      margin-left: 10px;
+    }
+  }
+
+  .ant-form {
+    // margin-bottom: @margin-sm;
+    &.ant-form-inline {
+      flex-wrap: unset;
+      position: relative;
+    }
+
+    &.ant-form-inline .ant-form-item {
+      margin-right: 10px;
+      margin-bottom: @margin-sm;
+      display: inline-block;
+    }
+
+    .ant-form-item-control {
+      // min-width: 160px;
+      line-height: unset;
+      .ant-calendar-picker-input {
+        padding: 0 @padding-sm;
+      }
+      .ant-form-item-children {
+        & > .ant-input,
+        & > .ant-input-affix-wrapper {
+          width: 160px;
+          // width: 200px;
+        }
+      }
+    }
+  }
+
+  &-drawer {
+    margin-top: @margin-xxl;
+    &.large-size {
+      margin-top: 60px;
+    }
+
+    &.ant-drawer.ant-drawer-open {
+      .ant-drawer-mask {
+        opacity: 0;
+        background: unset;
+      }
+    }
+    .ant-drawer-body {
+      .ant-form-item {
+        display: block;
+        margin-right: 0;
+        margin-bottom: @margin-md;
+        width: 100%;
+      }
+      .ant-form-item-label {
+        display: block;
+        text-align: left;
+        line-height: 22px;
+        margin-bottom: 10px;
+      }
+      .ant-form-item-control-wrapper,
+      .ant-form-item-control,
+      .ant-calendar-picker,
+      .ant-input {
+        min-width: 100%;
+        width: 100%;
+      }
+
+      & > .ant-btn {
+        display: block;
+        width: 100%;
+        margin-bottom: 10px;
+        &.ant-btn-primary {
+          margin-top: @margin-md;
+        }
+      }
+    }
+  }
+}

package/es/radio/radio.js

@@ -0,0 +1,57 @@
+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;
+};
+/*
+ * @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
+ */
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntdRadio from 'antd/es/radio';
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
+export * from 'antd/es/radio';
+const tntPrefixCls = 'tnt-radio';
+const Radio = forwardRef((_a, ref) => {
+  var {
+      className,
+      children,
+      desc
+    } = _a,
+    rest = __rest(_a, ["className", "children", "desc"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdRadio, Object.assign({}, rest, {
+      ref: ref,
+      className: classNames(className, tntPrefixCls)
+    }), children ? React.createElement("span", {
+      className: `${tntPrefixCls}-children`
+    }, React.createElement("span", null, children), !!desc && React.createElement("span", {
+      className: `${tntPrefixCls}-desc`
+    }, desc)) : undefined);
+  });
+});
+const RadioGroup = forwardRef((_a, ref) => {
+  var {
+      className
+    } = _a,
+    rest = __rest(_a, ["className"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdRadio.Group, Object.assign({}, rest, {
+      ref: ref,
+      className: classNames(className, `${tntPrefixCls}-group`)
+    }));
+  });
+});
+Radio.Group = connectReadonlyComponent(RadioGroup, PreviewText.Select);
+Radio.Button = AntdRadio.Button;
+export default Radio;

package/es/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../src/radio/radio.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAKxD,OAAO,SAAS,MAAM,eAAe,CAAA;AAErC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,cAAc,eAAe,CAAA;AAe7B,MAAM,YAAY,GAAG,WAAW,CAAA;AAEhC,MAAM,KAAK,GAAG,UAAU,CAAwB,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAApC,iCAAsC,CAAF;IACnF,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,SAAS,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,CAAC,KAC1E,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,GAAG,YAAY,WAAW;YACzC,kCAAO,QAAQ,CAAQ;YACtB,CAAC,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACR,CAAC,CAAC,CAAC,SAAS,CACH,CACb,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAmB,CAAA;AAEpB,MAAM,UAAU,GAAG,UAAU,CAAkC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAClF,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,SAAS,CAAC,KAAK,oBACV,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,CAAC,IACzD,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,KAAK,GAAG,wBAAwB,CAAC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;AACtE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAA;AAE/B,eAAe,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 { ConfigConsumer } from 'antd/es/config-provider'\nimport type {\n  RadioGroupProps as AntdRadioGroupProps,\n  RadioProps as AntdRadioProps,\n} from 'antd/es/radio'\nimport AntdRadio from 'antd/es/radio'\nimport type AntdRadioGroup from 'antd/es/radio/group'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport * from 'antd/es/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            {children ? (\n              <span className={`${tntPrefixCls}-children`}>\n                <span>{children}</span>\n                {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n              </span>\n            ) : undefined}\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/es/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/es/spin/spin.js

@@ -0,0 +1,36 @@
+/*
+ * @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 = 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 { ConfigConsumer } from 'antd/es/config-provider';
+import { default as AntdSpin } from 'antd/es/spin';
+import classNames from 'classnames';
+import './spin.less';
+export const Spin = forwardRef((props, ref) => {
+  const {
+      className,
+      wrapperClassName
+    } = props,
+    restProps = __rest(props, ["className", "wrapperClassName"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdSpin, Object.assign({
+      wrapperClassName: classNames('tnt-spin-nested', wrapperClassName || ''),
+      className: classNames('tnt-spin', className || '')
+    }, restProps, {
+      ref: ref
+    }));
+  });
+});

package/es/spin/spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin.js","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,aAAa,CAAA;AAKpB,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,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,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,QAAQ,kBACP,gBAAgB,EAAE,UAAU,CAAC,iBAAiB,EAAE,gBAAgB,IAAI,EAAE,CAAC,EACvE,SAAS,EAAE,UAAU,CAAC,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/es/spin'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdSpin } from 'antd/es/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/es/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/es/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/es/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/es/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>