Use-plus-drawer NPM

use-plus-drawer

install

cnpm i use-plus-drawer --save

高级抽屉组件

import type { AddFormProps, AddFormOkParams } from './components/AddForm';
import AddForm, { getParamDatas } from './components/AddForm';
import usePlusDrawer from 'use-plus-drawer';
  const addDrawerRef = usePlusDrawer<AddFormProps, AddFormOkParams>(<AddForm screenItem={screenItem} />, {
    title: (props) => `在“${props?.screenItem?.name}”下，新增指标`,
    onOk: async ({ form: newForm, jsonResultStruct }) => {
      const info = await newForm.validateFields();
      const payloadItem = getParamDatas({
        payload: info,
      })
      if (TOOLS.dict.get.getVDictTypeByK('INDICATOR_SOURCE_TYPE', `${payloadItem?.sourceType}`) !== '填报') {
        payloadItem.jsonResultStruct = jsonResultStruct
      }
      console.log('新增', info);
      const response = await addIndicator({ payload: payloadItem });
      if (response) {
        form.submit();
        return;
      }
      return false;
    },
  });