@hw-component/table 1.10.12 → 1.10.15

package/src/components/index.less

@@ -1,77 +1,79 @@
 @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;
+    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;
+    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 {
+    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: 0;
+    padding-bottom: 0;
   }
   .@{ant-prefix}-pro-table-list-toolbar-container {
-        padding-top: 0;
+    padding-top: 0;
   }
-  .@{ant-prefix}-pro-table>.@{ant-prefix}-pro-card>.@{ant-prefix}-pro-card-body {
-      padding: 0;
+  .@{ant-prefix}-pro-table
+    > .@{ant-prefix}-pro-card
+    > .@{ant-prefix}-pro-card-body {
+    padding: 0;
   }
 }
 .@{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%;
+  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 {
-  border-radius: 4px !important;
   padding-bottom: 0;
+  border-radius: 4px !important;
   .@{ant-prefix}-hw-table-header-item-hide {
     display: none;
   }
   .@{ant-prefix}-card-body {
-     padding:24px 20px
+    padding: 24px 20px;
   }
   .@{ant-prefix}-form-item {
-     margin-bottom: 16px;
+    margin-bottom: 16px;
   }
 }
 
 .@{ant-prefix}-hw-table-body-option-icon {
- font-size: 16px;
+  font-size: 16px;
 }
 .@{ant-prefix}-hw-table-body-option-setting-content {
   width: 198px;
@@ -79,19 +81,19 @@
 }
 .@{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 {
   display: flex;
 }
 .@{ant-prefix}-hw-table-op-tree-content {
-  padding: 6px 6px 6px 0;
   width: 100%;
+  padding: 6px 6px 6px 0;
 }
 .@{ant-prefix}-hw-table-body-option-tree {
-  .@{ant-prefix}-tree-treenode{
-     width: 100%;
+  .@{ant-prefix}-tree-treenode {
+    width: 100%;
     padding-left: 24px !important;
   }
   .@{ant-prefix}-tree-node-content-wrapper {
@@ -101,13 +103,13 @@
     width: 0;
   }
   .@{ant-prefix}-tree-treenode-draggable {
-      padding-left: 0 !important;
+    padding-left: 0 !important;
   }
 }
 .@{ant-prefix}-hw-table-pointer {
   cursor: pointer;
-  &:hover{
-    color:#1890ff;
+  &:hover {
+    color: #1890ff;
   }
 }
 .@{ant-prefix}-hw-table-pointer-not-hover {
@@ -115,31 +117,31 @@
 }
 
 .@{ant-prefix}-hw-table-header-title-box {
-  flex: 1;
-  display: flex;
   position: relative;
+  display: flex;
+  flex: 1;
   box-sizing: border-box;
   margin: -10px 0;
   padding: 10px 0;
- .@{ant-prefix}-hw-table-header-title-box-content {
+  .@{ant-prefix}-hw-table-header-title-box-content {
     white-space: nowrap;
- }
+  }
 }
 .@{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;
   display: flex;
   align-items: center;
+  padding-left: 12px;
 }
 
 .@{ant-prefix}-hw-table-render-copy {
- margin-bottom: 0 !important;
- color:@primary-color !important;
- cursor: pointer;
+  margin-bottom: 0 !important;
+  color: @primary-color !important;
+  cursor: pointer;
 }
 
 .@{ant-prefix}-hw-table-render-text-basic {
@@ -147,7 +149,7 @@
 }
 
 .@{ant-prefix}-hw-table-col-hr {
-  &:after {
+  &::after {
     position: absolute;
     top: 50% !important;
     left: 0 !important;
@@ -156,8 +158,6 @@
     background-color: rgba(0, 0, 0, 0.06);
     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"|"children"> {
+interface HColumns extends Omit<ProColumns, "render" | "title" | "children"> {
   render?: (
     dom: React.ReactNode,
     data: any,
@@ -48,7 +48,7 @@ interface HColumns extends Omit<ProColumns, "render" | "title"|"children"> {
   rowSelectionTitle?: boolean;
   title?: string | React.ReactNode;
   valueTypeProps?: Record<string, any>;
-  children?:ConfigItemModal[]
+  children?: ConfigItemModal[];
 }
 interface BcItemModal {
   childrenDataIndex?: ConfigItemModal[] | string[];

package/src/pages/EditTable/index.tsx

@@ -8,66 +8,63 @@ const dataSource = [
     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={() => {
+
+        }}
+      >
+        刷新
+      </div>
+      <HEditTable
+        manual
+        onAdd={async (data) => {
+          const newData = [...cuData];
+          newData.push({
+            id: new Date().valueOf(),
+            ...data,
+          });
+          setCuData(newData);
+        }}
+        onEdit={async (data) => {}}
+        request={() => {
+          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

@@ -126,7 +126,7 @@ export default () => {
               "SEC1603b7a13fec76f6ec9e1eedbd44279f61b4298142d42616a4a672c245a37f3d",
           },
         ],
-        notifyAll: 0
+        notifyAll: 0,
       });
     }
     return new Promise((resolve, reject) => {
@@ -202,7 +202,7 @@ export default () => {
               for (let i = 0; i < 10; i += 1) {
                 records.push({
                   id: `${current}-${i}`,
-                  lastPullGroupTime:1760420231
+                  lastPullGroupTime: 1760420231,
                 });
               }
               console.log(records);