@antdv/pro-utils
Version:
@antdv/pro-utils
63 lines (62 loc) • 1.95 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) => {
return {
[token.componentCls]: {
"display": "inline-flex",
"alignItems": "center",
"maxWidth": "100%",
"&-icon": {
"display": "block",
"marginInlineStart": "4px",
"cursor": "pointer",
"&:hover": {
color: token.colorPrimary
}
},
"&-title": { display: "inline-flex", flex: "1" },
"&-subtitle ": {
marginInlineStart: 8,
color: token.colorTextSecondary,
fontWeight: "normal",
fontSize: token.fontSize,
whiteSpace: "nowrap"
},
"&-title-ellipsis": {
overflow: "hidden",
whiteSpace: "nowrap",
textOverflow: "ellipsis",
wordBreak: "keep-all"
}
}
};
};
function useStyle(prefixCls) {
return useAntdStyle("LabelIconTip", (token) => {
const proToken = __spreadProps(__spreadValues({}, token), {
componentCls: `.${prefixCls.value}`
});
return [genProStyle(proToken)];
});
}
export {
useStyle
};