tntd 3.0.0-beta.8 → 3.0.1

package/es/tabs/tabs.less

@@ -7,74 +7,68 @@
   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.1));
-    box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
-    border: none;
-    margin: 0px 30px 0px 0px;
-    padding: 0px 12px 0 48px;
-    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;
-  }
-
-  .@{tab-prefix-cls}-bar.@{tab-prefix-cls}-top-bar.@{tab-prefix-cls}-card-bar {
+  > .@{tab-prefix-cls}-top-bar {
     border-bottom: none;
     margin-bottom: 0;
-  }
+    .@{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.1));
+      box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
+      border: none;
+      margin: 0px 30px 0px 0px;
+      padding: 0px 12px 0 48px;
+      // background: @fill-color-quaternary;
+      text-align: right;
+      // color: @text-color-secondary;
 
-  // 鼠标选中时，active状态在上层
-  .@{tab-prefix-cls}-tab-active {
-    z-index: 3;
-    background: @tabs-active-background;
+      &::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;
+    }
+    // 鼠标选中时，active状态在上层
+    .@{tab-prefix-cls}-tab-active {
+      z-index: 9999999 !important;
+      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;
+  & > .@{tab-prefix-cls}-content {
+    & > .@{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;
   }
@@ -86,10 +80,6 @@
     line-height: 37px;
     padding: 2px 12px 0;
   }
-
-  .@{tab-prefix-cls}-tab:hover {
-    border-color: @border-color-secondary;
-  }
 }
 
 .tnt-tabs.@{tab-prefix-cls} {

package/es/tabs-container/index.js

@@ -6,7 +6,7 @@ export default ((WrappedComponent, options = {}) => {
     version,
     className = ''
   } = options;
-  const currentVersion = version || localStorage.getItem('app_version') || 'v2';
+  const currentVersion = version || 'v3';
   return props => React.createElement("div", {
     className: cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)
   }, React.createElement(WrappedComponent, Object.assign({}, props, options)));

package/es/tabs-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAC;AAEtB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;IAE9E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QAClF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || localStorage.getItem('app_version') || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAA;AAErB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEzC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACpF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v3';\n\n  return (props) => (\n    <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}

package/es/tag/color.less

@@ -1,43 +1,53 @@
-@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;
+@preset-colors-custom: grey,  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-5:  #8b919e;
 @grey-4: @border-color-base;
 @grey-1: @tag-default-bg;
 
-@rose-7:#D8395E; 
+@rose-7:#D8395E;
+@rose-5:  #EE3E67;
 @rose-4:  #FEA3B4;
-@rose-1:  #FFF1F3; 
+@rose-1:  #FFF1F3;
 
-@lightblue-7: #1AA9E6; 
+@lightblue-7: #1AA9E6;
+@lightblue-5:  #36BFFA;
 @lightblue-4: #8FE0FF;
-@lightblue-1: #F0F9FF; 
+@lightblue-1: #F0F9FF;
 
-@bluegrey-7: #486FBB; 
+@bluegrey-7: #486FBB;
+@bluegrey-5: #628FE4;
 @bluegrey-4: #A1BCEF;
-@bluegrey-1: #F4F8FF; 
+@bluegrey-1: #F4F8FF;
 
-@purplegrey-7: #4E5BA6; 
+@purplegrey-7: #4E5BA6;
+@purplegrey-5: #717BBC;
 @purplegrey-4: #AFB5D9;
-@purplegrey-1: #F8F9FC; 
+@purplegrey-1: #F8F9FC;
 
-@tnt-purple-7: #6E54D4; 
+@tnt-purple-7: #6E54D4;
+@tnt-purple-5:  #7A5AF8;
 @tnt-purple-4:  #BDB4FE;
-@tnt-purple-1:  #F4F3FF; 
+@tnt-purple-1:  #F4F3FF;
 
-@lightpurple-7: #5161D7; 
+@lightpurple-7: #5161D7;
+@lightpurple-5: #6172F3;
 @lightpurple-4:  #A4BCFD;
-@lightpurple-1:  #EEF4FF; 
+@lightpurple-1:  #EEF4FF;
 
-@lightgreen-7: #2E9C98; 
+@lightgreen-7: #2E9C98;
+@lightgreen-5:  #3AB4AF;
 @lightgreen-4:  #8CE0DD;
-@lightgreen-1:  #F1FBFB; 
+@lightgreen-1:  #F1FBFB;
 
-@tnt-pink-7: #D03E93; 
+@tnt-pink-7: #D03E93;
+@tnt-pink-5: #E844B7;
 @tnt-pink-4:  #FAA7E0;
 @tnt-pink-1:  #FDF2FA;
 
-@tnt-orange-7:#DF5F28; 
+@tnt-orange-7:#DF5F28;
+@tnt-orange-5:#F47345;
 @tnt-orange-4:  #FEB173;
-@tnt-orange-1:  #FFF6ED; 
+@tnt-orange-1:  #FFF6ED;
 

package/es/tag/index.js

@@ -2,7 +2,7 @@
  * @Author: 周泽飞 zefei.zhou@tongdun.net
  * @Date: 2024-02-29 14:21:28
  * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
- * @LastEditTime: 2024-03-05 14:05:27
+ * @LastEditTime: 2024-05-24 23:01:30
  * @FilePath: /tntd/packages/tntd/src/tag/index.ts
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */

package/es/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,SAAS,CAAA;AAChB,OAAO,YAAY,CAAA;AACnB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,cAAc,OAAO,CAAA;AAErB,eAAe,GAAG,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-02-29 14:21:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-05 14:05:27\n * @FilePath: /tntd/packages/tntd/src/tag/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport './style'\nimport './tag.less'\nimport { Tag } from './tag'\n\nexport * from './tag'\n\nexport default Tag\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,SAAS,CAAA;AAChB,OAAO,YAAY,CAAA;AACnB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,cAAc,OAAO,CAAA;AAErB,eAAe,GAAG,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-02-29 14:21:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-05-24 23:01:30\n * @FilePath: /tntd/packages/tntd/src/tag/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport './style'\nimport './tag.less'\nimport { Tag } from './tag'\n\nexport * from './tag'\n\nexport default Tag\n"]}

package/es/tag/tag.less

@@ -22,6 +22,7 @@
 
     .@{iconfont-css-prefix}-close {
         .iconfont-size-under-12px(12px);
+        font-size: @font-size-sm !important;
         vertical-align: middle;
         line-height: 1;
     }
@@ -112,6 +113,29 @@
         }
     }
 
+    &.@{tag-prefix-cls}-blue {
+        color: @blue-6;
+        background: @blue-1;
+        border-color: @blue-3;
+        >.@{iconfont-css-prefix}-close {
+            color: @blue-5;
+        }
+        &.@{tag-prefix-cls}-no-border{
+            border-color:transparent;
+        }
+    }
+    &.@{tag-prefix-cls}-blue-inverse {
+        color: @text-color-inverse;
+        background: @blue-6;
+        border-color: @blue-6;
+        >.@{iconfont-css-prefix}-close {
+            color: @text-color-inverse;
+        }
+        &.@{tag-prefix-cls}-no-border{
+            border-color:transparent;
+        }
+    }
+
     // mixin to iterate over colors and create CSS class for each one
     .make-color-classes(@i: length(@preset-colors-custom)) when (@i > 0) {
         .make-color-classes(@i - 1);
@@ -119,13 +143,13 @@
         @lightColor: '@{color}-1';
         @lightBorderColor: '@{color}-4';
         @darkColor: '@{color}-7';
+        @closeColor:'@{color}-5';
         &.@{tag-prefix-cls}-@{color} {
             color: @@darkColor;
             background: @@lightColor;
             border-color: @@lightBorderColor;
             >.@{iconfont-css-prefix}-close {
-                color: @@darkColor;//fade(@@darkColor,80%);
-                opacity: .8;
+                color: @@closeColor;
             }
             &.@{tag-prefix-cls}-no-border{
                 border-color:transparent;
@@ -135,7 +159,9 @@
             color: @text-color-inverse;
             background: @@darkColor;
             border-color: @@darkColor;
-
+            >.@{iconfont-css-prefix}-close {
+                color: @text-color-inverse;
+            }
             &.@{tag-prefix-cls}-no-border{
                 border-color:transparent;
             }
@@ -154,11 +180,21 @@
         cursor: pointer;
         &-border{
             border-color: @border-color-base;
+            // 非disabled
+            &:not(.@{tag-prefix-cls}-checkable-disabled):hover {
+                border-color: @primary-3;
+            }
+        }
+
+        &:not(.@{tag-prefix-cls}-checkable-disabled):hover {
+            color: @primary-6;
+            background-color: @primary-1;
+            transition: all 0.3s @ease-in-out-circ;
         }
 
         &:active,
         &-checked {
-            color: @primary-7;
+            color: @primary-6;
             background-color: @primary-1;
             &.@{tag-prefix-cls}-checkable-border{
                 border-color: @primary-3;
@@ -167,7 +203,7 @@
 
         &-checked {
             &.@{tag-prefix-cls}-checkable-disabled:hover {
-                color:  @primary-color;
+                color:  @primary-6;
             }
         }
 

package/es/title/index.js

@@ -18,11 +18,12 @@ export default (props => {
       size = 'default',
       extra,
       number,
-      simple
+      simple,
+      className
     } = _a,
-    rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple"]);
+    rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple", "className"]);
   return React.createElement("div", Object.assign({
-    className: cn('tntd-title', size, {
+    className: cn('tntd-title', className, size, {
       'has-number': number
     }, {
       'is-simple': simple

package/es/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,cAAc,CAAA;AAWrB,eAAe,CAAC,KAAiB,EAAE,EAAE;IACnC,MAAM,KAQF,KAAK,IAAI,EAAE,EART,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,OAEO,EADV,IAAI,cAPH,0DAQL,CAAc,CAAA;IAEf,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,IAChF,IAAI;QAER,6BAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,2BAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,gCAAK,YAAY,CAAC,KAAK,CAAC,CAAM;YAC9B,kCAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAO,CACrD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FC, ComponentProps } from 'react'\nimport cn from 'classnames'\nimport { doUpperTitle } from '../utils'\nimport './index.less'\n\nexport interface TitleProps extends ComponentProps<'div'> {\n  title?: string\n  subTitle?: string\n  size?: 'default' | 'small' | 'middle' | 'large'\n  extra?: React.ReactNode\n  number?: number\n  simple?: boolean\n}\n\nexport default (props: TitleProps) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn('tntd-title', size, { 'has-number': number }, { 'is-simple': simple })}\n      {...rest}\n    >\n      <div className=\"tntd-title-text\">\n        {number && <i className=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{doUpperTitle(title)}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tntd-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,cAAc,CAAA;AAYrB,eAAe,CAAC,KAAiB,EAAE,EAAE;IACnC,MAAM,KASF,KAAK,IAAI,EAAE,EATT,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,OAEI,EADV,IAAI,cARH,uEASL,CAAc,CAAA;IAEf,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,EAAE,YAAY,EAAE,MAAM,EAAE,EACxB,EAAE,WAAW,EAAE,MAAM,EAAE,CACxB,IACG,IAAI;QAER,6BAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,2BAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,gCAAK,YAAY,CAAC,KAAK,CAAC,CAAM;YAC9B,kCAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAO,CACrD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { FC, ComponentProps } from 'react'\nimport cn from 'classnames'\nimport { doUpperTitle } from '../utils'\nimport './index.less'\n\nexport interface TitleProps extends ComponentProps<'div'> {\n  title?: string\n  subTitle?: string\n  className?: string\n  size?: 'default' | 'small' | 'middle' | 'large'\n  extra?: React.ReactNode\n  number?: number\n  simple?: boolean\n}\n\nexport default (props: TitleProps) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    className,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn(\n        'tntd-title',\n        className,\n        size,\n        { 'has-number': number },\n        { 'is-simple': simple }\n      )}\n      {...rest}\n    >\n      <div className=\"tntd-title-text\">\n        {number && <i className=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{doUpperTitle(title)}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tntd-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}

package/es/tntd-action/Action.js

@@ -12,7 +12,7 @@ import { ConfigConsumer } from 'antd/es/config-provider';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import classNames from 'classnames';
 import { Button } from '../button';
-const defaultGetContainer = () => document.body;
+const defaultGetContainer = () => document.querySelector('.tnt-current-v3') || document.body;
 export default function WarpAction(_a) {
   var {
       getContainer = defaultGetContainer
@@ -26,9 +26,10 @@ export default function WarpAction(_a) {
     return React.createElement(LocaleReceiver, {
       componentName: "TntdAction"
     }, locale => {
-      return React.createElement(Action, Object.assign({}, other, {
-        locale: locale,
-        getContainer: _getContainer
+      return React.createElement(Action, Object.assign({
+        getPopupContainer: _getContainer
+      }, other, {
+        locale: locale
       }));
     });
   });
@@ -37,28 +38,73 @@ function Action({
   title,
   hidden,
   data,
+  afterClose,
   locale,
   className,
-  getContainer
+  width = 700,
+  getPopupContainer
 }) {
   const [visible, setVisible] = useState(false);
+  const [offset, setOffset] = useState({
+    left: 400,
+    bottom: 100,
+    width
+  });
   const ref = useRef();
+  const refDom = useRef();
   useEffect(() => {
-    ref.current = getContainer();
-  }, [getContainer]);
+    ref.current = getPopupContainer();
+  }, [getPopupContainer]);
   useEffect(() => {
-    setVisible(data.length > 0);
-  }, [data]);
+    const visible = data.length > 0;
+    if (visible && ref.current) {
+      const offset = ref.current.getBoundingClientRect();
+      setOffset({
+        left: offset.left + (offset.width - width) / 2,
+        bottom: 100,
+        width
+      });
+    }
+    setVisible(visible);
+  }, [data, width]);
+  const onMouseDown = e => {
+    const startX = e.clientX - offset.left;
+    const startY = e.clientY + offset.bottom;
+    const onmousemove = e => {
+      refDom.current.style.left = e.clientX - startX + 'px';
+      refDom.current.style.bottom = startY - e.clientY + 'px';
+    };
+    const onmouseup = e => {
+      setOffset(offset => Object.assign(Object.assign({}, offset), {
+        left: e.clientX - startX,
+        bottom: startY - e.clientY
+      }));
+      document.removeEventListener('mousemove', onmousemove);
+      document.removeEventListener('mouseup', onmouseup);
+    };
+    document.addEventListener('mousemove', onmousemove);
+    document.addEventListener('mouseup', onmouseup);
+  };
   if (ref.current && visible && !hidden) {
     return ReactDOM.createPortal(React.createElement("div", {
-      className: classNames('tnt-action', className)
+      className: classNames('tnt-action', className),
+      style: offset,
+      onMouseDown: onMouseDown,
+      ref: refDom
     }, React.createElement("div", {
-      className: "fr"
+      className: "fr",
+      onClick: e => {
+        e.stopPropagation();
+      }
     }, data), React.createElement(Button, {
       shape: "circle",
       icon: "close",
       type: "tertiary",
-      onClick: () => setVisible(false)
+      onClick: e => {
+        e.stopPropagation();
+        setVisible(false);
+        afterClose && afterClose();
+      }
     }), React.createElement("span", {
       className: "tnt-action-text"
     }, title)), ref.current);

package/es/tntd-action/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAA;AAE/C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAgD;QAAhD,EAAE,YAAY,GAAG,mBAAmB,OAAY,EAAP,KAAK,cAA9C,gBAAgD,CAAF;IAC/E,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,EAAE,EAAE;QACjE,MAAM,aAAa,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,YAAY,CAAA;QAE1F,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,YAAY,IACvC,CAAC,MAAM,EAAE,EAAE;YACV,OAAO,oBAAC,MAAM,oBAAK,KAAK,IAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,IAAI,CAAA;QAC3E,CAAC,CACc,CAClB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,CAAA;IAC9B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAI,GAAG,CAAC,OAAO,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE;QACrC,OAAO,QAAQ,CAAC,YAAY,CAC1B,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC;YACjD,6BAAK,SAAS,EAAC,IAAI,IAAE,IAAI,CAAO;YAChC,oBAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAAI;YACxF,8BAAM,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAQ,CAC5C,EACN,GAAG,CAAC,OAAO,CACZ,CAAA;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport { Button } from '../button'\n\nconst defaultGetContainer = () => document.body\n\nexport default function WarpAction({ getContainer = defaultGetContainer, ...other }) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n        const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer\n\n        return (\n          <LocaleReceiver componentName=\"TntdAction\">\n            {(locale) => {\n              return <Action {...other} locale={locale} getContainer={_getContainer} />\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nfunction Action({ title, hidden, data, locale, className, getContainer }) {\n  const [visible, setVisible] = useState(false)\n  const ref = useRef()\n\n  useEffect(() => {\n    ref.current = getContainer()\n  }, [getContainer])\n\n  useEffect(() => {\n    setVisible(data.length > 0)\n  }, [data])\n\n  if (ref.current && visible && !hidden) {\n    return ReactDOM.createPortal(\n      <div className={classNames('tnt-action', className)}>\n        <div className=\"fr\">{data}</div>\n        <Button shape=\"circle\" icon=\"close\" type=\"tertiary\" onClick={() => setVisible(false)} />\n        <span className=\"tnt-action-text\">{title}</span>\n      </div>,\n      ref.current\n    )\n  }\n  return null\n}\n"]}
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport { Button } from '../button'\n\nconst defaultGetContainer = () => document.querySelector('.tnt-current-v3') || document.body\n\nexport default function WarpAction({ getContainer = defaultGetContainer, ...other }) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n        const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer\n\n        return (\n          <LocaleReceiver componentName=\"TntdAction\">\n            {(locale) => {\n              return <Action getPopupContainer={_getContainer} {...other} locale={locale} />\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nfunction Action({\n  title,\n  hidden,\n  data,\n  afterClose,\n  locale,\n  className,\n  width = 700,\n  getPopupContainer,\n}) {\n  const [visible, setVisible] = useState(false)\n  const [offset, setOffset] = useState({ left: 400, bottom: 100, width })\n  const ref = useRef()\n  const refDom = useRef()\n\n  useEffect(() => {\n    ref.current = getPopupContainer()\n  }, [getPopupContainer])\n\n  useEffect(() => {\n    const visible = data.length > 0\n    if (visible && ref.current) {\n      const offset = ref.current.getBoundingClientRect()\n      setOffset({ left: offset.left + (offset.width - width) / 2, bottom: 100, width })\n    }\n    setVisible(visible)\n  }, [data, width])\n\n  const onMouseDown = (e) => {\n    const startX = e.clientX - offset.left\n    const startY = e.clientY + offset.bottom\n    const onmousemove = (e) => {\n      refDom.current.style.left = e.clientX - startX + 'px'\n      refDom.current.style.bottom = startY - e.clientY + 'px'\n    }\n    const onmouseup = (e) => {\n      setOffset((offset) => ({ ...offset, left: e.clientX - startX, bottom: startY - e.clientY }))\n      document.removeEventListener('mousemove', onmousemove)\n      document.removeEventListener('mouseup', onmouseup)\n    }\n    document.addEventListener('mousemove', onmousemove)\n    document.addEventListener('mouseup', onmouseup)\n  }\n\n  if (ref.current && visible && !hidden) {\n    return ReactDOM.createPortal(\n      <div\n        className={classNames('tnt-action', className)}\n        style={offset}\n        onMouseDown={onMouseDown}\n        ref={refDom}\n      >\n        <div\n          className=\"fr\"\n          onClick={(e) => {\n            e.stopPropagation()\n          }}\n        >\n          {data}\n        </div>\n        <Button\n          shape=\"circle\"\n          icon=\"close\"\n          type=\"tertiary\"\n          onClick={(e) => {\n            e.stopPropagation()\n            setVisible(false)\n            afterClose && afterClose()\n          }}\n        />\n        <span className=\"tnt-action-text\">{title}</span>\n      </div>,\n      ref.current\n    )\n  }\n  return null\n}\n"]}

package/es/tntd-action/index.less

@@ -1,16 +1,18 @@
 .tnt-action {
   position: fixed;
-  bottom: 100px;
-  width: @tnt-action-width;
-  left: calc(50vw - @tnt-action-width / 2);
+  // bottom: 100px;
+  // width: @tnt-action-width;
+  // left: calc(50vw - @tnt-action-width / 2);
   padding: 10px 16px;
   background-color: @text-color;
   border-radius: @border-radius-base;
   z-index: 200;
+  cursor: grab;
   &-text {
     color: @white;
     margin-left: 20px;
     font-size: 14px;
+    user-select: none;
     .num {
       display: inline-block;
       width: 16px;

package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js

@@ -3,11 +3,12 @@
  * @Author: 郑泳健
  * @Date: 2022-12-19 16:45:16
  * @LastEditors: 郑泳健
- * @LastEditTime: 2023-02-07 11:47:03
+ * @LastEditTime: 2024-07-22 16:43:38
  */
 import * as React from 'react';
 import { ConfigConsumer } from './context';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import Empty from '../../../empty';
 const defaultRenderEmpty = conponentName => React.createElement(ConfigConsumer, null, ({
   getPrefixCls
 }) => {
@@ -17,16 +18,9 @@ const defaultRenderEmpty = conponentName => React.createElement(ConfigConsumer,
   }, locale => {
     return React.createElement("div", {
       className: `tntd-cascader-no-data-wrapper ${prefix}`
-    }, React.createElement("img", {
-      style: {
-        width: 80,
-        height: 50,
-        marginTop: 35
-      },
-      src: require('../../img/no-data-s.png').default
-    }), React.createElement("div", {
-      className: "tntd-cascader-no-data-content"
-    }, locale.noData));
+    }, React.createElement(Empty, {
+      size: "mini"
+    }));
   });
 });
 export default defaultRenderEmpty;

package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultRenderEmpty.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/AntdCascader/component/defaultRenderEmpty.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,cAAc,MAAM,wCAAwC,CAAA;AAEnE,MAAM,kBAAkB,GAAG,CAAC,aAAqB,EAAE,EAAE,CAAC,CACpD,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,cAAc,IACzC,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,6BAAK,SAAS,EAAE,iCAAiC,MAAM,EAAE;YACvD,6BACE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAC/C,GAAG,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC,OAAO,GAC/C;YACF,6BAAK,SAAS,EAAC,+BAA+B,IAC1C,MAAmC,CAAC,MAAM,CACxC,CACF,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACc,CAClB,CAAA;AAID,eAAe,kBAAkB,CAAA","sourcesContent":["/*\n * @Descripttion: 空状态\n * @Author: 郑泳健\n * @Date: 2022-12-19 16:45:16\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-02-07 11:47:03\n */\nimport * as React from 'react'\nimport { ConfigConsumer } from './context'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\n\nconst defaultRenderEmpty = (conponentName: string) => (\n  <ConfigConsumer>\n    {({ getPrefixCls }) => {\n      const prefix = getPrefixCls('empty')\n\n      return (\n        <LocaleReceiver componentName=\"TntdCascader\">\n          {(locale) => {\n            return (\n              <div className={`tntd-cascader-no-data-wrapper ${prefix}`}>\n                <img\n                  style={{ width: 80, height: 50, marginTop: 35 }}\n                  src={require('../../img/no-data-s.png').default}\n                />\n                <div className=\"tntd-cascader-no-data-content\">\n                  {(locale as Record<'noData', object>).noData}\n                </div>\n              </div>\n            )\n          }}\n        </LocaleReceiver>\n      )\n    }}\n  </ConfigConsumer>\n)\n\nexport type RenderEmptyHandler = typeof defaultRenderEmpty\n\nexport default defaultRenderEmpty\n"]}
+{"version":3,"file":"defaultRenderEmpty.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/AntdCascader/component/defaultRenderEmpty.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAElC,MAAM,kBAAkB,GAAG,CAAC,aAAqB,EAAE,EAAE,CAAC,CACpD,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,cAAc,IACzC,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,6BAAK,SAAS,EAAE,iCAAiC,MAAM,EAAE;YACvD,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,GAAG,CACjB,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACc,CAClB,CAAA;AAID,eAAe,kBAAkB,CAAA","sourcesContent":["/*\n * @Descripttion: 空状态\n * @Author: 郑泳健\n * @Date: 2022-12-19 16:45:16\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-07-22 16:43:38\n */\nimport * as React from 'react'\nimport { ConfigConsumer } from './context'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport Empty from '../../../empty'\n\nconst defaultRenderEmpty = (conponentName: string) => (\n  <ConfigConsumer>\n    {({ getPrefixCls }) => {\n      const prefix = getPrefixCls('empty')\n\n      return (\n        <LocaleReceiver componentName=\"TntdCascader\">\n          {(locale) => {\n            return (\n              <div className={`tntd-cascader-no-data-wrapper ${prefix}`}>\n                <Empty size=\"mini\" />\n              </div>\n            )\n          }}\n        </LocaleReceiver>\n      )\n    }}\n  </ConfigConsumer>\n)\n\nexport type RenderEmptyHandler = typeof defaultRenderEmpty\n\nexport default defaultRenderEmpty\n"]}

package/es/tntd-cascader/AntdCascader/index.less

@@ -1289,7 +1289,7 @@
 .tntd-cascader-menu-item-active:not(.tntd-cascader-menu-item-disabled),
 .tntd-cascader-menu-item-active:not(.tntd-cascader-menu-item-disabled):hover {
   background-color: @bg-grey-second;
-  font-weight: 600
+  // font-weight: 600
 }
 
 .tntd-cascader-menu-item-content {
@@ -1886,6 +1886,18 @@
 .tntd-select:not(.tntd-select-customize-input) .tntd-select-selector input {
   cursor: pointer
 }
+// compact的样式 start
+.ant-input-group.ant-input-group-compact>.tntd-select>.tntd-select-selector{
+    border-radius: 0;
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+.ant-input-group.ant-input-group-compact>*:last-child,
+.ant-input-group.ant-input-group-compact>.tntd-select:last-child>.tntd-select-selector{
+    border-top-right-radius: @border-radius-base;
+    border-bottom-right-radius: @border-radius-base;
+}
+// compact的样式 end
 
 .tntd-select-show-search.tntd-select:not(.tntd-select-customize-input) .tntd-select-selector {
   cursor: text
@@ -2323,7 +2335,7 @@
 .tntd-cascader-no-data-content{
     font-family: PingFangSC-Regular;
     font-size: 14px;
-    color: @border-color-secondary;
+    color: rgba(0, 0, 0, 0.25);
     margin-top: 6
 }
 

package/es/tntd-cascader/rc-cascader/OptionList/Column.js

@@ -24,7 +24,8 @@ export default function Column({
   searchValue,
   level,
   dropdownVisible,
-  optionHeight
+  optionHeight,
+  isEmpty
 }) {
   const ref = React.useRef(null);
   const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`;
@@ -96,7 +97,7 @@ export default function Column({
   }, React.createElement(List, {
     className: optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue ? 'rc-virtual-list-full' : '',
     data: optionInfoList,
-    height: 180,
+    height: isEmpty ? 'auto' : 180,
     itemHeight: optionHeight || 36,
     itemKey: "value",
     ref: ref