bhd-components 0.9.7 → 0.9.9

package/README.md

@@ -1,6 +1,6 @@
 # bhd-components
 
-**当前版本：** 0.9.7
+**当前版本：** 0.9.9
 
 ## Install
 

package/dist/index.esm.es5.development.css

@@ -1714,6 +1714,12 @@
 }
 .app_BhdTableSimple .app_BhdTableSimple_noTable {
   padding: 24px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: sticky;
+  left: 16px;
 }
 .app_BhdTableSimple .app_BhdTableSimple_noTable img {
   width: 200px;
@@ -1726,6 +1732,12 @@
 }
 .app_BhdTableSimple .app_BhdTableSimple_errorTable {
   padding: 24px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: sticky;
+  left: 16px;
 }
 .app_BhdTableSimple .app_BhdTableSimple_errorTable img {
   width: 200px;
@@ -6061,22 +6073,22 @@
       "description": "图标，六级填充色"
     }
 */
-.index_module_bhd_app_layout__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 {
   display: flex;
   flex-direction: column;
   height: calc(100vh - 60px);
   background-color: #fff;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_header__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_header__f8a672f8 {
   background: #FFFFFF;
   padding: 12px 48px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 {
   flex: 1;
   margin-bottom: 56px;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 {
   min-height: 40px;
   background: rgba(0, 0, 0, 0.02);
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
@@ -6084,18 +6096,18 @@
   display: flex;
   align-items: center;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_title__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_title__f8a672f8 {
   color: rgba(0, 0, 0, 0.65);
   font-size: 12px;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_ul__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_ul__f8a672f8 {
   display: flex;
   align-items: center;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_ul__32fa6256 li:nth-of-type(1) {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_ul__f8a672f8 li:nth-of-type(1) {
   margin-left: 0;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_ul__32fa6256 li {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_ul__f8a672f8 li {
   margin-left: 8px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 2px;
@@ -6106,37 +6118,33 @@
   align-items: center;
   padding: 0 8px;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_ul__32fa6256 li * {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_ul__f8a672f8 li * {
   line-height: 1;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_ul__32fa6256 li .index_module_bhd_app_layout_main_filter_show_value__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_ul__f8a672f8 li .index_module_bhd_app_layout_main_filter_show_value__f8a672f8 {
   margin-left: 4px;
   margin-right: 8px;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_ul__32fa6256 li .iconicon_guanbi_Close {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_ul__f8a672f8 li .iconicon_guanbi_Close {
   font-size: 12px;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_ul__32fa6256 li .iconicon_guanbi_Close:hover {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_ul__f8a672f8 li .iconicon_guanbi_Close:hover {
   cursor: pointer;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 .index_module_bhd_app_layout_main_filter_clear__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 .index_module_bhd_app_layout_main_filter_clear__f8a672f8 {
   color: #F4523B;
   font-size: 12px;
   margin-left: 8px;
   cursor: pointer;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_table__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_table__f8a672f8 {
   padding: 0 48px;
   margin-top: 16px;
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_table__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_table__f8a672f8 {
   /* table 无数据，异常时 */
 }
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_table__32fa6256 .app_BhdTableSimple_errorTable,
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_table__32fa6256 .app_BhdTableSimple_noTable {
-  padding-top: 120px;
-}
-.index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_footer__32fa6256 {
+.index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_footer__f8a672f8 {
   width: calc(100% - 60px);
   height: 56px;
   position: fixed;

package/dist/index.esm.es5.development.js

@@ -211,6 +211,7 @@ var Table = function(props) {
     var timerRef = useRef({
         timer: null
     });
+    var scrollObjectRef = useRef(null);
     var _props_defaultWidthRang = props.defaultWidthRang, defaultWidthRang = _props_defaultWidthRang === void 0 ? [
         180,
         240,
@@ -233,7 +234,7 @@ var Table = function(props) {
         }
         var _initColumnsWidth = initColumnsWidth(props.columns, tableWidth), selfColumns = _initColumnsWidth.columns;
         setColumns(selfColumns);
-        var obj = scrollObject ? scrollObject : {};
+        var obj = scrollObjectRef.current ? scrollObjectRef.current : {};
         obj = _object_spread_props(_object_spread({}, obj), {
             x: tableWidth
         });
@@ -386,6 +387,11 @@ var Table = function(props) {
     }, [
         props.scroll
     ]);
+    useEffect(function() {
+        scrollObjectRef.current = scrollObject;
+    }, [
+        scrollObject
+    ]);
     var config = _object_spread_props(_object_spread({
         bordered: false
     }, props), {
@@ -499,10 +505,18 @@ var i18Conversion$1 = i18Conversion;
     超长内容 出现滚动条  需在管理列定义好width   没有定义的max-width:300
  */ var BhdTableSimple = function(props) {
     var className = props.className; props.locale; props.borderBottom; var rowSelection = props.rowSelection, ajaxErr = props.ajaxErr, dataSource = props.dataSource, _props_kind = props.kind, kind = _props_kind === void 0 ? "simple" : _props_kind, loading = props.loading, _props_notDataText = props.notDataText, notDataText = _props_notDataText === void 0 ? i18Conversion$1("noData") : _props_notDataText;
+    var tableRef = useRef(null);
     var renderTableText = function() {
+        var minHeight = props.scroll.y.replace(/\)/, "");
+        minHeight = minHeight + " - 42px)";
+        var width = tableRef.current ? tableRef.current.offsetWidth - 42 : 0;
         if (ajaxErr) {
             return /*#__PURE__*/ jsxs("div", {
                 className: "app_BhdTableSimple_errorTable",
+                style: {
+                    minHeight: minHeight,
+                    width: width + "px"
+                },
                 children: [
                     /*#__PURE__*/ jsx("img", {
                         src: ServerError$1,
@@ -518,7 +532,8 @@ var i18Conversion$1 = i18Conversion;
             return /*#__PURE__*/ jsxs("div", {
                 className: "app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable",
                 style: {
-                    minHeight: "150px"
+                    minHeight: minHeight,
+                    width: width + "px"
                 },
                 children: [
                     /*#__PURE__*/ jsx("img", {
@@ -538,7 +553,8 @@ var i18Conversion$1 = i18Conversion;
         return /*#__PURE__*/ jsxs("div", {
             className: "app_BhdTableSimple_noTable",
             style: {
-                width: "100%"
+                width: width + "px",
+                minHeight: minHeight
             },
             children: [
                 /*#__PURE__*/ jsx("img", {
@@ -551,22 +567,12 @@ var i18Conversion$1 = i18Conversion;
             ]
         });
     };
-    /*#__PURE__*/ jsxs("div", {
-        className: "app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable",
-        children: [
-            /*#__PURE__*/ jsx("img", {
-                src: Loading,
-                alt: "",
-                style: {
-                    width: "48px",
-                    height: "48px"
-                }
-            }),
-            /*#__PURE__*/ jsx("p", {
-                children: i18Conversion$1("Load")
-            })
-        ]
-    });
+    // const loadingTable = (
+    //   <div className="app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable">
+    //     <img src={Loading} alt="" style={{ width: "48px", height: "48px" }} />
+    //     <p>{i18Conversion("Load")}</p>
+    //   </div>
+    // );
     var tableProps = _object_spread_props(_object_spread({
         style: {
             width: "100%"
@@ -586,7 +592,10 @@ var i18Conversion$1 = i18Conversion;
     // if (loading) {
     //   return loadingTable;
     // }
-    return /*#__PURE__*/ jsx(Table$1, _object_spread({}, tableProps));
+    return /*#__PURE__*/ jsx("div", {
+        ref: tableRef,
+        children: /*#__PURE__*/ jsx(Table$1, _object_spread({}, tableProps))
+    });
 };
 var BhdTableSimple$1 = BhdTableSimple;
 
@@ -2382,7 +2391,7 @@ var BhdSelect = function(props) {
 BhdSelect.Option = Select.Option;
 var BhdSelect$1 = BhdSelect;
 
-var modules_63b47c51$2 = {"bhd_app_layout":"index_module_bhd_app_layout__32fa6256","bhd_app_layout_header":"index_module_bhd_app_layout_header__32fa6256","bhd_app_layout_main":"index_module_bhd_app_layout_main__32fa6256","bhd_app_layout_main_filter":"index_module_bhd_app_layout_main_filter__32fa6256","bhd_app_layout_main_filter_title":"index_module_bhd_app_layout_main_filter_title__32fa6256","bhd_app_layout_main_filter_ul":"index_module_bhd_app_layout_main_filter_ul__32fa6256","bhd_app_layout_main_filter_show_value":"index_module_bhd_app_layout_main_filter_show_value__32fa6256","bhd_app_layout_main_filter_clear":"index_module_bhd_app_layout_main_filter_clear__32fa6256","bhd_app_layout_main_table":"index_module_bhd_app_layout_main_table__32fa6256","bhd_app_layout_footer":"index_module_bhd_app_layout_footer__32fa6256"};
+var modules_63b47c51$2 = {"bhd_app_layout":"index_module_bhd_app_layout__f8a672f8","bhd_app_layout_header":"index_module_bhd_app_layout_header__f8a672f8","bhd_app_layout_main":"index_module_bhd_app_layout_main__f8a672f8","bhd_app_layout_main_filter":"index_module_bhd_app_layout_main_filter__f8a672f8","bhd_app_layout_main_filter_title":"index_module_bhd_app_layout_main_filter_title__f8a672f8","bhd_app_layout_main_filter_ul":"index_module_bhd_app_layout_main_filter_ul__f8a672f8","bhd_app_layout_main_filter_show_value":"index_module_bhd_app_layout_main_filter_show_value__f8a672f8","bhd_app_layout_main_filter_clear":"index_module_bhd_app_layout_main_filter_clear__f8a672f8","bhd_app_layout_main_table":"index_module_bhd_app_layout_main_table__f8a672f8","bhd_app_layout_footer":"index_module_bhd_app_layout_footer__f8a672f8"};
 
 function BhdAppLayout(props) {
     var _filterRef_current, _filterRef, _headRef_current, _headRef, _otherHeadRef_current, _otherHeadRef, _otherContentRef_current, _otherContentRef, _filterConfig, _filterConfig1, _footerConfig;