@hzab/list-render 1.12.1 → 1.12.2

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# @hzab/list-render@1.12.2
+
+fix: card 模式无数据时显示优化
+
 # @hzab/list-render@1.12.1
 
 fix: card 模式添加 loading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/list-render",
-  "version": "1.12.1",
+  "version": "1.12.2",
   "description": "",
   "main": "src",
   "scripts": {

package/src/card-render/index.jsx

@@ -1,11 +1,10 @@
 import { useEffect, useState, useMemo, useCallback, useRef } from "react";
-import { Table, Button, Popconfirm, Tooltip, Checkbox, Popover, Spin } from "antd";
+import { Table, Button, Popconfirm, Tooltip, Checkbox, Popover, Spin, Empty } from "antd";
 import { QuestionCircleOutlined, FilterOutlined, SettingOutlined } from "@ant-design/icons";
 import _ from "lodash";
 import DetailRender from "@hzab/schema-descriptions";
 import { removeInTableFalseFields } from "../common/utils";
 import "./index.less";
-import { use } from "react";
 
 const scenario = "table-render";
 
@@ -105,20 +104,25 @@ function CardRender(props) {
 
   return (
     <Spin spinning={loading}>
-      <div className="card-render-wrap" style={{ gridTemplateColumns: `repeat(${columns}, 1fr` }}>
-        {props.list?.map((item, index) => {
-          return (
-            <div key={item["id"]} className="item-render-card">
-              {props.hasAction !== false ? (
-                <div className="item-render-card-title">{getColRender(item, index)}</div>
-              ) : null}
-              <div className="item-render-card-content">
-                <ItemRender item={item} index={index} />
-              </div>
-            </div>
-          );
-        })}
-      </div>
+      {
+        props.list?.length > 0 ?
+          <div className="card-render-wrap" style={{ gridTemplateColumns: `repeat(${columns}, 1fr` }}>
+            {props.list?.map((item, index) => {
+              return (
+                <div key={item["id"]} className="item-render-card">
+                  {props.hasAction !== false ? (
+                    <div className="item-render-card-title">{getColRender(item, index)}</div>
+                  ) : null}
+                  <div className="item-render-card-content">
+                    <ItemRender item={item} index={index} />
+                  </div>
+                </div>
+              );
+            })}
+          </div> : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE}></Empty>
+      }
+
+
     </Spin>
 
   );