@ant-design/pro-flow
Version:
A React based Flow components
19 lines • 4.8 kB
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
import { createStyles } from 'antd-style';
import { EDGE_DANGER, EDGE_SELECT, EDGE_SUB_DANGER, EDGE_SUB_SELECT, EDGE_SUB_WARNING, EDGE_WARNING, INIT_NODE } from "./constants";
export var useStyles = createStyles(function (_ref) {
var css = _ref.css,
cx = _ref.cx;
return {
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n\n .react-flow__attribution {\n display: none;\n }\n\n .", " {\n padding: 0;\n box-sizing: border-box;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n z-index: 1;\n }\n\n .", " path {\n stroke: #1677ff;\n stroke-width: 2;\n z-index: 100;\n }\n\n .", " path {\n stroke: #1677ff;\n stroke-width: 1;\n z-index: 100;\n }\n\n .", ":hover path {\n stroke: red;\n stroke-width: 1;\n z-index: 100;\n }\n\n .", " path {\n stroke: #f7636e;\n stroke-width: 2;\n z-index: 100;\n }\n\n .", " path {\n stroke: #f7636e;\n stroke-width: 1;\n z-index: 100;\n }\n\n .", " path {\n stroke: #ef9d3b;\n stroke-width: 2;\n z-index: 100;\n }\n\n .", " path {\n stroke: #ef9d3b;\n stroke-width: 1;\n z-index: 100;\n }\n\n .selectable:focus {\n box-shadow: none !important;\n }\n\n .selected {\n box-shadow: none !important;\n }\n "])), INIT_NODE, EDGE_SELECT, EDGE_SUB_SELECT, EDGE_SUB_SELECT, EDGE_DANGER, EDGE_SUB_DANGER, EDGE_WARNING, EDGE_SUB_WARNING),
nodeWrap: cx(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n z-index: 10 !important;\n position: absolute;\n border-radius: 8px;\n padding: 16px 12px;\n box-sizing: border-box;\n /* border: 3px solid white; */\n flex: 1;\n background: #ffffff;\n border: 1px solid rgba(255, 255, 255, 0.04);\n box-shadow: 0 4px 6px -2px rgba(25, 15, 15, 0.05), 0 0 1px 0 rgba(0, 0, 0, 0.08);\n\n .img {\n width: 48px;\n height: 48px;\n }\n\n .content {\n width: 230px;\n margin-left: 13px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n\n .title {\n width: 100%;\n display: flex;\n flex: 1;\n\n span {\n font-size: 16px;\n color: rgba(0, 0, 0, 85%);\n line-height: 22px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n }\n\n .dangerLogo {\n width: 28px;\n height: 16px;\n background: #ffeef1;\n border-radius: 7px;\n margin-left: 8px;\n margin-top: 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n img {\n width: 8px;\n height: 9px;\n }\n }\n }\n\n .des {\n font-size: 14px;\n color: rgba(0, 0, 0, 45%);\n line-height: 20px;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n }\n }\n "])))),
nodeSelected: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n box-shadow: 0 0 0 3px #1677ff, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n "]))),
nodeSubSelected: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n box-shadow: 0 0 0 1px #1677ff, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n "]))),
nodeDanger: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n box-shadow: 0 0 0 3px #f7636e, 0 1px 4px 1px rgba(0, 0, 0, 8%);\n "]))),
nodeSubDanger: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n box-shadow: 0 0 0 1px #f7636e, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n "]))),
nodeWarning: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n box-shadow: 0 0 0 3px #ef9d3b, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n "]))),
nodeSubWarning: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n box-shadow: 0 0 0 1px #ef9d3b, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n "]))),
nodeDefault: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""])))
};
});