@cqsjjb/jjb-react-admin-component 3.0.13 → 3.0.14

package/Table/index.js

@@ -24,7 +24,7 @@ export default function TablePro(props) {
           const tBodyNativeRect = tBody.getBoundingClientRect();
           const tFooterAbsRect = getElementAbsRect(tFooter);
           const tPaginationAbsRect = getElementAbsRect(tPagination);
-          const gap = 24;
+          const gap = 38;
           const height = window.innerHeight - (gap + tBodyNativeRect.y + tFooterAbsRect.absHeight + tPaginationAbsRect.absHeight);
           setTableHeight(height);
         }, 100);

package/Table/index.mjs

@@ -32,7 +32,7 @@ export default function TablePro(props) {
           const tFooterAbsRect = getElementAbsRect(tFooter);
           const tPaginationAbsRect = getElementAbsRect(tPagination);
 
-          const gap = 24;
+          const gap = 38;
 
           const height = window.innerHeight - (
             gap +

package/TableAction/index.d.ts

@@ -0,0 +1,16 @@
+// @ts-ignore
+import * as React from 'react';
+import { ComponentProps } from '../types';
+
+interface TableActionProps extends ComponentProps {
+  // 每行最多显示多少个操作项，默认3
+  maximum?: number;
+  // 每个操作项之间的间距，默认8
+  space?: number;
+}
+
+interface TableActionFc extends React.FC<TableActionProps> {
+}
+
+declare const TableAction: TableActionFc;
+export default TableAction;

package/TableAction/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { tools } from '@cqsjjb/jjb-common-lib';
+import { MoreOutlined } from '@ant-design/icons';
+import { Dropdown, Space } from 'antd';
+export default function TableAction(props) {
+  const maximum = props.maximum || 3;
+  const children = tools.isArray(props.children) ? props.children : [].concat(props.children);
+  const showArray = children.slice(0, maximum);
+  const hideArray = children.slice(maximum);
+  return /*#__PURE__*/React.createElement(Space, {
+    size: props.space
+  }, showArray, hideArray.length !== 0 && /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: hideArray.map((record, index) => {
+        return {
+          key: index,
+          label: record
+        };
+      })
+    }
+  }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(MoreOutlined, null))));
+}

package/TableAction/index.mjs

@@ -0,0 +1,36 @@
+import React from 'react';
+
+import { tools } from '@cqsjjb/jjb-common-lib';
+import { MoreOutlined } from '@ant-design/icons';
+import { Dropdown, Space } from 'antd';
+
+export default function TableAction(props) {
+  const maximum = props.maximum || 3;
+  const children = (tools.isArray(props.children)
+    ? props.children
+    : [].concat(props.children));
+  const showArray = children.slice(0, maximum);
+  const hideArray = children.slice(maximum);
+
+  return (
+    <Space size={props.space}>
+      {showArray}
+      {hideArray.length !== 0 && (
+        <Dropdown
+          menu={{
+            items: hideArray.map((record, index) => {
+              return {
+                key: index,
+                label: record
+              };
+            })
+          }}
+        >
+          <a>
+            <MoreOutlined />
+          </a>
+        </Dropdown>
+      )}
+    </Space>
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqsjjb/jjb-react-admin-component",
-  "version": "3.0.13",
+  "version": "3.0.14",
   "description": "jjb-react-admin-组件库@new",
   "main": "index.js",
   "author": "jjb-front-team",