@hw-component/table 1.10.6 → 1.10.7

package/src/components/render/TagsComponent.tsx

@@ -4,7 +4,7 @@ import type { TooltipProps } from "antd/lib/tooltip";
 import type { HTableInstance } from "../modal";
 
 type CloseFn = (key: string, tableInstance?: HTableInstance) => void;
-type TooltipRender=(item:any)=>TooltipProps;
+type TooltipRender = (item: any) => TooltipProps;
 
 interface IProps {
   data: any[];
@@ -12,7 +12,7 @@ interface IProps {
   onClose?: CloseFn;
   color?: string;
   icon?: React.ReactNode;
-  tooltip?: boolean | TooltipProps|TooltipRender;
+  tooltip?: boolean | TooltipProps | TooltipRender;
   fieldNames?: { label?: string; value?: string };
   tableInstance?: HTableInstance;
   maxLen?: number | null;
@@ -22,9 +22,9 @@ interface IProps {
 }
 const getTooltipProps = (
   item: any,
-  tooltip?: boolean | TooltipProps|TooltipRender
+  tooltip?: boolean | TooltipProps | TooltipRender
 ): TooltipProps => {
-  const {title}=item;
+  const { title } = item;
   if (!tooltip) {
     return {
       title: null,
@@ -36,7 +36,7 @@ const getTooltipProps = (
     };
   }
   if (typeof tooltip === "function") {
-     return  tooltip(item);
+    return tooltip(item);
   }
   return {
     ...tooltip,
@@ -84,7 +84,7 @@ const TagsComponent = (props: IProps) => {
         };
         const indexKey = index.toString();
         if (typeof tagItem === "string") {
-          const tooltipProps = getTooltipProps({title:tagItem}, tooltip);
+          const tooltipProps = getTooltipProps({ title: tagItem }, tooltip);
           return (
             <Tooltip {...tooltipProps}>
               <Tag
@@ -101,7 +101,10 @@ const TagsComponent = (props: IProps) => {
           );
         }
         const { [label]: tagLabel, [value]: tagValue, ...itemProps } = tagItem;
-        const tooltipProps =  getTooltipProps({title:tagLabel,value:tagValue,...itemProps}, tooltip);
+        const tooltipProps = getTooltipProps(
+          { title: tagLabel, value: tagValue, ...itemProps },
+          tooltip
+        );
         const cuTagProps = {
           ...tagProps,
           ...itemProps,

package/src/pages/Table/index.tsx

@@ -157,11 +157,14 @@ export default () => {
   const [keys, setKeys] = useState([]);
   return (
     <HFormConfigProvider>
-      <TagsComponent data={["213123"]} tooltip={()=>{
-        return {
-          title:"3123"
-        }
-      }}/>
+      <TagsComponent
+        data={["213123"]}
+        tooltip={() => {
+          return {
+            title: "3123",
+          };
+        }}
+      />
       <div>
         <div
           onClick={() => {
@@ -173,12 +176,9 @@ export default () => {
         <HTableConfig defaultSelectedRowClassName={null}>
           <HTable
             configData={configData}
-            configItemRender={(data)=>{
-               console.log(data)
-              return data;
-            }}
-            rowKey={(rowData, index) => {
-              return index;
+            configItemRender={(d1) => {
+              console.log(d1);
+              return d1;
             }}
             table={hTable}
             labelWidth={88}
@@ -189,6 +189,11 @@ export default () => {
             }}
             rowSelection={{
               preserveSelectedRowKeys: true,
+              allPageCheck: false,
+              onChange: (keys, data)=>{
+                  console.log(keys, data);
+              },
+              allCheckType: "batch",
             }}
             affixProps={{
               target: () => document.querySelector(".body"),
@@ -203,10 +208,21 @@ export default () => {
             formInitValues={{
               select: "orderNo",
             }}
-            dataSource={[{}, {}, {}]}
             request={(params) => {
-              console.log(params);
-              return Promise.resolve({});
+              const { current } = params;
+              const records = [];
+              for (let i = 0; i < 10; i += 1) {
+                records.push({
+                  id: `${current}-${i}`,
+                });
+              }
+              console.log(records);
+              return Promise.resolve({
+                current: "1",
+                size: "10",
+                total: "100",
+                records,
+              });
             }}
             headerTitle={
               <Space size={8}>
@@ -225,7 +241,6 @@ export default () => {
                 </div>
               </Space>
             }
-            pagination={false}
           />
         </HTableConfig>
       </div>