@pisell/private-materials 6.8.83 → 6.8.84

package/lib/components/eftposPay/locales.js

@@ -135,7 +135,20 @@ var locales_default = {
     },
     "page.eftpos-pay.text.tyro": (key) => {
       return key;
-    }
+    },
+    // 汇付天下定制文案
+    "page.eftpos-pay.text.huifu.scan.title": "Scan to Pay (Alipay · WeChat Pay · UnionPay)",
+    "page.eftpos-pay.text.huifu.scan.gun.connected": "Scanner Connected",
+    "page.eftpos-pay.text.huifu.scan.gun.connected-desc": "Scan the customer’s payment code to collect payment",
+    "page.eftpos-pay.text.huifu.scan.gun.not-connected": "Scanner Not Connected",
+    "page.eftpos-pay.text.huifu.scan.gun.not-connected-desc": "Connect the scanner to scan the customer’s payment code",
+    "page.eftpos-pay.text.huifu.scan.camera-title": "Click to use the camera",
+    "page.eftpos-pay.text.huifu.scan.camera-desc": "Align the customer’s payment code within the frame",
+    "page.eftpos-pay.text.huifu.scan.input-title": "Or enter the payment code manually",
+    "page.eftpos-pay.text.huifu.scan.input-placeholder": "Enter payment code",
+    "page.eftpos-pay.text.huifu.scan.input-tip": "Tip: The payment code is 18 digits",
+    "page.eftpos-pay.text.huifu.scan.cancel": "Cancel",
+    "page.eftpos-pay.text.huifu.scan.confirm": "Confirm Payment"
   },
   "zh-CN": {
     "page.eftpos-pay.text.loading": (mode) => `${mode === "pay" || mode === "fullPay" ? "支付" : "退款"}进行中...`,
@@ -402,7 +415,20 @@ var locales_default = {
         return "请使用以下选项之一回答此问题";
       }
       return key;
-    }
+    },
+    // 汇付天下定制文案
+    "page.eftpos-pay.text.huifu.scan.title": "扫码支付（支付宝 · 微信支付 · 银联）",
+    "page.eftpos-pay.text.huifu.scan.gun.connected": "扫码枪已连接",
+    "page.eftpos-pay.text.huifu.scan.gun.connected-desc": "直接扫描消费者付款码即可",
+    "page.eftpos-pay.text.huifu.scan.gun.not-connected": "未连接扫码枪",
+    "page.eftpos-pay.text.huifu.scan.gun.not-connected-desc": "连接扫码枪后可直接扫码消费者付款码",
+    "page.eftpos-pay.text.huifu.scan.camera-title": "点击可使用设备摄像头",
+    "page.eftpos-pay.text.huifu.scan.camera-desc": "将消费者付款码对准扫描框",
+    "page.eftpos-pay.text.huifu.scan.input-title": "或手动输入付款码",
+    "page.eftpos-pay.text.huifu.scan.input-placeholder": "请输入",
+    "page.eftpos-pay.text.huifu.scan.input-tip": "提示：付款码为18位数字",
+    "page.eftpos-pay.text.huifu.scan.cancel": "取消",
+    "page.eftpos-pay.text.huifu.scan.confirm": "确认支付"
   },
   "zh-HK": {
     "page.eftpos-pay.text.loading": (mode) => `${mode === "pay" || mode === "fullPay" ? "支付" : "退款"}進行中...`,
@@ -669,6 +695,19 @@ var locales_default = {
         return "請使用以下選項之一回答此問題";
       }
       return key;
-    }
+    },
+    // 汇付天下定制文案
+    "page.eftpos-pay.text.huifu.scan.title": "掃碼支付（支付寶 · 微信支付 · 銀聯）",
+    "page.eftpos-pay.text.huifu.scan.gun.connected": "掃碼槍已連接",
+    "page.eftpos-pay.text.huifu.scan.gun.connected-desc": "直接掃描消費者付款碼即可",
+    "page.eftpos-pay.text.huifu.scan.gun.not-connected": "未連接掃碼槍",
+    "page.eftpos-pay.text.huifu.scan.gun.not-connected-desc": "連接掃碼槍後可直接掃碼消費者付款碼",
+    "page.eftpos-pay.text.huifu.scan.camera-title": "點擊可使用設備攝像頭",
+    "page.eftpos-pay.text.huifu.scan.camera-desc": "將消費者付款碼對準掃描框",
+    "page.eftpos-pay.text.huifu.scan.input-title": "或手動輸入付款碼",
+    "page.eftpos-pay.text.huifu.scan.input-placeholder": "請輸入",
+    "page.eftpos-pay.text.huifu.scan.input-tip": "提示：付款碼為18位數字",
+    "page.eftpos-pay.text.huifu.scan.cancel": "取消",
+    "page.eftpos-pay.text.huifu.scan.confirm": "確認支付"
   }
 };

package/lib/components/eftposPay/manufacturer.d.ts

@@ -4,4 +4,5 @@ export { default as Payo } from './payo';
 export { default as Windcave } from './windcave/windcave';
 export { default as Tyro } from './tyro';
 export { default as Linkly } from './linkly';
+export { default as Huifu } from './huifu';
 export declare const getInitState: (type: string, params?: any) => State;

package/lib/components/eftposPay/manufacturer.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/eftposPay/manufacturer.tsx
 var manufacturer_exports = {};
 __export(manufacturer_exports, {
+  Huifu: () => import_huifu.default,
   Linkly: () => import_linkly.default,
   Payo: () => import_payo.default,
   Tyro: () => import_tyro.default,
@@ -42,12 +43,15 @@ var import_const2 = __toESM(require("./payo/const"));
 var import_const3 = __toESM(require("./tyro/const"));
 var import_const4 = __toESM(require("./windcave/const"));
 var import_const5 = __toESM(require("./linkly/const"));
+var import_const6 = __toESM(require("./huifu/const"));
 var import_helper = require("./helper");
 var import_payo = __toESM(require("./payo"));
 var import_windcave = __toESM(require("./windcave/windcave"));
 var import_tyro = __toESM(require("./tyro"));
 var import_linkly = __toESM(require("./linkly"));
+var import_huifu = __toESM(require("./huifu"));
 var getInitState = (type, params) => {
+  console.log("type = ", type);
   switch (type) {
     case import_const.EftposEnum.Payo:
       return (0, import_const2.default)(params);
@@ -57,12 +61,15 @@ var getInitState = (type, params) => {
       return (0, import_const3.default)(params);
     case import_const.EftposEnum.Linkly:
       return (0, import_const5.default)(params);
+    case import_const.EftposEnum.Huifu:
+      return (0, import_const6.default)(params);
     default:
       throw new Error("未知的厂商类型");
   }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Huifu,
   Linkly,
   Payo,
   Tyro,

package/lib/components/eftposPay/pay.js

@@ -152,7 +152,7 @@ var Pay = ({
       className: `pisell-lowcode__eft-pay-box ${className}`,
       style: data.type === "step" ? {} : { display: "none" }
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    data.status !== import_const.StatusEnum.Init && /* @__PURE__ */ import_react.default.createElement(
       import_header.default,
       {
         status: data.status,
@@ -180,7 +180,8 @@ var Pay = ({
         formatAmount
       }
     ) : null,
-    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null
+    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null,
+    data.eftpos === "huifu" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Huifu, { key: data.key, onChange, isNativeApp: isMobile }) : null
   ) : null, data.type === import_const.PayRouteEnum.Unset && Comm ? /* @__PURE__ */ import_react.default.createElement(
     Comm,
     {

package/lib/components/eftposPay/store/index.d.ts

@@ -91,6 +91,10 @@ export declare type State = {
     };
     backup?: Omit<State, 'backup'>;
     client: ClientEnum;
+    /** 原始参数 - 用于 retry 时完整恢复 */
+    originalParams?: {
+        [key: string]: unknown;
+    };
 };
 export declare type Action = {
     type: EActionTypes;
@@ -174,7 +178,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "warn" | "loading" | "fail" | "question";
+        status: "loading" | "warn" | "fail" | "success" | "question";
     };
 };
 /**
@@ -297,8 +301,8 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "pay" | "fullPay" | "refund" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
-        action?: "amount" | "pay" | "deviceList" | undefined;
+        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | "huifu" | undefined;
+        action?: "pay" | "amount" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
@@ -308,7 +312,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "init" | "loading" | "warn" | "fail" | "success" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */
@@ -344,6 +348,9 @@ export declare const backUpFree: (payload: Partial<State>) => {
         } | undefined;
         backup?: Omit<State, "backup"> | undefined;
         client?: ClientEnum | undefined;
+        originalParams?: {
+            [key: string]: unknown;
+        } | undefined;
     };
 };
 export declare function reducers(state: State, action: Action): State;

package/lib/components/kioskSkuDetail/index.d.ts

@@ -9,6 +9,9 @@ import './index.less';
  */
 declare function KioskSkuDetail(props: KioskSkuDetailProps): JSX.Element;
 export default KioskSkuDetail;
+/**
+ * @description 从原生回调 payload 中提取 productId
+ */
 export interface KioskSkuDetailProps {
     /** 商品 id（可选：目前默认从 URL 读取，props 仅作为兜底以兼容老用法） */
     productId?: number | string;

package/lib/components/kioskSkuDetail/index.js

@@ -39,7 +39,6 @@ var import_materials = require("@pisell/materials");
 var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("@pisell/utils");
 var import_skuOptionsSelection = __toESM(require("../../plus/skuOptionsSelection"));
-var import_pisellNumberSelector = __toESM(require("../../pro/pisellNumberSelector"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_serve = require("../booking/info/service/serve");
 var import_locales = __toESM(require("./locales"));
@@ -47,41 +46,21 @@ var import_index = require("./index.less");
 var import_utils2 = require("../booking/utils");
 function KioskSkuDetail(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const { className, style, onBack, onAddToCart } = props;
+  const { className, style, onAddToCart } = props;
   const productIdFromUrl = (0, import_react.useMemo)(() => {
     return getQueryFirstMatch({ keys: ["productId", "product_id", "id"] });
   }, []);
-  const resolvedProductId = productIdFromUrl ?? props.productId;
+  const initialProductId = productIdFromUrl ?? props.productId ?? null;
   const scheduleDate = (0, import_react.useMemo)(() => (0, import_dayjs.default)().format("YYYY-MM-DD"), []);
+  const stageScale = useDesignStageScale({ designWidth: 1080, designHeight: 1800 });
   const context = (0, import_useEngineContext.default)();
   const { interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   import_utils.locales.init(import_locales.default, ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en");
   import_utils2.request.setRequest(context.appHelper.utils.request);
-  const { store, getData } = ((_d = context.appHelper) == null ? void 0 : _d.utils) || {};
+  const { store, getData, Toast } = ((_d = context.appHelper) == null ? void 0 : _d.utils) || {};
   const state = (_e = store == null ? void 0 : store.getState) == null ? void 0 : _e.call(store);
   const symbol = ((_h = (_g = (_f = store == null ? void 0 : store.getState) == null ? void 0 : _f.call(store)) == null ? void 0 : _g.global) == null ? void 0 : _h.symbol) || "$";
   const currency_code = ((_k = (_j = (_i = store == null ? void 0 : store.getState) == null ? void 0 : _i.call(store)) == null ? void 0 : _j.global) == null ? void 0 : _k.currency_code) || "AUD";
-  (0, import_react.useEffect)(() => {
-    var _a2, _b2;
-    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
-      module: "tickets",
-      key: "page_load"
-    });
-    interaction.utils.mountFunction(
-      "tickets",
-      "restore_buy_wallet_pass",
-      (data) => {
-        console.log("重置状态", data);
-      }
-    );
-    interaction.utils.mountFunction(
-      "tickets",
-      "edit_buy_wallet_pass",
-      (data) => {
-        console.log("编辑状态", data);
-      }
-    );
-  }, []);
   const [isLoading, setIsLoading] = (0, import_react.useState)(false);
   const [errorText, setErrorText] = (0, import_react.useState)(null);
   const [productData, setProductData] = (0, import_react.useState)(null);
@@ -98,47 +77,130 @@ function KioskSkuDetail(props) {
     bundle: [],
     option: []
   });
-  (0, import_react.useEffect)(() => {
-    let isCancelled = false;
-    async function load() {
-      if (!resolvedProductId) return;
-      setIsLoading(true);
-      setErrorText(null);
-      try {
-        const open_deposit = (getData == null ? void 0 : getData("bookingv2_deposit")) || 0;
-        const params = { open_deposit };
-        params.schedule_date = scheduleDate;
-        const res = await (0, import_serve.getProductDetail)(String(resolvedProductId), params);
-        const apiData = (res == null ? void 0 : res.data) || {};
-        if (isCancelled) return;
-        setProductData(apiData);
-        const normalizedProductId = Number(
-          (apiData == null ? void 0 : apiData.product_id) || (apiData == null ? void 0 : apiData.id) || resolvedProductId || 0
-        );
-        const minNumUnit = Number((apiData == null ? void 0 : apiData.min_num_unit) || 1);
+  const [isEdit, setIsEdit] = (0, import_react.useState)(false);
+  const skuOptionsSelectionRef = (0, import_react.useRef)(null);
+  const requestSeqRef = (0, import_react.useRef)(0);
+  const resetForInit = (0, import_react.useCallback)(() => {
+    setProductData(null);
+    setErrorText(null);
+    setQuantity(1);
+    setSkuValue({
+      product_id: 0,
+      product_variant_id: 0,
+      bundle: [],
+      option: []
+    });
+    setSkuDefaultValue({
+      product_id: 0,
+      product_variant_id: 0,
+      bundle: [],
+      option: []
+    });
+  }, []);
+  const loadByProductId = (0, import_react.useCallback)(async (productId, options = {}) => {
+    console.log("准备 load", productId);
+    if (productId === null || typeof productId === "undefined" || productId === "") return;
+    const reqId = ++requestSeqRef.current;
+    setIsLoading(true);
+    setErrorText(null);
+    try {
+      const open_deposit = (getData == null ? void 0 : getData("bookingv2_deposit")) || 0;
+      const params = { open_deposit };
+      params.schedule_date = scheduleDate;
+      const res = await (0, import_serve.getProductDetail)(String(productId), params);
+      console.log("详情接口");
+      console.log(JSON.stringify(res));
+      const apiData = ((res == null ? void 0 : res.id) ? res : res == null ? void 0 : res.data) || {};
+      if (reqId !== requestSeqRef.current) return;
+      setProductData(apiData);
+      console.log("已设置 productData");
+      const normalizedProductId = Number(
+        (apiData == null ? void 0 : apiData.product_id) || (apiData == null ? void 0 : apiData.id) || productId || 0
+      );
+      const minNumUnit = Number((apiData == null ? void 0 : apiData.min_num_unit) || 1);
+      if (options.shouldInitQuantity !== false) {
         setQuantity(minNumUnit > 0 ? minNumUnit : 1);
-        const initialSkuValue = {
-          product_id: normalizedProductId,
-          product_variant_id: 0,
-          bundle: [],
-          option: []
-        };
+      }
+      const defaultVariantId = (() => {
+        var _a2, _b2;
+        const firstVariantId = Array.isArray(apiData == null ? void 0 : apiData.variant) ? Number(((_b2 = (_a2 = apiData == null ? void 0 : apiData.variant) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.id) || 0) : 0;
+        return Number.isFinite(firstVariantId) ? firstVariantId : 0;
+      })();
+      const initialSkuValue = {
+        product_id: normalizedProductId,
+        product_variant_id: defaultVariantId,
+        bundle: [],
+        option: []
+      };
+      if (options.shouldInitSku !== false) {
         setSkuValue(initialSkuValue);
         setSkuDefaultValue(initialSkuValue);
-      } catch (error) {
-        console.error(error);
-        if (isCancelled) return;
-        setErrorText("Failed to load product detail");
-      } finally {
-        if (isCancelled) return;
-        setIsLoading(false);
+        setTimeout(() => {
+          var _a2;
+          if (initialSkuValue.product_variant_id) {
+            (_a2 = skuOptionsSelectionRef.current) == null ? void 0 : _a2.validate();
+          }
+        }, 0);
       }
+    } catch (error) {
+      console.error(error);
+      setErrorText("Failed to load product detail");
+    } finally {
+      if (reqId !== requestSeqRef.current) return;
+      setIsLoading(false);
     }
-    load();
-    return () => {
-      isCancelled = true;
-    };
-  }, [getData, resolvedProductId, scheduleDate]);
+  }, [getData, scheduleDate]);
+  const loadRef = (0, import_react.useRef)(loadByProductId);
+  loadRef.current = loadByProductId;
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+      module: "wallet_pass",
+      key: "page_load"
+    });
+    (_d2 = (_c2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c2.mountFunction) == null ? void 0 : _d2.call(
+      _c2,
+      "wallet_pass",
+      "restore_buy_wallet_pass",
+      (id) => {
+        console.log("重置状态", id);
+        console.log("宽", window.innerWidth);
+        console.log("高", window.innerHeight);
+        console.log("设备像素比", window.devicePixelRatio);
+        resetForInit();
+        if (id || id === 0) loadRef.current(id);
+        setIsEdit(false);
+      }
+    );
+    (_f2 = (_e2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e2.mountFunction) == null ? void 0 : _f2.call(
+      _e2,
+      "wallet_pass",
+      "edit_buy_wallet_pass",
+      (data) => {
+        console.log("编辑状态", data);
+        const productData2 = JSON.parse(data);
+        setProductData(productData2.productDetail);
+        loadRef.current(productData2.productDetail.id, {
+          shouldInitSku: false,
+          shouldInitQuantity: false
+        });
+        setSkuValue({
+          product_id: productData2.productDetail.id,
+          product_variant_id: Number(productData2.variantId),
+          bundle: [],
+          option: []
+        });
+        setSkuDefaultValue({
+          product_id: productData2.productDetail.id,
+          product_variant_id: Number(productData2.variantId),
+          bundle: [],
+          option: []
+        });
+        setIsEdit(true);
+      }
+    );
+    if (initialProductId || initialProductId === 0) loadRef.current(initialProductId);
+  }, []);
   const coverUrl = (0, import_react.useMemo)(() => {
     return (productData == null ? void 0 : productData.cover) || (productData == null ? void 0 : productData.image) || "";
   }, [productData]);
@@ -182,55 +244,51 @@ function KioskSkuDetail(props) {
     return `${priceSign}${symbol}${deTotal.abs().toNumber().toFixed(2)}`;
   }, [itemTotal, symbol]);
   const handleAddToCart = () => {
+    var _a2;
     if (!productData) return;
-    const productBundle = [];
-    skuValue.bundle.forEach((item) => {
-      if (!item.num || item.num < 1) return;
-      let targetBundleData;
-      let bundle_group_id;
-      for (let i = 0; i < productData.bundle_group.length; i++) {
-        const { id, bundle_item = [] } = productData.bundle_group[i];
-        for (let j = 0; j < bundle_item.length; j++) {
-          if (item.id === bundle_item[j].bundle_product_id) {
-            bundle_group_id = id;
-            targetBundleData = bundle_item[j];
-            break;
-          }
-        }
-      }
-      productBundle.push({
-        bundle_group_id,
-        bundle_id: targetBundleData.id,
-        bundle_product_id: item.id,
-        bundle_variant_id: targetBundleData.bundle_variant_id,
-        num: item.num,
-        extension_id: targetBundleData.extension_id,
-        extension_type: targetBundleData.extension_type
-      });
-    });
-    productData.option_group = [];
-    productData.variant_group = [];
+    (_a2 = skuOptionsSelectionRef.current) == null ? void 0 : _a2.validate();
+    if (!skuValue.product_variant_id) {
+      Toast.info(import_utils.locales.getText("pisell2.text.kiosk.sku.detail.toast.select.variant"));
+      return;
+    }
+    ;
     const obj = {
       productDetail: productData,
       quantity,
+      variantId: skuValue.product_variant_id,
       pricePerUnit: unitPrice,
-      bundlePrice: productData.price,
-      productBundle
+      isWebBuyWalletPass: true
     };
     interaction.utils.postMessageToApp({
-      module: "tickets",
+      module: "wallet_pass",
       key: "buy_wallet_pass",
       data: {
         // 把洗好的数据放这里
-        productData: [obj]
+        productData: obj,
+        isEdit
       }
     });
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  const onBack = () => {
+    interaction.utils.postMessageToApp({
+      module: "wallet_pass",
+      key: "back"
+    });
+  };
+  const stageStyle = (0, import_react.useMemo)(() => {
+    return {
+      ...style || {},
+      width: 1080,
+      height: 1800,
+      transform: `translateX(-50%) scale(${stageScale})`,
+      transformOrigin: "top center"
+    };
+  }, [stageScale, style]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail-viewport" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: (0, import_classnames.default)("pisell-kiosk-sku-detail", className),
-      style
+      style: stageStyle
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__hero" }, coverUrl ? /* @__PURE__ */ import_react.default.createElement(
       "img",
@@ -246,9 +304,10 @@ function KioskSkuDetail(props) {
           __html: descriptionText
         }
       }
-    )), !!priceRangeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__price-range" }, priceRangeText, " ", currency_code), !!errorText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__error" }, errorText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__options-card" }, productData ? /* @__PURE__ */ import_react.default.createElement(
+    )), !!priceRangeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__price-range" }, priceRangeText, " ", currency_code), !!errorText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__error" }, errorText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__options-card" }, productData && Array.isArray(productData == null ? void 0 : productData.variant) && productData.variant.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
       import_skuOptionsSelection.default,
       {
+        ref: skuOptionsSelectionRef,
         dataSource: productData,
         value: skuDefaultValue,
         skuCardConfig: {
@@ -273,22 +332,7 @@ function KioskSkuDetail(props) {
         onClick: onBack
       },
       import_utils.locales.getText("pisell2.text.kiosk.sku.detail.btn.back")
-    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__footer-center" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__item-total" }, import_utils.locales.getText("pisell2.text.kiosk.sku.detail.item.total"), ":", " ", itemTotalText), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__qty" }, /* @__PURE__ */ import_react.default.createElement(
-      import_pisellNumberSelector.default,
-      {
-        value: quantity,
-        width: "140px",
-        onChange: (v) => {
-          if (!v) return;
-          setQuantity(v);
-        },
-        min: 1,
-        max: 99999,
-        step: 1,
-        size: "large",
-        enablePriceAdjust: false
-      }
-    ))), /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__footer-center" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__item-total" }, import_utils.locales.getText("pisell2.text.kiosk.sku.detail.item.total"), ":", " ", itemTotalText)), /* @__PURE__ */ import_react.default.createElement(
       import_materials.Button,
       {
         type: "primary",
@@ -297,9 +341,11 @@ function KioskSkuDetail(props) {
         onClick: handleAddToCart,
         disabled: !productData || isLoading
       },
-      import_utils.locales.getText("pisell2.text.kiosk.sku.detail.btn.add.to.cart")
+      import_utils.locales.getText(
+        isEdit ? "pisell2.text.kiosk.sku.detail.btn.update" : "pisell2.text.kiosk.sku.detail.btn.add.to.cart"
+      )
     ))
-  );
+  ));
 }
 var kioskSkuDetail_default = KioskSkuDetail;
 function getQueryFirstMatch(params) {
@@ -324,3 +370,24 @@ function getQueryFirstMatch(params) {
   if (queryIndex === -1) return null;
   return tryRead(hash.slice(queryIndex + 1));
 }
+function useDesignStageScale(params) {
+  const designWidth = params.designWidth;
+  const designHeight = params.designHeight;
+  const [scale, setScale] = (0, import_react.useState)(1);
+  (0, import_react.useEffect)(() => {
+    const update = () => {
+      const viewportWidth = window.innerWidth || designWidth;
+      const viewportHeight = window.innerHeight || designHeight;
+      const nextScale = Math.min(
+        viewportWidth / designWidth,
+        viewportHeight / designHeight,
+        1
+      );
+      setScale(nextScale);
+    };
+    update();
+    window.addEventListener("resize", update);
+    return () => window.removeEventListener("resize", update);
+  }, [designHeight, designWidth]);
+  return scale;
+}

package/lib/components/kioskSkuDetail/index.less

@@ -1,7 +1,17 @@
-.pisell-kiosk-sku-detail {
+.pisell-kiosk-sku-detail-viewport {
   position: relative;
-  width: 100%;
+  width: 100vw;
   height: 100vh;
+  overflow: hidden;
+  background: #f2f4f7;
+}
+
+.pisell-kiosk-sku-detail {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 1080px;
+  height: 1800px;
   overflow-y: auto;
   background: #f2f4f7;
   background-size: cover;
@@ -11,12 +21,40 @@
 }
 
 .pisell-kiosk-sku-detail__content {
-  max-width: 1000px;
+  width: 100%;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   gap: 40px;
   padding-bottom: 220px; // avoid overlap with footer
+  .pisell-pro-selector_header-content {
+    .pisell-pro-selector_header-content-title {
+      color: #101828;
+      font-size: 36px !important;
+    }
+    .pisell-lowcode-tag {
+      font-size: 22px !important;
+      margin-left: 20px !important;
+      padding-top: 5px !important;
+      padding-bottom: 5px !important;
+    }
+  }
+  .pisell-pro-selector_tip {
+    font-size: 36px !important;
+    color: #667085;
+  }
+  .pisell-sku-options-selection-variant-card__title {
+    font-size: 36px !important;
+    font-weight: 600 !important;
+    color: #101828;
+  }
+  .pisell-sku-options-selection-variant-card__price {
+    font-size: 30px !important;
+  }
+  .pisell-sku-options-selection-variant-card {
+    padding-top: 30px !important;
+    padding-bottom: 30px !important;
+  }
 }
 
 .pisell-kiosk-sku-detail__hero {
@@ -55,7 +93,6 @@
 }
 
 .pisell-kiosk-sku-detail__desc {
-  max-width: 860px;
   font-size: 36px;
   line-height: 44px;
   font-weight: 400;
@@ -91,11 +128,13 @@
 }
 
 .pisell-kiosk-sku-detail__footer {
+  // 注意：父容器有 transform(scale)，fixed 会相对该容器定位（适配小分辨率缩放舞台）
   position: fixed;
-  left: 50%;
+  left: 30px;
+  right: 30px;
   bottom: 30px;
-  transform: translateX(-50%);
-  width: min(1020px, calc(100% - 60px));
+  transform: none;
+  width: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -125,6 +164,9 @@
   display: flex;
   align-items: center;
   gap: 20px;
+  // 靠右，并与右侧主按钮保持 20px 间距
+  margin-left: auto;
+  margin-right: 20px;
 }
 
 .pisell-kiosk-sku-detail__item-total {