tntd 3.0.0-beta.14 → 3.0.0-beta.15

package/es/descriptions/descriptions.js

@@ -16,6 +16,7 @@ var __rest = this && this.__rest || function (s, e) {
  */
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
+import toArray from 'rc-util/es/Children/toArray';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdDescriptions } from 'antd/es/descriptions';
 import Ellipsis from '../ellipsis';
@@ -49,73 +50,19 @@ export const Descriptions = forwardRef((_a, ref) => {
     //   非垂直 且 同盾
     const tdDescriptions = layout !== 'vertical' && tdType;
     const tntPrefixCls = 'tnt-descriptions';
-    const decorateNoBorderChild = element => {
-      if (React.isValidElement(element)) {
-        const {
-          type,
-          props
-        } = element;
-        if (type && type === React.Fragment) {
-          return React.Children.map(props.children, child => {
-            return decorateNoBorderChild(child);
-          });
-        } else {
-          const {
-            label,
-            labelPrefix,
-            children: childContext
-          } = props || {};
-          return React.createElement("div", null, React.createElement(Ellipsis, {
-            lines: ellipsisLine,
-            className: "tnt-descriptions-item",
-            prefix: React.createElement("div", {
-              className: "tnt-descriptions-label-title"
-            }, React.createElement(Ellipsis, {
-              prefix: labelPrefix ? React.createElement("span", {
-                className: "tnt-descriptions-label-tag"
-              }, labelPrefix) : null,
-              lines: ellipsisLine,
-              title: label
-            })),
-            title: childContext
-          }));
-        }
+    const flattenChildren = children => {
+      if (!children) {
+        return [];
       }
-      return element;
-    };
-    const decorateBorderChild = element => {
-      if (React.isValidElement(element)) {
-        const {
-          type,
-          props
-        } = element;
-        if (type && type === React.Fragment) {
-          return React.Children.map(props.children, child => {
-            return decorateBorderChild(child);
-          });
-        } else {
-          const {
-            label,
-            labelPrefix,
-            children: childContext
-          } = props;
-          return React.cloneElement(element, Object.assign(Object.assign({}, props), {
-            label: React.createElement(Ellipsis, {
-              prefix: labelPrefix ? React.createElement("span", {
-                className: "tnt-descriptions-label-tag"
-              }, labelPrefix) : null,
-              lines: ellipsisLine,
-              title: label
-            }),
-            children: React.createElement(Ellipsis, {
-              lines: ellipsisLine,
-              title: childContext
-            })
-          }));
+      return toArray(children).reduce(function (flatChildren, child) {
+        if (child && child.type === React.Fragment) {
+          return flatChildren.concat(flattenChildren(child.props.children));
         }
-      }
-      return element;
+        flatChildren.push(child);
+        return flatChildren;
+      }, []);
     };
+    children = flattenChildren(children);
     return React.createElement(AntdDescriptions, Object.assign({
       className: classNames(`${prefixCls}-${getLanguage()}`, {
         [tntPrefixCls]: tdDescriptions
@@ -130,11 +77,48 @@ export const Descriptions = forwardRef((_a, ref) => {
       ref: ref
     }), tdDescriptions && !bordered && !hideTooltip && React.Children.map(children, child => {
       if (React.isValidElement(child)) {
-        return decorateNoBorderChild(child);
+        const childProps = child.props || {};
+        const {
+          label,
+          labelPrefix,
+          children: childContext
+        } = childProps;
+        return React.createElement("div", null, React.createElement(Ellipsis, {
+          lines: ellipsisLine,
+          className: "tnt-descriptions-item",
+          prefix: React.createElement("div", {
+            className: "tnt-descriptions-label-title"
+          }, React.createElement(Ellipsis, {
+            prefix: labelPrefix ? React.createElement("span", {
+              className: "tnt-descriptions-label-tag"
+            }, labelPrefix) : null,
+            lines: ellipsisLine,
+            title: label
+          })),
+          title: childContext
+        }));
       }
     }), tdDescriptions && bordered && ellipsis && !hideTooltip && React.Children.map(children, child => {
       if (React.isValidElement(child)) {
-        return decorateBorderChild(child);
+        const childProps = child.props || {};
+        const {
+          label,
+          labelPrefix,
+          children: childContext
+        } = childProps;
+        return React.cloneElement(child, Object.assign(Object.assign({}, child.props), {
+          label: React.createElement(Ellipsis, {
+            prefix: labelPrefix ? React.createElement("span", {
+              className: "tnt-descriptions-label-tag"
+            }, labelPrefix) : null,
+            lines: ellipsisLine,
+            title: label
+          }),
+          children: React.createElement(Ellipsis, {
+            lines: ellipsisLine,
+            title: childContext
+          })
+        }));
       }
     }), (!tdDescriptions || bordered && !ellipsis || hideTooltip) && children);
   });

package/es/descriptions/descriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-06-08 11:59:04\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-06-08 13:39:25\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/es/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/es/descriptions'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdDescriptions } from 'antd/es/descriptions'\n\nimport Ellipsis from '../ellipsis'\nimport { doUpperTitle } from '../utils'\nimport { getLanguage } from '../prev-locale'\n\nexport * from 'antd/es/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n  tdType?: boolean\n  ellipsis?: boolean\n  ellipsisLine?: number\n  hideTooltip?: boolean\n  undoUpper?: boolean\n  upperCaseIgnore?: Array<string>\n  titleType?: string\n  titleWeight?: boolean\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n  labelPrefix?: React.ReactNode\n}\n\ndeclare const DescriptionsItem: React.FC<DescriptionsItemProps>\ninterface DescriptionsComponent\n  extends React.ForwardRefExoticComponent<\n    DescriptionsProps & React.RefAttributes<AntdDescriptions>\n  > {\n  Item: typeof DescriptionsItem\n}\n\nexport const Descriptions = forwardRef<\n  AntdDescriptions,\n  DescriptionsProps & { capitalize?: boolean }\n>(\n  (\n    {\n      className,\n      tdType = true,\n      titleWeight,\n      titleType,\n      colon,\n      children,\n      undoUpper = false,\n      upperCaseIgnore = [],\n      title,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('descriptions')\n          const { layout, ellipsis, ellipsisLine = 1, hideTooltip = false, bordered } = rest || {}\n          //   非垂直 且 同盾\n          const tdDescriptions = layout !== 'vertical' && tdType\n\n          const tntPrefixCls = 'tnt-descriptions'\n\n          const decorateNoBorderChild = (element: React.ReactElement): React.ReactElement => {\n            if (React.isValidElement(element)) {\n              const { type, props } = element as React.ReactElement | any\n              if (type && type === React.Fragment) {\n                return React.Children.map(props.children, (child) => {\n                  return decorateNoBorderChild(child)\n                })\n              } else {\n                const { label, labelPrefix, children: childContext } = props || {}\n                return (\n                  <div>\n                    <Ellipsis\n                      lines={ellipsisLine}\n                      className=\"tnt-descriptions-item\"\n                      prefix={\n                        <div className=\"tnt-descriptions-label-title\">\n                          <Ellipsis\n                            prefix={\n                              labelPrefix ? (\n                                <span className=\"tnt-descriptions-label-tag\">{labelPrefix}</span>\n                              ) : null\n                            }\n                            lines={ellipsisLine}\n                            title={label}\n                          />\n                        </div>\n                      }\n                      title={childContext}\n                    />\n                  </div>\n                )\n              }\n            }\n            return element\n          }\n\n          const decorateBorderChild = (element: React.ReactElement): React.ReactElement => {\n            if (React.isValidElement(element)) {\n              const { type, props } = element as React.ReactElement | any\n              if (type && type === React.Fragment) {\n                return React.Children.map(props.children, (child) => {\n                  return decorateBorderChild(child)\n                })\n              } else {\n                const { label, labelPrefix, children: childContext } = props\n                return React.cloneElement(element, {\n                  ...props,\n                  label: (\n                    <Ellipsis\n                      prefix={\n                        labelPrefix ? (\n                          <span className=\"tnt-descriptions-label-tag\">{labelPrefix}</span>\n                        ) : null\n                      }\n                      lines={ellipsisLine}\n                      title={label}\n                    />\n                  ),\n                  children: <Ellipsis lines={ellipsisLine} title={childContext} />,\n                })\n              }\n            }\n            return element\n          }\n\n          return (\n            <AntdDescriptions\n              className={classNames(\n                `${prefixCls}-${getLanguage()}`,\n                {\n                  [tntPrefixCls]: tdDescriptions,\n                },\n                `${tntPrefixCls}-title-theme${titleType ? '-' + titleType : ''}`,\n                {\n                  [tntPrefixCls + '-title-weight']: titleWeight,\n                },\n                {\n                  [tntPrefixCls + '-ellipsis']: ellipsis,\n                },\n                className\n              )}\n              title={undoUpper ? title : doUpperTitle(title, upperCaseIgnore)} // 默认转大写\n              {...rest}\n              colon={tdDescriptions ? false : colon}\n              ref={ref}\n            >\n              {/*同盾描述框 非边框 开启默认tooltip */}\n              {tdDescriptions &&\n                !bordered &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    return decorateNoBorderChild(child)\n                  }\n                })}\n\n              {/*同盾描述框 有边框 不换行 开启默认tooltip */}\n              {tdDescriptions &&\n                bordered &&\n                ellipsis &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    return decorateBorderChild(child)\n                  }\n                })}\n\n              {/* 非同盾模式下 或者 带边框但换行 或者 不开启默认tooltip 走默认逻辑 */}\n              {(!tdDescriptions || (bordered && !ellipsis) || hideTooltip) && children}\n            </AntdDescriptions>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}
+{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-06-08 11:59:04\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-06-08 13:39:25\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/es/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/es/descriptions'\nimport classNames from 'classnames'\nimport toArray from 'rc-util/es/Children/toArray'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdDescriptions } from 'antd/es/descriptions'\n\nimport Ellipsis from '../ellipsis'\nimport { doUpperTitle } from '../utils'\nimport { getLanguage } from '../prev-locale'\n\nexport * from 'antd/es/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n  tdType?: boolean\n  ellipsis?: boolean\n  ellipsisLine?: number\n  hideTooltip?: boolean\n  undoUpper?: boolean\n  upperCaseIgnore?: Array<string>\n  titleType?: string\n  titleWeight?: boolean\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n  labelPrefix?: React.ReactNode\n}\n\ndeclare const DescriptionsItem: React.FC<DescriptionsItemProps>\ninterface DescriptionsComponent\n  extends React.ForwardRefExoticComponent<\n    DescriptionsProps & React.RefAttributes<AntdDescriptions>\n  > {\n  Item: typeof DescriptionsItem\n}\n\nexport const Descriptions = forwardRef<\n  AntdDescriptions,\n  DescriptionsProps & { capitalize?: boolean }\n>(\n  (\n    {\n      className,\n      tdType = true,\n      titleWeight,\n      titleType,\n      colon,\n      children,\n      undoUpper = false,\n      upperCaseIgnore = [],\n      title,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('descriptions')\n          const { layout, ellipsis, ellipsisLine = 1, hideTooltip = false, bordered } = rest || {}\n          //   非垂直 且 同盾\n          const tdDescriptions = layout !== 'vertical' && tdType\n\n          const tntPrefixCls = 'tnt-descriptions'\n\n          const flattenChildren = (children: React.ReactNode): React.ReactNode[] => {\n            if (!children) {\n              return []\n            }\n            return toArray(children).reduce(function (\n              flatChildren: React.ReactNode[],\n              child: React.ReactNode\n            ) {\n              if (child && (child as any).type === React.Fragment) {\n                return flatChildren.concat(flattenChildren((child as any).props.children))\n              }\n\n              flatChildren.push(child)\n              return flatChildren\n            },\n            [])\n          }\n\n          children = flattenChildren(children)\n\n          return (\n            <AntdDescriptions\n              className={classNames(\n                `${prefixCls}-${getLanguage()}`,\n                {\n                  [tntPrefixCls]: tdDescriptions,\n                },\n                `${tntPrefixCls}-title-theme${titleType ? '-' + titleType : ''}`,\n                {\n                  [tntPrefixCls + '-title-weight']: titleWeight,\n                },\n                {\n                  [tntPrefixCls + '-ellipsis']: ellipsis,\n                },\n                className\n              )}\n              title={undoUpper ? title : doUpperTitle(title, upperCaseIgnore)} // 默认转大写\n              {...rest}\n              colon={tdDescriptions ? false : colon}\n              ref={ref}\n            >\n              {/*同盾描述框 非边框 开启默认tooltip */}\n              {tdDescriptions &&\n                !bordered &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    const childProps = (child.props || {}) as any\n                    const { label, labelPrefix, children: childContext } = childProps\n                    return (\n                      <div>\n                        <Ellipsis\n                          lines={ellipsisLine}\n                          className=\"tnt-descriptions-item\"\n                          prefix={\n                            <div className=\"tnt-descriptions-label-title\">\n                              <Ellipsis\n                                prefix={\n                                  labelPrefix ? (\n                                    <span className=\"tnt-descriptions-label-tag\">\n                                      {labelPrefix}\n                                    </span>\n                                  ) : null\n                                }\n                                lines={ellipsisLine}\n                                title={label}\n                              />\n                            </div>\n                          }\n                          title={childContext}\n                        />\n                      </div>\n                    )\n                  }\n                })}\n\n              {/*同盾描述框 有边框 不换行 开启默认tooltip */}\n              {tdDescriptions &&\n                bordered &&\n                ellipsis &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    const childProps = (child.props || {}) as any\n                    const { label, labelPrefix, children: childContext } = childProps\n                    return React.cloneElement(child, {\n                      ...child.props,\n                      label: (\n                        <Ellipsis\n                          prefix={\n                            labelPrefix ? (\n                              <span className=\"tnt-descriptions-label-tag\">{labelPrefix}</span>\n                            ) : null\n                          }\n                          lines={ellipsisLine}\n                          title={label}\n                        />\n                      ),\n                      children: <Ellipsis lines={ellipsisLine} title={childContext} />,\n                    })\n                  }\n                })}\n              {/* 非同盾模式下 或者 带边框但换行 或者 不开启默认tooltip 走默认逻辑 */}\n              {(!tdDescriptions || (bordered && !ellipsis) || hideTooltip) && children}\n            </AntdDescriptions>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}

package/es/drawer/index.less

@@ -20,7 +20,7 @@
 
     .@{drawer-prefix-cls}-wrapper-body {
         margin-top: 48px;
-        max-height: ~'calc(100vh - 50px)';
+        max-height: ~'calc(100vh - 48px)';
     }
 
     &-footer {
@@ -34,7 +34,7 @@
         }
 
         .@{drawer-prefix-cls}-wrapper-body {
-            max-height: ~'calc(100vh - 98px)' !important;
+            max-height: ~'calc(100vh - 96px)' !important;
             margin-top: 48px !important;
             margin-bottom: 48px !important;
         }
@@ -47,11 +47,6 @@
     }
 
     .@{drawer-prefix-cls}-close {
-        color: fade(@text-color, 50%);
-        width: 62px;
-        top: -4px;
-
-
         position: absolute;
         top: -2px;
         right: 0;
@@ -133,11 +128,9 @@
     }
 
     .@{drawer-prefix-cls}-body {
-        padding: @padding-lg !important;
-
+        padding: 24px !important;
     }
 
-
     .@{drawer-prefix-cls}-wrapper-body {
 
         .@{drawer-prefix-cls}-footer-style {
@@ -149,7 +142,7 @@
             background: #fff;
             text-align: right;
             .@{ant-prefix}-btn {
-                margin-left: 8px;
+                margin-left: 15px;
             }
         }
 

package/es/handle-icon/index.js

@@ -8,7 +8,9 @@ var __rest = this && this.__rest || function (s, e) {
 };
 import React from 'react';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import toArray from "rc-util/es/Children/toArray";
 import Icon from '../icon';
+import PopConfirm from "../popconfirm";
 import Divider from '../divider';
 import Dropdown from '../dropdown';
 import Tooltip from '../tooltip';
@@ -21,17 +23,32 @@ const HandleIcon = props => {
     const _a = props || {},
       {
         children = [],
-        num = 6,
+        num = 5,
         divider = false,
-        stopPropagation = true
+        stopPropagation = true,
+        size = 'large'
       } = _a,
-      rest = __rest(_a, ["children", "num", "divider", "stopPropagation"]);
+      rest = __rest(_a, ["children", "num", "divider", "stopPropagation", "size"]);
     let newChildren = [];
     if (Array.isArray(children)) {
       newChildren = (children === null || children === void 0 ? void 0 : children.filter(item => !!item)) || [];
     } else if (children) {
       newChildren.push(children);
     }
+    const flattenChildren = children => {
+      if (!children) {
+        return [];
+      }
+      return toArray(children).reduce(function (flatChildren, child) {
+        if (child && child.type === React.Fragment) {
+          return flatChildren.concat(flattenChildren(child.props.children));
+        }
+        flatChildren.push(child);
+        return flatChildren;
+      }, []);
+    };
+    // 解决需要Fragment包的场景
+    newChildren = flattenChildren(newChildren);
     let [preChildPart, lastChildPart] = [newChildren, null];
     // 只有1个时不适配
     if (newChildren.length - num === 1) {
@@ -52,7 +69,7 @@ const HandleIcon = props => {
           type,
           props
         } = element;
-        if (type.name === 'Popconfirm' || props.hasOwnProperty('onConfirm') && typeof (props === null || props === void 0 ? void 0 : props.onConfirm) === 'function') {
+        if (type === PopConfirm) {
           const placement = {
             placement: 'left'
           };
@@ -96,7 +113,7 @@ const HandleIcon = props => {
       });
     }
     const menu = childArr => React.createElement(Menu, {
-      className: "menu-handle-icon-more"
+      className: `menu-handle-icon-more tnt-handle-icon-${size}`
     }, childArr === null || childArr === void 0 ? void 0 : childArr.map((child, i) => React.createElement(Menu.Item, {
       key: i
     }, child)));
@@ -107,7 +124,7 @@ const HandleIcon = props => {
         }
       }
     }, rest, {
-      className: `tnt-handle-icon-wrap ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`
+      className: `tnt-handle-icon-wrap tnt-handle-icon-${size} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`
     }), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && React.createElement(Dropdown, {
       overlay: menu(lastChildPart || []),
       arrow: true,
@@ -122,13 +139,14 @@ const HandleIcon = props => {
 };
 HandleIcon.Item = props => {
   const {
-    children,
-    title,
-    desc,
-    tooltip = true,
-    inMore,
-    disabled
-  } = props;
+      children,
+      title,
+      desc,
+      tooltip = true,
+      inMore,
+      disabled
+    } = props,
+    rest = __rest(props, ["children", "title", "desc", "tooltip", "inMore", "disabled"]);
   const replaceIconWithText = element => {
     if (React.isValidElement(element)) {
       const {
@@ -144,12 +162,12 @@ HandleIcon.Item = props => {
         };
       }
       // 如果是更多需要替换文字
-      if (type.name === 'Icon' || type === 'img') {
+      if (type === Icon || type === 'img') {
         if (inMore) {
           return React.createElement("a", Object.assign({}, eleProps, disabledProps), title);
         }
       }
-      if (disabled && type.name === 'Icon' || ['img', 'a'].includes(type)) {
+      if (disabled && (type === Icon || ['img', 'a'].includes(type))) {
         return React.cloneElement(element, Object.assign(Object.assign({}, (element === null || element === void 0 ? void 0 : element.props) || {}), disabledProps || {}));
       }
       if (eleProps && eleProps.children) {
@@ -168,9 +186,9 @@ HandleIcon.Item = props => {
     newChildren = replaceIconWithText(children);
   }
   if ((inMore && desc || !inMore) && tooltip) {
-    return React.createElement(Tooltip, {
+    return React.createElement(Tooltip, Object.assign({
       title: desc || title
-    }, newChildren);
+    }, rest || {}), newChildren);
   }
   return newChildren;
 };

package/es/handle-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport Icon from '../icon'\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Tooltip from '../tooltip'\nimport Menu from '../menu'\nimport './index.less'\n\nconst HandleIcon =  (props) => {\n  return (\n    <LocaleReceiver componentName=\"HandleIcon\">\n      {() => {\n        const {\n            children = [],\n            num = 6,\n            divider = false,\n            stopPropagation=true,\n            ...rest\n        } = props || {}\n\n       \n        let newChildren = []\n        if (Array.isArray(children)) {\n          newChildren = children?.filter((item) => !!item) || []\n        } else if (children) {\n          newChildren.push(children)\n        }\n\n        let [preChildPart, lastChildPart] = [newChildren, null];\n        \n        // 只有1个时不适配\n        if (newChildren.length - num === 1) {\n          preChildPart = newChildren\n        } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n          preChildPart = newChildren.slice(0, num)\n          lastChildPart = newChildren.slice(num)\n        }\n        \n        if (divider && preChildPart) {\n            preChildPart = preChildPart?.map((dom, i) => (\n                <>\n                {dom}\n                {!(\n                    (i === preChildPart?.length - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n                ) && <Divider type=\"vertical\" />}\n                </>\n            ))\n        }\n\n        const decoratePopconfirm =  (element, parentElement) => {\n            if (React.isValidElement(element)) {\n                const { type, props } = element;\n                if (type.name === 'Popconfirm'||(props.hasOwnProperty('onConfirm') && typeof props?.onConfirm === 'function') ) {\n                    const placement = { placement: 'left' }\n                    const {disabled} = parentElement?.props||{}\n                    let disableProps={};\n                    if(disabled){\n                        disableProps={\n                            disabled,\n                            onConfirm:()=>{}\n                        };\n                    }\n                    return React.cloneElement(element, {\n                        overlayStyle: { width: 180 },\n                        ...(props || {}),\n                        onClick: (e) => e.stopPropagation(),\n                        ...placement,\n                        trigger: 'hover',\n                        getPopupContainer: (trigger) => trigger.parentNode,\n                        ...disableProps||{}\n                    })\n                }\n                if (props && props.children) {\n                    const modifiedChildren = React.Children.map(props.children, (child) => {\n                        return decoratePopconfirm(child,element);\n                    });\n                    return React.cloneElement(element, props, modifiedChildren);\n                }\n            }\n            return element;\n        };\n    \n\n        // 对更多的popConfirm\n        if(lastChildPart?.length){\n            lastChildPart?.forEach((v, i) => {\n                v = decoratePopconfirm(v);\n                lastChildPart[i] = React.cloneElement(v, {\n                    ...(v?.props || {}),\n                    inMore:true,\n                })\n            })  \n        }\n        \n        const menu = (childArr)=>(\n            <Menu className=\"menu-handle-icon-more\">\n                {\n                    childArr?.map(\n                        (child,i) => (\n                            <Menu.Item key={i}>\n                                {child}\n                            </Menu.Item>\n                        )\n                    )\n                }\n            </Menu>\n        );\n\n        return (\n          <div\n            onClick={(e) => {\n                if(stopPropagation){\n                    e.stopPropagation()\n                }\n            }}\n            {...rest}\n            className={`tnt-handle-icon-wrap ${rest?.className||''}`}\n          >\n            {preChildPart}\n            {!!lastChildPart?.length && (\n                <Dropdown \n                    overlay={menu(lastChildPart || [])} \n                    arrow \n                    onClick={(e)=>{\n                        stopPropagation &&  e.stopPropagation()\n                    }}\n                >\n                    <Icon type=\"more\" className='tnt-handle-icon-more'/>\n                </Dropdown>\n            )}\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n}\n\nHandleIcon.Item = (props) => {\n    const {children, title, desc, tooltip=true, inMore, disabled} = props\n    const replaceIconWithText = (element) => {\n        if (React.isValidElement(element)) {\n            const { type, props:eleProps } = element;\n            let disabledProps = {}\n            if(disabled){\n                disabledProps = {\n                    disabled,\n                    onClick:()=>{},\n                    className:(eleProps?.className || \"\")+ (disabled?' disabled':\"\")\n                }\n            }\n            // 如果是更多需要替换文字\n            if (type.name === 'Icon' || type ==='img') {\n                if(inMore){\n                    return (\n                        <a  \n                            {...eleProps}\n                            {...disabledProps}\n                           \n                        >{title}</a>\n                    );\n                }\n            }\n\n            if(disabled && type.name==='Icon' || ['img','a'].includes(type)){\n                return React.cloneElement(element, {\n                    ...element?.props || {} ,\n                    ...disabledProps||{}\n                })\n            }\n\n            if (eleProps && eleProps.children) {\n                const modifiedChildren = React.Children.map(eleProps.children, (child) => {\n                    return replaceIconWithText(child);\n                });\n                return React.cloneElement(element, eleProps, modifiedChildren);\n            }\n        }\n        return element;\n    };\n\n    let newChildren = children;\n    if(Array.isArray(newChildren)){\n        newChildren= children?.map(child=> replaceIconWithText(child))\n    }else{\n        newChildren= replaceIconWithText(children)\n    }\n\n    if(((inMore && desc) || !inMore) && tooltip){\n        return (\n            <Tooltip title={desc||title}>\n                {newChildren}\n            </Tooltip>\n        )\n    }\n\n    return newChildren\n    \n}\nexport default HandleIcon"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport toArray from \"rc-util/es/Children/toArray\";\nimport Icon from '../icon'\nimport PopConfirm from \"../popconfirm\"\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Tooltip from '../tooltip'\nimport Menu from '../menu'\nimport './index.less'\n\nconst HandleIcon =  (props) => {\n  return (\n    <LocaleReceiver componentName=\"HandleIcon\">\n      {() => {\n        const {\n            children = [],\n            num = 5,\n            divider = false,\n            stopPropagation=true,\n            size= 'large',\n            ...rest\n        } = props || {}\n\n       \n        let newChildren = []\n        if (Array.isArray(children)) {\n          newChildren = children?.filter((item) => !!item) || []\n        } else if (children) {\n          newChildren.push(children)\n        }\n\n        const flattenChildren = (children) => {\n            if (!children) {\n              return [];\n            }\n            return toArray(children).reduce(function (flatChildren, child) {\n              if (child && child.type === React.Fragment) {\n                return flatChildren.concat(flattenChildren(child.props.children));\n              }\n          \n              flatChildren.push(child);\n              return flatChildren;\n            }, []);\n        }\n\n        // 解决需要Fragment包的场景\n        newChildren = flattenChildren(newChildren);\n\n        let [preChildPart, lastChildPart] = [newChildren, null];\n        \n        // 只有1个时不适配\n        if (newChildren.length - num === 1) {\n          preChildPart = newChildren\n        } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n          preChildPart = newChildren.slice(0, num)\n          lastChildPart = newChildren.slice(num)\n        }\n        \n        if (divider && preChildPart) {\n            preChildPart = preChildPart?.map((dom, i) => (\n                <>\n                {dom}\n                {!(\n                    (i === preChildPart?.length - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n                ) && <Divider type=\"vertical\" />}\n                </>\n            ))\n        }\n\n        const decoratePopconfirm =  (element, parentElement) => {\n            if (React.isValidElement(element)) {\n                const { type, props } = element;\n                if (type === PopConfirm ) {\n                    const placement = { placement: 'left' }\n                    const {disabled} = parentElement?.props||{}\n                    let disableProps={};\n                    if(disabled){\n                        disableProps={\n                            disabled,\n                            onConfirm:()=>{}\n                        };\n                    }\n                    return React.cloneElement(element, {\n                        overlayStyle: { width: 180 },\n                        ...(props || {}),\n                        onClick: (e) => e.stopPropagation(),\n                        ...placement,\n                        trigger: 'hover',\n                        getPopupContainer: (trigger) => trigger.parentNode,\n                        ...disableProps||{}\n                    })\n                }\n                if (props && props.children) {\n                    const modifiedChildren = React.Children.map(props.children, (child) => {\n                        return decoratePopconfirm(child,element);\n                    });\n                    return React.cloneElement(element, props, modifiedChildren);\n                }\n            }\n            return element;\n        };\n    \n\n        // 对更多的popConfirm\n        if(lastChildPart?.length){\n           lastChildPart?.forEach((v, i) => {\n                v = decoratePopconfirm(v);\n                lastChildPart[i] = React.cloneElement(v, {\n                    ...(v?.props || {}),\n                    inMore:true,\n                })\n            })  \n        }\n        \n        const menu = (childArr)=>(\n            <Menu className={`menu-handle-icon-more tnt-handle-icon-${size}`}>\n                {\n                    childArr?.map(\n                        (child,i) => (\n                            <Menu.Item key={i}>\n                                {child}\n                            </Menu.Item>\n                        )\n                    )\n                }\n            </Menu>\n        );\n\n        return (\n          <div\n            onClick={(e) => {\n                if(stopPropagation){\n                    e.stopPropagation()\n                }\n            }}\n            {...rest}\n            className={`tnt-handle-icon-wrap tnt-handle-icon-${size} ${rest?.className||''}`}\n          >\n            {preChildPart}\n            {!!lastChildPart?.length && (\n                <Dropdown \n                    overlay={menu(lastChildPart || [])} \n                    arrow \n                    onClick={(e)=>{\n                        stopPropagation &&  e.stopPropagation()\n                    }}\n                >\n                    <Icon type=\"more\" className='tnt-handle-icon-more'/>\n                </Dropdown>\n            )}\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n}\n\nHandleIcon.Item = (props) => {\n    const {children, title, desc, tooltip=true, inMore, disabled,...rest} = props\n    const replaceIconWithText = (element) => {\n        if (React.isValidElement(element)) {\n            const { type, props:eleProps } = element;\n            let disabledProps = {}\n            if(disabled){\n                disabledProps = {\n                    disabled,\n                    onClick:()=>{},\n                    className:(eleProps?.className || \"\")+ (disabled?' disabled':\"\")\n                }\n            }\n            // 如果是更多需要替换文字\n            if (type === Icon || type ==='img') {\n                if(inMore){\n                    return (\n                        <a  \n                            {...eleProps}\n                            {...disabledProps}\n                           \n                        >{title}</a>\n                    );\n                }\n            }\n\n            if(disabled && (type===Icon || ['img','a'].includes(type))){\n                return React.cloneElement(element, {\n                    ...element?.props || {} ,\n                    ...disabledProps||{}\n                })\n            }\n\n            if (eleProps && eleProps.children) {\n                const modifiedChildren = React.Children.map(eleProps.children, (child) => {\n                    return replaceIconWithText(child);\n                });\n                return React.cloneElement(element, eleProps, modifiedChildren);\n            }\n        }\n        return element;\n    };\n\n    let newChildren = children;\n    if(Array.isArray(newChildren)){\n        newChildren= children?.map(child=> replaceIconWithText(child))\n    }else{\n        newChildren= replaceIconWithText(children)\n    }\n\n    if(((inMore && desc) || !inMore) && tooltip){\n        return (\n            <Tooltip title={desc||title} {...(rest||{})}>\n                {newChildren}\n            </Tooltip>\n        )\n    }\n\n    return newChildren\n    \n}\nexport default HandleIcon"]}

package/es/handle-icon/index.less

@@ -1,35 +1,48 @@
+@small-size: 16px;
+@middle-size: 18px;
+@large-size: 20px;
 .tnt-handle-icon-wrap{
     >*:not(:last-child){
         margin-right: 8px;
     }
-    >*.tntd-anticon{
-        font-size: 20px;
-        
-    }
-    >*{
-        &.icon-disabled,&.disabled{
-            cursor: not-allowed;
-            pointer-events: auto;
-            color: @disabled-color;
-        }
-    }
-}
-.tnt-handle-icon-more{
-    font-size: 20px;
 }
 
 .menu-handle-icon-more{
     min-width: 100px;
     max-width: 300px;
+}
+
+[class*=tnt-handle-icon]{
     a{
         display: block;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
+        color:@text-color;
     }
     .icon-disabled,.disabled{
         cursor: not-allowed;
         pointer-events: auto;
         color: @disabled-color;
     }
-}
+    
+}
+.tnt-handle-icon-small{
+    .tntd-anticon{
+        font-size: @small-size;
+    }
+    font-size: @small-size;
+}
+.tnt-handle-icon-middle{
+    .tntd-anticon{
+        font-size: @middle-size;
+    }
+    font-size: @middle-size;
+}
+.tnt-handle-icon-large{
+    .tntd-anticon{
+        font-size: @large-size;
+    }
+    font-size: @large-size;
+}
+

package/lib/descriptions/descriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AACtF,OAAO,KAAK,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAG9F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAMlE,cAAc,sBAAsB,CAAA;AAEpC,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAED,OAAO,CAAC,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAA;AAC/D,UAAU,qBACR,SAAQ,KAAK,CAAC,yBAAyB,CACrC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC1D;IACD,IAAI,EAAE,OAAO,gBAAgB,CAAA;CAC9B;AAED,eAAO,MAAM,YAAY,uBAgJC,CAAA"}
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AACtF,OAAO,KAAK,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAI9F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAMlE,cAAc,sBAAsB,CAAA;AAEpC,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAED,OAAO,CAAC,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAA;AAC/D,UAAU,qBACR,SAAQ,KAAK,CAAC,yBAAyB,CACrC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC1D;IACD,IAAI,EAAE,OAAO,gBAAgB,CAAA;CAC9B;AAED,eAAO,MAAM,YAAY,uBA2IC,CAAA"}

package/lib/descriptions/descriptions.js

@@ -9,6 +9,7 @@ var _exportNames = {
 exports.Descriptions = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _toArray = _interopRequireDefault(require("rc-util/es/Children/toArray"));
 var _configProvider = require("antd/lib/config-provider");
 var _descriptions = _interopRequireWildcard(require("antd/lib/descriptions"));
 Object.keys(_descriptions).forEach(function (key) {
@@ -77,66 +78,19 @@ var Descriptions = exports.Descriptions = (0, _react.forwardRef)(function (_a, r
     //   非垂直 且 同盾
     var tdDescriptions = layout !== 'vertical' && tdType;
     var tntPrefixCls = 'tnt-descriptions';
-    var decorateNoBorderChild = function decorateNoBorderChild(element) {
-      if (_react["default"].isValidElement(element)) {
-        var type = element.type,
-          props = element.props;
-        if (type && type === _react["default"].Fragment) {
-          return _react["default"].Children.map(props.children, function (child) {
-            return decorateNoBorderChild(child);
-          });
-        } else {
-          var _ref3 = props || {},
-            label = _ref3.label,
-            labelPrefix = _ref3.labelPrefix,
-            childContext = _ref3.children;
-          return _react["default"].createElement("div", null, _react["default"].createElement(_ellipsis["default"], {
-            lines: ellipsisLine,
-            className: "tnt-descriptions-item",
-            prefix: _react["default"].createElement("div", {
-              className: "tnt-descriptions-label-title"
-            }, _react["default"].createElement(_ellipsis["default"], {
-              prefix: labelPrefix ? _react["default"].createElement("span", {
-                className: "tnt-descriptions-label-tag"
-              }, labelPrefix) : null,
-              lines: ellipsisLine,
-              title: label
-            })),
-            title: childContext
-          }));
-        }
+    var flattenChildren = function flattenChildren(children) {
+      if (!children) {
+        return [];
       }
-      return element;
-    };
-    var decorateBorderChild = function decorateBorderChild(element) {
-      if (_react["default"].isValidElement(element)) {
-        var type = element.type,
-          props = element.props;
-        if (type && type === _react["default"].Fragment) {
-          return _react["default"].Children.map(props.children, function (child) {
-            return decorateBorderChild(child);
-          });
-        } else {
-          var label = props.label,
-            labelPrefix = props.labelPrefix,
-            childContext = props.children;
-          return _react["default"].cloneElement(element, Object.assign(Object.assign({}, props), {
-            label: _react["default"].createElement(_ellipsis["default"], {
-              prefix: labelPrefix ? _react["default"].createElement("span", {
-                className: "tnt-descriptions-label-tag"
-              }, labelPrefix) : null,
-              lines: ellipsisLine,
-              title: label
-            }),
-            children: _react["default"].createElement(_ellipsis["default"], {
-              lines: ellipsisLine,
-              title: childContext
-            })
-          }));
+      return (0, _toArray["default"])(children).reduce(function (flatChildren, child) {
+        if (child && child.type === _react["default"].Fragment) {
+          return flatChildren.concat(flattenChildren(child.props.children));
         }
-      }
-      return element;
+        flatChildren.push(child);
+        return flatChildren;
+      }, []);
     };
+    children = flattenChildren(children);
     return _react["default"].createElement(_descriptions["default"], Object.assign({
       className: (0, _classnames["default"])("".concat(prefixCls, "-").concat((0, _prevLocale.getLanguage)()), _defineProperty({}, tntPrefixCls, tdDescriptions), "".concat(tntPrefixCls, "-title-theme").concat(titleType ? '-' + titleType : ''), _defineProperty({}, tntPrefixCls + '-title-weight', titleWeight), _defineProperty({}, tntPrefixCls + '-ellipsis', ellipsis), className),
       title: undoUpper ? title : (0, _utils.doUpperTitle)(title, upperCaseIgnore)
@@ -145,11 +99,44 @@ var Descriptions = exports.Descriptions = (0, _react.forwardRef)(function (_a, r
       ref: ref
     }), tdDescriptions && !bordered && !hideTooltip && _react["default"].Children.map(children, function (child) {
       if (_react["default"].isValidElement(child)) {
-        return decorateNoBorderChild(child);
+        var childProps = child.props || {};
+        var label = childProps.label,
+          labelPrefix = childProps.labelPrefix,
+          childContext = childProps.children;
+        return _react["default"].createElement("div", null, _react["default"].createElement(_ellipsis["default"], {
+          lines: ellipsisLine,
+          className: "tnt-descriptions-item",
+          prefix: _react["default"].createElement("div", {
+            className: "tnt-descriptions-label-title"
+          }, _react["default"].createElement(_ellipsis["default"], {
+            prefix: labelPrefix ? _react["default"].createElement("span", {
+              className: "tnt-descriptions-label-tag"
+            }, labelPrefix) : null,
+            lines: ellipsisLine,
+            title: label
+          })),
+          title: childContext
+        }));
       }
     }), tdDescriptions && bordered && ellipsis && !hideTooltip && _react["default"].Children.map(children, function (child) {
       if (_react["default"].isValidElement(child)) {
-        return decorateBorderChild(child);
+        var childProps = child.props || {};
+        var label = childProps.label,
+          labelPrefix = childProps.labelPrefix,
+          childContext = childProps.children;
+        return _react["default"].cloneElement(child, Object.assign(Object.assign({}, child.props), {
+          label: _react["default"].createElement(_ellipsis["default"], {
+            prefix: labelPrefix ? _react["default"].createElement("span", {
+              className: "tnt-descriptions-label-tag"
+            }, labelPrefix) : null,
+            lines: ellipsisLine,
+            title: label
+          }),
+          children: _react["default"].createElement(_ellipsis["default"], {
+            lines: ellipsisLine,
+            title: childContext
+          })
+        }));
       }
     }), (!tdDescriptions || bordered && !ellipsis || hideTooltip) && children);
   });

package/lib/descriptions/descriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-06-08 11:59:04\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-06-08 13:39:25\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/lib/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/lib/descriptions'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdDescriptions } from 'antd/lib/descriptions'\n\nimport Ellipsis from '../ellipsis'\nimport { doUpperTitle } from '../utils'\nimport { getLanguage } from '../prev-locale'\n\nexport * from 'antd/lib/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n  tdType?: boolean\n  ellipsis?: boolean\n  ellipsisLine?: number\n  hideTooltip?: boolean\n  undoUpper?: boolean\n  upperCaseIgnore?: Array<string>\n  titleType?: string\n  titleWeight?: boolean\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n  labelPrefix?: React.ReactNode\n}\n\ndeclare const DescriptionsItem: React.FC<DescriptionsItemProps>\ninterface DescriptionsComponent\n  extends React.ForwardRefExoticComponent<\n    DescriptionsProps & React.RefAttributes<AntdDescriptions>\n  > {\n  Item: typeof DescriptionsItem\n}\n\nexport const Descriptions = forwardRef<\n  AntdDescriptions,\n  DescriptionsProps & { capitalize?: boolean }\n>(\n  (\n    {\n      className,\n      tdType = true,\n      titleWeight,\n      titleType,\n      colon,\n      children,\n      undoUpper = false,\n      upperCaseIgnore = [],\n      title,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('descriptions')\n          const { layout, ellipsis, ellipsisLine = 1, hideTooltip = false, bordered } = rest || {}\n          //   非垂直 且 同盾\n          const tdDescriptions = layout !== 'vertical' && tdType\n\n          const tntPrefixCls = 'tnt-descriptions'\n\n          const decorateNoBorderChild = (element: React.ReactElement): React.ReactElement => {\n            if (React.isValidElement(element)) {\n              const { type, props } = element as React.ReactElement | any\n              if (type && type === React.Fragment) {\n                return React.Children.map(props.children, (child) => {\n                  return decorateNoBorderChild(child)\n                })\n              } else {\n                const { label, labelPrefix, children: childContext } = props || {}\n                return (\n                  <div>\n                    <Ellipsis\n                      lines={ellipsisLine}\n                      className=\"tnt-descriptions-item\"\n                      prefix={\n                        <div className=\"tnt-descriptions-label-title\">\n                          <Ellipsis\n                            prefix={\n                              labelPrefix ? (\n                                <span className=\"tnt-descriptions-label-tag\">{labelPrefix}</span>\n                              ) : null\n                            }\n                            lines={ellipsisLine}\n                            title={label}\n                          />\n                        </div>\n                      }\n                      title={childContext}\n                    />\n                  </div>\n                )\n              }\n            }\n            return element\n          }\n\n          const decorateBorderChild = (element: React.ReactElement): React.ReactElement => {\n            if (React.isValidElement(element)) {\n              const { type, props } = element as React.ReactElement | any\n              if (type && type === React.Fragment) {\n                return React.Children.map(props.children, (child) => {\n                  return decorateBorderChild(child)\n                })\n              } else {\n                const { label, labelPrefix, children: childContext } = props\n                return React.cloneElement(element, {\n                  ...props,\n                  label: (\n                    <Ellipsis\n                      prefix={\n                        labelPrefix ? (\n                          <span className=\"tnt-descriptions-label-tag\">{labelPrefix}</span>\n                        ) : null\n                      }\n                      lines={ellipsisLine}\n                      title={label}\n                    />\n                  ),\n                  children: <Ellipsis lines={ellipsisLine} title={childContext} />,\n                })\n              }\n            }\n            return element\n          }\n\n          return (\n            <AntdDescriptions\n              className={classNames(\n                `${prefixCls}-${getLanguage()}`,\n                {\n                  [tntPrefixCls]: tdDescriptions,\n                },\n                `${tntPrefixCls}-title-theme${titleType ? '-' + titleType : ''}`,\n                {\n                  [tntPrefixCls + '-title-weight']: titleWeight,\n                },\n                {\n                  [tntPrefixCls + '-ellipsis']: ellipsis,\n                },\n                className\n              )}\n              title={undoUpper ? title : doUpperTitle(title, upperCaseIgnore)} // 默认转大写\n              {...rest}\n              colon={tdDescriptions ? false : colon}\n              ref={ref}\n            >\n              {/*同盾描述框 非边框 开启默认tooltip */}\n              {tdDescriptions &&\n                !bordered &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    return decorateNoBorderChild(child)\n                  }\n                })}\n\n              {/*同盾描述框 有边框 不换行 开启默认tooltip */}\n              {tdDescriptions &&\n                bordered &&\n                ellipsis &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    return decorateBorderChild(child)\n                  }\n                })}\n\n              {/* 非同盾模式下 或者 带边框但换行 或者 不开启默认tooltip 走默认逻辑 */}\n              {(!tdDescriptions || (bordered && !ellipsis) || hideTooltip) && children}\n            </AntdDescriptions>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}
+{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-06-08 11:59:04\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-06-08 13:39:25\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/lib/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/lib/descriptions'\nimport classNames from 'classnames'\nimport toArray from 'rc-util/es/Children/toArray'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdDescriptions } from 'antd/lib/descriptions'\n\nimport Ellipsis from '../ellipsis'\nimport { doUpperTitle } from '../utils'\nimport { getLanguage } from '../prev-locale'\n\nexport * from 'antd/lib/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n  tdType?: boolean\n  ellipsis?: boolean\n  ellipsisLine?: number\n  hideTooltip?: boolean\n  undoUpper?: boolean\n  upperCaseIgnore?: Array<string>\n  titleType?: string\n  titleWeight?: boolean\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n  labelPrefix?: React.ReactNode\n}\n\ndeclare const DescriptionsItem: React.FC<DescriptionsItemProps>\ninterface DescriptionsComponent\n  extends React.ForwardRefExoticComponent<\n    DescriptionsProps & React.RefAttributes<AntdDescriptions>\n  > {\n  Item: typeof DescriptionsItem\n}\n\nexport const Descriptions = forwardRef<\n  AntdDescriptions,\n  DescriptionsProps & { capitalize?: boolean }\n>(\n  (\n    {\n      className,\n      tdType = true,\n      titleWeight,\n      titleType,\n      colon,\n      children,\n      undoUpper = false,\n      upperCaseIgnore = [],\n      title,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('descriptions')\n          const { layout, ellipsis, ellipsisLine = 1, hideTooltip = false, bordered } = rest || {}\n          //   非垂直 且 同盾\n          const tdDescriptions = layout !== 'vertical' && tdType\n\n          const tntPrefixCls = 'tnt-descriptions'\n\n          const flattenChildren = (children: React.ReactNode): React.ReactNode[] => {\n            if (!children) {\n              return []\n            }\n            return toArray(children).reduce(function (\n              flatChildren: React.ReactNode[],\n              child: React.ReactNode\n            ) {\n              if (child && (child as any).type === React.Fragment) {\n                return flatChildren.concat(flattenChildren((child as any).props.children))\n              }\n\n              flatChildren.push(child)\n              return flatChildren\n            },\n            [])\n          }\n\n          children = flattenChildren(children)\n\n          return (\n            <AntdDescriptions\n              className={classNames(\n                `${prefixCls}-${getLanguage()}`,\n                {\n                  [tntPrefixCls]: tdDescriptions,\n                },\n                `${tntPrefixCls}-title-theme${titleType ? '-' + titleType : ''}`,\n                {\n                  [tntPrefixCls + '-title-weight']: titleWeight,\n                },\n                {\n                  [tntPrefixCls + '-ellipsis']: ellipsis,\n                },\n                className\n              )}\n              title={undoUpper ? title : doUpperTitle(title, upperCaseIgnore)} // 默认转大写\n              {...rest}\n              colon={tdDescriptions ? false : colon}\n              ref={ref}\n            >\n              {/*同盾描述框 非边框 开启默认tooltip */}\n              {tdDescriptions &&\n                !bordered &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    const childProps = (child.props || {}) as any\n                    const { label, labelPrefix, children: childContext } = childProps\n                    return (\n                      <div>\n                        <Ellipsis\n                          lines={ellipsisLine}\n                          className=\"tnt-descriptions-item\"\n                          prefix={\n                            <div className=\"tnt-descriptions-label-title\">\n                              <Ellipsis\n                                prefix={\n                                  labelPrefix ? (\n                                    <span className=\"tnt-descriptions-label-tag\">\n                                      {labelPrefix}\n                                    </span>\n                                  ) : null\n                                }\n                                lines={ellipsisLine}\n                                title={label}\n                              />\n                            </div>\n                          }\n                          title={childContext}\n                        />\n                      </div>\n                    )\n                  }\n                })}\n\n              {/*同盾描述框 有边框 不换行 开启默认tooltip */}\n              {tdDescriptions &&\n                bordered &&\n                ellipsis &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    const childProps = (child.props || {}) as any\n                    const { label, labelPrefix, children: childContext } = childProps\n                    return React.cloneElement(child, {\n                      ...child.props,\n                      label: (\n                        <Ellipsis\n                          prefix={\n                            labelPrefix ? (\n                              <span className=\"tnt-descriptions-label-tag\">{labelPrefix}</span>\n                            ) : null\n                          }\n                          lines={ellipsisLine}\n                          title={label}\n                        />\n                      ),\n                      children: <Ellipsis lines={ellipsisLine} title={childContext} />,\n                    })\n                  }\n                })}\n              {/* 非同盾模式下 或者 带边框但换行 或者 不开启默认tooltip 走默认逻辑 */}\n              {(!tdDescriptions || (bordered && !ellipsis) || hideTooltip) && children}\n            </AntdDescriptions>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}

package/lib/drawer/index.less

@@ -20,7 +20,7 @@
 
     .@{drawer-prefix-cls}-wrapper-body {
         margin-top: 48px;
-        max-height: ~'calc(100vh - 50px)';
+        max-height: ~'calc(100vh - 48px)';
     }
 
     &-footer {
@@ -34,7 +34,7 @@
         }
 
         .@{drawer-prefix-cls}-wrapper-body {
-            max-height: ~'calc(100vh - 98px)' !important;
+            max-height: ~'calc(100vh - 96px)' !important;
             margin-top: 48px !important;
             margin-bottom: 48px !important;
         }
@@ -47,11 +47,6 @@
     }
 
     .@{drawer-prefix-cls}-close {
-        color: fade(@text-color, 50%);
-        width: 62px;
-        top: -4px;
-
-
         position: absolute;
         top: -2px;
         right: 0;
@@ -133,11 +128,9 @@
     }
 
     .@{drawer-prefix-cls}-body {
-        padding: @padding-lg !important;
-
+        padding: 24px !important;
     }
 
-
     .@{drawer-prefix-cls}-wrapper-body {
 
         .@{drawer-prefix-cls}-footer-style {
@@ -149,7 +142,7 @@
             background: #fff;
             text-align: right;
             .@{ant-prefix}-btn {
-                margin-left: 8px;
+                margin-left: 15px;
             }
         }
 

package/lib/handle-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";AASA,2DA+HC;;IAED,+BA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";AAWA,2DAiJC;;IAED,+BA4DC"}

package/lib/handle-icon/index.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+var _toArray = _interopRequireDefault(require("rc-util/es/Children/toArray"));
 var _icon = _interopRequireDefault(require("../icon"));
+var _popconfirm = _interopRequireDefault(require("../popconfirm"));
 var _divider = _interopRequireDefault(require("../divider"));
 var _dropdown = _interopRequireDefault(require("../dropdown"));
 var _tooltip = _interopRequireDefault(require("../tooltip"));
@@ -29,12 +31,14 @@ var HandleIcon = function HandleIcon(props) {
       _a$children = _a.children,
       children = _a$children === void 0 ? [] : _a$children,
       _a$num = _a.num,
-      num = _a$num === void 0 ? 6 : _a$num,
+      num = _a$num === void 0 ? 5 : _a$num,
       _a$divider = _a.divider,
       divider = _a$divider === void 0 ? false : _a$divider,
       _a$stopPropagation = _a.stopPropagation,
       stopPropagation = _a$stopPropagation === void 0 ? true : _a$stopPropagation,
-      rest = __rest(_a, ["children", "num", "divider", "stopPropagation"]);
+      _a$size = _a.size,
+      size = _a$size === void 0 ? 'large' : _a$size,
+      rest = __rest(_a, ["children", "num", "divider", "stopPropagation", "size"]);
     var newChildren = [];
     if (Array.isArray(children)) {
       newChildren = (children === null || children === void 0 ? void 0 : children.filter(function (item) {
@@ -43,6 +47,20 @@ var HandleIcon = function HandleIcon(props) {
     } else if (children) {
       newChildren.push(children);
     }
+    var flattenChildren = function flattenChildren(children) {
+      if (!children) {
+        return [];
+      }
+      return (0, _toArray["default"])(children).reduce(function (flatChildren, child) {
+        if (child && child.type === _react["default"].Fragment) {
+          return flatChildren.concat(flattenChildren(child.props.children));
+        }
+        flatChildren.push(child);
+        return flatChildren;
+      }, []);
+    };
+    // 解决需要Fragment包的场景
+    newChildren = flattenChildren(newChildren);
     var preChildPart = newChildren,
       lastChildPart = null;
     // 只有1个时不适配
@@ -64,7 +82,7 @@ var HandleIcon = function HandleIcon(props) {
       if (_react["default"].isValidElement(element)) {
         var type = element.type,
           _props = element.props;
-        if (type.name === 'Popconfirm' || _props.hasOwnProperty('onConfirm') && typeof (_props === null || _props === void 0 ? void 0 : _props.onConfirm) === 'function') {
+        if (type === _popconfirm["default"]) {
           var placement = {
             placement: 'left'
           };
@@ -112,7 +130,7 @@ var HandleIcon = function HandleIcon(props) {
     }
     var menu = function menu(childArr) {
       return _react["default"].createElement(_menu["default"], {
-        className: "menu-handle-icon-more"
+        className: "menu-handle-icon-more tnt-handle-icon-".concat(size)
       }, childArr === null || childArr === void 0 ? void 0 : childArr.map(function (child, i) {
         return _react["default"].createElement(_menu["default"].Item, {
           key: i
@@ -126,7 +144,7 @@ var HandleIcon = function HandleIcon(props) {
         }
       }
     }, rest, {
-      className: "tnt-handle-icon-wrap ".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '')
+      className: "tnt-handle-icon-wrap tnt-handle-icon-".concat(size, " ").concat((rest === null || rest === void 0 ? void 0 : rest.className) || '')
     }), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && _react["default"].createElement(_dropdown["default"], {
       overlay: menu(lastChildPart || []),
       arrow: true,
@@ -146,7 +164,8 @@ HandleIcon.Item = function (props) {
     _props$tooltip = props.tooltip,
     tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
     inMore = props.inMore,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    rest = __rest(props, ["children", "title", "desc", "tooltip", "inMore", "disabled"]);
   var replaceIconWithText = function replaceIconWithText(element) {
     if (_react["default"].isValidElement(element)) {
       var type = element.type,
@@ -160,12 +179,12 @@ HandleIcon.Item = function (props) {
         };
       }
       // 如果是更多需要替换文字
-      if (type.name === 'Icon' || type === 'img') {
+      if (type === _icon["default"] || type === 'img') {
         if (inMore) {
           return _react["default"].createElement("a", Object.assign({}, eleProps, disabledProps), title);
         }
       }
-      if (disabled && type.name === 'Icon' || ['img', 'a'].includes(type)) {
+      if (disabled && (type === _icon["default"] || ['img', 'a'].includes(type))) {
         return _react["default"].cloneElement(element, Object.assign(Object.assign({}, (element === null || element === void 0 ? void 0 : element.props) || {}), disabledProps || {}));
       }
       if (eleProps && eleProps.children) {
@@ -186,9 +205,9 @@ HandleIcon.Item = function (props) {
     newChildren = replaceIconWithText(children);
   }
   if ((inMore && desc || !inMore) && tooltip) {
-    return _react["default"].createElement(_tooltip["default"], {
+    return _react["default"].createElement(_tooltip["default"], Object.assign({
       title: desc || title
-    }, newChildren);
+    }, rest || {}), newChildren);
   }
   return newChildren;
 };

package/lib/handle-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport Icon from '../icon'\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Tooltip from '../tooltip'\nimport Menu from '../menu'\nimport './index.less'\n\nconst HandleIcon =  (props) => {\n  return (\n    <LocaleReceiver componentName=\"HandleIcon\">\n      {() => {\n        const {\n            children = [],\n            num = 6,\n            divider = false,\n            stopPropagation=true,\n            ...rest\n        } = props || {}\n\n       \n        let newChildren = []\n        if (Array.isArray(children)) {\n          newChildren = children?.filter((item) => !!item) || []\n        } else if (children) {\n          newChildren.push(children)\n        }\n\n        let [preChildPart, lastChildPart] = [newChildren, null];\n        \n        // 只有1个时不适配\n        if (newChildren.length - num === 1) {\n          preChildPart = newChildren\n        } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n          preChildPart = newChildren.slice(0, num)\n          lastChildPart = newChildren.slice(num)\n        }\n        \n        if (divider && preChildPart) {\n            preChildPart = preChildPart?.map((dom, i) => (\n                <>\n                {dom}\n                {!(\n                    (i === preChildPart?.length - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n                ) && <Divider type=\"vertical\" />}\n                </>\n            ))\n        }\n\n        const decoratePopconfirm =  (element, parentElement) => {\n            if (React.isValidElement(element)) {\n                const { type, props } = element;\n                if (type.name === 'Popconfirm'||(props.hasOwnProperty('onConfirm') && typeof props?.onConfirm === 'function') ) {\n                    const placement = { placement: 'left' }\n                    const {disabled} = parentElement?.props||{}\n                    let disableProps={};\n                    if(disabled){\n                        disableProps={\n                            disabled,\n                            onConfirm:()=>{}\n                        };\n                    }\n                    return React.cloneElement(element, {\n                        overlayStyle: { width: 180 },\n                        ...(props || {}),\n                        onClick: (e) => e.stopPropagation(),\n                        ...placement,\n                        trigger: 'hover',\n                        getPopupContainer: (trigger) => trigger.parentNode,\n                        ...disableProps||{}\n                    })\n                }\n                if (props && props.children) {\n                    const modifiedChildren = React.Children.map(props.children, (child) => {\n                        return decoratePopconfirm(child,element);\n                    });\n                    return React.cloneElement(element, props, modifiedChildren);\n                }\n            }\n            return element;\n        };\n    \n\n        // 对更多的popConfirm\n        if(lastChildPart?.length){\n            lastChildPart?.forEach((v, i) => {\n                v = decoratePopconfirm(v);\n                lastChildPart[i] = React.cloneElement(v, {\n                    ...(v?.props || {}),\n                    inMore:true,\n                })\n            })  \n        }\n        \n        const menu = (childArr)=>(\n            <Menu className=\"menu-handle-icon-more\">\n                {\n                    childArr?.map(\n                        (child,i) => (\n                            <Menu.Item key={i}>\n                                {child}\n                            </Menu.Item>\n                        )\n                    )\n                }\n            </Menu>\n        );\n\n        return (\n          <div\n            onClick={(e) => {\n                if(stopPropagation){\n                    e.stopPropagation()\n                }\n            }}\n            {...rest}\n            className={`tnt-handle-icon-wrap ${rest?.className||''}`}\n          >\n            {preChildPart}\n            {!!lastChildPart?.length && (\n                <Dropdown \n                    overlay={menu(lastChildPart || [])} \n                    arrow \n                    onClick={(e)=>{\n                        stopPropagation &&  e.stopPropagation()\n                    }}\n                >\n                    <Icon type=\"more\" className='tnt-handle-icon-more'/>\n                </Dropdown>\n            )}\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n}\n\nHandleIcon.Item = (props) => {\n    const {children, title, desc, tooltip=true, inMore, disabled} = props\n    const replaceIconWithText = (element) => {\n        if (React.isValidElement(element)) {\n            const { type, props:eleProps } = element;\n            let disabledProps = {}\n            if(disabled){\n                disabledProps = {\n                    disabled,\n                    onClick:()=>{},\n                    className:(eleProps?.className || \"\")+ (disabled?' disabled':\"\")\n                }\n            }\n            // 如果是更多需要替换文字\n            if (type.name === 'Icon' || type ==='img') {\n                if(inMore){\n                    return (\n                        <a  \n                            {...eleProps}\n                            {...disabledProps}\n                           \n                        >{title}</a>\n                    );\n                }\n            }\n\n            if(disabled && type.name==='Icon' || ['img','a'].includes(type)){\n                return React.cloneElement(element, {\n                    ...element?.props || {} ,\n                    ...disabledProps||{}\n                })\n            }\n\n            if (eleProps && eleProps.children) {\n                const modifiedChildren = React.Children.map(eleProps.children, (child) => {\n                    return replaceIconWithText(child);\n                });\n                return React.cloneElement(element, eleProps, modifiedChildren);\n            }\n        }\n        return element;\n    };\n\n    let newChildren = children;\n    if(Array.isArray(newChildren)){\n        newChildren= children?.map(child=> replaceIconWithText(child))\n    }else{\n        newChildren= replaceIconWithText(children)\n    }\n\n    if(((inMore && desc) || !inMore) && tooltip){\n        return (\n            <Tooltip title={desc||title}>\n                {newChildren}\n            </Tooltip>\n        )\n    }\n\n    return newChildren\n    \n}\nexport default HandleIcon"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport toArray from \"rc-util/es/Children/toArray\";\nimport Icon from '../icon'\nimport PopConfirm from \"../popconfirm\"\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Tooltip from '../tooltip'\nimport Menu from '../menu'\nimport './index.less'\n\nconst HandleIcon =  (props) => {\n  return (\n    <LocaleReceiver componentName=\"HandleIcon\">\n      {() => {\n        const {\n            children = [],\n            num = 5,\n            divider = false,\n            stopPropagation=true,\n            size= 'large',\n            ...rest\n        } = props || {}\n\n       \n        let newChildren = []\n        if (Array.isArray(children)) {\n          newChildren = children?.filter((item) => !!item) || []\n        } else if (children) {\n          newChildren.push(children)\n        }\n\n        const flattenChildren = (children) => {\n            if (!children) {\n              return [];\n            }\n            return toArray(children).reduce(function (flatChildren, child) {\n              if (child && child.type === React.Fragment) {\n                return flatChildren.concat(flattenChildren(child.props.children));\n              }\n          \n              flatChildren.push(child);\n              return flatChildren;\n            }, []);\n        }\n\n        // 解决需要Fragment包的场景\n        newChildren = flattenChildren(newChildren);\n\n        let [preChildPart, lastChildPart] = [newChildren, null];\n        \n        // 只有1个时不适配\n        if (newChildren.length - num === 1) {\n          preChildPart = newChildren\n        } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n          preChildPart = newChildren.slice(0, num)\n          lastChildPart = newChildren.slice(num)\n        }\n        \n        if (divider && preChildPart) {\n            preChildPart = preChildPart?.map((dom, i) => (\n                <>\n                {dom}\n                {!(\n                    (i === preChildPart?.length - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n                ) && <Divider type=\"vertical\" />}\n                </>\n            ))\n        }\n\n        const decoratePopconfirm =  (element, parentElement) => {\n            if (React.isValidElement(element)) {\n                const { type, props } = element;\n                if (type === PopConfirm ) {\n                    const placement = { placement: 'left' }\n                    const {disabled} = parentElement?.props||{}\n                    let disableProps={};\n                    if(disabled){\n                        disableProps={\n                            disabled,\n                            onConfirm:()=>{}\n                        };\n                    }\n                    return React.cloneElement(element, {\n                        overlayStyle: { width: 180 },\n                        ...(props || {}),\n                        onClick: (e) => e.stopPropagation(),\n                        ...placement,\n                        trigger: 'hover',\n                        getPopupContainer: (trigger) => trigger.parentNode,\n                        ...disableProps||{}\n                    })\n                }\n                if (props && props.children) {\n                    const modifiedChildren = React.Children.map(props.children, (child) => {\n                        return decoratePopconfirm(child,element);\n                    });\n                    return React.cloneElement(element, props, modifiedChildren);\n                }\n            }\n            return element;\n        };\n    \n\n        // 对更多的popConfirm\n        if(lastChildPart?.length){\n           lastChildPart?.forEach((v, i) => {\n                v = decoratePopconfirm(v);\n                lastChildPart[i] = React.cloneElement(v, {\n                    ...(v?.props || {}),\n                    inMore:true,\n                })\n            })  \n        }\n        \n        const menu = (childArr)=>(\n            <Menu className={`menu-handle-icon-more tnt-handle-icon-${size}`}>\n                {\n                    childArr?.map(\n                        (child,i) => (\n                            <Menu.Item key={i}>\n                                {child}\n                            </Menu.Item>\n                        )\n                    )\n                }\n            </Menu>\n        );\n\n        return (\n          <div\n            onClick={(e) => {\n                if(stopPropagation){\n                    e.stopPropagation()\n                }\n            }}\n            {...rest}\n            className={`tnt-handle-icon-wrap tnt-handle-icon-${size} ${rest?.className||''}`}\n          >\n            {preChildPart}\n            {!!lastChildPart?.length && (\n                <Dropdown \n                    overlay={menu(lastChildPart || [])} \n                    arrow \n                    onClick={(e)=>{\n                        stopPropagation &&  e.stopPropagation()\n                    }}\n                >\n                    <Icon type=\"more\" className='tnt-handle-icon-more'/>\n                </Dropdown>\n            )}\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n}\n\nHandleIcon.Item = (props) => {\n    const {children, title, desc, tooltip=true, inMore, disabled,...rest} = props\n    const replaceIconWithText = (element) => {\n        if (React.isValidElement(element)) {\n            const { type, props:eleProps } = element;\n            let disabledProps = {}\n            if(disabled){\n                disabledProps = {\n                    disabled,\n                    onClick:()=>{},\n                    className:(eleProps?.className || \"\")+ (disabled?' disabled':\"\")\n                }\n            }\n            // 如果是更多需要替换文字\n            if (type === Icon || type ==='img') {\n                if(inMore){\n                    return (\n                        <a  \n                            {...eleProps}\n                            {...disabledProps}\n                           \n                        >{title}</a>\n                    );\n                }\n            }\n\n            if(disabled && (type===Icon || ['img','a'].includes(type))){\n                return React.cloneElement(element, {\n                    ...element?.props || {} ,\n                    ...disabledProps||{}\n                })\n            }\n\n            if (eleProps && eleProps.children) {\n                const modifiedChildren = React.Children.map(eleProps.children, (child) => {\n                    return replaceIconWithText(child);\n                });\n                return React.cloneElement(element, eleProps, modifiedChildren);\n            }\n        }\n        return element;\n    };\n\n    let newChildren = children;\n    if(Array.isArray(newChildren)){\n        newChildren= children?.map(child=> replaceIconWithText(child))\n    }else{\n        newChildren= replaceIconWithText(children)\n    }\n\n    if(((inMore && desc) || !inMore) && tooltip){\n        return (\n            <Tooltip title={desc||title} {...(rest||{})}>\n                {newChildren}\n            </Tooltip>\n        )\n    }\n\n    return newChildren\n    \n}\nexport default HandleIcon"]}

package/lib/handle-icon/index.less

@@ -1,35 +1,48 @@
+@small-size: 16px;
+@middle-size: 18px;
+@large-size: 20px;
 .tnt-handle-icon-wrap{
     >*:not(:last-child){
         margin-right: 8px;
     }
-    >*.tntd-anticon{
-        font-size: 20px;
-        
-    }
-    >*{
-        &.icon-disabled,&.disabled{
-            cursor: not-allowed;
-            pointer-events: auto;
-            color: @disabled-color;
-        }
-    }
-}
-.tnt-handle-icon-more{
-    font-size: 20px;
 }
 
 .menu-handle-icon-more{
     min-width: 100px;
     max-width: 300px;
+}
+
+[class*=tnt-handle-icon]{
     a{
         display: block;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
+        color:@text-color;
     }
     .icon-disabled,.disabled{
         cursor: not-allowed;
         pointer-events: auto;
         color: @disabled-color;
     }
-}
+    
+}
+.tnt-handle-icon-small{
+    .tntd-anticon{
+        font-size: @small-size;
+    }
+    font-size: @small-size;
+}
+.tnt-handle-icon-middle{
+    .tntd-anticon{
+        font-size: @middle-size;
+    }
+    font-size: @middle-size;
+}
+.tnt-handle-icon-large{
+    .tntd-anticon{
+        font-size: @large-size;
+    }
+    font-size: @large-size;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "3.0.0-beta.14",
+    "version": "3.0.0-beta.15",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",