@blocklet/launcher-workflow 2.0.21 → 2.0.23

package/lib/purchase.js

@@ -18,7 +18,6 @@ var _reactRouterDom = require("react-router-dom");
 var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
 var _useMeasure = _interopRequireDefault(require("react-use/lib/useMeasure"));
 var _useSetState = _interopRequireDefault(require("react-use/lib/useSetState"));
-var _useWindowSize = _interopRequireDefault(require("react-use/lib/useWindowSize"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
 require("@splidejs/splide/dist/css/splide.min.css");
 var _layout = _interopRequireDefault(require("./components/layout"));
@@ -64,6 +63,7 @@ PrevIcon.defaultProps = {
   width: "40",
   height: "40"
 };
+const SLIDE_WIDTH = 300;
 function PurchasePage(_ref) {
   var _planState$value4, _planState$value5;
   let {
@@ -84,7 +84,7 @@ function PurchasePage(_ref) {
   const [splideConfig, setSplideConfig] = (0, _useSetState.default)({
     arrows: false,
     perPage: 100,
-    width: '300px',
+    width: "".concat(SLIDE_WIDTH, "px"),
     gap: '16px'
   });
   const {
@@ -95,9 +95,6 @@ function PurchasePage(_ref) {
   const [planListRef, {
     width: planListWidth
   }] = (0, _useMeasure.default)();
-  const {
-    width: windowSize
-  } = (0, _useWindowSize.default)();
   const api = create({
     baseURL: didPayPrefix
   });
@@ -116,8 +113,8 @@ function PurchasePage(_ref) {
     const factor = Math.min(maxLength, tmpPlanLength);
     return {
       perPage: factor,
-      width: "".concat(factor * 300, "px"),
-      gap: '28px'
+      width: "".concat(factor * SLIDE_WIDTH, "px"),
+      gap: '24px'
     };
   };
   const selectCurrent = (perPage, curIndex) => {
@@ -162,21 +159,12 @@ function PurchasePage(_ref) {
       return;
     }
     const planLength = planState.value.length;
-    const planListWidthRatio = planListWidth / windowSize;
-    if (planListWidthRatio > 0.75 || planListWidth < 960) {
-      setSplideConfig({
-        perPage: 1,
-        width: '280px'
-      });
-      return;
-    }
-    if (planListWidthRatio > 0.55 && planListWidthRatio <= 0.75) {
-      setSplideConfig(calculateConfig(2, planLength));
-      return;
-    }
-    setSplideConfig(calculateConfig(3, planLength));
+
+    // 最小得有1个
+    const temp = Math.max(Math.floor(planListWidth / SLIDE_WIDTH) - 1, 1);
+    setSplideConfig(calculateConfig(temp, planLength));
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [windowSize, planListWidth, planState, setSplideConfig, isMobile]);
+  }, [planListWidth, planState, setSplideConfig, isMobile]);
   const handleSelect = planId => {
     setSelectedPlanId(planId);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "2.0.21",
+  "version": "2.0.23",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -36,13 +36,13 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.5.19",
+    "@arcblock/did-connect": "2.5.18",
     "@arcblock/icons": "^2.5.19",
     "@arcblock/license": "^2.5.19",
-    "@arcblock/ux": "^2.5.19",
-    "@blocklet/launcher-layout": "2.0.21",
-    "@blocklet/launcher-util": "2.0.21",
-    "@blocklet/launcher-ux": "2.0.21",
+    "@arcblock/ux": "2.5.18",
+    "@blocklet/launcher-layout": "2.0.23",
+    "@blocklet/launcher-util": "2.0.23",
+    "@blocklet/launcher-ux": "2.0.23",
     "@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": "e427ccad66f6dc0b349d8ddff92f0f19e6d1753b"
+  "gitHead": "b279acae792d80c496430bafe6a13c34358e7385"
 }