@hw-component/table 1.10.11 → 1.10.13

package/src/components/index.less

@@ -1,113 +1,115 @@
 @import "./styles/local.less";
-.@{ant-prefix}-hw-table-content{
-  .@{ant-prefix}-hw-table-body{
-     padding-top: 0px;
-    border-top-left-radius: 0px;
-    border-top-right-radius: 0px;
+.@{ant-prefix}-hw-table-content {
+  .@{ant-prefix}-hw-table-body {
+    padding-top: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
   }
-  .@{ant-prefix}-hw-table-header{
-    border-bottom-left-radius: 0px !important;
-    border-bottom-right-radius: 0px !important;
+  .@{ant-prefix}-hw-table-header {
+    border-bottom-right-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
   }
 }
 .@{ant-prefix}-hw-table-body {
-  background-color: #fff;
   position: relative;
+  padding-top: 16px;
   padding-right: 20px;
   padding-left: 20px;
-  padding-top: 16px;
+  background-color: #fff;
   border-radius: 4px;
-  .@{ant-prefix}-hw-table-pagination{
+  .@{ant-prefix}-hw-table-pagination {
+    margin-right: -20px;
+    margin-left: -20px;
     padding: 12px 24px;
-    background-color:#ffffff;
-    border-bottom-left-radius: 4px;
+    background-color: #fff;
     border-bottom-right-radius: 4px;
-    margin-left: -20px;
-    margin-right: -20px;
-    .@{ant-prefix}-select{
+    border-bottom-left-radius: 4px;
+    .@{ant-prefix}-select {
       width: auto;
     }
   }
-  .@{ant-prefix}-pro-card-body{
-   padding-bottom: 0px;
+  .@{ant-prefix}-pro-card-body {
+    padding-bottom: 0;
   }
-  .@{ant-prefix}-pro-table-list-toolbar-container{
-        padding-top: 0px;
+  .@{ant-prefix}-pro-table-list-toolbar-container {
+    padding-top: 0;
   }
-  .@{ant-prefix}-pro-table>.@{ant-prefix}-pro-card>.@{ant-prefix}-pro-card-body{
-      padding: 0px;
+  .@{ant-prefix}-pro-table
+    > .@{ant-prefix}-pro-card
+    > .@{ant-prefix}-pro-card-body {
+    padding: 0;
   }
 }
-.@{ant-prefix}-hw-table-pagination{
+.@{ant-prefix}-hw-table-pagination {
+  position: relative;
   padding: 12px 24px;
-   border-radius: 4px;
-   background-color: #ffffff;
-   position: relative;
+  background-color: #fff;
+  border-radius: 4px;
 }
 
-.@{ant-prefix}-hw-top-btn{
-   position: absolute;
-   right: 10px;
-   bottom: 54px;
-   z-index: 9;
-   cursor: pointer;
-   width: 48px;
-   height: 48px;
-   background: url("./GoTop/goTop.png") no-repeat;
-   background-size: 100%;
-}
-.@{ant-prefix}-hw-table-header{
+.@{ant-prefix}-hw-top-btn {
+  position: absolute;
+  right: 10px;
+  bottom: 54px;
+  z-index: 9;
+  width: 48px;
+  height: 48px;
+  background: url("./GoTop/goTop.png") no-repeat;
+  background-size: 100%;
+  cursor: pointer;
+}
+.@{ant-prefix}-hw-table-header {
+  padding-bottom: 0;
   border-radius: 4px !important;
-  padding-bottom: 0px;
-  .@{ant-prefix}-hw-table-header-item-hide{
+  .@{ant-prefix}-hw-table-header-item-hide {
     display: none;
   }
-  .@{ant-prefix}-card-body{
-     padding:24px 20px
+  .@{ant-prefix}-card-body {
+    padding: 24px 20px;
   }
-  .@{ant-prefix}-form-item{
-     margin-bottom: 16px;
+  .@{ant-prefix}-form-item {
+    margin-bottom: 16px;
   }
 }
 
-.@{ant-prefix}-hw-table-body-option-icon{
- font-size: 16px;
+.@{ant-prefix}-hw-table-body-option-icon {
+  font-size: 16px;
 }
-.@{ant-prefix}-hw-table-body-option-setting-content{
+.@{ant-prefix}-hw-table-body-option-setting-content {
   width: 198px;
   margin: -10px -16px;
 }
-.@{ant-prefix}-hw-table-body-option-setting-title{
+.@{ant-prefix}-hw-table-body-option-setting-title {
   width: 198px;
-  margin: 0px -16px;
+  margin: 0 -16px;
   padding: 6px 8px;
 }
-.@{ant-prefix}-hw-table-body-option-setting-content-title{
+.@{ant-prefix}-hw-table-body-option-setting-content-title {
   display: flex;
 }
-.@{ant-prefix}-hw-table-op-tree-content{
-  padding: 6px 6px 6px 0px;
+.@{ant-prefix}-hw-table-op-tree-content {
   width: 100%;
+  padding: 6px 6px 6px 0;
 }
-.@{ant-prefix}-hw-table-body-option-tree{
-  .@{ant-prefix}-tree-treenode{
-     width: 100%;
+.@{ant-prefix}-hw-table-body-option-tree {
+  .@{ant-prefix}-tree-treenode {
+    width: 100%;
     padding-left: 24px !important;
   }
-  .@{ant-prefix}-tree-node-content-wrapper{
+  .@{ant-prefix}-tree-node-content-wrapper {
     flex: 1;
   }
-  .@{ant-prefix}-tree-switcher{
-    width: 0px;
+  .@{ant-prefix}-tree-switcher {
+    width: 0;
   }
-  .@{ant-prefix}-tree-treenode-draggable{
-      padding-left: 0px !important;
+  .@{ant-prefix}-tree-treenode-draggable {
+    padding-left: 0 !important;
   }
 }
-.@{ant-prefix}-hw-table-pointer{
+.@{ant-prefix}-hw-table-pointer {
   cursor: pointer;
-  &:hover{
-    color:#1890ff;
+  &:hover {
+    color: #1890ff;
   }
 }
 .@{ant-prefix}-hw-table-pointer-not-hover {
@@ -115,49 +117,47 @@
 }
 
 .@{ant-prefix}-hw-table-header-title-box {
-  flex: 1;
-  display: flex;
   position: relative;
+  display: flex;
+  flex: 1;
   box-sizing: border-box;
-  margin: -10px 0px;
-  padding: 10px 0px;
- .@{ant-prefix}-hw-table-header-title-box-content {
+  margin: -10px 0;
+  padding: 10px 0;
+  .@{ant-prefix}-hw-table-header-title-box-content {
     white-space: nowrap;
- }
+  }
 }
-.@{ant-prefix}-hw-table-header-title{
+.@{ant-prefix}-hw-table-header-title {
   display: flex;
-  justify-content: space-between;
   align-content: center;
+  justify-content: space-between;
 }
-.@{ant-prefix}-hw-table-header-right-node{
-  padding-left: 12px;
+.@{ant-prefix}-hw-table-header-right-node {
   display: flex;
   align-items: center;
+  padding-left: 12px;
 }
 
-.@{ant-prefix}-hw-table-render-copy{
- margin-bottom: 0 !important;
- color:@primary-color !important;
- cursor: pointer;
+.@{ant-prefix}-hw-table-render-copy {
+  margin-bottom: 0 !important;
+  color: @primary-color !important;
+  cursor: pointer;
 }
 
-.@{ant-prefix}-hw-table-render-text-basic{
+.@{ant-prefix}-hw-table-render-text-basic {
   width: 100%;
 }
 
-.@{ant-prefix}-hw-table-col-hr{
-  &:after{
+.@{ant-prefix}-hw-table-col-hr {
+  &::after {
     position: absolute;
-    top: 50%;
-    left: 0;
-    width: 1px;
+    top: 50% !important;
+    left: 0 !important;
+    width: 1px !important;
     height: 1.6em;
     background-color: rgba(0, 0, 0, 0.06);
-    transform: translateY(-50%);
+    transform: translateY(-50%) !important;
     transition: background-color 0.3s;
-    content: '';
+    content: "";
   }
 }
-
-

package/src/components/modal.ts

@@ -30,7 +30,7 @@ export interface ParamsModal extends Record<string, any> {
   size?: number;
   current?: number;
 }
-interface HColumns extends Omit<ProColumns, "render" | "title"> {
+interface HColumns extends Omit<ProColumns, "render" | "title" | "children"> {
   render?: (
     dom: React.ReactNode,
     data: any,
@@ -48,6 +48,7 @@ interface HColumns extends Omit<ProColumns, "render" | "title"> {
   rowSelectionTitle?: boolean;
   title?: string | React.ReactNode;
   valueTypeProps?: Record<string, any>;
+  children?: ConfigItemModal[];
 }
 interface BcItemModal {
   childrenDataIndex?: ConfigItemModal[] | string[];

package/src/pages/DwTable/index.tsx

@@ -167,8 +167,8 @@ export default () => {
       </Button>
       <HDwTable
         dialogTable={dialogTable}
-        request={(value)=>{
-           console.log(value)
+        request={(value) => {
+          console.log(value);
         }}
         width={1200}
         configData={configData}

package/src/pages/EditTable/index.tsx

@@ -7,67 +7,60 @@ const dataSource = [
     id: 1,
     title: "1",
     time: "1757574280",
-  },
-  {
-    id: 2,
-    title: "2",
-  },
-  {
-    id: 3,
-    title: "3",
-  },
-  {
-    id: 4,
-    title: "4",
-  },
-  {
-    id: 5,
-    title: "5",
-  },
+  }
 ];
 export default () => {
   const defaultActionRef = useRef<ActionType>();
   const [cuData, setCuData] = useState(dataSource);
+  console.log(defaultActionRef,"defaultActionRef")
   return (
-    <HEditTable
-      actionRef={defaultActionRef}
-      onAdd={async (data) => {
-        const newData = [...cuData];
-      }}
-      onEdit={async (data) => {}}
-      request={async () => {
-        return {
-          records: [
-            {
-              id: "213213",
-              title: "100",
-            },
-          ],
-          current: "1",
-          size: "10",
-          total: "10",
-        };
-      }}
-      configData={[
-        { title: "标题", dataIndex: "title" },
-        { title: "标题2", dataIndex: "time", valueType: "date" },
-        {
-          title: "操作",
-          valueType: "option",
-          align: "center",
-          render: (text: any, record: any, _: any, action: any) => [
-            <a
-              key="editable"
-              type={"link"}
-              onClick={() => {
-                action?.startEditable?.(record.id);
-              }}
-            >
-              编辑
-            </a>,
-          ],
-        },
-      ]}
-    />
+    <div>
+        <div onClick={()=>{
+            defaultActionRef.current?.reload();
+        }}>刷新</div>
+        <HEditTable
+            actionRef={defaultActionRef}
+            manual
+            onAdd={async (data) => {
+                const newData = [...cuData];
+                newData.push({
+                    id:new Date().valueOf(),
+                    ...data
+                });
+                setCuData(newData);
+            }}
+            onEdit={async (data) => {}}
+            request={()=>{
+                console.log("rrrrr")
+                return {
+                    records:[{
+                        id: 1,
+                        title: "1",
+                        time: "1757574280",
+                    }]
+                }
+            }}
+            configData={[
+                { title: "标题", dataIndex: "title" },
+                { title: "标题2", dataIndex: "time", valueType: "date" },
+                {
+                    title: "操作",
+                    valueType: "option",
+                    align: "center",
+                    render: (text: any, record: any, index: any, action: any) => [
+                        <a
+                            key="editable"
+                            type={"link"}
+                            onClick={() => {
+                                action?.startEditable?.(record.id);
+                            }}
+                        >
+                            编辑
+                        </a>
+                    ],
+                },
+            ]}
+        />
+    </div>
   );
 };

package/src/pages/Table/index.tsx

@@ -59,7 +59,6 @@ export const configData = [
     title: "短信接收手机号",
     dataIndex: "mobileList",
     width: 120,
-    valueType: "tags",
     searchType: "rangePicker",
     showSearch: true,
     shouldUpdate: (p, c) => {
@@ -67,20 +66,9 @@ export const configData = [
     },
   },
   {
-    title: "图片",
+    title: "321312",
     dataIndex: "img",
     width: 120,
-    valueType: "image",
-  },
-  {
-    title: "图片123",
-    dataIndex: "img123",
-    width: 120,
-    valueType: "image",
-    valueTypeProps: {
-      fallback:
-        "data:image/png;base64,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",
-    },
   },
   {
     title: "操作",
@@ -214,6 +202,7 @@ export default () => {
               for (let i = 0; i < 10; i += 1) {
                 records.push({
                   id: `${current}-${i}`,
+                  lastPullGroupTime: 1760420231,
                 });
               }
               console.log(records);