[{"value":"lines: CheckoutLine[]","id":"lines-checkoutline","hLevel":2,"level":1},{"value":"applyCheckoutLinesChange: (change: CheckoutLineChange) => Promise<CheckoutLineChangeResult>","id":"applycheckoutlineschange-change-checkoutlinechange--promisecheckoutlinechangeresult","hLevel":2,"level":1},{"value":"useCheckoutLineTarget(): CheckoutLine | undefined","id":"usecheckoutlinetarget-checkoutline--undefined","hLevel":2,"level":1},{"value":"useApplyCheckoutLinesChange(): ApplyCheckoutLineChange","id":"useapplycheckoutlineschange-applycheckoutlinechange","hLevel":2,"level":1}]

Checkout Line

用于管理结账商品行数据的接口。

`lines: CheckoutLine[]`

linesCheckoutLine[]

商品行信息。

idstring

商品行 ID。

variantIdstring

商品行 SKU。

quantitystring

商品数量。

costCheckoutLineCost

商品行价格信息。

properties Property[]

商品行属性。

discountAllocationsDiscountAllocation[]

商品行已应用折扣信息。

discountApplicationDiscountApplication

商品行折扣应用信息。

merchandiseMerchandise

商品信息。

render("Checkout::Dynamic::Render", (props) => {
  const { lines } = props;
  console.log(lines);
});

`applyCheckoutLinesChange: (change: CheckoutLineChange) => Promise<CheckoutLineChangeResult>`

注意

仅在结算页可用。

applyCheckoutLinesChange(change: CheckoutLineChange) => Promise<CheckoutLineChangeResult>

更新商品行信息。

render("Checkout::Dynamic::Render", (props) => {
  const { applyCheckoutLinesChange } = props;
  applyCheckoutLinesChange({
    type: "removeCheckoutLine",
    lineItemIds: ["test"],
  });
});

`useCheckoutLineTarget(): CheckoutLine | undefined`

注意

目前仅在 Checkout::CheckoutLineDetails::RenderAfter 拓展点生效。

获取当前商品行信息。

render("Checkout::Dynamic::Render", (props) => {
  const target = useCheckoutLineTarget()
  console.log(target)
});

`useApplyCheckoutLinesChange(): ApplyCheckoutLineChange`

注意

仅在结算页可用。

返回 applyCheckoutLineChange。

render("Checkout::Dynamic::Render", (props) => {
  const applyCheckoutLinesChange = useApplyCheckoutLinesChange();
  applyCheckoutLinesChange({
    type: "removeCheckoutLine",
    lineItemIds: ["test"],
  });
});