ht-components-taro-v3 1.0.6 → 1.0.7

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.
Files changed (6) hide show
  1. package/README.md +2 -0
  2. package/dist/cjs/index.css +1 -1
  3. package/dist/cjs/index.js +17 -2
  4. package/dist/esm/index.css +1 -1
  5. package/dist/esm/index.js +17 -2
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -19,4 +19,6 @@ h5使用esm，小程序使用cjs
19
19
  | limit | number | 每次请求的数据条数，默认10 | - | 10 |
20
20
  | dealReqDataFn | function | 请求回来的数据处理函数 | - | - |
21
21
  | onReqErrorFn | function | 请求失败回调函数 | - | - |
22
+ | renderEmptyFn | function | 无数据时的空状态渲染函数 | - | - |
23
+
22
24
 
package/dist/cjs/index.css CHANGED
@@ -1 +1 @@
1
- .ht-scroll-component-view{height:100%;width:100%}.ht-scroll-component-view .ht-scroll-component-inner{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%}.ht-scroll-component-view .ht-scroll-component-inner .request-loading-view{align-items:center;color:#9a9b9c;display:flex;font-family:PingFangSC-Regular,PingFang SC;font-size:40px;font-weight:400;justify-content:center;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ht-scroll-component-view .ht-scroll-component-inner .request-loading-view .request-loading-icon{animation:rotate 3s linear infinite;display:block;height:40px;margin-right:8px;width:40px}.ht-scroll-component-view .ht-scroll-component-inner .no-more-data-tip{color:#9a9b9c;font-family:PingFangSC-Regular,PingFang SC;font-size:40px;font-weight:400;line-height:58px;text-align:center;width:100%}
1
+ .ht-scroll-component-view{height:100%;width:100%}.ht-scroll-component-view .ht-scroll-component-inner{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%}.ht-scroll-component-view .ht-scroll-component-inner .blank-data-view{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:200px 0;text-align:center;width:100%}.ht-scroll-component-view .ht-scroll-component-inner .blank-data-view .blank-data-img{display:block;height:128px;margin-bottom:20px;width:128px}.ht-scroll-component-view .ht-scroll-component-inner .blank-data-view .blank-data-label{color:#424242;font-family:PingFangSC-Regular,PingFang SC;font-size:26px;font-weight:400}.ht-scroll-component-view .ht-scroll-component-inner .request-loading-view{align-items:center;color:#9a9b9c;display:flex;font-family:PingFangSC-Regular,PingFang SC;font-size:40px;font-weight:400;justify-content:center;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ht-scroll-component-view .ht-scroll-component-inner .request-loading-view .request-loading-icon{animation:rotate 3s linear infinite;display:block;height:40px;margin-right:8px;width:40px}.ht-scroll-component-view .ht-scroll-component-inner .no-more-data-tip{color:#9a9b9c;font-family:PingFangSC-Regular,PingFang SC;font-size:40px;font-weight:400;line-height:58px;text-align:center;width:100%}
package/dist/cjs/index.js CHANGED
@@ -2426,9 +2426,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
2426
2426
  // dealReqDataFn Fn 请求回来的数据处理函数
2427
2427
  // onReqErrorFn Fn 请求失败回调函数
2428
2428
  // renderItemFn Fn 列表项渲染函数，必传，函数参数为item和index
2429
+ // renderEmptyFn Fn 无数据时的空状态渲染函数
2429
2430
  var HTScrollView = function HTScrollView(props) {
2430
2431
  var className = props.className,
2431
2432
  scrollClassName = props.scrollClassName,
2433
+ renderItemFn = props.renderItemFn,
2434
+ renderEmptyFn = props.renderEmptyFn,
2432
2435
  _props$isShowNoMoreDa = props.isShowNoMoreDataTips,
2433
2436
  isShowNoMoreDataTips = _props$isShowNoMoreDa === void 0 ? true : _props$isShowNoMoreDa,
2434
2437
  _props$noMoreDataTips = props.noMoreDataTipsText,
@@ -2538,6 +2541,18 @@ var HTScrollView = function HTScrollView(props) {
2538
2541
  onReqErrorFn && onReqErrorFn(err);
2539
2542
  setIsRequesting(false);
2540
2543
  };
2544
+
2545
+ // 空状态的默认渲染界面
2546
+ var renderEmptyDefaultFn = function renderEmptyDefaultFn() {
2547
+ return /*#__PURE__*/React__default["default"].createElement(components.View, {
2548
+ className: "blank-data-view"
2549
+ }, /*#__PURE__*/React__default["default"].createElement(components.Image, {
2550
+ className: "blank-data-img",
2551
+ src: "https://xiaobangkj.oss-cn-hangzhou.aliyuncs.com/mini-question/h5/list-blank.png"
2552
+ }), /*#__PURE__*/React__default["default"].createElement(components.View, {
2553
+ className: "blank-data-label"
2554
+ }, "\u6682\u65E0\u6570\u636E"));
2555
+ };
2541
2556
  return /*#__PURE__*/React__default["default"].createElement(components.ScrollView, {
2542
2557
  className: "ht-scroll-component-view ".concat(scrollClassName || ''),
2543
2558
  scrollY: true,
@@ -2546,8 +2561,8 @@ var HTScrollView = function HTScrollView(props) {
2546
2561
  }, /*#__PURE__*/React__default["default"].createElement(components.View, {
2547
2562
  className: "ht-scroll-component-inner ".concat(className || '')
2548
2563
  }, dataList.map(function (item, index) {
2549
- return props.renderItemFn(item, index);
2550
- }), isRequesting && /*#__PURE__*/React__default["default"].createElement(components.View, {
2564
+ return renderItemFn(item, index);
2565
+ }), !isRequesting && !dataList.length ? renderEmptyFn ? renderEmptyFn() : renderEmptyDefaultFn() : '', isRequesting && /*#__PURE__*/React__default["default"].createElement(components.View, {
2551
2566
  className: "request-loading-view"
2552
2567
  }, /*#__PURE__*/React__default["default"].createElement(components.Image, {
2553
2568
  className: "request-loading-icon",
package/dist/esm/index.css CHANGED
@@ -1 +1 @@
1
- .ht-scroll-component-view{height:100%;width:100%}.ht-scroll-component-view .ht-scroll-component-inner{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%}.ht-scroll-component-view .ht-scroll-component-inner .request-loading-view{align-items:center;color:#9a9b9c;display:flex;font-family:PingFangSC-Regular,PingFang SC;font-size:40px;font-weight:400;justify-content:center;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ht-scroll-component-view .ht-scroll-component-inner .request-loading-view .request-loading-icon{animation:rotate 3s linear infinite;display:block;height:40px;margin-right:8px;width:40px}.ht-scroll-component-view .ht-scroll-component-inner .no-more-data-tip{color:#9a9b9c;font-family:PingFangSC-Regular,PingFang SC;font-size:40px;font-weight:400;line-height:58px;text-align:center;width:100%}
1
+ .ht-scroll-component-view{height:100%;width:100%}.ht-scroll-component-view .ht-scroll-component-inner{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%}.ht-scroll-component-view .ht-scroll-component-inner .blank-data-view{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:200px 0;text-align:center;width:100%}.ht-scroll-component-view .ht-scroll-component-inner .blank-data-view .blank-data-img{display:block;height:128px;margin-bottom:20px;width:128px}.ht-scroll-component-view .ht-scroll-component-inner .blank-data-view .blank-data-label{color:#424242;font-family:PingFangSC-Regular,PingFang SC;font-size:26px;font-weight:400}.ht-scroll-component-view .ht-scroll-component-inner .request-loading-view{align-items:center;color:#9a9b9c;display:flex;font-family:PingFangSC-Regular,PingFang SC;font-size:40px;font-weight:400;justify-content:center;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ht-scroll-component-view .ht-scroll-component-inner .request-loading-view .request-loading-icon{animation:rotate 3s linear infinite;display:block;height:40px;margin-right:8px;width:40px}.ht-scroll-component-view .ht-scroll-component-inner .no-more-data-tip{color:#9a9b9c;font-family:PingFangSC-Regular,PingFang SC;font-size:40px;font-weight:400;line-height:58px;text-align:center;width:100%}
package/dist/esm/index.js CHANGED
@@ -2417,9 +2417,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
2417
2417
  // dealReqDataFn Fn 请求回来的数据处理函数
2418
2418
  // onReqErrorFn Fn 请求失败回调函数
2419
2419
  // renderItemFn Fn 列表项渲染函数，必传，函数参数为item和index
2420
+ // renderEmptyFn Fn 无数据时的空状态渲染函数
2420
2421
  var HTScrollView = function HTScrollView(props) {
2421
2422
  var className = props.className,
2422
2423
  scrollClassName = props.scrollClassName,
2424
+ renderItemFn = props.renderItemFn,
2425
+ renderEmptyFn = props.renderEmptyFn,
2423
2426
  _props$isShowNoMoreDa = props.isShowNoMoreDataTips,
2424
2427
  isShowNoMoreDataTips = _props$isShowNoMoreDa === void 0 ? true : _props$isShowNoMoreDa,
2425
2428
  _props$noMoreDataTips = props.noMoreDataTipsText,
@@ -2529,6 +2532,18 @@ var HTScrollView = function HTScrollView(props) {
2529
2532
  onReqErrorFn && onReqErrorFn(err);
2530
2533
  setIsRequesting(false);
2531
2534
  };
2535
+
2536
+ // 空状态的默认渲染界面
2537
+ var renderEmptyDefaultFn = function renderEmptyDefaultFn() {
2538
+ return /*#__PURE__*/React.createElement(View, {
2539
+ className: "blank-data-view"
2540
+ }, /*#__PURE__*/React.createElement(Image, {
2541
+ className: "blank-data-img",
2542
+ src: "https://xiaobangkj.oss-cn-hangzhou.aliyuncs.com/mini-question/h5/list-blank.png"
2543
+ }), /*#__PURE__*/React.createElement(View, {
2544
+ className: "blank-data-label"
2545
+ }, "\u6682\u65E0\u6570\u636E"));
2546
+ };
2532
2547
  return /*#__PURE__*/React.createElement(ScrollView, {
2533
2548
  className: "ht-scroll-component-view ".concat(scrollClassName || ''),
2534
2549
  scrollY: true,
@@ -2537,8 +2552,8 @@ var HTScrollView = function HTScrollView(props) {
2537
2552
  }, /*#__PURE__*/React.createElement(View, {
2538
2553
  className: "ht-scroll-component-inner ".concat(className || '')
2539
2554
  }, dataList.map(function (item, index) {
2540
- return props.renderItemFn(item, index);
2541
- }), isRequesting && /*#__PURE__*/React.createElement(View, {
2555
+ return renderItemFn(item, index);
2556
+ }), !isRequesting && !dataList.length ? renderEmptyFn ? renderEmptyFn() : renderEmptyDefaultFn() : '', isRequesting && /*#__PURE__*/React.createElement(View, {
2542
2557
  className: "request-loading-view"
2543
2558
  }, /*#__PURE__*/React.createElement(Image, {
2544
2559
  className: "request-loading-icon",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ht-components-taro-v3",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "description": "基于 Rollup 构建的 Taro 多端组件库",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",