swOperation/node_modules/@antv/gui/esm/ui/poptip/constant.js

var _a;
export var POPTIP_ID = 'gui-poptip';
/**
 * 默认类名
 */
export var CLASS_NAME = {
    CONTAINER: 'gui-poptip',
    ARROW: 'gui-poptip-arrow',
    TEXT: 'gui-poptip-text',
};
/**
 * 默认 style
 */
export var POPTIP_STYLE = (_a = {},
    // 容器 默认 style
    _a[".".concat(CLASS_NAME.CONTAINER)] = {
        visibility: 'visible',
        position: 'absolute',
        'background-color': 'rgba(0, 0, 0)',
        'box-shadow': '0px 0px 10px #aeaeae',
        'border-radius': '3px',
        color: '#fff',
        opacity: 0.8,
        'font-size': '12px',
        padding: '4px 6px',
        display: 'flex',
        'justify-content': 'center',
        'align-items': 'center',
        'z-index': 8,
        transition: 'visibility 50ms',
    },
    // 文本内容 默认 style
    _a[".".concat(CLASS_NAME.TEXT)] = {
        'text-align': 'center',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='top']")] = {
        transform: "translate(-50%, -100%)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='left']")] = {
        transform: "translate(-100%, -50%)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='right']")] = {
        transform: "translate(0, -50%)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='bottom']")] = {
        transform: "translate(-50%, 0)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='top-left']")] = {
        transform: "translate(0,-100%)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='top-right']")] = {
        transform: "translate(-100%,-100%)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='left-top']")] = {
        transform: "translate(-100%, 0)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='left-bottom']")] = {
        transform: "translate(-100%, -100%)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='right-top']")] = {
        transform: "translate(0, 0)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='right-bottom']")] = {
        transform: "translate(0, -100%)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='bottom-left']")] = {
        transform: "translate(0, 0)",
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='bottom-right']")] = {
        transform: "translate(-100%, 0)",
    },
    _a[".".concat(CLASS_NAME.ARROW)] = {
        width: '4px',
        height: '4px',
        transform: 'rotate(45deg)',
        'background-color': 'rgba(0, 0, 0)',
        position: 'absolute',
        'z-index': -1,
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='top']")] = {
        transform: "translate(-50%, calc(-100% - 5px))",
    },
    _a["[data-position='top'] .".concat(CLASS_NAME.ARROW)] = {
        bottom: '-2px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='left']")] = {
        transform: "translate(calc(-100% - 5px), -50%)",
    },
    _a["[data-position='left'] .".concat(CLASS_NAME.ARROW)] = {
        right: '-2px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='right']")] = {
        transform: "translate(5px, -50%)",
    },
    _a["[data-position='right'] .".concat(CLASS_NAME.ARROW)] = {
        left: '-2px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='bottom']")] = {
        transform: "translate(-50%, 5px)",
    },
    _a["[data-position='bottom'] .".concat(CLASS_NAME.ARROW)] = {
        top: '-2px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='top-left']")] = {
        transform: "translate(0, calc(-100% - 5px))",
    },
    _a["[data-position='top-left'] .".concat(CLASS_NAME.ARROW)] = {
        left: '10px',
        bottom: '-2px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='top-right']")] = {
        transform: "translate(-100%, calc(-100% - 5px))",
    },
    _a["[data-position='top-right'] .".concat(CLASS_NAME.ARROW)] = {
        right: '10px',
        bottom: '-2px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='left-top']")] = {
        transform: "translate(calc(-100% - 5px), 0)",
    },
    _a["[data-position='left-top'] .".concat(CLASS_NAME.ARROW)] = {
        right: '-2px',
        top: '8px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='left-bottom']")] = {
        transform: "translate(calc(-100% - 5px), -100%)",
    },
    _a["[data-position='left-bottom'] .".concat(CLASS_NAME.ARROW)] = {
        right: '-2px',
        bottom: '8px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='right-top']")] = {
        transform: "translate(5px, 0)",
    },
    _a["[data-position='right-top'] .".concat(CLASS_NAME.ARROW)] = {
        left: '-2px',
        top: '8px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='right-bottom']")] = {
        transform: "translate(5px, -100%)",
    },
    _a["[data-position='right-bottom'] .".concat(CLASS_NAME.ARROW)] = {
        left: '-2px',
        bottom: '8px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='bottom-left']")] = {
        transform: "translate(0, 5px)",
    },
    _a["[data-position='bottom-left'] .".concat(CLASS_NAME.ARROW)] = {
        top: '-2px',
        left: '8px',
    },
    _a[".".concat(CLASS_NAME.CONTAINER, "[data-position='bottom-right']")] = {
        transform: "translate(-100%, 5px)",
    },
    _a["[data-position='bottom-right'] .".concat(CLASS_NAME.ARROW)] = {
        top: '-2px',
        right: '8px',
    },
    _a);
//# sourceMappingURL=constant.js.map