@hw-component/table 1.9.69 → 1.9.71

package/es/HTableBody/index.js

@@ -167,7 +167,11 @@ var Body = (function (bodyProps) {
           rowKey: rowKey,
           dataSource: records,
           pagination: false
-        })), pagination !== false && jsx(HTablePagination, _objectSpread({
+        })), pagination === false ? jsx("div", {
+          style: {
+            paddingBottom: 24
+          }
+        }) : jsx(HTablePagination, _objectSpread({
           onPageChange: onPageChange,
           paginationStyle: paginationStyle,
           affixProps: affixProps,

package/es/render/TagsComponent.d.ts

@@ -16,6 +16,7 @@ interface IProps {
     tableInstance?: HTableInstance;
     maxLen?: number | null;
     popoverContentRender?: (node: React.ReactNode) => React.ReactNode;
+    contentItemRender?: (item: any) => React.ReactNode;
 }
 declare const TagsComponent: (props: IProps) => JSX.Element;
 export default TagsComponent;

package/es/render/TagsComponent.js

@@ -17,6 +17,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Row, Tooltip, Tag, Popover } from 'antd';
 import { useMemo } from 'react';
 
+var _excluded = ["contentItemRender"];
 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 ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -68,6 +69,8 @@ var TagsComponent = function TagsComponent(props) {
     tagData = _useMemo.tagData,
     moreTag = _useMemo.moreTag;
   var moreLen = moreTag === null || moreTag === void 0 ? void 0 : moreTag.length;
+  var contentItemRender = props.contentItemRender,
+    childProps = _objectWithoutProperties(props, _excluded);
   return jsxs(Row, {
     gutter: [0, 8],
     children: [tagData === null || tagData === void 0 ? void 0 : _mapInstanceProperty(tagData).call(tagData, function (tagItem, index) {
@@ -87,7 +90,7 @@ var TagsComponent = function TagsComponent(props) {
               e.preventDefault();
               _onClose === null || _onClose === void 0 || _onClose(indexKey, tableInstance);
             },
-            children: tagItem
+            children: contentItemRender ? contentItemRender(tagItem) : tagItem
           }), indexKey)
         }));
       }
@@ -103,13 +106,13 @@ var TagsComponent = function TagsComponent(props) {
             e.preventDefault();
             cuTagProps === null || cuTagProps === void 0 || cuTagProps.onClose(cuKey, tableInstance);
           },
-          children: tagLabel
+          children: contentItemRender ? contentItemRender(tagLabel) : tagLabel
         }), cuKey)
       }));
     }), !moreLen ? null : jsx(Popover, {
-      content: popoverContentRender ? popoverContentRender(jsx(TagsComponent, _objectSpread(_objectSpread({}, props), {}, {
+      content: popoverContentRender ? popoverContentRender(jsx(TagsComponent, _objectSpread(_objectSpread({}, childProps), {}, {
         maxLen: null
-      }))) : jsx(TagsComponent, _objectSpread(_objectSpread({}, props), {}, {
+      }))) : jsx(TagsComponent, _objectSpread(_objectSpread({}, childProps), {}, {
         maxLen: null
       })),
       children: jsxs(Tag, {

package/lib/HTableBody/index.js

@@ -170,7 +170,11 @@ var Body = (function (bodyProps) {
           rowKey: rowKey,
           dataSource: records,
           pagination: false
-        })), pagination !== false && jsxRuntime.jsx(index$3.default, _objectSpread({
+        })), pagination === false ? jsxRuntime.jsx("div", {
+          style: {
+            paddingBottom: 24
+          }
+        }) : jsxRuntime.jsx(index$3.default, _objectSpread({
           onPageChange: onPageChange,
           paginationStyle: paginationStyle,
           affixProps: affixProps,

package/lib/render/TagsComponent.d.ts

@@ -16,6 +16,7 @@ interface IProps {
     tableInstance?: HTableInstance;
     maxLen?: number | null;
     popoverContentRender?: (node: React.ReactNode) => React.ReactNode;
+    contentItemRender?: (item: any) => React.ReactNode;
 }
 declare const TagsComponent: (props: IProps) => JSX.Element;
 export default TagsComponent;

package/lib/render/TagsComponent.js

@@ -20,6 +20,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var React = require('react');
 
+var _excluded = ["contentItemRender"];
 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 ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -71,6 +72,8 @@ var TagsComponent = function TagsComponent(props) {
     tagData = _useMemo.tagData,
     moreTag = _useMemo.moreTag;
   var moreLen = moreTag === null || moreTag === void 0 ? void 0 : moreTag.length;
+  var contentItemRender = props.contentItemRender,
+    childProps = _objectWithoutProperties(props, _excluded);
   return jsxRuntime.jsxs(antd.Row, {
     gutter: [0, 8],
     children: [tagData === null || tagData === void 0 ? void 0 : _mapInstanceProperty(tagData).call(tagData, function (tagItem, index) {
@@ -90,7 +93,7 @@ var TagsComponent = function TagsComponent(props) {
               e.preventDefault();
               _onClose === null || _onClose === void 0 || _onClose(indexKey, tableInstance);
             },
-            children: tagItem
+            children: contentItemRender ? contentItemRender(tagItem) : tagItem
           }), indexKey)
         }));
       }
@@ -106,13 +109,13 @@ var TagsComponent = function TagsComponent(props) {
             e.preventDefault();
             cuTagProps === null || cuTagProps === void 0 || cuTagProps.onClose(cuKey, tableInstance);
           },
-          children: tagLabel
+          children: contentItemRender ? contentItemRender(tagLabel) : tagLabel
         }), cuKey)
       }));
     }), !moreLen ? null : jsxRuntime.jsx(antd.Popover, {
-      content: popoverContentRender ? popoverContentRender(jsxRuntime.jsx(TagsComponent, _objectSpread(_objectSpread({}, props), {}, {
+      content: popoverContentRender ? popoverContentRender(jsxRuntime.jsx(TagsComponent, _objectSpread(_objectSpread({}, childProps), {}, {
         maxLen: null
-      }))) : jsxRuntime.jsx(TagsComponent, _objectSpread(_objectSpread({}, props), {}, {
+      }))) : jsxRuntime.jsx(TagsComponent, _objectSpread(_objectSpread({}, childProps), {}, {
         maxLen: null
       })),
       children: jsxRuntime.jsxs(antd.Tag, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "1.9.69",
+  "version": "1.9.71",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"

package/src/components/HTableBody/index.tsx

@@ -100,7 +100,6 @@ export default (bodyProps: HTableBodyProps) => {
     table: tableInstance,
     localSorter,
   });
-
   return (
     <div style={defaultTableStyle} className={`hw_table_body  ${className}`}>
       <Space size={16} direction={"vertical"} style={{ width: "100%" }}>
@@ -140,7 +139,7 @@ export default (bodyProps: HTableBodyProps) => {
             dataSource={records}
             pagination={false}
           />
-          {pagination !== false && (
+          {pagination === false?<div style={{paddingBottom:24}}/>:(
             <HTablePagination
               onPageChange={onPageChange}
               paginationStyle={paginationStyle}

package/src/components/render/TagsComponent.tsx

@@ -14,6 +14,7 @@ interface IProps {
   tableInstance?: HTableInstance;
   maxLen?: number | null;
   popoverContentRender?:(node:React.ReactNode)=>React.ReactNode;
+  contentItemRender?:(item:any)=>React.ReactNode;
 }
 const getTooltipProps = (
   title: string,
@@ -62,7 +63,7 @@ const TagsComponent = (props: IProps) => {
     };
   }, [data, maxLen]);
   const moreLen = moreTag?.length;
-
+  const {contentItemRender,...childProps}=props;
   return (
     <Row gutter={[0, 8]}>
       {tagData?.map((tagItem, index) => {
@@ -85,7 +86,7 @@ const TagsComponent = (props: IProps) => {
                   onClose?.(indexKey, tableInstance);
                 }}
               >
-                {tagItem}
+                {contentItemRender?contentItemRender(tagItem):tagItem}
               </Tag>
             </Tooltip>
           );
@@ -107,13 +108,13 @@ const TagsComponent = (props: IProps) => {
                 cuTagProps?.onClose(cuKey, tableInstance);
               }}
             >
-              {tagLabel}
+              {contentItemRender?contentItemRender(tagLabel):tagLabel}
             </Tag>
           </Tooltip>
         );
       })}
       {!moreLen ? null : (
-        <Popover content={popoverContentRender?popoverContentRender(<TagsComponent {...props} maxLen={null} />):<TagsComponent {...props} maxLen={null} />}>
+        <Popover content={popoverContentRender?popoverContentRender(<TagsComponent {...childProps} maxLen={null} />):<TagsComponent {...childProps} maxLen={null} />}>
           <Tag>...等{data.length}个</Tag>
         </Popover>
       )}