@oceanbase/design
Version:
The Design System of OceanBase
69 lines (67 loc) • 2.15 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/tooltip/style/index.ts
var style_exports = {};
__export(style_exports, {
default: () => style_default,
genTooltipStyle: () => genTooltipStyle
});
module.exports = __toCommonJS(style_exports);
var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
var genTooltipStyle = (token) => {
const { componentCls } = token;
return {
[componentCls]: {
maxWidth: 300,
[`${componentCls}-inner`]: {
maxHeight: 250,
overflow: "auto"
},
[`${componentCls}-close-icon-wrap`]: {
display: "flex",
justifyContent: "space-between",
alignItems: "flex-start",
wordBreak: "break-all",
[`${componentCls}-close-icon`]: {
cursor: "pointer",
color: token.colorIcon,
"&:hover": {
color: token.colorIconHover
}
}
}
}
};
};
var style_default = (prefixCls) => {
const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)(
"Tooltip",
(token) => {
return [genTooltipStyle(token)];
},
({ zIndexPopupBase, colorBgSpotlight }) => ({
zIndexPopup: zIndexPopupBase + 70,
colorBgDefault: colorBgSpotlight
})
);
return useStyle(prefixCls);
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
genTooltipStyle
});