@aplus-frontend/ui
Version:
68 lines (67 loc) • 1.5 kB
JavaScript
import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
const i = (e) => {
const { componentCls: t } = e;
return {
[t]: {
[`${t}-content-container`]: {
position: "relative",
"&--spinning": {
opacity: e.apListSpinnigOpacity,
userSelect: "none",
pointerEvents: "none"
}
},
[`${t}__footer`]: {
marginTop: e.space,
display: "flex",
justifyContent: "flex-end"
},
[`${t}__spin-wrapper`]: {
position: "absolute",
width: "100%",
top: 0,
bottom: 0,
borderRadius: e.borderRadius,
display: "flex",
justifyContent: "center",
alignItems: "center",
zIndex: 1
},
[`${t}-scroll-wrapper`]: {
height: "100%"
},
"&--adaptive": {
height: "100%",
display: "flex",
flexDirection: "column",
[`${t}-content-container`]: {
flexGrow: 1,
flexShrink: 1,
overflow: "hidden",
"&:has(.ant-empty)": {
display: "flex",
justifyContent: "center",
alignItems: "center"
},
[`${t}__content`]: {
height: "100%",
overflow: "auto"
}
}
}
}
};
}, p = n(
"ApList",
(e) => [i(e)],
{
apListSpinnigOpacity: 0.5
},
{
skipUnit: ["apListSpinnigOpacity"]
}
);
export {
p as default,
i as genApListStyle
};