tntd 2.8.0-beta.5 → 2.8.0-beta.7

package/es/radio/radio.less

@@ -1,43 +0,0 @@
-@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/steps/assets/background_left.svg

@@ -1,12 +0,0 @@
-<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

@@ -1,12 +0,0 @@
-<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

@@ -1,3 +0,0 @@
-<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/es/steps/assets/vertical_line.svg

@@ -1,3 +0,0 @@
-<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/es/steps/stepStyle/icon.less

@@ -1,51 +0,0 @@
-.@{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/es/steps/stepStyle/progress-dot.less

@@ -1,10 +0,0 @@
-.@{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/es/steps/stepStyle/variables.less

@@ -1,8 +0,0 @@
-@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/es/steps/stepStyle/vertical.less

@@ -1,41 +0,0 @@
-.@{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/es/switch/index.less

@@ -1,46 +0,0 @@
-@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/es/tabs/tabs.less

@@ -1,116 +0,0 @@
-// 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 {
-    display: inline-block;
-    vertical-align: bottom;
-    position: relative;
-    min-width: 106px;
-    height: 40px;
-    line-height: 40px;
-    border-top-left-radius: @border-radius-lg;
-    filter: drop-shadow(0px 0px 4px 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;
-    }
-  }
-}

package/es/tag/color.less

@@ -1,43 +0,0 @@
-@preset-colors-custom: grey, blue, green, red, gold, lightblue, bluegrey, purplegrey, purple, lightpurple, lightgreen, pink, rose, orange,  magenta, volcano, yellow, cyan, lime, geekblue, tnt-pink, tnt-orange, tnt-purple;
-
-
-@grey-7: @text-color-secondary;
-@grey-4: @border-color-base;
-@grey-1: @tag-default-bg;
-
-@rose-7:#D8395E; 
-@rose-4:  #FEA3B4;
-@rose-1:  #FFF1F3; 
-
-@lightblue-7: #1AA9E6; 
-@lightblue-4: #8FE0FF;
-@lightblue-1: #F0F9FF; 
-
-@bluegrey-7: #486FBB; 
-@bluegrey-4: #A1BCEF;
-@bluegrey-1: #F4F8FF; 
-
-@purplegrey-7: #4E5BA6; 
-@purplegrey-4: #AFB5D9;
-@purplegrey-1: #F8F9FC; 
-
-@tnt-purple-7: #6E54D4; 
-@tnt-purple-4:  #BDB4FE;
-@tnt-purple-1:  #F4F3FF; 
-
-@lightpurple-7: #5161D7; 
-@lightpurple-4:  #A4BCFD;
-@lightpurple-1:  #EEF4FF; 
-
-@lightgreen-7: #2E9C98; 
-@lightgreen-4:  #8CE0DD;
-@lightgreen-1:  #F1FBFB; 
-
-@tnt-pink-7: #D03E93; 
-@tnt-pink-4:  #FAA7E0;
-@tnt-pink-1:  #FDF2FA;
-
-@tnt-orange-7:#DF5F28; 
-@tnt-orange-4:  #FEB173;
-@tnt-orange-1:  #FFF6ED; 
-

package/es/tag/tag.js

@@ -1,171 +0,0 @@
-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-04 19:15:22
- * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
- * @LastEditTime: 2024-03-11 10:10:31
- * @FilePath: /tntd/packages/tntd/src/tag/tag.tsx
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
-import React, { forwardRef } from 'react';
-import { ConfigConsumer } from 'antd/es/config-provider';
-import { default as AntdTag } from 'antd/es/tag';
-import classNames from 'classnames';
-import Ellipsis from '../ellipsis';
-import Icon from '../icon';
-export * from 'antd/es/tag';
-export var TagColors;
-(function (TagColors) {
-  TagColors["grey"] = "grey";
-  TagColors["rose"] = "rose";
-  TagColors["lightblue"] = "lightblue";
-  TagColors["bluegrey"] = "bluegrey";
-  TagColors["purplegrey"] = "purplegrey";
-  TagColors["lightpurple"] = "lightpurple";
-  TagColors["lightgreen"] = "lightgreen";
-  TagColors["tnt-pink"] = "tnt-pink";
-  TagColors["tnt-orange"] = "tnt-orange";
-  TagColors["tnt-purple"] = "tnt-purple";
-})(TagColors || (TagColors = {}));
-// 内置的状态
-const statusMap = {
-  success: {
-    icon: 'check-circle',
-    color: 'green'
-  },
-  info: {
-    icon: 'info-circle',
-    color: 'blue'
-  },
-  error: {
-    icon: 'close-circle',
-    color: 'red'
-  },
-  warning: {
-    icon: 'info-circle',
-    color: 'orange'
-  }
-};
-const getDisplayEllipsisOptions = (props, prefixCls) => {
-  var _a;
-  const {
-    ellipsisOptions,
-    addonContent,
-    addonType,
-    addonPosition,
-    children
-  } = props || {};
-  const options = Object.assign({}, ellipsisOptions);
-  let addonContentInfo = null;
-  if (addonContent) {
-    addonContentInfo = addonContent;
-  } else if (addonType && statusMap[addonType]) {
-    addonContentInfo = React.createElement(Icon, {
-      type: (_a = statusMap[addonType]) === null || _a === void 0 ? void 0 : _a.icon
-    });
-  }
-  if (addonContentInfo) {
-    addonContentInfo = React.createElement("span", {
-      className: `${prefixCls}-addon`
-    }, addonContentInfo);
-    if (addonPosition === 'prefix') {
-      options.prefix = addonContentInfo;
-    }
-    if (addonPosition === 'suffix') {
-      options.suffix = addonContentInfo;
-    }
-    if (options.Popover === true) {
-      options.content = children;
-    } else {
-      options.title = children;
-    }
-    options.contentInfo = addonContentInfo;
-  }
-  return options;
-};
-export const Tag = forwardRef((props, ref) => {
-  var _a;
-  const {
-      className,
-      border = true,
-      size,
-      addonType,
-      addonContent,
-      addonPosition = 'prefix',
-      ellipsisOptions,
-      children
-    } = props,
-    restProps = __rest(props, ["className", "border", "size", "addonType", "addonContent", "addonPosition", "ellipsisOptions", "children"]);
-  let {
-    color
-  } = props || {};
-  if (!color && addonType) {
-    color = (_a = statusMap[addonType]) === null || _a === void 0 ? void 0 : _a.color;
-  }
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    var _a, _b, _c, _d, _e;
-    const prefixCls = getPrefixCls('tag');
-    const displayEllipsisOptions = getDisplayEllipsisOptions({
-      ellipsisOptions,
-      addonContent,
-      addonType,
-      addonPosition,
-      children
-    }, prefixCls);
-    // 只有一个icon时 padding距离存在差异
-    const onlyIcon = React.isValidElement(children) && React.Children.only(children) && (children === null || children === void 0 ? void 0 : children.type) instanceof Function && ((_c = (_b = (_a = children === null || children === void 0 ? void 0 : children.type) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toLowerCase) === null || _c === void 0 ? void 0 : _c.call(_b)) === 'icon';
-    // 前缀是图片 只处理一层节点下是图片的，否则就用户自定义样式
-    const addonIsImg = React.isValidElement(addonContent) && (addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) && typeof (addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) === 'string' && ((_e = (_d = addonContent === null || addonContent === void 0 ? void 0 : addonContent.type) === null || _d === void 0 ? void 0 : _d.toLowerCase) === null || _e === void 0 ? void 0 : _e.call(_d)) === 'img';
-    return React.createElement(AntdTag, Object.assign({
-      className: classNames({
-        [`${prefixCls}-${color}`]: color && !!TagColors[color]
-      }, 'tnt-tag', `${prefixCls}-${size || 'middle'}`, {
-        [`${prefixCls}-no-border`]: !border
-      }, {
-        [`${prefixCls}-only-child`]: !children || onlyIcon
-      }, {
-        [`${prefixCls}-addon-img`]: !!addonIsImg
-      }, className || '')
-    }, restProps, {
-      color: !TagColors[color] ? color : '',
-      ref: ref
-    }), !addonContent && !addonType && !ellipsisOptions && children, (!!addonContent || !!addonType || !!ellipsisOptions) && React.createElement("span", {
-      className: `${prefixCls}-addon-wrap`
-    }, !!children && React.createElement(Ellipsis, Object.assign({}, displayEllipsisOptions), children), !children && (displayEllipsisOptions === null || displayEllipsisOptions === void 0 ? void 0 : displayEllipsisOptions.contentInfo)));
-  });
-});
-Tag.CheckableTag = forwardRef((props, ref) => {
-  // 默认没有border
-  const _a = props || {},
-    {
-      onChange,
-      disabled,
-      border = false,
-      className
-    } = _a,
-    rest = __rest(_a, ["onChange", "disabled", "border", "className"]);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('tag-checkable');
-    return React.createElement(AntdTag.CheckableTag, Object.assign({}, !disabled && {
-      onChange
-    }, {
-      className: classNames('tnt-tag', {
-        [`${prefixCls}-disabled`]: disabled,
-        [`${prefixCls}-border`]: !!border
-      })
-    }, rest, {
-      ref: ref
-    }));
-  });
-});

package/es/tag/tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../src/tag/tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAW,UAAU,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA;AAEhD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,cAAc,aAAa,CAAA;AAE3B,MAAM,CAAN,IAAY,SAWX;AAXD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,0BAAa,CAAA;IACb,oCAAuB,CAAA;IACvB,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,wCAA2B,CAAA;IAC3B,sCAAyB,CAAA;IACzB,kCAAuB,CAAA;IACvB,sCAA2B,CAAA;IAC3B,sCAA2B,CAAA;AAC7B,CAAC,EAXW,SAAS,KAAT,SAAS,QAWpB;AAED,QAAQ;AACR,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE;QACP,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,OAAO;KACf;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,KAAK;KACb;IACD,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AA4BD,MAAM,yBAAyB,GAAG,CAAC,KAAe,EAAE,SAAiB,EAAE,EAAE;;IACvE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,EAAE,CAAA;IACzF,MAAM,OAAO,qBACR,eAAe,CACnB,CAAA;IAED,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAC3B,IAAI,YAAY,EAAE;QAChB,gBAAgB,GAAG,YAAY,CAAA;KAChC;SAAM,IAAI,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;QAC5C,gBAAgB,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAE,MAAA,SAAS,CAAC,SAAS,CAAC,0CAAE,IAAI,GAAI,CAAA;KAC9D;IAED,IAAI,gBAAgB,EAAE;QACpB,gBAAgB,GAAG,8BAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,IAAG,gBAAgB,CAAQ,CAAA;QACnF,IAAI,aAAa,KAAK,QAAQ,EAAE;YAC9B,OAAO,CAAC,MAAM,GAAG,gBAAgB,CAAA;SAClC;QAED,IAAI,aAAa,KAAK,QAAQ,EAAE;YAC9B,OAAO,CAAC,MAAM,GAAG,gBAAgB,CAAA;SAClC;QAED,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE;YAC5B,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAA;SAC3B;aAAM;YACL,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAA;SACzB;QACD,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAA;KACvC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAA+C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACzF,MAAM,EACJ,SAAS,EACT,MAAM,GAAG,IAAI,EACb,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,eAAe,EACf,QAAQ,KAEN,KAAK,EADJ,SAAS,UACV,KAAK,EAVH,4GAUL,CAAQ,CAAA;IAET,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,CAAA;IAC3B,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE;QACvB,KAAK,GAAG,MAAA,SAAS,CAAC,SAAS,CAAC,0CAAE,KAAK,CAAA;KACpC;IAED,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;QAErC,MAAM,sBAAsB,GAAG,yBAAyB,CACtD;YACE,eAAe;YACf,YAAY;YACZ,SAAS;YACT,aAAa;YACb,QAAQ;SACT,EACD,SAAS,CACV,CAAA;QAED,0BAA0B;QAC1B,MAAM,QAAQ,GACZ,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;YAC9B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC7B,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,aAAY,QAAQ;YAClC,CAAA,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,0CAAE,WAAW,kDAAI,MAAK,MAAM,CAAA;QAElD,gCAAgC;QAChC,MAAM,UAAU,GACd,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC;aAClC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAA;YAClB,OAAO,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAA,KAAK,QAAQ;YACtC,CAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,WAAW,kDAAI,MAAK,KAAK,CAAA;QAE/C,OAAO,CACL,oBAAC,OAAO,kBACN,SAAS,EAAE,UAAU,CACnB;gBACE,CAAC,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,SAAS,CAAC,KAA+B,CAAC;aACjF,EACD,SAAS,EACT,GAAG,SAAS,IAAI,IAAI,IAAI,QAAQ,EAAE,EAClC;gBACE,CAAC,GAAG,SAAS,YAAY,CAAC,EAAE,CAAC,MAAM;aACpC,EACD;gBACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,CAAC,QAAQ,IAAI,QAAQ;aACnD,EACD;gBACE,CAAC,GAAG,SAAS,YAAY,CAAC,EAAE,CAAC,CAAC,UAAU;aACzC,EACD,SAAS,IAAI,EAAE,CAChB,IACG,SAAS,IACb,KAAK,EAAE,CAAC,SAAS,CAAC,KAA+B,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC/D,GAAG,EAAE,GAAG;YAEP,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,eAAe,IAAI,QAAQ;YAC3D,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,eAAe,CAAC,IAAI,CACvD,8BAAM,SAAS,EAAE,GAAG,SAAS,aAAa;gBACvC,CAAC,CAAC,QAAQ,IAAI,oBAAC,QAAQ,oBAAK,sBAAsB,GAAG,QAAQ,CAAY;gBACzE,CAAC,QAAQ,KAAI,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,WAAW,CAAA,CAC5C,CACR,CACO,CACX,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAiB,CAAA;AAElB,GAAG,CAAC,YAAY,GAAG,UAAU,CAC3B,CAAC,KAAwB,EAAE,GAAG,EAAE,EAAE;IAChC,aAAa;IACb,MAAM,KAA6D,KAAK,IAAI,EAAE,EAAxE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,SAAS,OAAyB,EAApB,IAAI,cAAxD,+CAA0D,CAAc,CAAA;IAC9E,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,eAAe,CAAC,CAAA;QAC/C,OAAO,CACL,oBAAC,OAAO,CAAC,YAAY,oBACf,CAAC,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC,IAC/B,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;gBACnC,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,CAAC,CAAC,MAAM;aAClC,CAAC,IACE,IAAI,IACR,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-04 19:15:22\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-11 10:10:31\n * @FilePath: /tntd/packages/tntd/src/tag/tag.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { useMemo, forwardRef } from 'react'\nimport type { TagProps as AntdTagProps } from 'antd/es/tag'\nimport type { CheckableTagProps as AntdCheckableTagProps } from 'antd/es/tag'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTag } from 'antd/es/tag'\nimport type AntdCheckableTag from 'antd/es/tag/CheckableTag'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\n\nexport * from 'antd/es/tag'\n\nexport enum TagColors {\n  grey = 'grey',\n  rose = 'rose',\n  lightblue = 'lightblue',\n  bluegrey = 'bluegrey',\n  purplegrey = 'purplegrey',\n  lightpurple = 'lightpurple',\n  lightgreen = 'lightgreen',\n  'tnt-pink' = 'tnt-pink',\n  'tnt-orange' = 'tnt-orange',\n  'tnt-purple' = 'tnt-purple',\n}\n\n// 内置的状态\nconst statusMap = {\n  success: {\n    icon: 'check-circle',\n    color: 'green',\n  },\n  info: {\n    icon: 'info-circle',\n    color: 'blue',\n  },\n  error: {\n    icon: 'close-circle',\n    color: 'red',\n  },\n  warning: {\n    icon: 'info-circle',\n    color: 'orange',\n  },\n}\n\nexport interface TagProps extends AntdTagProps {\n  color?: TagColors | string\n  size?: 'small' | 'middle' | 'large'\n  border?: boolean\n  addonContent?: React.ReactNode\n  addonPosition?: 'prefix' | 'suffix'\n  addonType?: 'success' | 'info' | 'warning' | 'error'\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\nexport interface CheckableTagProps extends AntdCheckableTagProps {\n  disabled?: boolean\n  border?: boolean\n}\n\ninterface TagComponent\n  extends React.ForwardRefExoticComponent<TagProps & React.RefAttributes<AntdTag>> {\n  CheckableTag: React.FC<CheckableTagProps>\n}\n\nconst getDisplayEllipsisOptions = (props: TagProps, prefixCls: string) => {\n  const { ellipsisOptions, addonContent, addonType, addonPosition, children } = props || {}\n  const options = {\n    ...ellipsisOptions,\n  }\n\n  let addonContentInfo = null\n  if (addonContent) {\n    addonContentInfo = addonContent\n  } else if (addonType && statusMap[addonType]) {\n    addonContentInfo = <Icon type={statusMap[addonType]?.icon} />\n  }\n\n  if (addonContentInfo) {\n    addonContentInfo = <span className={`${prefixCls}-addon`}>{addonContentInfo}</span>\n    if (addonPosition === 'prefix') {\n      options.prefix = addonContentInfo\n    }\n\n    if (addonPosition === 'suffix') {\n      options.suffix = addonContentInfo\n    }\n\n    if (options.Popover === true) {\n      options.content = children\n    } else {\n      options.title = children\n    }\n    options.contentInfo = addonContentInfo\n  }\n\n  return options\n}\n\nexport const Tag = forwardRef<AntdTag, TagProps & { capitalize?: boolean }>((props, ref) => {\n  const {\n    className,\n    border = true,\n    size,\n    addonType,\n    addonContent,\n    addonPosition = 'prefix',\n    ellipsisOptions,\n    children,\n    ...restProps\n  } = props\n\n  let { color } = props || {}\n  if (!color && addonType) {\n    color = statusMap[addonType]?.color\n  }\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tag')\n\n        const displayEllipsisOptions = getDisplayEllipsisOptions(\n          {\n            ellipsisOptions,\n            addonContent,\n            addonType,\n            addonPosition,\n            children,\n          },\n          prefixCls\n        )\n\n        // 只有一个icon时 padding距离存在差异\n        const onlyIcon =\n          React.isValidElement(children) &&\n          React.Children.only(children) &&\n          children?.type instanceof Function &&\n          children?.type?.name?.toLowerCase?.() === 'icon'\n\n        // 前缀是图片 只处理一层节点下是图片的，否则就用户自定义样式\n        const addonIsImg =\n          React.isValidElement(addonContent) &&\n          addonContent?.type &&\n          typeof addonContent?.type === 'string' &&\n          addonContent?.type?.toLowerCase?.() === 'img'\n\n        return (\n          <AntdTag\n            className={classNames(\n              {\n                [`${prefixCls}-${color}`]: color && !!TagColors[color as keyof typeof TagColors],\n              },\n              'tnt-tag',\n              `${prefixCls}-${size || 'middle'}`,\n              {\n                [`${prefixCls}-no-border`]: !border,\n              },\n              {\n                [`${prefixCls}-only-child`]: !children || onlyIcon,\n              },\n              {\n                [`${prefixCls}-addon-img`]: !!addonIsImg,\n              },\n              className || ''\n            )}\n            {...restProps}\n            color={!TagColors[color as keyof typeof TagColors] ? color : ''}\n            ref={ref}\n          >\n            {!addonContent && !addonType && !ellipsisOptions && children}\n            {(!!addonContent || !!addonType || !!ellipsisOptions) && (\n              <span className={`${prefixCls}-addon-wrap`}>\n                {!!children && <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis>}\n                {!children && displayEllipsisOptions?.contentInfo}\n              </span>\n            )}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as TagComponent\n\nTag.CheckableTag = forwardRef<AntdCheckableTag, CheckableTagProps>(\n  (props: CheckableTagProps, ref) => {\n    // 默认没有border\n    const { onChange, disabled, border = false, className, ...rest } = props || {}\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('tag-checkable')\n          return (\n            <AntdTag.CheckableTag\n              {...(!disabled && { onChange })}\n              className={classNames('tnt-tag', {\n                [`${prefixCls}-disabled`]: disabled,\n                [`${prefixCls}-border`]: !!border,\n              })}\n              {...rest}\n              ref={ref}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n)\n"]}