ht-components-taro-v3 1.0.5 → 1.0.6

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 +3 -1
  2. package/dist/cjs/index.css +1 -1
  3. package/dist/cjs/index.js +15 -11
  4. package/dist/esm/index.css +1 -1
  5. package/dist/esm/index.js +15 -11
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -1,3 +1,4 @@
1
+ h5使用esm，小程序使用cjs
1
2
 
2
3
  # HTScrollView
3
4
 
@@ -10,7 +11,8 @@
10
11
  | method | string | 请求方法，默认GET | 是 | 'GET' |
11
12
  | resListKey | string | 返回数据列表的key | 是 | - |
12
13
  | renderItemFn | function | 列表项渲染函数，函数参数为item和index | 是 | - |
13
- | className | string | 组件的自定义类名 | - | - |
14
+ | className | string | 组件内层View的自定义类名 | - | - |
15
+ | scrollClassName | string | 最外层scrollView的自定义类名 | - | - |
14
16
  | isShowNoMoreDataTips | boolean | 是否显示没有更多数据的提示，默认显示 | - | true |
15
17
  | noMoreDataTipsText | string | 没有更多数据的提示内容 | - | '没有更多数据了' |
16
18
  | ajaxData | object | 额外的请求参数 | - | {} |
package/dist/cjs/index.css CHANGED
@@ -1 +1 @@
1
- .ht-scroll-component-view{display:flex;flex-wrap:wrap;height:100%;width:100%}.ht-scroll-component-view .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 .request-loading-view .request-loading-icon{animation:rotate 3s linear infinite;display:block;height:40px;margin-right:8px;width:40px}.ht-scroll-component-view .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 .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
@@ -2413,7 +2413,8 @@ if (!TO_STRING_TAG_SUPPORT) {
2413
2413
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2414
2414
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2415
2415
 
2416
- // className 组件的自定义类名
2416
+ // className 组件内层View的自定义类名
2417
+ // scrollClassName 最外层scrollView的自定义类名
2417
2418
  // isShowNoMoreDataTips 是否显示没有更多数据的提示，默认显示
2418
2419
  // noMoreDataTipsText 没有更多提示的内容
2419
2420
  // ajaxFn 请求函数
@@ -2427,10 +2428,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
2427
2428
  // renderItemFn Fn 列表项渲染函数，必传，函数参数为item和index
2428
2429
  var HTScrollView = function HTScrollView(props) {
2429
2430
  var className = props.className,
2431
+ scrollClassName = props.scrollClassName,
2430
2432
  _props$isShowNoMoreDa = props.isShowNoMoreDataTips,
2431
2433
  isShowNoMoreDataTips = _props$isShowNoMoreDa === void 0 ? true : _props$isShowNoMoreDa,
2432
2434
  _props$noMoreDataTips = props.noMoreDataTipsText,
2433
- noMoreDataTipsText = _props$noMoreDataTips === void 0 ? "没有更多数据了" : _props$noMoreDataTips;
2435
+ noMoreDataTipsText = _props$noMoreDataTips === void 0 ? '没有更多数据了' : _props$noMoreDataTips;
2434
2436
 
2435
2437
  // 是否正在请求
2436
2438
  var _useState = React.useState(true),
@@ -2444,8 +2446,7 @@ var HTScrollView = function HTScrollView(props) {
2444
2446
  setIsCompleteAllData = _useState4[1];
2445
2447
  // 分页数据
2446
2448
  var _useState5 = React.useState({
2447
- pageNum: 1,
2448
- total: 0
2449
+ pageNum: 1
2449
2450
  }),
2450
2451
  _useState6 = _slicedToArray(_useState5, 2),
2451
2452
  pageData = _useState6[0],
@@ -2480,19 +2481,20 @@ var HTScrollView = function HTScrollView(props) {
2480
2481
  var ajaxFn = props.ajaxFn,
2481
2482
  api = props.api,
2482
2483
  _props$method = props.method,
2483
- method = _props$method === void 0 ? "GET" : _props$method,
2484
+ method = _props$method === void 0 ? 'GET' : _props$method,
2484
2485
  _props$ajaxData = props.ajaxData,
2485
2486
  ajaxData = _props$ajaxData === void 0 ? {} : _props$ajaxData,
2486
2487
  _props$limit = props.limit,
2487
2488
  limit = _props$limit === void 0 ? 10 : _props$limit;
2488
2489
  var env = (_Taro$getEnv = Taro__default["default"].getEnv()) === null || _Taro$getEnv === void 0 ? void 0 : _Taro$getEnv.toLowerCase();
2489
- console.log("env", env);
2490
+ // console.log("env", env);
2491
+
2490
2492
  setIsRequesting(true);
2491
2493
  var ajaxParams = _objectSpread(_objectSpread({}, ajaxData), {}, {
2492
2494
  page: pageData.pageNum,
2493
2495
  limit: limit
2494
2496
  });
2495
- if (env === "web") {
2497
+ if (env === 'web') {
2496
2498
  ajaxFn({
2497
2499
  method: method,
2498
2500
  url: api,
@@ -2502,7 +2504,7 @@ var HTScrollView = function HTScrollView(props) {
2502
2504
  }).catch(function () {
2503
2505
  onAjaxError();
2504
2506
  });
2505
- } else if (env === "weapp") {
2507
+ } else if (env === 'weapp') {
2506
2508
  ajaxFn(method, api, ajaxParams).then(function (res) {
2507
2509
  dealAjaxData(res);
2508
2510
  }).catch(function (err) {
@@ -2527,7 +2529,7 @@ var HTScrollView = function HTScrollView(props) {
2527
2529
  setIsCompleteAllData(!newDataList.length);
2528
2530
  setIsRequesting(false);
2529
2531
  } else {
2530
- onAjaxError("ajax fail");
2532
+ onAjaxError(new Error('ajax fail'));
2531
2533
  }
2532
2534
  };
2533
2535
  // 请求失败时
@@ -2537,10 +2539,12 @@ var HTScrollView = function HTScrollView(props) {
2537
2539
  setIsRequesting(false);
2538
2540
  };
2539
2541
  return /*#__PURE__*/React__default["default"].createElement(components.ScrollView, {
2540
- className: "ht-scroll-component-view ".concat(className || ""),
2542
+ className: "ht-scroll-component-view ".concat(scrollClassName || ''),
2541
2543
  scrollY: true,
2542
2544
  scrollWithAnimation: true,
2543
2545
  onScrollToLower: scrollToLower
2546
+ }, /*#__PURE__*/React__default["default"].createElement(components.View, {
2547
+ className: "ht-scroll-component-inner ".concat(className || '')
2544
2548
  }, dataList.map(function (item, index) {
2545
2549
  return props.renderItemFn(item, index);
2546
2550
  }), isRequesting && /*#__PURE__*/React__default["default"].createElement(components.View, {
@@ -2550,7 +2554,7 @@ var HTScrollView = function HTScrollView(props) {
2550
2554
  src: "https://xiaobangkj.oss-cn-hangzhou.aliyuncs.com/mini-live/taroComponentsV3/scroll-bottom-loading-icon.png"
2551
2555
  }), "\u6B63\u5728\u52A0\u8F7D\u4E2D..."), isCompleteAllData && !!isShowNoMoreDataTips && /*#__PURE__*/React__default["default"].createElement(components.View, {
2552
2556
  className: "no-more-data-tip"
2553
- }, noMoreDataTipsText));
2557
+ }, noMoreDataTipsText)));
2554
2558
  };
2555
2559
 
2556
2560
  exports.HTScrollView = HTScrollView;
package/dist/esm/index.css CHANGED
@@ -1 +1 @@
1
- .ht-scroll-component-view{display:flex;flex-wrap:wrap;height:100%;width:100%}.ht-scroll-component-view .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 .request-loading-view .request-loading-icon{animation:rotate 3s linear infinite;display:block;height:40px;margin-right:8px;width:40px}.ht-scroll-component-view .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 .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
@@ -2404,7 +2404,8 @@ if (!TO_STRING_TAG_SUPPORT) {
2404
2404
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2405
2405
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2406
2406
 
2407
- // className 组件的自定义类名
2407
+ // className 组件内层View的自定义类名
2408
+ // scrollClassName 最外层scrollView的自定义类名
2408
2409
  // isShowNoMoreDataTips 是否显示没有更多数据的提示，默认显示
2409
2410
  // noMoreDataTipsText 没有更多提示的内容
2410
2411
  // ajaxFn 请求函数
@@ -2418,10 +2419,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
2418
2419
  // renderItemFn Fn 列表项渲染函数，必传，函数参数为item和index
2419
2420
  var HTScrollView = function HTScrollView(props) {
2420
2421
  var className = props.className,
2422
+ scrollClassName = props.scrollClassName,
2421
2423
  _props$isShowNoMoreDa = props.isShowNoMoreDataTips,
2422
2424
  isShowNoMoreDataTips = _props$isShowNoMoreDa === void 0 ? true : _props$isShowNoMoreDa,
2423
2425
  _props$noMoreDataTips = props.noMoreDataTipsText,
2424
- noMoreDataTipsText = _props$noMoreDataTips === void 0 ? "没有更多数据了" : _props$noMoreDataTips;
2426
+ noMoreDataTipsText = _props$noMoreDataTips === void 0 ? '没有更多数据了' : _props$noMoreDataTips;
2425
2427
 
2426
2428
  // 是否正在请求
2427
2429
  var _useState = useState(true),
@@ -2435,8 +2437,7 @@ var HTScrollView = function HTScrollView(props) {
2435
2437
  setIsCompleteAllData = _useState4[1];
2436
2438
  // 分页数据
2437
2439
  var _useState5 = useState({
2438
- pageNum: 1,
2439
- total: 0
2440
+ pageNum: 1
2440
2441
  }),
2441
2442
  _useState6 = _slicedToArray(_useState5, 2),
2442
2443
  pageData = _useState6[0],
@@ -2471,19 +2472,20 @@ var HTScrollView = function HTScrollView(props) {
2471
2472
  var ajaxFn = props.ajaxFn,
2472
2473
  api = props.api,
2473
2474
  _props$method = props.method,
2474
- method = _props$method === void 0 ? "GET" : _props$method,
2475
+ method = _props$method === void 0 ? 'GET' : _props$method,
2475
2476
  _props$ajaxData = props.ajaxData,
2476
2477
  ajaxData = _props$ajaxData === void 0 ? {} : _props$ajaxData,
2477
2478
  _props$limit = props.limit,
2478
2479
  limit = _props$limit === void 0 ? 10 : _props$limit;
2479
2480
  var env = (_Taro$getEnv = Taro.getEnv()) === null || _Taro$getEnv === void 0 ? void 0 : _Taro$getEnv.toLowerCase();
2480
- console.log("env", env);
2481
+ // console.log("env", env);
2482
+
2481
2483
  setIsRequesting(true);
2482
2484
  var ajaxParams = _objectSpread(_objectSpread({}, ajaxData), {}, {
2483
2485
  page: pageData.pageNum,
2484
2486
  limit: limit
2485
2487
  });
2486
- if (env === "web") {
2488
+ if (env === 'web') {
2487
2489
  ajaxFn({
2488
2490
  method: method,
2489
2491
  url: api,
@@ -2493,7 +2495,7 @@ var HTScrollView = function HTScrollView(props) {
2493
2495
  }).catch(function () {
2494
2496
  onAjaxError();
2495
2497
  });
2496
- } else if (env === "weapp") {
2498
+ } else if (env === 'weapp') {
2497
2499
  ajaxFn(method, api, ajaxParams).then(function (res) {
2498
2500
  dealAjaxData(res);
2499
2501
  }).catch(function (err) {
@@ -2518,7 +2520,7 @@ var HTScrollView = function HTScrollView(props) {
2518
2520
  setIsCompleteAllData(!newDataList.length);
2519
2521
  setIsRequesting(false);
2520
2522
  } else {
2521
- onAjaxError("ajax fail");
2523
+ onAjaxError(new Error('ajax fail'));
2522
2524
  }
2523
2525
  };
2524
2526
  // 请求失败时
@@ -2528,10 +2530,12 @@ var HTScrollView = function HTScrollView(props) {
2528
2530
  setIsRequesting(false);
2529
2531
  };
2530
2532
  return /*#__PURE__*/React.createElement(ScrollView, {
2531
- className: "ht-scroll-component-view ".concat(className || ""),
2533
+ className: "ht-scroll-component-view ".concat(scrollClassName || ''),
2532
2534
  scrollY: true,
2533
2535
  scrollWithAnimation: true,
2534
2536
  onScrollToLower: scrollToLower
2537
+ }, /*#__PURE__*/React.createElement(View, {
2538
+ className: "ht-scroll-component-inner ".concat(className || '')
2535
2539
  }, dataList.map(function (item, index) {
2536
2540
  return props.renderItemFn(item, index);
2537
2541
  }), isRequesting && /*#__PURE__*/React.createElement(View, {
@@ -2541,7 +2545,7 @@ var HTScrollView = function HTScrollView(props) {
2541
2545
  src: "https://xiaobangkj.oss-cn-hangzhou.aliyuncs.com/mini-live/taroComponentsV3/scroll-bottom-loading-icon.png"
2542
2546
  }), "\u6B63\u5728\u52A0\u8F7D\u4E2D..."), isCompleteAllData && !!isShowNoMoreDataTips && /*#__PURE__*/React.createElement(View, {
2543
2547
  className: "no-more-data-tip"
2544
- }, noMoreDataTipsText));
2548
+ }, noMoreDataTipsText)));
2545
2549
  };
2546
2550
 
2547
2551
  export { HTScrollView };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ht-components-taro-v3",
3
- "version": "1.0.5",
3
+ "version": "1.0.6",
4
4
  "description": "基于 Rollup 构建的 Taro 多端组件库",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",