@aplus-frontend/ui
Version:
46 lines (45 loc) • 1.3 kB
JavaScript
import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
const e = (o) => {
const { componentCls: a, apFormModalCloseSize: d } = o;
return {
[a]: {
".ant-modal-content": {
padding: 0
},
".ant-modal-header": {
paddingInline: o.apFormModalHeaderPaddingInline,
paddingBlock: o.apFormModalHeaderPaddingBlock,
// todo:边框颜色在这里没有合适的token可以对应，后续需要优化
borderBottom: `${o.lineWidth} ${o.lineType} #E9EDF3`,
marginBottom: 0
},
[`${a}__content`]: {
padding: o.apFormModalContentPadding
},
[`${a}__footer`]: {
padding: o.apFormModalFooterPadding,
borderTop: o.apFormModalFooterBorderTop
},
".ant-modal-close": {
top: o.calc(o.apFormModalHeaderPaddingBlock).sub(o.calc(d).sub("22px").div(2)).equal(),
width: d,
height: d
}
}
};
}, n = r(
"ApForm.Modal",
(o) => [e(o)],
{
apFormModalHeaderPaddingInline: 20,
apFormModalHeaderPaddingBlock: 15,
apFormModalContentPadding: "20px 20px 0px",
apFormModalFooterPadding: "12px 20px",
apFormModalCloseSize: 32,
apFormModalFooterBorderTop: "unset"
}
);
export {
n as default,
e as genModalFormStyle
};