bhd-components 0.9.8 → 0.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # bhd-components
2
2
 
3
- **当前版本:** 0.9.8
3
+ **当前版本:** 0.9.9
4
4
 
5
5
  ## Install
6
6
 
@@ -1714,6 +1714,12 @@
1714
1714
  }
1715
1715
  .app_BhdTableSimple .app_BhdTableSimple_noTable {
1716
1716
  padding: 24px 0;
1717
+ display: flex;
1718
+ flex-direction: column;
1719
+ align-items: center;
1720
+ justify-content: center;
1721
+ position: sticky;
1722
+ left: 16px;
1717
1723
  }
1718
1724
  .app_BhdTableSimple .app_BhdTableSimple_noTable img {
1719
1725
  width: 200px;
@@ -1726,6 +1732,12 @@
1726
1732
  }
1727
1733
  .app_BhdTableSimple .app_BhdTableSimple_errorTable {
1728
1734
  padding: 24px 0;
1735
+ display: flex;
1736
+ flex-direction: column;
1737
+ align-items: center;
1738
+ justify-content: center;
1739
+ position: sticky;
1740
+ left: 16px;
1729
1741
  }
1730
1742
  .app_BhdTableSimple .app_BhdTableSimple_errorTable img {
1731
1743
  width: 200px;
@@ -6061,22 +6073,22 @@
6061
6073
  "description": "图标,六级填充色"
6062
6074
  }
6063
6075
  */
6064
- .index_module_bhd_app_layout__32fa6256 {
6076
+ .index_module_bhd_app_layout__f8a672f8 {
6065
6077
  display: flex;
6066
6078
  flex-direction: column;
6067
6079
  height: calc(100vh - 60px);
6068
6080
  background-color: #fff;
6069
6081
  }
6070
- .index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_header__32fa6256 {
6082
+ .index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_header__f8a672f8 {
6071
6083
  background: #FFFFFF;
6072
6084
  padding: 12px 48px;
6073
6085
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
6074
6086
  }
6075
- .index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 {
6087
+ .index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 {
6076
6088
  flex: 1;
6077
6089
  margin-bottom: 56px;
6078
6090
  }
6079
- .index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_filter__32fa6256 {
6091
+ .index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_filter__f8a672f8 {
6080
6092
  min-height: 40px;
6081
6093
  background: rgba(0, 0, 0, 0.02);
6082
6094
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
@@ -6084,18 +6096,18 @@
6084
6096
  display: flex;
6085
6097
  align-items: center;
6086
6098
  }
6087
- .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 {
6099
+ .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 {
6088
6100
  color: rgba(0, 0, 0, 0.65);
6089
6101
  font-size: 12px;
6090
6102
  }
6091
- .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 {
6103
+ .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 {
6092
6104
  display: flex;
6093
6105
  align-items: center;
6094
6106
  }
6095
- .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) {
6107
+ .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) {
6096
6108
  margin-left: 0;
6097
6109
  }
6098
- .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 {
6110
+ .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 {
6099
6111
  margin-left: 8px;
6100
6112
  border: 1px solid rgba(0, 0, 0, 0.15);
6101
6113
  border-radius: 2px;
@@ -6106,37 +6118,33 @@
6106
6118
  align-items: center;
6107
6119
  padding: 0 8px;
6108
6120
  }
6109
- .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 * {
6121
+ .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 * {
6110
6122
  line-height: 1;
6111
6123
  }
6112
- .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 {
6124
+ .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 {
6113
6125
  margin-left: 4px;
6114
6126
  margin-right: 8px;
6115
6127
  }
6116
- .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 {
6128
+ .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 {
6117
6129
  font-size: 12px;
6118
6130
  }
6119
- .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 {
6131
+ .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 {
6120
6132
  cursor: pointer;
6121
6133
  }
6122
- .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 {
6134
+ .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 {
6123
6135
  color: #F4523B;
6124
6136
  font-size: 12px;
6125
6137
  margin-left: 8px;
6126
6138
  cursor: pointer;
6127
6139
  }
6128
- .index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_table__32fa6256 {
6140
+ .index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_table__f8a672f8 {
6129
6141
  padding: 0 48px;
6130
6142
  margin-top: 16px;
6131
6143
  }
6132
- .index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_table__32fa6256 {
6144
+ .index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_main__f8a672f8 .index_module_bhd_app_layout_main_table__f8a672f8 {
6133
6145
  /* table 无数据,异常时 */
6134
6146
  }
6135
- .index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_table__32fa6256 .app_BhdTableSimple_errorTable,
6136
- .index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_main__32fa6256 .index_module_bhd_app_layout_main_table__32fa6256 .app_BhdTableSimple_noTable {
6137
- padding-top: 120px;
6138
- }
6139
- .index_module_bhd_app_layout__32fa6256 .index_module_bhd_app_layout_footer__32fa6256 {
6147
+ .index_module_bhd_app_layout__f8a672f8 .index_module_bhd_app_layout_footer__f8a672f8 {
6140
6148
  width: calc(100% - 60px);
6141
6149
  height: 56px;
6142
6150
  position: fixed;
@@ -505,10 +505,18 @@ var i18Conversion$1 = i18Conversion;
505
505
  超长内容 出现滚动条 需在管理列定义好width 没有定义的max-width:300
506
506
  */ var BhdTableSimple = function(props) {
507
507
  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;
508
+ var tableRef = useRef(null);
508
509
  var renderTableText = function() {
510
+ var minHeight = props.scroll.y.replace(/\)/, "");
511
+ minHeight = minHeight + " - 42px)";
512
+ var width = tableRef.current ? tableRef.current.offsetWidth - 42 : 0;
509
513
  if (ajaxErr) {
510
514
  return /*#__PURE__*/ jsxs("div", {
511
515
  className: "app_BhdTableSimple_errorTable",
516
+ style: {
517
+ minHeight: minHeight,
518
+ width: width + "px"
519
+ },
512
520
  children: [
513
521
  /*#__PURE__*/ jsx("img", {
514
522
  src: ServerError$1,
@@ -524,7 +532,8 @@ var i18Conversion$1 = i18Conversion;
524
532
  return /*#__PURE__*/ jsxs("div", {
525
533
  className: "app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable",
526
534
  style: {
527
- minHeight: "150px"
535
+ minHeight: minHeight,
536
+ width: width + "px"
528
537
  },
529
538
  children: [
530
539
  /*#__PURE__*/ jsx("img", {
@@ -544,7 +553,8 @@ var i18Conversion$1 = i18Conversion;
544
553
  return /*#__PURE__*/ jsxs("div", {
545
554
  className: "app_BhdTableSimple_noTable",
546
555
  style: {
547
- width: "100%"
556
+ width: width + "px",
557
+ minHeight: minHeight
548
558
  },
549
559
  children: [
550
560
  /*#__PURE__*/ jsx("img", {
@@ -557,22 +567,12 @@ var i18Conversion$1 = i18Conversion;
557
567
  ]
558
568
  });
559
569
  };
560
- /*#__PURE__*/ jsxs("div", {
561
- className: "app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable",
562
- children: [
563
- /*#__PURE__*/ jsx("img", {
564
- src: Loading,
565
- alt: "",
566
- style: {
567
- width: "48px",
568
- height: "48px"
569
- }
570
- }),
571
- /*#__PURE__*/ jsx("p", {
572
- children: i18Conversion$1("Load")
573
- })
574
- ]
575
- });
570
+ // const loadingTable = (
571
+ // <div className="app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable">
572
+ // <img src={Loading} alt="" style={{ width: "48px", height: "48px" }} />
573
+ // <p>{i18Conversion("Load")}</p>
574
+ // </div>
575
+ // );
576
576
  var tableProps = _object_spread_props(_object_spread({
577
577
  style: {
578
578
  width: "100%"
@@ -592,7 +592,10 @@ var i18Conversion$1 = i18Conversion;
592
592
  // if (loading) {
593
593
  // return loadingTable;
594
594
  // }
595
- return /*#__PURE__*/ jsx(Table$1, _object_spread({}, tableProps));
595
+ return /*#__PURE__*/ jsx("div", {
596
+ ref: tableRef,
597
+ children: /*#__PURE__*/ jsx(Table$1, _object_spread({}, tableProps))
598
+ });
596
599
  };
597
600
  var BhdTableSimple$1 = BhdTableSimple;
598
601
 
@@ -2388,7 +2391,7 @@ var BhdSelect = function(props) {
2388
2391
  BhdSelect.Option = Select.Option;
2389
2392
  var BhdSelect$1 = BhdSelect;
2390
2393
 
2391
- 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"};
2394
+ 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"};
2392
2395
 
2393
2396
  function BhdAppLayout(props) {
2394
2397
  var _filterRef_current, _filterRef, _headRef_current, _headRef, _otherHeadRef_current, _otherHeadRef, _otherContentRef_current, _otherContentRef, _filterConfig, _filterConfig1, _footerConfig;