mt-ui-components-vue3
Version:
玛果添实UI组件库(Vue3)
67 lines • 2.27 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { genComponentStyleHook } from 'ant-design-vue/es/theme/internal';
var genStyles = function genStyles(token) {
var _$concat;
var componentCls = token.componentCls;
return _defineProperty({}, componentCls, _defineProperty({
minHeight: "100%",
width: "100%",
padding: "16px 24px 24px",
// backgroundColor: token.colorBgLayout,
".ant-spin-nested-loading": {
height: "100%",
".ant-spin-container": {
height: "100%"
}
}
}, "".concat(componentCls, "-body"), (_$concat = {
width: "100%",
boxSizing: "border-box",
height: "100%",
display: "flex",
flexDirection: "column"
}, _defineProperty(_$concat, "".concat(componentCls, "-body-header"), {
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center'
}), _defineProperty(_$concat, "".concat(componentCls, "-body-header-right"), {
display: "flex",
gap: "8px",
alignItems: "center"
}), _defineProperty(_$concat, "right-button-icon", {
color: token.colorPrimary
}), _defineProperty(_$concat, "".concat(componentCls, "-body-header-right-button"), {
".ant-radio-button-wrapper": {
padding: "0 8px"
},
".ant-radio-button-wrapper-checked": {
'.right-button-icon': {
color: token.colorPrimary
}
}
}), _defineProperty(_$concat, "".concat(componentCls, "-content"), {
flex: "1",
padding: "16px 0"
}), _defineProperty(_$concat, "".concat(componentCls, "-alert"), {
marginBottom: "16px"
}), _defineProperty(_$concat, "".concat(componentCls, "-card-items"), {
display: "grid",
gridGap: "26px"
}), _defineProperty(_$concat, "".concat(componentCls, "-card-item"), {
display: "flex",
minWidth: "0"
}), _defineProperty(_$concat, "".concat(componentCls, "-pagination"), {
width: '100%',
display: "flex",
justifyContent: "flex-end"
}), _defineProperty(_$concat, "".concat(componentCls, "-empty"), {
display: "flex",
justifyContent: "center",
alignItems: "center",
margin: "10% 0"
}), _$concat)));
};
// export default useStyles;
export default genComponentStyleHook('ProTable', function (token) {
return [genStyles(token)];
});