@quansitech/antd-admin 1.0.0 → 1.1.0

package/components/Table/Action/types.d.ts

@@ -1,7 +1,8 @@
-export type TableActionProps = {
-    type: string,
-    title: string,
-    props?: Record<string, any>,
-    relateSelection?: boolean,
-    selectedRows?: any[],
+export type TableActionProps = {
+    type: string,
+    title: string,
+    props?: Record<string, any>,
+    relateSelection?: boolean,
+    selectedRows?: any[],
+    badge?: string | number,
 }

package/components/Table/ToolbarActions.tsx

@@ -1,39 +1,44 @@
-import {lazy, useEffect, useState} from "react";
-import container from "../../lib/container";
-import {ReactComponentLike} from "prop-types";
-import {Space} from "antd";
-import {TableActionProps} from "./Action/types";
-import upperFirst from "lodash/upperFirst";
-
-export default function ({
-                             actions,
-                             selectedRows,
-                         }: {
-    actions: TableActionProps[],
-    selectedRows?: any[]
-}) {
-    const [components, setComponents] = useState<{
-        Component: ReactComponentLike,
-        props: TableActionProps,
-    }[]>([])
-
-    useEffect(() => {
-        setComponents(actions.map(a => {
-            return {
-                Component: lazy(container.get('Table.Action.' + upperFirst(a.type))),
-                props: {
-                    ...a,
-                },
-            }
-        }))
-
-    }, []);
-
-    return <>
-        <Space wrap={true}>
-            {components.map(c => (
-                <c.Component key={c.props.title} {...c.props} selectedRows={selectedRows}></c.Component>
-            ))}
-        </Space>
-    </>
+import {lazy, useEffect, useState} from "react";
+import container from "../../lib/container";
+import {ReactComponentLike} from "prop-types";
+import {Badge, Space} from "antd";
+import {TableActionProps} from "./Action/types";
+import {upperFirst} from "lodash";
+
+export default function ({
+                             actions,
+                             selectedRows,
+                         }: {
+    actions: TableActionProps[],
+    selectedRows?: any[]
+}) {
+    const [components, setComponents] = useState<{
+        Component: ReactComponentLike,
+        props: TableActionProps,
+    }[]>([])
+
+    useEffect(() => {
+        setComponents(actions.map(a => {
+            return {
+                Component: lazy(container.get('Table.Action.' + upperFirst(a.type))),
+                props: {
+                    ...a,
+                },
+            }
+        }))
+
+    }, []);
+
+
+    return <>
+        <Space wrap={true}>
+            {components.map(c => (
+                c.props.badge ?
+                    <Badge key={c.props.title} count={c.props.badge} style={{zIndex: 100}}>
+                        <c.Component {...c.props} selectedRows={selectedRows}></c.Component>
+                    </Badge> :
+                    <c.Component key={c.props.title} {...c.props} selectedRows={selectedRows}></c.Component>
+            ))}
+        </Space>
+    </>
 }

package/components/Table.scss

@@ -1,7 +1,4 @@
-//.qs-antd-table {
-//  table thead {
-//    position: sticky;
-//    top: 50px;
-//    z-index: 1;
-//  }
-//}
+.ant-table-tbody > tr > td {
+  word-wrap: break-word;
+  word-break: break-all;
+}