tntd 3.0.0-beta.2 → 3.0.0-beta.20

package/es/tabs/tabs.less

@@ -2,27 +2,28 @@
 @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 10px rgba(0, 0, 0, 0.10));
+    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;
+    padding: 0px 12px 0 48px;
     background: @fill-color-quaternary;
     text-align: right;
     color: @text-color-secondary;
-    
+
     &::after {
       content: '';
       position: absolute;
@@ -34,7 +35,6 @@
       background: inherit;
       clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
     }
-
   }
 
   .@{tab-prefix-cls}-nav {
@@ -46,22 +46,20 @@
     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{
+  .@{tab-prefix-cls}-tabpane {
     background: @white;
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
     padding: 20px 12px 12px;
@@ -73,25 +71,25 @@
 
 // // 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}-bar {
+    border-bottom: none !important;
+  }
 
-    .@{tab-prefix-cls}-nav-container {
-      margin-bottom: none;
-    }
+  .@{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 {
+    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;
-    }
+  .@{tab-prefix-cls}-tab:hover {
+    border-color: @border-color-secondary;
+  }
 }
 
 .tnt-tabs.@{tab-prefix-cls} {

package/es/tabs-container/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import cn from 'classnames';
+import './index.less';
+export default ((WrappedComponent, options = {}) => {
+  const {
+    version,
+    className = ''
+  } = options;
+  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

@@ -0,0 +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,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/tabs-container/index.less

@@ -0,0 +1,51 @@
+.tnt-tabs-v-container {
+    &.tnt-current-v2 {
+        .ant-tabs-bar.ant-tabs-top-bar {
+            margin-bottom: 0;
+            background: #fff;
+            border-bottom: none;
+            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
+            overflow: visible;
+            z-index: 2;
+            position: relative;
+            padding-left: 20px;
+        }
+        .ant-tabs-nav .ant-tabs-tab {
+            padding: 9px 15px 10px;
+            // margin-right: 0;
+        }
+        .ant-tabs-nav-wrap,
+        .ant-tabs-nav-container {
+            margin-bottom: 0;
+        }
+        .ant-tabs-ink-bar {
+            bottom: 0;
+        }
+        .tnt-querylistscene-content {
+            max-height: calc(100vh - 90px);
+            overflow: hidden auto;
+        }
+    }
+    &.tnt-current-v3 {
+        .ant-tabs {
+            overflow: initial;
+        }
+        .tnt-tabs.ant-tabs.ant-tabs-ladder-card.ant-tabs-top {
+            left: 0;
+            padding: 0;
+
+            .ant-tabs-nav {
+                margin-top: 8px;
+            }
+            .ant-tabs-tabpane {
+                padding: 0;
+            }
+        }
+        .tnt-querylistscene-content {
+            max-height: calc(100vh - 131px);
+            overflow: hidden auto;
+            background-color: transparent;
+            padding: 20px 16px 16px 16px;
+        }
+    }
+}

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,38 +26,85 @@ 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
       }));
     });
   });
 }
 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]);
-  if (ref.current && visible) {
+    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,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;IAC9D,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,EAAE;QAC1B,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, 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) {\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.js

@@ -9,19 +9,20 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { useMemo } from 'react';
 import Action from './Action';
 import './index.less';
-const checkShowChild = (child, checkDeep) => {
+const checkShowChild = child => {
   const {
     disabled,
     children,
+    check,
     text
   } = child.props || {};
-  if (checkDeep === 0 && !disabled) {
+  if (check && !disabled) {
     return React.cloneElement(child, text ? {
       children: React.createElement(React.Fragment, null, children, text)
     } : {});
   } else if (children) {
     const newChild = React.Children.map(children, child => {
-      return checkShowChild(child, checkDeep - 1);
+      return checkShowChild(child);
     }).filter(i => !!i);
     if (newChild.length > 0) {
       return React.cloneElement(child, {
@@ -42,7 +43,6 @@ export default function (_a) {
     React.Children.forEach(children, child => {
       if (child && child.props) {
         const {
-          checkDeep = 0,
           exclude
         } = child.props;
         if (exclude) {
@@ -50,7 +50,7 @@ export default function (_a) {
             exclude: undefined
           }));
         } else {
-          const showChild = checkShowChild(child, checkDeep);
+          const showChild = checkShowChild(child);
           if (showChild) {
             popChild.push(showChild);
           }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,cAAc,CAAA;AAErB,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;IACtD,IAAI,SAAS,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;QAChC,OAAO,KAAK,CAAC,YAAY,CACvB,KAAK,EACL,IAAI;YACF,CAAC,CAAC;gBACE,QAAQ,EAAE,CACR;oBACG,QAAQ;oBACR,IAAI,CACJ,CACJ;aACF;YACH,CAAC,CAAC,EAAE,CACP,CAAA;KACF;SAAM,IAAI,QAAQ,EAAE;QACnB,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtD,OAAO,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,CAAC,CAAC,CAAA;QAC7C,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACrB,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACvB,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;SACzD;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,OAAO,WAAW,EAAsB;QAAtB,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,MAAM,SAAS,GAAG,EAAE,CAAA;QACpB,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACzC,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE;gBACxB,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;gBAC9C,IAAI,OAAO,EAAE;oBACX,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA;iBAClE;qBAAM;oBACL,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;oBAClD,IAAI,SAAS,EAAE;wBACb,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;qBACzB;iBACF;aACF;QACH,CAAC,CAAC,CAAA;QACF,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL;QACG,SAAS;QAEV,oBAAC,MAAM,kBAAC,IAAI,EAAE,QAAQ,IAAM,KAAK,EAAI,CACpC,CACJ,CAAA;AACH,CAAC","sourcesContent":["import React, { useMemo } from 'react'\nimport Action from './Action'\nimport './index.less'\n\nconst checkShowChild = (child, checkDeep) => {\n  const { disabled, children, text } = child.props || {}\n  if (checkDeep === 0 && !disabled) {\n    return React.cloneElement(\n      child,\n      text\n        ? {\n            children: (\n              <>\n                {children}\n                {text}\n              </>\n            ),\n          }\n        : {}\n    )\n  } else if (children) {\n    const newChild = React.Children.map(children, (child) => {\n      return checkShowChild(child, checkDeep - 1)\n    }).filter((i) => !!i)\n    if (newChild.length > 0) {\n      return React.cloneElement(child, { children: newChild })\n    }\n  }\n  return false\n}\n\nexport default function ({ children, ...other }) {\n  const [thisChild, popChild] = useMemo(() => {\n    const thisChild = []\n    const popChild = []\n    React.Children.forEach(children, (child) => {\n      if (child && child.props) {\n        const { checkDeep = 0, exclude } = child.props\n        if (exclude) {\n          thisChild.push(React.cloneElement(child, { exclude: undefined }))\n        } else {\n          const showChild = checkShowChild(child, checkDeep)\n          if (showChild) {\n            popChild.push(showChild)\n          }\n        }\n      }\n    })\n    return [thisChild, popChild]\n  }, [children])\n\n  return (\n    <>\n      {thisChild}\n\n      <Action data={popChild} {...other} />\n    </>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,cAAc,CAAA;AAErB,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;IAC7D,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE;QACtB,OAAO,KAAK,CAAC,YAAY,CACvB,KAAK,EACL,IAAI;YACF,CAAC,CAAC;gBACE,QAAQ,EAAE,CACR;oBACG,QAAQ;oBACR,IAAI,CACJ,CACJ;aACF;YACH,CAAC,CAAC,EAAE,CACP,CAAA;KACF;SAAM,IAAI,QAAQ,EAAE;QACnB,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtD,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACrB,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACvB,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;SACzD;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,OAAO,WAAW,EAAsB;QAAtB,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,MAAM,SAAS,GAAG,EAAE,CAAA;QACpB,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACzC,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE;gBACxB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;gBAC/B,IAAI,OAAO,EAAE;oBACX,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA;iBAClE;qBAAM;oBACL,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;oBACvC,IAAI,SAAS,EAAE;wBACb,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;qBACzB;iBACF;aACF;QACH,CAAC,CAAC,CAAA;QACF,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL;QACG,SAAS;QAEV,oBAAC,MAAM,kBAAC,IAAI,EAAE,QAAQ,IAAM,KAAK,EAAI,CACpC,CACJ,CAAA;AACH,CAAC","sourcesContent":["import React, { useMemo } from 'react'\nimport Action from './Action'\nimport './index.less'\n\nconst checkShowChild = (child) => {\n  const { disabled, children, check, text } = child.props || {}\n  if (check && !disabled) {\n    return React.cloneElement(\n      child,\n      text\n        ? {\n            children: (\n              <>\n                {children}\n                {text}\n              </>\n            ),\n          }\n        : {}\n    )\n  } else if (children) {\n    const newChild = React.Children.map(children, (child) => {\n      return checkShowChild(child)\n    }).filter((i) => !!i)\n    if (newChild.length > 0) {\n      return React.cloneElement(child, { children: newChild })\n    }\n  }\n  return false\n}\n\nexport default function ({ children, ...other }) {\n  const [thisChild, popChild] = useMemo(() => {\n    const thisChild = []\n    const popChild = []\n    React.Children.forEach(children, (child) => {\n      if (child && child.props) {\n        const { exclude } = child.props\n        if (exclude) {\n          thisChild.push(React.cloneElement(child, { exclude: undefined }))\n        } else {\n          const showChild = checkShowChild(child)\n          if (showChild) {\n            popChild.push(showChild)\n          }\n        }\n      }\n    })\n    return [thisChild, popChild]\n  }, [children])\n\n  return (\n    <>\n      {thisChild}\n\n      <Action data={popChild} {...other} />\n    </>\n  )\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;