@daiyu-5577/quickbuild/dist/static/pages/BaseModal.js

front-end build service

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import React, { useEffect } from 'react';
import { createRoot } from 'react-dom/client';
import { baseRoute } from './env.js';
export function creatLink(url) {
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = url;
    document.head.appendChild(link);
    return link;
}
export default function BaseModal(props) {
    const { children, otherStyle, className, onClose } = props;
    useEffect(() => {
        creatLink(`${baseRoute}/static/pages/BaseModal.css`);
    }, []);
    return (_jsx(React.Fragment, { children: _jsxs("div", { className: `baseModal ${className}`, style: Object.assign({ position: 'fixed' }, otherStyle), children: [_jsx("div", { className: "baseModal-cnt", children: children }), _jsx("div", { onClick: onClose || BaseModal.hide, className: "exit cursor", children: "X" })] }) }));
}
BaseModal.show = (props) => { };
BaseModal.hide = () => { };
try {
    process.env;
}
catch (error) {
    document.addEventListener('DOMContentLoaded', () => {
        const divDom = document.createElement('div');
        document.body.appendChild(divDom);
        let root = createRoot(divDom);
        BaseModal.show = (props) => {
            root.render(_jsx(BaseModal, Object.assign({}, props)));
        };
        BaseModal.hide = () => {
            root.render(_jsx(React.Fragment, {}));
        };
    });
    console.log(`BaseModal Error`, error);
}