@blocklet/launcher-workflow 2.0.19 → 2.0.21

package/lib/purchase.js

@@ -65,7 +65,7 @@ PrevIcon.defaultProps = {
   height: "40"
 };
 function PurchasePage(_ref) {
-  var _planState$value3, _planState$value4;
+  var _planState$value4, _planState$value5;
   let {
     disableBack
   } = _ref;
@@ -83,9 +83,9 @@ function PurchasePage(_ref) {
   const [openMorePlanPrompt, setOpenMorePlanPrompt] = (0, _react.useState)(false);
   const [splideConfig, setSplideConfig] = (0, _useSetState.default)({
     arrows: false,
+    perPage: 100,
     width: '300px',
-    gap: '16px',
-    focus: 0
+    gap: '16px'
   });
   const {
     routerPrefix,
@@ -121,6 +121,11 @@ function PurchasePage(_ref) {
     };
   };
   const selectCurrent = (perPage, curIndex) => {
+    var _planState$value;
+    if (!((_planState$value = planState.value) !== null && _planState$value !== void 0 && _planState$value.length)) {
+      return;
+    }
+
     // 如果每页只有一个，则在翻页的时候默认选中当前项
     if (perPage === 1) {
       var _planState$value$curI;
@@ -132,8 +137,8 @@ function PurchasePage(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [splideConfig]);
   (0, _react.useEffect)(() => {
-    var _planState$value;
-    if (!((_planState$value = planState.value) !== null && _planState$value !== void 0 && _planState$value.length) || typeof splideConfig.perPage === 'undefined') {
+    var _planState$value2;
+    if (!((_planState$value2 = planState.value) !== null && _planState$value2 !== void 0 && _planState$value2.length) || typeof splideConfig.perPage === 'undefined') {
       return;
     }
     const index = planState.value.findIndex(x => !!x.isRecommended);
@@ -149,8 +154,8 @@ function PurchasePage(_ref) {
     }
   }, [splideConfig.perPage, planState]);
   (0, _react.useEffect)(() => {
-    var _planState$value2;
-    if (!((_planState$value2 = planState.value) !== null && _planState$value2 !== void 0 && _planState$value2.length)) {
+    var _planState$value3;
+    if (!((_planState$value3 = planState.value) !== null && _planState$value3 !== void 0 && _planState$value3.length)) {
       return;
     }
     if (Number.isNaN(planListWidth)) {
@@ -176,7 +181,7 @@ function PurchasePage(_ref) {
     setSelectedPlanId(planId);
   };
   const productFeatures = [];
-  if (!planState.loading && ((_planState$value3 = planState.value) === null || _planState$value3 === void 0 ? void 0 : _planState$value3.length) > 0) {
+  if (!planState.loading && ((_planState$value4 = planState.value) === null || _planState$value4 === void 0 ? void 0 : _planState$value4.length) > 0) {
     // TODO: Pricing Table: 临时做法
     try {
       const {
@@ -217,22 +222,22 @@ function PurchasePage(_ref) {
             toc: true,
             productFeatures: productFeatures,
             className: "toc"
-          }), ((_planState$value4 = planState.value) === null || _planState$value4 === void 0 ? void 0 : _planState$value4.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactSplide.Splide, {
+          }), ((_planState$value5 = planState.value) === null || _planState$value5 === void 0 ? void 0 : _planState$value5.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactSplide.Splide, {
             extensions: {
               Grid: _splideExtensionGrid.Grid
             },
-            onPaginationMounted: (_, _ref2) => {
-              let {
-                items
-              } = _ref2;
-              const showArrows = items.length > 1;
+            onPaginationMounted: splide => {
+              const pageCount = Math.ceil(planState.value.length / splide.options.perPage);
+              const showArrows = pageCount > 1;
               setSplideConfig({
                 arrows: showArrows
               });
               if (showArrows) {
-                setOpenMorePlanPrompt(true);
-                // 3s 后隐藏
-                setTimeout(() => setOpenMorePlanPrompt(false), 3000);
+                setTimeout(() => {
+                  setOpenMorePlanPrompt(true);
+                  // 3s 后隐藏
+                  setTimeout(() => setOpenMorePlanPrompt(false), 3000);
+                }, 1000);
               }
             },
             hasTrack: false,
@@ -249,8 +254,7 @@ function PurchasePage(_ref) {
               trimSpace: true,
               width: splideConfig.width,
               perPage: splideConfig.perPage,
-              gap: splideConfig.gap,
-              focus: splideConfig.focus
+              gap: splideConfig.gap
             },
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "splide__arrows",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "2.0.19",
+  "version": "2.0.21",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -40,9 +40,9 @@
     "@arcblock/icons": "^2.5.19",
     "@arcblock/license": "^2.5.19",
     "@arcblock/ux": "^2.5.19",
-    "@blocklet/launcher-layout": "2.0.19",
-    "@blocklet/launcher-util": "2.0.19",
-    "@blocklet/launcher-ux": "2.0.19",
+    "@blocklet/launcher-layout": "2.0.21",
+    "@blocklet/launcher-util": "2.0.21",
+    "@blocklet/launcher-ux": "2.0.21",
     "@did-pay/react": "^1.9.49",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
@@ -72,5 +72,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^2.0.2"
   },
-  "gitHead": "175de8438e3343bd9a2b4e6df34fd78e0bfbd601"
+  "gitHead": "e427ccad66f6dc0b349d8ddff92f0f19e6d1753b"
 }