@antdv/pro-utils
Version:
@antdv/pro-utils
90 lines (89 loc) • 2.61 kB
JavaScript
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
import { useStyle as useAntdStyle } from "@antdv/pro-provider";
const genProStyle = (token) => {
const progressBgCls = `${token.antCls}-progress-bg`;
return {
[token.componentCls]: {
"&-multiple": {
paddingBlockStart: 6,
paddingBlockEnd: 12,
paddingInline: 8
},
"&-progress": {
"&-success": {
[progressBgCls]: {
backgroundColor: token.colorSuccess
}
},
"&-error": {
[progressBgCls]: {
backgroundColor: token.colorError
}
},
"&-warning": {
[progressBgCls]: {
backgroundColor: token.colorWarning
}
}
},
"&-rule": {
"display": "flex",
"alignItems": "center",
"&-icon": {
"&-default": {
"display": "flex",
"alignItems": "center",
"justifyContent": "center",
"width": "14px",
"height": "22px",
"&-circle": {
width: "6px",
height: "6px",
backgroundColor: token.colorTextSecondary,
borderRadius: "4px"
}
},
"&-loading": {
color: token.colorPrimary
},
"&-error": { color: token.colorError },
"&-success": {
color: token.colorSuccess
}
},
"&-text": {
color: token.colorText
}
}
}
};
};
function useStyle(prefixCls) {
return useAntdStyle("InlineErrorFormItem", (token) => {
const proToken = __spreadProps(__spreadValues({}, token), {
componentCls: `.${prefixCls.value}`
});
return [genProStyle(proToken)];
});
}
export {
useStyle
};