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

package/lib/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/lib/tabs-container/index.d.ts

@@ -0,0 +1,4 @@
+declare function _default(WrappedComponent: any, options?: {}): (props: any) => React.JSX.Element;
+export default _default;
+import React from "react";
+//# sourceMappingURL=index.d.ts.map

package/lib/tabs-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAKe,kGASd"}

package/lib/tabs-container/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _default = exports["default"] = function _default(WrappedComponent) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var version = options.version,
+    _options$className = options.className,
+    className = _options$className === void 0 ? '' : _options$className;
+  var currentVersion = version || 'v3';
+  return function (props) {
+    return _react["default"].createElement("div", {
+      className: (0, _classnames["default"])('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)
+    }, _react["default"].createElement(WrappedComponent, Object.assign({}, props, options)));
+  };
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4DAA2B;AAE3B,wBAAqB;AAErB,kBAAe,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,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACpF,8BAAC,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/lib/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/lib/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/lib/tag/index.js

@@ -23,7 +23,7 @@ Object.keys(_tag2).forEach(function (key) {
  * @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/lib/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,mBAAgB;AAChB,sBAAmB;AACnB,+BAA2B;AAE3B,wCAAqB;AAErB,kBAAe,SAAG,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,mBAAgB;AAChB,sBAAmB;AACnB,+BAA2B;AAE3B,wCAAqB;AAErB,kBAAe,SAAG,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/lib/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/lib/title/index.d.ts

@@ -3,6 +3,7 @@ import './index.less';
 export interface TitleProps extends ComponentProps<'div'> {
     title?: string;
     subTitle?: string;
+    className?: string;
     size?: 'default' | 'small' | 'middle' | 'large';
     extra?: React.ReactNode;
     number?: number;

package/lib/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,cAAc,EAAE,MAAM,OAAO,CAAA;AAGjD,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;gCAEsB,UAAU;AAAjC,wBAwBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,cAAc,EAAE,MAAM,OAAO,CAAA;AAGjD,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;gCAEsB,UAAU;AAAjC,wBA+BC"}

package/lib/title/index.js

@@ -27,9 +27,10 @@ var _default = exports["default"] = function _default(props) {
     extra = _a.extra,
     number = _a.number,
     simple = _a.simple,
-    rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple"]);
+    className = _a.className,
+    rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple", "className"]);
   return _react["default"].createElement("div", Object.assign({
-    className: (0, _classnames["default"])('tntd-title', size, {
+    className: (0, _classnames["default"])('tntd-title', className, size, {
       'has-number': number
     }, {
       'is-simple': simple

package/lib/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAiD;AACjD,4DAA2B;AAC3B,oCAAuC;AACvC,wBAAqB;AAWrB,kBAAe,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,qDACE,SAAS,EAAE,IAAA,oBAAE,EAAC,YAAY,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,IAChF,IAAI;QAER,uCAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,qCAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,0CAAK,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAM;YAC9B,4CAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,uCAAK,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,kDAAiD;AACjD,4DAA2B;AAC3B,oCAAuC;AACvC,wBAAqB;AAYrB,kBAAe,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,qDACE,SAAS,EAAE,IAAA,oBAAE,EACX,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,EAAE,YAAY,EAAE,MAAM,EAAE,EACxB,EAAE,WAAW,EAAE,MAAM,EAAE,CACxB,IACG,IAAI;QAER,uCAAK,SAAS,EAAC,iBAAiB;YAC7B,MAAM,IAAI,qCAAG,SAAS,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACzE,0CAAK,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAM;YAC9B,4CAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,uCAAK,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/lib/tntd-action/Action.d.ts

@@ -1,6 +1,6 @@
 export default function WarpAction({ getContainer, ...other }: {
     [x: string]: any;
-    getContainer?: (() => HTMLElement) | undefined;
+    getContainer?: (() => Element) | undefined;
 }): React.JSX.Element;
 import React from "react";
 //# sourceMappingURL=Action.d.ts.map

package/lib/tntd-action/Action.js

@@ -29,7 +29,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 var defaultGetContainer = function defaultGetContainer() {
-  return document.body;
+  return document.querySelector('.tnt-current-v3') || document.body;
 };
 function WarpAction(_a) {
   var _a$getContainer = _a.getContainer,
@@ -42,41 +42,92 @@ function WarpAction(_a) {
     return _react["default"].createElement(_LocaleReceiver["default"], {
       componentName: "TntdAction"
     }, function (locale) {
-      return _react["default"].createElement(Action, Object.assign({}, other, {
-        locale: locale,
-        getContainer: _getContainer
+      return _react["default"].createElement(Action, Object.assign({
+        getPopupContainer: _getContainer
+      }, other, {
+        locale: locale
       }));
     });
   });
 }
 function Action(_ref2) {
   var title = _ref2.title,
+    hidden = _ref2.hidden,
     data = _ref2.data,
+    afterClose = _ref2.afterClose,
     locale = _ref2.locale,
     className = _ref2.className,
-    getContainer = _ref2.getContainer;
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 700 : _ref2$width,
+    getPopupContainer = _ref2.getPopupContainer;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)({
+      left: 400,
+      bottom: 100,
+      width: width
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    offset = _useState4[0],
+    setOffset = _useState4[1];
   var ref = (0, _react.useRef)();
+  var refDom = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    ref.current = getContainer();
-  }, [getContainer]);
+    ref.current = getPopupContainer();
+  }, [getPopupContainer]);
   (0, _react.useEffect)(function () {
-    setVisible(data.length > 0);
-  }, [data]);
-  if (ref.current && visible) {
+    var visible = data.length > 0;
+    if (visible && ref.current) {
+      var _offset = ref.current.getBoundingClientRect();
+      setOffset({
+        left: _offset.left + (_offset.width - width) / 2,
+        bottom: 100,
+        width: width
+      });
+    }
+    setVisible(visible);
+  }, [data, width]);
+  var onMouseDown = function onMouseDown(e) {
+    var startX = e.clientX - offset.left;
+    var startY = e.clientY + offset.bottom;
+    var onmousemove = function onmousemove(e) {
+      refDom.current.style.left = e.clientX - startX + 'px';
+      refDom.current.style.bottom = startY - e.clientY + 'px';
+    };
+    var onmouseup = function onmouseup(e) {
+      setOffset(function (offset) {
+        return 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["default"].createPortal(_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('tnt-action', className)
+      className: (0, _classnames["default"])('tnt-action', className),
+      style: offset,
+      onMouseDown: onMouseDown,
+      ref: refDom
     }, _react["default"].createElement("div", {
-      className: "fr"
+      className: "fr",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      }
     }, data), _react["default"].createElement(_button.Button, {
       shape: "circle",
       icon: "close",
       type: "tertiary",
-      onClick: function onClick() {
-        return setVisible(false);
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        setVisible(false);
+        afterClose && afterClose();
       }
     }), _react["default"].createElement("span", {
       className: "tnt-action-text"

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

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0DAAgC;AAChC,6DAAwD;AACxD,4FAAmE;AACnE,4DAAmC;AACnC,sCAAkC;AAElC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAA;AAE/C,SAAwB,UAAU,CAAC,EAAgD;QAAhD,EAAE,YAAY,GAAG,mBAAmB,OAAY,EAAP,KAAK,cAA9C,gBAAgD,CAAF;IAC/E,OAAO,CACL,8BAAC,gCAAc,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,8BAAC,wBAAc,IAAC,aAAa,EAAC,YAAY,IACvC,CAAC,MAAM,EAAE,EAAE;YACV,OAAO,8BAAC,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;AAhBD,6BAgBC;AAED,SAAS,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,GAAG,GAAG,IAAA,cAAM,GAAE,CAAA;IAEpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,CAAA;IAC9B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC,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,mBAAQ,CAAC,YAAY,CAC1B,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE,SAAS,CAAC;YACjD,uCAAK,SAAS,EAAC,IAAI,IAAE,IAAI,CAAO;YAChC,8BAAC,eAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAAI;YACxF,wCAAM,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/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/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/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/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/lib/tntd-action/index.js

@@ -25,18 +25,19 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-var checkShowChild = function checkShowChild(child, checkDeep) {
+var checkShowChild = function checkShowChild(child) {
   var _ref = child.props || {},
     disabled = _ref.disabled,
     children = _ref.children,
+    check = _ref.check,
     text = _ref.text;
-  if (checkDeep === 0 && !disabled) {
+  if (check && !disabled) {
     return _react["default"].cloneElement(child, text ? {
       children: _react["default"].createElement(_react["default"].Fragment, null, children, text)
     } : {});
   } else if (children) {
     var newChild = _react["default"].Children.map(children, function (child) {
-      return checkShowChild(child, checkDeep - 1);
+      return checkShowChild(child);
     }).filter(function (i) {
       return !!i;
     });
@@ -56,16 +57,13 @@ function _default(_a) {
       var popChild = [];
       _react["default"].Children.forEach(children, function (child) {
         if (child && child.props) {
-          var _child$props = child.props,
-            _child$props$checkDee = _child$props.checkDeep,
-            checkDeep = _child$props$checkDee === void 0 ? 0 : _child$props$checkDee,
-            exclude = _child$props.exclude;
+          var exclude = child.props.exclude;
           if (exclude) {
             thisChild.push(_react["default"].cloneElement(child, {
               exclude: undefined
             }));
           } else {
-            var showChild = checkShowChild(child, checkDeep);
+            var showChild = checkShowChild(child);
             if (showChild) {
               popChild.push(showChild);
             }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-action/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,sDAA6B;AAC7B,wBAAqB;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,eAAK,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,eAAK,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,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;SACzD;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,mBAAyB,EAAsB;QAAtB,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,MAAM,SAAS,GAAG,EAAE,CAAA;QACpB,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,eAAK,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,eAAK,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,8BAAC,gBAAM,kBAAC,IAAI,EAAE,QAAQ,IAAM,KAAK,EAAI,CACpC,CACJ,CAAA;AACH,CAAC;AA3BD,4BA2BC","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,+CAAsC;AACtC,sDAA6B;AAC7B,wBAAqB;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,eAAK,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,eAAK,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,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;SACzD;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,mBAAyB,EAAsB;QAAtB,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,MAAM,SAAS,GAAG,EAAE,CAAA;QACpB,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,eAAK,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,eAAK,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,8BAAC,gBAAM,kBAAC,IAAI,EAAE,QAAQ,IAAM,KAAK,EAAI,CACpC,CACJ,CAAA;AACH,CAAC;AA3BD,4BA2BC","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"]}