@teamias/rex-design 0.0.1 → 0.0.2

package/dist/components/data-cell/modules/cellItemMap.js

@@ -2,20 +2,22 @@ var _excluded = ["ellipsis", "tooltip", "copyable", "action", "urlTarget", "url"
   _excluded2 = ["mediaViewerType"],
   _excluded3 = ["value"],
   _excluded4 = ["iconsType"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-import { Tag, Tooltip, Typography } from "antd";
-import React from "react";
 import { Icons, MediaViewer } from "../../..";
+import { Tag, Tooltip, Typography } from 'antd';
+import React from 'react';
 import { DataCell } from "../data-cell";
 import { DataCellRowText, DataCellRowTextLabel, DataCellRowTextValue } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var isEmpty = function isEmpty(val) {
   if (val === '' || val === null || val === undefined) return true;
   if (typeof val === 'undefined') return true;
@@ -27,7 +29,7 @@ var actionRender = function actionRender(item, action, node, click) {
   var _item$urlTarget;
   var tooltipBox = function tooltipBox(content) {
     if (item.tooltip) {
-      return /*#__PURE__*/React.createElement(Tooltip, {
+      return /*#__PURE__*/_jsx(Tooltip, {
         styles: {
           body: {
             whiteSpace: 'pre-wrap',
@@ -35,27 +37,30 @@ var actionRender = function actionRender(item, action, node, click) {
           }
         },
         title: item.tooltip,
-        arrow: false
-      }, content);
+        arrow: false,
+        children: content
+      });
     }
     return content;
   };
   if (action === 'default') {
-    return tooltipBox( /*#__PURE__*/React.createElement("span", {
-      style: item.style
-    }, node));
+    return tooltipBox( /*#__PURE__*/_jsx("span", {
+      style: item.style,
+      children: node
+    }));
   }
 
   // 自定义
   if (action === 'custom') {
-    return tooltipBox( /*#__PURE__*/React.createElement("a", {
+    return tooltipBox( /*#__PURE__*/_jsx("a", {
       href: "void",
       style: item.style,
       onClick: function onClick(e) {
         e.preventDefault();
         click === null || click === void 0 || click();
-      }
-    }, node));
+      },
+      children: node
+    }));
   }
 
   // TODO: 窗口-未实现
@@ -64,53 +69,59 @@ var actionRender = function actionRender(item, action, node, click) {
   // }
 
   // 默认url
-  return tooltipBox( /*#__PURE__*/React.createElement("a", {
+  return tooltipBox( /*#__PURE__*/_jsx("a", {
     style: item.style,
     href: item.value,
     target: (_item$urlTarget = item.urlTarget) !== null && _item$urlTarget !== void 0 ? _item$urlTarget : '_blank',
-    rel: "noreferrer"
-  }, node));
+    rel: "noreferrer",
+    children: node
+  }));
 };
 export var cellItemMap = {
   /** 文本块 */
   text: function text(item, click) {
     var props = item.props;
     if (!props) return undefined;
-    return !isEmpty(props.label) || !isEmpty(props.value) ? /*#__PURE__*/React.createElement(DataCellRowText, {
+    return !isEmpty(props.label) || !isEmpty(props.value) ? /*#__PURE__*/_jsxs(DataCellRowText, {
       className: "data-cell-row-text",
-      style: props === null || props === void 0 ? void 0 : props.style
-    }, !isEmpty(props.label) ? /*#__PURE__*/React.createElement(DataCellRowTextLabel, {
-      className: "data-cell-row-text-label",
-      title: "".concat(props.label),
-      style: props === null || props === void 0 ? void 0 : props.labelStyle
-    }, "".concat(props.label)) : '', !isEmpty(props.label) && !isEmpty(props.value) ? /*#__PURE__*/React.createElement("span", {
-      style: {
-        paddingRight: 3
-      }
-    }, ":") : '', function () {
-      if (isEmpty(props.value)) return '';
-      if (_typeof(props.value) === 'object') {
-        return /*#__PURE__*/React.createElement(DataCellRowTextValue, {
+      style: props === null || props === void 0 ? void 0 : props.style,
+      children: [!isEmpty(props.label) ? /*#__PURE__*/_jsx(DataCellRowTextLabel, {
+        className: "data-cell-row-text-label",
+        title: "".concat(props.label),
+        style: props === null || props === void 0 ? void 0 : props.labelStyle,
+        children: "".concat(props.label)
+      }) : '', !isEmpty(props.label) && !isEmpty(props.value) ? /*#__PURE__*/_jsx("span", {
+        style: {
+          paddingRight: 3
+        },
+        children: ":"
+      }) : '', function () {
+        if (isEmpty(props.value)) return '';
+        if (_typeof(props.value) === 'object') {
+          return /*#__PURE__*/_jsx(DataCellRowTextValue, {
+            className: "data-cell-row-text-value",
+            style: props === null || props === void 0 ? void 0 : props.valueStyle,
+            children: cellItemMap[props.value.type](props.value, click)
+          });
+        }
+        return /*#__PURE__*/_jsx(DataCellRowTextValue, {
+          ellipsis: props === null || props === void 0 ? void 0 : props.ellipsis,
           className: "data-cell-row-text-value",
-          style: props === null || props === void 0 ? void 0 : props.valueStyle
-        }, cellItemMap[props.value.type](props.value, click));
-      }
-      return /*#__PURE__*/React.createElement(DataCellRowTextValue, {
-        ellipsis: props === null || props === void 0 ? void 0 : props.ellipsis,
-        className: "data-cell-row-text-value",
-        title: "".concat(props.tooltip || props.value),
-        style: props === null || props === void 0 ? void 0 : props.valueStyle
-      }, "".concat(props.value));
-    }(), _typeof(props.value) !== 'object' && props.copyable ? /*#__PURE__*/React.createElement(Typography.Paragraph, {
-      copyable: {
-        text: typeof props.copyable === 'string' ? props.copyable : "".concat(props.value)
-      }
-    }) : '') : undefined;
+          title: "".concat(props.tooltip || props.value),
+          style: props === null || props === void 0 ? void 0 : props.valueStyle,
+          children: "".concat(props.value)
+        });
+      }(), _typeof(props.value) !== 'object' && props.copyable ? /*#__PURE__*/_jsx(Typography.Paragraph, {
+        copyable: {
+          text: typeof props.copyable === 'string' ? props.copyable : "".concat(props.value)
+        }
+      }) : '']
+    }) : undefined;
   },
   /** 图片块 */
   img: function img(item) {
     var props = item.props;
-    return /*#__PURE__*/React.createElement(MediaViewer, _extends({
+    return /*#__PURE__*/_jsx(MediaViewer, _objectSpread({
       src: props === null || props === void 0 ? void 0 : props.value,
       alt: props === null || props === void 0 ? void 0 : props.label
     }, props));
@@ -121,47 +132,51 @@ export var cellItemMap = {
     if (!props) return undefined;
 
     // return actionRender(props, props.action, props.label, () => click?.(item));
-    return /*#__PURE__*/React.createElement(DataCellRowText, {
-      className: "data-cell-row-text link"
-    }, /*#__PURE__*/React.createElement(DataCellRowTextValue, {
-      ellipsis: props === null || props === void 0 ? void 0 : props.ellipsis,
-      className: "data-cell-row-text-value link",
-      style: {
-        flex: 'initial',
-        width: 'auto'
-      }
-    }, actionRender(props, props.action, props.label, function () {
-      return click === null || click === void 0 ? void 0 : click(item);
-    })), props.copyable ? /*#__PURE__*/React.createElement(Typography.Paragraph, {
-      copyable: {
-        text: typeof props.copyable === 'string' ? props.copyable : "".concat(props.label)
-      }
-    }) : '');
+    return /*#__PURE__*/_jsxs(DataCellRowText, {
+      className: "data-cell-row-text link",
+      children: [/*#__PURE__*/_jsx(DataCellRowTextValue, {
+        ellipsis: props === null || props === void 0 ? void 0 : props.ellipsis,
+        className: "data-cell-row-text-value link",
+        style: {
+          flex: 'initial',
+          width: 'auto'
+        },
+        children: actionRender(props, props.action, props.label, function () {
+          return click === null || click === void 0 ? void 0 : click(item);
+        })
+      }), props.copyable ? /*#__PURE__*/_jsx(Typography.Paragraph, {
+        copyable: {
+          text: typeof props.copyable === 'string' ? props.copyable : "".concat(props.label)
+        }
+      }) : '']
+    });
   },
   /** 链接组 */
   'link-group': function linkGroup(item, click) {
     var props = item.props;
     if (!props) return undefined;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       style: {
         display: 'inline-flex'
-      }
-    }, props === null || props === void 0 ? void 0 : props.items.map(function (child, index) {
-      var _props$separator;
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'inline-flex'
-        },
-        key: index
-      }, cellItemMap.link({
-        props: child,
-        type: 'link'
-      }, click), (props === null || props === void 0 ? void 0 : props.items.length) - 1 === index ? '' : /*#__PURE__*/React.createElement("span", {
-        style: {
-          paddingInline: 2
-        }
-      }, (_props$separator = props.separator) !== null && _props$separator !== void 0 ? _props$separator : '/'));
-    }));
+      },
+      children: props === null || props === void 0 ? void 0 : props.items.map(function (child, index) {
+        var _props$separator;
+        return /*#__PURE__*/_jsxs("div", {
+          style: {
+            display: 'inline-flex'
+          },
+          children: [cellItemMap.link({
+            props: child,
+            type: 'link'
+          }, click), (props === null || props === void 0 ? void 0 : props.items.length) - 1 === index ? '' : /*#__PURE__*/_jsx("span", {
+            style: {
+              paddingInline: 2
+            },
+            children: (_props$separator = props.separator) !== null && _props$separator !== void 0 ? _props$separator : '/'
+          })]
+        }, index);
+      })
+    });
   },
   /** tag块 */
   tag: function tag(item, click) {
@@ -175,28 +190,32 @@ export var cellItemMap = {
       if (typeof props.color === 'string') {
         return props.color;
       }
-      return "#2db7f5";
+      return '#2db7f5';
     }();
-    return !isEmpty(props.label) || !isEmpty(props.value) ? /*#__PURE__*/React.createElement(Tag, _extends({}, props, {
+    return !isEmpty(props.label) || !isEmpty(props.value) ? /*#__PURE__*/_jsxs(Tag, _objectSpread(_objectSpread({}, props), {}, {
       color: color,
       onClick: function onClick() {
         return click === null || click === void 0 ? void 0 : click(item);
-      }
-    }), !isEmpty(props.label) ? /*#__PURE__*/React.createElement("span", {
-      title: "".concat(props.label)
-    }, "".concat(props.label)) : '', !isEmpty(props.label) && !isEmpty(props.value) ? /*#__PURE__*/React.createElement("span", {
-      style: {
-        paddingRight: 3
-      }
-    }, ":") : '', !isEmpty(props.value) ? /*#__PURE__*/React.createElement("span", {
-      title: "".concat(props.value)
-    }, "".concat(props.value)) : '') : undefined;
+      },
+      children: [!isEmpty(props.label) ? /*#__PURE__*/_jsx("span", {
+        title: "".concat(props.label),
+        children: "".concat(props.label)
+      }) : '', !isEmpty(props.label) && !isEmpty(props.value) ? /*#__PURE__*/_jsx("span", {
+        style: {
+          paddingRight: 3
+        },
+        children: ":"
+      }) : '', !isEmpty(props.value) ? /*#__PURE__*/_jsx("span", {
+        title: "".concat(props.value),
+        children: "".concat(props.value)
+      }) : '']
+    })) : undefined;
   },
   icon: function icon(item, click) {
     var _props$action;
     var props = item.props;
     if (!props) return undefined;
-    return actionRender(props, (_props$action = props.action) !== null && _props$action !== void 0 ? _props$action : 'default', /*#__PURE__*/React.createElement(Icons, {
+    return actionRender(props, (_props$action = props.action) !== null && _props$action !== void 0 ? _props$action : 'default', /*#__PURE__*/_jsx(Icons, {
       type: props.label,
       name: props.value
     }), function () {
@@ -207,12 +226,13 @@ export var cellItemMap = {
   group: function group(item, click) {
     var props = item.props;
     if (!props) return undefined;
-    return /*#__PURE__*/React.createElement("div", {
-      style: props.style
-    }, /*#__PURE__*/React.createElement(DataCell, {
-      items: props.items,
-      onClick: click
-    }));
+    return /*#__PURE__*/_jsx("div", {
+      style: props.style,
+      children: /*#__PURE__*/_jsx(DataCell, {
+        items: props.items,
+        onClick: click
+      })
+    });
   },
   'group-v2': function groupV2(item, click) {
     var _props$items;
@@ -223,11 +243,10 @@ export var cellItemMap = {
     var renderItem = function renderItem(subItem, index) {
       var count = 0;
       if (subItem.type === 'group-v2') {
-        return /*#__PURE__*/React.createElement(DataCell, {
-          key: "renderItem-".concat(index, "-").concat(count++),
+        return /*#__PURE__*/_jsx(DataCell, {
           items: [subItem],
           onClick: click
-        });
+        }, "renderItem-".concat(index, "-").concat(count++));
       }
       var ellipsis = subItem.ellipsis,
         tooltip = subItem.tooltip,
@@ -239,15 +258,15 @@ export var cellItemMap = {
         type = subItem.type,
         other = _objectWithoutProperties(subItem, _excluded);
       var renderBox = function renderBox(content) {
-        var afterContent = /*#__PURE__*/React.createElement(DataCellRowTextValue, {
+        var afterContent = /*#__PURE__*/_jsx(DataCellRowTextValue, {
           className: "data-cell-group-v2-value-item"
           // title={typeof content === 'string' ? content : ''}
           ,
           ellipsis: ellipsis,
-          key: "renderItem-".concat(index, "-").concat(count++)
-        }, content);
+          children: content
+        }, "renderItem-".concat(index, "-").concat(count++));
         if (tooltip) {
-          afterContent = /*#__PURE__*/React.createElement(Tooltip, {
+          afterContent = /*#__PURE__*/_jsx(Tooltip, {
             styles: {
               body: {
                 whiteSpace: 'pre-wrap',
@@ -256,46 +275,47 @@ export var cellItemMap = {
             },
             title: typeof tooltip === 'boolean' ? "".concat(content) : tooltip,
             arrow: false,
-            key: "renderItem-".concat(index, "-").concat(count++)
-          }, afterContent);
+            children: afterContent
+          }, "renderItem-".concat(index, "-").concat(count++));
         }
         if (copyable) {
-          afterContent = /*#__PURE__*/React.createElement(React.Fragment, null, afterContent, /*#__PURE__*/React.createElement(Typography.Paragraph, {
-            copyable: {
-              text: typeof copyable === 'string' ? copyable : "".concat(typeof content === 'string' ? content : '')
-            },
-            key: "renderItem-".concat(index, "-").concat(count++)
-          }));
+          afterContent = /*#__PURE__*/_jsxs(_Fragment, {
+            children: [afterContent, /*#__PURE__*/_jsx(Typography.Paragraph, {
+              copyable: {
+                text: typeof copyable === 'string' ? copyable : "".concat(typeof content === 'string' ? content : '')
+              }
+            }, "renderItem-".concat(index, "-").concat(count++))]
+          });
         }
         if (action === 'url') {
-          return /*#__PURE__*/React.createElement("a", {
+          return /*#__PURE__*/_jsx("a", {
             href: url,
             target: urlTarget !== null && urlTarget !== void 0 ? urlTarget : '_blank',
             style: _objectSpread({
               display: 'inline-flex'
             }, style),
-            key: "renderItem-".concat(index, "-").concat(count++)
-          }, afterContent);
+            children: afterContent
+          }, "renderItem-".concat(index, "-").concat(count++));
         }
         if (action === 'custom') {
-          return /*#__PURE__*/React.createElement("a", {
+          return /*#__PURE__*/_jsx("a", {
             href: "void",
             style: _objectSpread({
               display: 'inline-flex'
             }, style),
-            key: "renderItem-".concat(index, "-").concat(count++),
             onClick: function onClick(e) {
               e.preventDefault();
               click === null || click === void 0 || click(item, subItem);
-            }
-          }, afterContent);
+            },
+            children: afterContent
+          }, "renderItem-".concat(index, "-").concat(count++));
         }
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_jsx("div", {
           style: _objectSpread({
             display: 'inline-flex'
           }, style),
-          key: "renderItem-".concat(index, "-").concat(count++)
-        }, afterContent);
+          children: afterContent
+        }, "renderItem-".concat(index, "-").concat(count++));
       };
       switch (type) {
         case 'text':
@@ -305,7 +325,7 @@ export var cellItemMap = {
             var _ref = other,
               mediaViewerType = _ref.mediaViewerType,
               otherProps = _objectWithoutProperties(_ref, _excluded2);
-            return renderBox( /*#__PURE__*/React.createElement(MediaViewer, _extends({
+            return renderBox( /*#__PURE__*/_jsx(MediaViewer, _objectSpread({
               type: mediaViewerType
             }, otherProps)));
           }
@@ -322,18 +342,19 @@ export var cellItemMap = {
               if (typeof subItem.color === 'string') {
                 return subItem.color;
               }
-              return "#2db7f5";
+              return '#2db7f5';
             }();
-            return renderBox(isEmpty(value) ? '' : /*#__PURE__*/React.createElement(Tag, _extends({}, _otherProps, {
-              color: color
-            }), value));
+            return renderBox(isEmpty(value) ? '' : /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({}, _otherProps), {}, {
+              color: color,
+              children: value
+            })));
           }
         case 'icon':
           {
             var _ref3 = other,
               iconsType = _ref3.iconsType,
               _otherProps2 = _objectWithoutProperties(_ref3, _excluded4);
-            return renderBox( /*#__PURE__*/React.createElement(Icons, _extends({
+            return renderBox( /*#__PURE__*/_jsx(Icons, _objectSpread({
               type: iconsType
             }, _otherProps2)));
           }
@@ -341,34 +362,40 @@ export var cellItemMap = {
           break;
       }
     };
-    return /*#__PURE__*/React.createElement(DataCellRowText, {
+    return /*#__PURE__*/_jsxs(DataCellRowText, {
       className: "data-cell-group-v2-box",
-      style: props === null || props === void 0 ? void 0 : props.style
-    }, !isEmpty(props.label) ? /*#__PURE__*/React.createElement(DataCellRowTextLabel, {
-      className: "data-cell-group-v2-label",
-      title: "".concat(props.label),
-      style: props === null || props === void 0 ? void 0 : props.labelStyle
-    }, "".concat(props.label)) : '', !isEmpty(props.label) ? /*#__PURE__*/React.createElement("span", {
-      style: {
-        paddingRight: 3
-      }
-    }, ":") : '', /*#__PURE__*/React.createElement(DataCellRowTextValue, {
-      className: "data-cell-group-v2-value",
-      style: _objectSpread({
-        gap: props.itemsGap,
-        flexDirection: props.itemsDirection
-      }, props.itemsStyle)
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, (_props$items = props.items) === null || _props$items === void 0 ? void 0 : _props$items.map(function (child, index) {
-      var _props$items2;
-      var arr = [];
-      arr.push(renderItem(child, index));
-      arr.push(((_props$items2 = props.items) === null || _props$items2 === void 0 ? void 0 : _props$items2.length) - 1 === index ? undefined : !isEmpty(props.itemsSeparator) && props.itemsDirection === 'row' ? /*#__PURE__*/React.createElement("span", {
-        key: "span-".concat(index),
+      style: props === null || props === void 0 ? void 0 : props.style,
+      children: [!isEmpty(props.label) ? /*#__PURE__*/_jsx(DataCellRowTextLabel, {
+        className: "data-cell-group-v2-label",
+        title: "".concat(props.label),
+        style: props === null || props === void 0 ? void 0 : props.labelStyle,
+        children: "".concat(props.label)
+      }) : '', !isEmpty(props.label) ? /*#__PURE__*/_jsx("span", {
         style: {
-          paddingInline: 2
-        }
-      }, props.itemsSeparator) : undefined);
-      return arr;
-    }))));
+          paddingRight: 3
+        },
+        children: ":"
+      }) : '', /*#__PURE__*/_jsx(DataCellRowTextValue, {
+        className: "data-cell-group-v2-value",
+        style: _objectSpread({
+          gap: props.itemsGap,
+          flexDirection: props.itemsDirection
+        }, props.itemsStyle),
+        children: /*#__PURE__*/_jsx(_Fragment, {
+          children: (_props$items = props.items) === null || _props$items === void 0 ? void 0 : _props$items.map(function (child, index) {
+            var _props$items2;
+            var arr = [];
+            arr.push(renderItem(child, index));
+            arr.push(((_props$items2 = props.items) === null || _props$items2 === void 0 ? void 0 : _props$items2.length) - 1 === index ? undefined : !isEmpty(props.itemsSeparator) && props.itemsDirection === 'row' ? /*#__PURE__*/_jsx("span", {
+              style: {
+                paddingInline: 2
+              },
+              children: props.itemsSeparator
+            }, "span-".concat(index)) : undefined);
+            return arr;
+          })
+        })
+      })]
+    });
   }
 };

package/dist/components/data-cell/types.d.ts

@@ -1,6 +1,6 @@
-import { GetProps, Tag } from "antd";
-import { HTMLAttributeAnchorTarget } from "react";
 import { Icons, MediaViewer } from "../..";
+import { GetProps, Tag } from 'antd';
+import { HTMLAttributeAnchorTarget } from 'react';
 /** 组件props */
 export interface IDataCellProps {
     /** 每一行展示内容 */
@@ -76,13 +76,13 @@ export interface ICellPropsMap {
          */
         separator?: string;
     };
-    'icon': {
+    icon: {
         /** 类型 */
         label?: GetProps<typeof Icons>['type'];
         /** 图标 */
         value?: string;
     } & Omit<GetProps<typeof Icons>, 'type' | 'name'> & TCellActionExtend;
-    'group': {
+    group: {
         items: Array<Omit<IDataCellItem<TDataCellType>, 'extra'>>;
         /** 样式 */
         style?: React.CSSProperties;
@@ -113,19 +113,19 @@ export type TGroupV2 = {
          * @default 2
          */
         itemsGap?: number | string;
-        items: Array<{
+        items: Array<({
             type?: 'text';
             value?: React.ReactNode;
-        } & ICommonGroupV2 | {
+        } & ICommonGroupV2) | ({
             type?: 'img';
             mediaViewerType?: GetProps<typeof MediaViewer>['type'];
-        } & ICommonGroupV2 & Omit<GetProps<typeof MediaViewer>, 'type'> | {
+        } & ICommonGroupV2 & Omit<GetProps<typeof MediaViewer>, 'type'>) | ({
             type?: 'tag';
             value?: React.ReactNode;
-        } & ICommonGroupV2 & Omit<GetProps<typeof Tag>, 'children'> | {
+        } & ICommonGroupV2 & Omit<GetProps<typeof Tag>, 'children'>) | ({
             type?: 'icon';
             iconsType?: GetProps<typeof Icons>['type'];
-        } & ICommonGroupV2 & Omit<GetProps<typeof Icons>, 'type'> | TGroupV2>;
+        } & ICommonGroupV2 & Omit<GetProps<typeof Icons>, 'type'>) | TGroupV2>;
     };
     /** 顶层样式 */
     rootStyle?: React.CSSProperties;