import { ActionType, PurchaseOrderList } from "@/components";
import { useShareAppMessage } from "@tarojs/taro";
import { useRef, useState } from "react";
import hocAuth from "@/hocs/auth";
import { CommonComponent } from "@/types/typings";
import purchaseOrder from "@/constant/purchaseOrder";

export default hocAuth(function Page(props: CommonComponent) {
  const { shareOptions } = props;

  const [state, setState] =
    useState<BusinessAPI.PurchaseOrderPageQry["state"]>("DRAFT");

  const actionRef = useRef<ActionType>();

  useShareAppMessage((res) => {
    console.log("useShareAppMessage1", res, shareOptions);
    // 如果是按钮触发的转发，使用默认配置
    if (res.from === "button") {
      return shareOptions;
    }
    // 页面转发使用设置的配置
    return {};
  });

  return (
    <PurchaseOrderList
      actionRef={actionRef}
      toolbar={{
        tabs: {
          activeKey: "state",
          defaultActiveKey: state!,
          items: purchaseOrder.stateList,
          onChange: (item) => {
            setState(item as BusinessAPI.PurchaseOrderPageQry["state"]);
            actionRef.current?.reload();
          },
        },
      }}
      create
      params={{
        state: state,
        type: "MARKET_PURCHASE",
      }}
    />
  );
});
