@aplus-frontend/ui
Version:
58 lines (57 loc) • 1.49 kB
JavaScript
import { genComponentStyleHook as a } from "../../../utils/cssinjs/index.mjs";
const l = (o) => {
const { componentCls: p, namespace: t } = o, r = `${p}-popover-input`, e = `--${t}-batch-input-group-popover-left`, n = `--${t}-batch-input-group-popover-right`, i = `--${t}-batch-input-group-popover-width`;
return {
[p]: {
position: "relative",
[r]: {
display: "inline-flex",
alignItems: "center",
[`${r}-trigger-icon`]: {
cursor: "pointer",
fontSize: o.fontSizeXL,
color: o.textColor2,
lineHeight: 0,
"&:hover": {
color: o.colorPrimary
},
"&--disabled": {
cursor: "not-allowed",
color: o.batchInputGroupTriggerColorDisabled,
"&:hover": {
color: o.batchInputGroupTriggerColorDisabled
}
}
}
}
},
[`${r}__popover`]: {
width: `var(${i})`,
minWidth: "300px",
left: `var(${e}) !important`,
right: `var(${n}) !important`,
".ant-popover-arrow": {
display: "none"
},
".ant-popover-inner": {
padding: 0
},
[`${r}__popover--content`]: {
padding: o.spaceLG,
textarea: {
padding: 0,
resize: "none"
}
}
}
};
}, s = a(
"BatchInputGroup",
(o) => [l(o)],
{
batchInputGroupTriggerColorDisabled: "rgba(24, 41, 72, 0.25)"
}
);
export {
s as default
};