@flatbiz/antd
Version:
802 lines (783 loc) • 29.3 kB
JavaScript
/*! @flatjs/forge MIT @flatbiz/antd */
import { hooks } from '@wove/react/hooks';
import { a as _slicedToArray, _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
import { createContext, useState, useMemo, useContext, createElement } from 'react';
import { getUuid } from '@flatbiz/utils';
import { classNames } from '@dimjs/utils/class-names/class-names';
import { isPromise } from '@dimjs/lang/is-promise';
import { useSize } from 'ahooks';
import { Form, Modal, Space, Drawer, theme } from 'antd';
import { g as getFbaLocaleMessage } from './config-provider-wrapper-DDa_64Ce.js';
import { B as ButtonWrapper } from './button-wrapper-l9FUsrWl.js';
import { fbaHooks } from './fba-hooks/index.js';
import { F as FlexLayout } from './flex-layout-BaDncU_Z.js';
import { createCtx } from '@wove/react/create-ctx';
import { jsx, jsxs } from 'react/jsx-runtime';
import { B as BlockLayout } from './layout-OPf8eBBY.js';
var FbaAppContext = /*#__PURE__*/createContext({});
var _createCtx$1 = createCtx(),
_createCtx2$1 = _slicedToArray(_createCtx$1, 2),
useFbaAppDialogModalCtx = _createCtx2$1[0],
CtxProvider$1 = _createCtx2$1[1];
var _excluded$1 = ["titleExtra", "title", "onOk", "onCancel", "okButtonProps", "cancelButtonProps", "content", "className", "okHidden", "cancelHidden", "footer", "cancelText", "okText", "size", "bodyHeight"];
var FbaAppModal = function FbaAppModal(props) {
var _otherProps$styles, _otherProps$styles2;
var titleExtra = props.titleExtra,
title = props.title,
onOk = props.onOk,
onCancel = props.onCancel,
okButtonProps = props.okButtonProps,
cancelButtonProps = props.cancelButtonProps,
content = props.content,
className = props.className,
okHidden = props.okHidden,
cancelHidden = props.cancelHidden,
footer = props.footer,
cancelText = props.cancelText,
okText = props.okText,
size = props.size,
bodyHeight = props.bodyHeight,
otherProps = _objectWithoutProperties(props, _excluded$1);
var _Form$useForm = Form.useForm(),
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
form = _Form$useForm2[0];
var htmlSize = useSize(document.querySelector('html'));
var localMessage = getFbaLocaleMessage();
var screenType = fbaHooks.useResponsivePoint() || '';
var _useState = useState({}),
_useState2 = _slicedToArray(_useState, 2),
footerExtraData = _useState2[0],
setFooterExtraData = _useState2[1];
var onClose = hooks.useCallbackRef(function () {
var _props$onClose;
(_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
});
var onCancelHandle = hooks.useCallbackRef(function (e) {
if (onCancel) {
var response = onCancel(form, e);
if (response && isPromise(response)) {
return response.then(onClose);
}
}
onClose();
return Promise.resolve();
});
var onOkHandle = hooks.useCallbackRef(function (e) {
if (onOk) {
var response = onOk(form, e);
if (response && isPromise(response)) {
return response.then(onClose);
}
}
onClose();
return Promise.resolve();
});
var footerNew = fbaHooks.useMemoCustom(function () {
var _localMessage$FbaDial;
if (footer) {
return typeof footer === 'function' ? footer(form, footerExtraData) : footer;
}
if (cancelHidden && okHidden || footer === null) {
return null;
}
return [/*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({}, cancelButtonProps), {}, {
onClick: onCancelHandle,
hidden: cancelHidden,
children: cancelText || ((_localMessage$FbaDial = localMessage.FbaDialogModal) === null || _localMessage$FbaDial === void 0 ? void 0 : _localMessage$FbaDial.cancelText)
}), "0"), /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({
type: "primary"
}, okButtonProps), {}, {
onClick: onOkHandle,
hidden: okHidden,
children: okText || '提交'
}), "1")].filter(Boolean);
}, [footerExtraData, props.open]);
var customSize = useMemo(function () {
if (!(htmlSize !== null && htmlSize !== void 0 && htmlSize.height) || !screenType) return undefined;
var isXsSm = ['xs', 'sm'].includes(screenType);
if (isXsSm) {
return {
width: '90%'
};
}
if (size == 'large') {
return {
height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.7,
width: isXsSm ? '90%' : htmlSize.width * 0.6
};
}
if (size == 'small') {
var width = htmlSize.width * 0.3;
return {
height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.4,
width: isXsSm ? '90%' : width < 470 ? 470 : width
};
}
if (size == 'middle') {
return {
height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.4,
width: isXsSm ? '90%' : htmlSize.width * 0.5
};
}
return undefined;
}, [htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height, htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.width, screenType, size]);
var classNameNew = classNames('fba-dialog-modal', {
'fba-dialog-modal-title-extra': !!titleExtra
}, {
'fba-dialog-modal-footer-empty': !footerNew
}, className);
var rerenderFooter = function rerenderFooter(data) {
setFooterExtraData(data);
};
var bodyHeightNew = ((_otherProps$styles = otherProps.styles) === null || _otherProps$styles === void 0 || (_otherProps$styles = _otherProps$styles.body) === null || _otherProps$styles === void 0 ? void 0 : _otherProps$styles.height) || bodyHeight;
return /*#__PURE__*/jsx(CtxProvider$1, {
value: {
rerenderFooter: rerenderFooter
},
children: /*#__PURE__*/jsx(Modal, _objectSpread2(_objectSpread2({
maskClosable: true,
title: titleExtra ? /*#__PURE__*/jsxs(FlexLayout, {
direction: "horizontal",
fullIndex: 0,
children: [/*#__PURE__*/jsx("span", {
children: title
}), titleExtra]
}) : title,
centered: true,
onCancel: onClose,
destroyOnClose: true,
width: customSize === null || customSize === void 0 ? void 0 : customSize.width
}, otherProps), {}, {
footer: footerNew,
styles: _objectSpread2(_objectSpread2({}, otherProps.styles), {}, {
body: _objectSpread2({
height: bodyHeightNew || (customSize === null || customSize === void 0 ? void 0 : customSize.height),
maxHeight: 'calc(100vh - 200px)'
}, (_otherProps$styles2 = otherProps.styles) === null || _otherProps$styles2 === void 0 ? void 0 : _otherProps$styles2.body)
}),
className: classNameNew,
open: props.open,
children: typeof content === 'function' ? content(form, {
onClose: onClose
}) : content
}))
});
};
var FbaAppConfirm = function FbaAppConfirm(props) {
var className = classNames('fba-dialog-confirm', props.className);
return /*#__PURE__*/jsx(FbaAppModal, _objectSpread2(_objectSpread2({
okText: "\u786E\u5B9A",
size: null,
width: 350,
cancelText: "\u53D6\u6D88",
maskClosable: true
}, props), {}, {
className: className
}));
};
var FbaAppAlert = function FbaAppAlert(props) {
return /*#__PURE__*/jsx(FbaAppConfirm, _objectSpread2(_objectSpread2({
okText: "\u786E\u5B9A",
cancelHidden: true,
maskClosable: false
}, props), {}, {
onOk: function onOk(_form, e) {
var _props$onClick;
return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
}
}));
};
var _createCtx = createCtx(),
_createCtx2 = _slicedToArray(_createCtx, 2),
useFbaAppDialogDrawerCtx = _createCtx2[0],
CtxProvider = _createCtx2[1];
var _excluded = ["onOk", "onCancel", "content", "okText", "cancelText", "okButtonExtraProps", "cancelButtonExtraProps", "operatePosition", "operateRender", "width", "okHidden", "cancelHidden", "extra"];
var FbaAppDrawer = function FbaAppDrawer(props) {
var _otherProps$styles;
var onOk = props.onOk,
onCancel = props.onCancel,
content = props.content,
okText = props.okText,
cancelText = props.cancelText,
okButtonExtraProps = props.okButtonExtraProps,
cancelButtonExtraProps = props.cancelButtonExtraProps,
_props$operatePositio = props.operatePosition,
operatePosition = _props$operatePositio === void 0 ? 'footer' : _props$operatePositio,
operateRender = props.operateRender,
width = props.width,
okHidden = props.okHidden,
cancelHidden = props.cancelHidden,
extra = props.extra,
otherProps = _objectWithoutProperties(props, _excluded);
var _Form$useForm = Form.useForm(),
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
form = _Form$useForm2[0];
var screenType = fbaHooks.useResponsivePoint() || '';
var _useState = useState({}),
_useState2 = _slicedToArray(_useState, 2),
footerExtraData = _useState2[0],
setFooterExtraData = _useState2[1];
var onClose = hooks.useCallbackRef(function (e) {
var _props$onClose;
(_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props, e);
});
var onCancelHandle = hooks.useCallbackRef(function (e) {
if (onCancel) {
var response = onCancel(form, e);
if (response && isPromise(response)) {
return response.then(onClose);
}
}
onClose(e);
return Promise.resolve();
});
var onOkHandle = hooks.useCallbackRef(function (e) {
if (onOk) {
var response = onOk(form, e);
if (response && isPromise(response)) {
return response.then(onClose);
}
}
onClose(e);
return Promise.resolve();
});
// const operateGroup = (
// <Space>
// {cancelHidden || cancelButtonExtraProps?.hidden ? null : (
// <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>
// {cancelText || '取消'}
// </ButtonWrapper>
// )}
// {okHidden || okButtonExtraProps?.hidden ? null : (
// <ButtonWrapper type="primary" {...okButtonExtraProps} onClick={onOkHandle}>
// {okText || '提交'}
// </ButtonWrapper>
// )}
// </Space>
// );
// const operateRenderHandle = () => {
// if (operateRender) {
// return operateRender(form);
// }
// if (!okHidden || !cancelHidden) {
// return operateGroup;
// }
// return null;
// };
var newOperateRender = fbaHooks.useMemoCustom(function () {
if (operateRender) {
return operateRender(form, footerExtraData);
}
var okHiddenNew = okHidden || (okButtonExtraProps === null || okButtonExtraProps === void 0 ? void 0 : okButtonExtraProps.hidden);
var cancelHiddenNew = okHidden || (okButtonExtraProps === null || okButtonExtraProps === void 0 ? void 0 : okButtonExtraProps.hidden);
var operateGroup = /*#__PURE__*/jsxs(Space, {
children: [cancelHiddenNew ? null : /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({}, cancelButtonExtraProps), {}, {
onClick: onCancelHandle,
children: cancelText || '取消'
})), okHiddenNew ? null : /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({
type: "primary"
}, okButtonExtraProps), {}, {
onClick: onOkHandle,
children: okText || '提交'
}))]
});
if (!okHidden || !cancelHidden) {
return operateGroup;
}
return null;
}, [footerExtraData, props.open]);
var customSize = useMemo(function () {
if (!screenType) return undefined;
if (['xs', 'sm'].includes(screenType)) {
return {
width: '90%',
maxWidth: '90%'
};
}
if (width) {
return {
width: width,
maxWidth: 'calc(100% - 200px)'
};
}
return {
width: '40%',
maxWidth: 'calc(100% - 200px)'
};
}, [screenType, width]);
var extraRender = typeof extra === 'function' ? extra(form) : extra;
var rerenderFooter = function rerenderFooter(data) {
setFooterExtraData(data);
};
return /*#__PURE__*/jsx(CtxProvider, {
value: {
rerenderFooter: rerenderFooter
},
children: /*#__PURE__*/jsx(Drawer, _objectSpread2(_objectSpread2({
maskClosable: true,
destroyOnClose: true,
footer: operatePosition === 'footer' ? newOperateRender : null
}, otherProps), {}, {
width: customSize === null || customSize === void 0 ? void 0 : customSize.width,
styles: _objectSpread2(_objectSpread2({}, otherProps.styles), {}, {
wrapper: _objectSpread2({
maxWidth: customSize === null || customSize === void 0 ? void 0 : customSize.maxWidth
}, (_otherProps$styles = otherProps.styles) === null || _otherProps$styles === void 0 ? void 0 : _otherProps$styles.wrapper)
}),
className: classNames('app-dialog-drawer', otherProps.className),
extra: operatePosition === 'header' ? newOperateRender : extraRender,
open: props.open,
onClose: onClose,
children: typeof content === 'function' ? content(form, {
onClose: onClose
}) : content
}))
});
};
var FbaAppLoading = function FbaAppLoading(props) {
var className = props.className,
message = props.message,
mask = props.mask;
var _theme$useToken = theme.useToken(),
token = _theme$useToken.token;
var colorPrimary = token.colorPrimary;
return /*#__PURE__*/jsx(Modal, {
maskClosable: false,
centered: true,
destroyOnClose: true,
className: classNames('fba-dialog-loading', className),
open: props.open,
footer: null,
closable: false,
style: {
'--fba-loading-color': colorPrimary
},
mask: mask,
children: /*#__PURE__*/jsx(BlockLayout, {
className: classNames('fba-dialog-loading-content'),
children: /*#__PURE__*/jsxs("div", {
className: "loader-wrapper",
children: [/*#__PURE__*/jsx("div", {
className: "loader-inner"
}), /*#__PURE__*/jsx("div", {
className: "loader-text",
children: message || '处理中'
})]
})
})
});
};
var useDialogDrawer = function useDialogDrawer() {
var ctx = useContext(FbaAppContext);
var onClose = function onClose() {
var _ctx$dialogDrawerClos;
(_ctx$dialogDrawerClos = ctx.dialogDrawerClose) === null || _ctx$dialogDrawerClos === void 0 || _ctx$dialogDrawerClos.call(ctx);
};
return {
appDialogDrawer: {
open: function open(data) {
var _ctx$dialogDrawerOpen;
(_ctx$dialogDrawerOpen = ctx.dialogDrawerOpen) === null || _ctx$dialogDrawerOpen === void 0 || _ctx$dialogDrawerOpen.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
open: true
}));
return {
onClose: onClose
};
},
close: onClose,
/**
* ```
* 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
* ```
*/
useAppDialogDrawer: function useAppDialogDrawer() {
var ctx = useFbaAppDialogDrawerCtx();
return {
/** 重新渲染 footer， data为携带的数据，是footer的第二个参数 */
rerenderFooter: function rerenderFooter(data) {
ctx.rerenderFooter(data);
}
};
}
}
};
};
/**
* 不支持多个弹框，第二个弹框可使用useDialogDrawer2
*/
var useDialogDrawer2 = function useDialogDrawer2() {
var ctx = useContext(FbaAppContext);
var onClose = function onClose() {
var _ctx$dialogDrawerClos2;
(_ctx$dialogDrawerClos2 = ctx.dialogDrawerClose2) === null || _ctx$dialogDrawerClos2 === void 0 || _ctx$dialogDrawerClos2.call(ctx);
};
return {
appDialogDrawer2: {
open: function open(data) {
var _ctx$dialogDrawerOpen2;
(_ctx$dialogDrawerOpen2 = ctx.dialogDrawerOpen2) === null || _ctx$dialogDrawerOpen2 === void 0 || _ctx$dialogDrawerOpen2.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
open: true
}));
return {
onClose: onClose
};
},
close: onClose,
/**
* ```
* 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
* ```
*/
useAppDialogDrawer: function useAppDialogDrawer() {
var ctx = useFbaAppDialogDrawerCtx();
return {
/** 重新渲染 footer， data为携带的数据，是footer的第二个参数 */
rerenderFooter: function rerenderFooter(data) {
ctx.rerenderFooter(data);
}
};
}
}
};
};
/**
* 不支持多个弹框，第二个弹框可使用useDialogModal2
* ```
* 1. 配置size属性可使用预设的弹窗尺寸，如果不使用内置尺寸可设置 size = null
* ```
*/
var useDialogModal = function useDialogModal() {
var ctx = useContext(FbaAppContext);
var onClose = function onClose() {
var _ctx$dialogModalClose;
(_ctx$dialogModalClose = ctx.dialogModalClose) === null || _ctx$dialogModalClose === void 0 || _ctx$dialogModalClose.call(ctx);
};
return {
appDialogModal: {
open: function open(data) {
var _ctx$dialogModalOpen;
(_ctx$dialogModalOpen = ctx.dialogModalOpen) === null || _ctx$dialogModalOpen === void 0 || _ctx$dialogModalOpen.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
open: true
}));
return {
onClose: onClose
};
},
close: onClose,
/**
* rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
*/
useAppDialogModal: function useAppDialogModal() {
var ctx = useFbaAppDialogModalCtx();
return {
/** 重新渲染 footer， data为携带的数据，是footer的第二个参数 */
rerenderFooter: function rerenderFooter(data) {
ctx.rerenderFooter(data);
}
};
}
}
};
};
/**
* 不支持多个弹框
* ```
* 1. 配置size属性可使用预设的弹窗尺寸，如果不使用内置尺寸可设置 size = null
* ```
*/
var useDialogModal2 = function useDialogModal2() {
var ctx = useContext(FbaAppContext);
var onClose = function onClose() {
var _ctx$dialogModalClose2;
(_ctx$dialogModalClose2 = ctx.dialogModalClose2) === null || _ctx$dialogModalClose2 === void 0 || _ctx$dialogModalClose2.call(ctx);
};
return {
appDialogModal2: {
open: function open(data) {
var _ctx$dialogModalOpen2;
(_ctx$dialogModalOpen2 = ctx.dialogModalOpen2) === null || _ctx$dialogModalOpen2 === void 0 || _ctx$dialogModalOpen2.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
open: true
}));
return {
onClose: onClose
};
},
close: onClose,
/**
* rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
*/
useAppDialogModal: function useAppDialogModal() {
var ctx = useFbaAppDialogModalCtx();
return {
/** 重新渲染 footer， data为携带的数据，是footer的第二个参数 */
rerenderFooter: function rerenderFooter(data) {
ctx.rerenderFooter(data);
}
};
}
}
};
};
/**
* 不支持多个弹框
* @returns
*/
var useDialogAlert = function useDialogAlert() {
var ctx = useContext(FbaAppContext);
var onClose = function onClose() {
var _ctx$dialogAlertClose;
(_ctx$dialogAlertClose = ctx.dialogAlertClose) === null || _ctx$dialogAlertClose === void 0 || _ctx$dialogAlertClose.call(ctx);
};
return {
appDialogAlert: {
open: function open(data) {
var _ctx$dialogAlertOpen;
(_ctx$dialogAlertOpen = ctx.dialogAlertOpen) === null || _ctx$dialogAlertOpen === void 0 || _ctx$dialogAlertOpen.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
open: true
}));
return {
onClose: onClose
};
},
close: onClose
}
};
};
/**
* 不支持多个弹框
* @returns
*/
var useDialogConfirm = function useDialogConfirm() {
var ctx = useContext(FbaAppContext);
var onClose = function onClose() {
var _ctx$dialogConfirmClo;
(_ctx$dialogConfirmClo = ctx.dialogConfirmClose) === null || _ctx$dialogConfirmClo === void 0 || _ctx$dialogConfirmClo.call(ctx);
};
return {
appDialogConfirm: {
open: function open(data) {
var _ctx$dialogConfirmOpe;
(_ctx$dialogConfirmOpe = ctx.dialogConfirmOpen) === null || _ctx$dialogConfirmOpe === void 0 || _ctx$dialogConfirmOpe.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
open: true
}));
return {
onClose: onClose
};
},
close: onClose
}
};
};
/**
* 不支持多个弹框
* @returns
*/
var useDialogLoading = function useDialogLoading() {
var ctx = useContext(FbaAppContext);
var onClose = function onClose() {
var _ctx$dialogLoadingClo;
(_ctx$dialogLoadingClo = ctx.dialogLoadingClose) === null || _ctx$dialogLoadingClo === void 0 || _ctx$dialogLoadingClo.call(ctx);
};
return {
appDialogLoading: {
open: function open(data) {
var _ctx$dialogLoadingOpe;
(_ctx$dialogLoadingOpe = ctx.dialogLoadingOpen) === null || _ctx$dialogLoadingOpe === void 0 || _ctx$dialogLoadingOpe.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
open: true
}));
return {
onClose: onClose
};
},
close: onClose
}
};
};
var FbaApp = function FbaApp(props) {
var _useState = useState({}),
_useState2 = _slicedToArray(_useState, 2),
drawerProps = _useState2[0],
setDrawerProps = _useState2[1];
var _useState3 = useState(getUuid()),
_useState4 = _slicedToArray(_useState3, 2),
drawerKey = _useState4[0],
setDrawerKey = _useState4[1];
var _useState5 = useState({}),
_useState6 = _slicedToArray(_useState5, 2),
drawerProps2 = _useState6[0],
setDrawerProps2 = _useState6[1];
var _useState7 = useState(getUuid()),
_useState8 = _slicedToArray(_useState7, 2),
drawerKey2 = _useState8[0],
setDrawerKey2 = _useState8[1];
var _useState9 = useState({}),
_useState10 = _slicedToArray(_useState9, 2),
modalProps = _useState10[0],
setModalProps = _useState10[1];
var _useState11 = useState(getUuid()),
_useState12 = _slicedToArray(_useState11, 2),
modalKey = _useState12[0],
setModalKey = _useState12[1];
var _useState13 = useState({}),
_useState14 = _slicedToArray(_useState13, 2),
modalProps2 = _useState14[0],
setModalProps2 = _useState14[1];
var _useState15 = useState(getUuid()),
_useState16 = _slicedToArray(_useState15, 2),
modalKey2 = _useState16[0],
setModalKey2 = _useState16[1];
var _useState17 = useState({}),
_useState18 = _slicedToArray(_useState17, 2),
alertProps = _useState18[0],
setAlertProps = _useState18[1];
var _useState19 = useState({}),
_useState20 = _slicedToArray(_useState19, 2),
confirmProps = _useState20[0],
setConfirmProps = _useState20[1];
var _useState21 = useState(),
_useState22 = _slicedToArray(_useState21, 2),
loadingProps = _useState22[0],
setLoadingProps = _useState22[1];
var _useState23 = useState(getUuid()),
_useState24 = _slicedToArray(_useState23, 2),
alertKey = _useState24[0],
setAlertKey = _useState24[1];
var _useState25 = useState(getUuid()),
_useState26 = _slicedToArray(_useState25, 2),
confirmKey = _useState26[0],
setConfirmKey = _useState26[1];
var _useState27 = useState(getUuid()),
_useState28 = _slicedToArray(_useState27, 2),
loadingKey = _useState28[0],
setLoadingKey = _useState28[1];
var dialogDrawerOpen = hooks.useCallbackRef(function (data) {
setDrawerProps(data);
});
var dialogDrawerClose = hooks.useCallbackRef(function (e) {
var _drawerProps$onClose;
setDrawerProps(_objectSpread2(_objectSpread2({}, drawerProps), {}, {
open: false
}));
(_drawerProps$onClose = drawerProps.onClose) === null || _drawerProps$onClose === void 0 || _drawerProps$onClose.call(drawerProps, e);
setTimeout(function () {
setDrawerKey(getUuid());
}, 200);
});
var dialogDrawerOpen2 = hooks.useCallbackRef(function (data) {
setDrawerProps2(data);
});
var dialogDrawerClose2 = hooks.useCallbackRef(function (e) {
var _drawerProps2$onClose;
setDrawerProps2(_objectSpread2(_objectSpread2({}, drawerProps2), {}, {
open: false
}));
(_drawerProps2$onClose = drawerProps2.onClose) === null || _drawerProps2$onClose === void 0 || _drawerProps2$onClose.call(drawerProps2, e);
setTimeout(function () {
setDrawerKey2(getUuid());
}, 200);
});
var dialogModalOpen = hooks.useCallbackRef(function (data) {
setModalProps(data);
});
var dialogModalClose = hooks.useCallbackRef(function () {
var _modalProps$onClose;
setModalProps(_objectSpread2(_objectSpread2({}, modalProps), {}, {
open: false
}));
(_modalProps$onClose = modalProps.onClose) === null || _modalProps$onClose === void 0 || _modalProps$onClose.call(modalProps);
setTimeout(function () {
setModalKey(getUuid());
}, 200);
});
var dialogModalOpen2 = hooks.useCallbackRef(function (data) {
setModalProps2(data);
});
var dialogModalClose2 = hooks.useCallbackRef(function () {
var _modalProps2$onClose;
setModalProps2(_objectSpread2(_objectSpread2({}, modalProps2), {}, {
open: false
}));
(_modalProps2$onClose = modalProps2.onClose) === null || _modalProps2$onClose === void 0 || _modalProps2$onClose.call(modalProps2);
setTimeout(function () {
setModalKey2(getUuid());
}, 200);
});
var dialogAlertOpen = hooks.useCallbackRef(function (data) {
setAlertProps(data);
});
var dialogAlertClose = hooks.useCallbackRef(function () {
var _alertProps$onClose;
setAlertProps(_objectSpread2(_objectSpread2({}, alertProps), {}, {
open: false
}));
(_alertProps$onClose = alertProps.onClose) === null || _alertProps$onClose === void 0 || _alertProps$onClose.call(alertProps);
setTimeout(function () {
setAlertKey(getUuid());
}, 200);
});
var dialogConfirmOpen = hooks.useCallbackRef(function (data) {
setConfirmProps(data);
});
var dialogConfirmClose = hooks.useCallbackRef(function () {
var _confirmProps$onClose;
setConfirmProps(_objectSpread2(_objectSpread2({}, confirmProps), {}, {
open: false
}));
(_confirmProps$onClose = confirmProps.onClose) === null || _confirmProps$onClose === void 0 || _confirmProps$onClose.call(confirmProps);
setTimeout(function () {
setConfirmKey(getUuid());
}, 200);
});
var dialogLoadingOpen = hooks.useCallbackRef(function (data) {
setLoadingProps(data);
});
var dialogLoadingClose = hooks.useCallbackRef(function () {
setLoadingProps(_objectSpread2(_objectSpread2({}, loadingProps), {}, {
open: false
}));
setTimeout(function () {
setLoadingKey(getUuid());
}, 200);
});
return /*#__PURE__*/jsxs(FbaAppContext.Provider, {
value: {
dialogDrawerOpen: dialogDrawerOpen,
dialogDrawerClose: dialogDrawerClose,
dialogDrawerOpen2: dialogDrawerOpen2,
dialogDrawerClose2: dialogDrawerClose2,
dialogModalOpen: dialogModalOpen,
dialogModalClose: dialogModalClose,
dialogModalOpen2: dialogModalOpen2,
dialogModalClose2: dialogModalClose2,
dialogAlertOpen: dialogAlertOpen,
dialogAlertClose: dialogAlertClose,
dialogConfirmOpen: dialogConfirmOpen,
dialogConfirmClose: dialogConfirmClose,
dialogLoadingOpen: dialogLoadingOpen,
dialogLoadingClose: dialogLoadingClose
},
children: [/*#__PURE__*/createElement(FbaAppDrawer, _objectSpread2(_objectSpread2({}, drawerProps), {}, {
onClose: dialogDrawerClose,
key: drawerKey
})), /*#__PURE__*/createElement(FbaAppDrawer, _objectSpread2(_objectSpread2({}, drawerProps2), {}, {
onClose: dialogDrawerClose2,
key: drawerKey2
})), /*#__PURE__*/createElement(FbaAppModal, _objectSpread2(_objectSpread2({}, modalProps), {}, {
onClose: dialogModalClose,
key: modalKey
})), /*#__PURE__*/createElement(FbaAppModal, _objectSpread2(_objectSpread2({}, modalProps2), {}, {
onClose: dialogModalClose2,
key: modalKey2
})), /*#__PURE__*/createElement(FbaAppAlert, _objectSpread2(_objectSpread2({}, alertProps), {}, {
onClose: dialogAlertClose,
key: alertKey
})), /*#__PURE__*/createElement(FbaAppConfirm, _objectSpread2(_objectSpread2({}, confirmProps), {}, {
onClose: dialogConfirmClose,
key: confirmKey
})), /*#__PURE__*/createElement(FbaAppLoading, _objectSpread2(_objectSpread2({}, loadingProps), {}, {
key: loadingKey
})), props.children]
});
};
export { FbaApp as F, useDialogDrawer2 as a, useDialogModal as b, useDialogModal2 as c, useDialogConfirm as d, useDialogAlert as e, useDialogLoading as f, useDialogDrawer as u };
//# sourceMappingURL=fba-app-DO_YME_j.js.map