butterfly-dag/dist/index.css

一个基于数据驱动的节点式编排组件库，让你有方便快捷定制可视化流程图表

.butterflie-circle-endpoint {
  position: absolute;
  z-index: 100;
  width: 6px;
  height: 6px;
  border: 1px solid #999;
  border-radius: 50%;
  background: #fff;
}
.butterflie-circle-endpoint.linkable {
  background: green;
}
.butterflie-circle-endpoint.linkable.hover {
  background: orange;
}

.butterflies-link {
  fill: none;
  stroke: #BFBFBF;
  stroke-width: 1px;
}
.butterflies-link:hover {
  stroke: #F66902;
}
.butterflies-label {
  position: absolute;
}
.butterflies-arrow {
  fill: #BFBFBF;
  stroke: #BFBFBF;
  stroke-width: 1px;
}
.butterflies-arrow:hover {
  fill: #F66902;
  stroke: #F66902;
}
.butterflies-link-event-handler {
  stroke-width: 12px;
  fill: none;
  stroke: rgba(0, 0, 0, 0);
}

.butterfly-wrapper .group {
  position: absolute;
  border-radius: 9px;
}
.butterfly-wrapper .group .title {
  width: 100%;
  height: 30px;
  cursor: move;
  font-size: 12px;
  color: #FFF;
  line-height: 30px;
  padding-left: 12px;
  border-radius: 9px 9px 0 0;
  background: #F66902;
}
.butterfly-wrapper .group .container {
  width: 100%;
  height: calc(100% - 30px);
  background: rgba(246, 105, 2, 0.2);
  border-radius: 0 0 9px 9px;
}
.butterfly-wrapper .group .group-icon-resize {
  position: absolute;
  right: -4px;
  bottom: -8px;
  color: #666;
  cursor: se-resize;
}

.butterfly-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.butterfly-svg {
  position: relative;
  pointer-events: auto!important;
  overflow: visible!important;
}
.butterfly-selected-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: auto;
  opacity: 0.5;
  display: none;
}
.butterfly-selected-canvas.wrapper-up {
  z-index: 999;
  display: block;
}
.butterfly-gird-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.butterfly-guide-canvas-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.butterfly-guide-canvas-wrapper .butterfly-guideline-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.butterfly-tooltip-container {
  position: absolute;
  z-index: 101;
  font-size: 12px;
  opacity: 0;
}
.butterfly-tooltip-container.in {
  transition: all 0.3s;
  opacity: 0.9;
}
.butterfly-tooltip-container.top {
  padding: 5px 0;
  margin-top: -3px;
}
.butterfly-tooltip-container.right {
  padding: 0 5px;
  margin-left: 3px;
}
.butterfly-tooltip-container.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.butterfly-tooltip-container.left {
  padding: 0 5px;
  margin-left: -3px;
}
.butterfly-tooltip-container.top .butterfly-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.butterfly-tooltip-container.top-left .butterfly-tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.butterfly-tooltip-container.top-right .butterfly-tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.butterfly-tooltip-container.right .butterfly-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px
      5px 0;
  border-right-color: #000;
}
.butterfly-tooltip-container.left .butterfly-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px
      5px;
  border-left-color: #000;
}
.butterfly-tooltip-container.bottom .butterfly-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.butterfly-tooltip-container.bottom-left .butterfly-tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.butterfly-tooltip-container.bottom-right .butterfly-tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.butterfly-tooltip-container .butterfly-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.butterfly-tooltip-container .butterfly-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

@font-face {font-family: "butterfly-icon";
  src: url(data:application/vnd.ms-fontobject;base64,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); /* IE9 */
  src: url(data:application/vnd.ms-fontobject;base64,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#iefix) format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALIAAsAAAAABqAAAAJ8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApkdgE2AiQDCAsGAAQgBYU1By4b4gUR1Ytnsj9AJrf6AYTQUcQWe8bI7RsxP20WgJF70ALxCisgAQAAAACC5//39+1z7/lk0kirT4MimIQ0oblC0S2P66xJgPLbnOtJ1agIM5SzTx7tMBmVLk0flPjk2UJL5tieo5sH9qPlAQW8LNzYBkw/W97GNvCDFXpJOXgZAC2ymaysM7a8/vxx7/SPBrWB1gPKbY5tYwpmaRfQXkARlkjGDWM3qMDh5xDAT44apPliO+BFSdYJIFNzEYF3FERRK+NFcAOOKrKBC69ZNDas15+X11K8YHBZkpqOSSuF+gfSHLvgsP4SIQSCdtoFWKAGUJAeYLINi1gsiz+pFMG+KgUecJzSjOzVgFh/XVIeBCCjCu9JlItvtdwAoO1kBihhugVMKDL9Z2KqfSqluAvjWsd29POi+PYWTY+r/I+LNvmqniyOhlOtXfd/ueW6vlBP8jObMhsIIPCm+xr59wYUgPPOrvUKmRu8u3MJ/BYR4YCGksRk1BcB3YYM01oD+PEDju6Nc8GqTd1DVgiTuhO3h+IeLGGqUCXWgosAreAmTCf4qWbodIAESxZRH1DFngJChn0whLkFS4ZvRCkSAhdpqZS7QcQ68NMnXRmgTLDVkbEVHKD7wdw7S9lcUV0UQSb9S6bT3HCMumW7xSj2Qg6zOgaKNF/MXNEii94R3mMpQkDsDFykvIZaO/DsFuwlnUR8lWUEelPaO7NRHBlbwQG6H8y9s1TaRanOKARsJk1Ovv+GY9QtE3UMVr4AzjBrs4cizYnRq9ICW+69OLzHkolBwM/OwAWVZq0dePCiBXtJJ4a4r7J0FJEq03XV5iMLrA4SnZG00XIY53bcbAAAAA==') format('woff2'),
  url(data:font/woff;base64,d09GRgABAAAAAAQoAAsAAAAABqAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8j0gLY21hcAAAAYAAAABLAAABcOdBtfVnbHlmAAABzAAAAGQAAABkSgBGV2hlYWQAAAIwAAAALAAAADYT2/CLaGhlYQAAAlwAAAAcAAAAJAfeA4NobXR4AAACeAAAAAgAAAAICAAAAGxvY2EAAAKAAAAABgAAAAYAMgAAbWF4cAAAAogAAAAeAAAAIAEOAChuYW1lAAACqAAAAV0AAAK1B6dGRHBvc3QAAAQIAAAAHQAAAC5lg2JteJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeST6TZG7438AQw9zA0AAUZgTJAQDhDQwVeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISfyb5/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBmDAnNAAACAAAAAAMVApAADAAbAAABFhQHAQYiJjQ3ATYyExYUDwEOAS4CNj8BNjIDBAwM/jUNIhoNAcoNIxENDZwJFhYQBgYInQ0iAoMNIg3+NQwZIg0Bywz+wg0iDpwJBgYQFxYInQx4nGNgZGBgAOI/0WwZ8fw2Xxm4WRhA4EbctXpkmoWBaQKQ4mBgAvEAFzkJLHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAMgAAeJxjYGRgYGBikAFiBjCLgYELCBkY/oP5DAALagE3AAB4nH2PPU7DQBCFn8kPwhEUIKhSrISERFCcnwqloYiU1KRIQ4FiZzc/sr3WehMpV+AOHIJTcAsaTsANeHEWpKSILc9+8+bN7BjAJb7gYfdc89uxhwtmOz7BKW4dl6g3HJfJj44rqGHguEr92bGPB7w6ruEKb5zglc+YNfDu2EMdn45P2PvtuET9x3EZde/ccQU33r3jKvUnxz7G3ovjGu68D79v5MTKqQg3YhHpVOnU+uHKWmlUvGlupZGcreKJ2Rf3s7E0+UKnohO09wtDmUrzNz9fz7rWKqGMTsSAF8k41iIzeikjG8ytzXqtlnJ6EOmE6/ZhIDGBZZxCIMSGcYEIGilUES19IVY8ty5DNaar+e8aUZ2xHnOOOeo8VhsXas58mwl0EKB9tGNINS0qh/vnWHOjbtGpmCt6NBLSwP2R5KyYLJAVtSWViHqAedGVoYcWX3XgD4q7k1+eCoHmAAAAeJxjYGKAAC4G7ICJkYmRmYElpSgxnYEBAAnCAbgAAAA=) format('woff'),
  url(data:font/ttf;base64,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) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPCEtLQoyMDEzLTktMzA6IENyZWF0ZWQuCi0tPgo8c3ZnPgo8bWV0YWRhdGE+CkNyZWF0ZWQgYnkgaWNvbmZvbnQKPC9tZXRhZGF0YT4KPGRlZnM+Cgo8Zm9udCBpZD0iYnV0dGVyZmx5LWljb24iIGhvcml6LWFkdi14PSIxMDI0IiA+CiAgPGZvbnQtZmFjZQogICAgZm9udC1mYW1pbHk9ImJ1dHRlcmZseS1pY29uIgogICAgZm9udC13ZWlnaHQ9IjUwMCIKICAgIGZvbnQtc3RyZXRjaD0ibm9ybWFsIgogICAgdW5pdHMtcGVyLWVtPSIxMDI0IgogICAgYXNjZW50PSI4OTYiCiAgICBkZXNjZW50PSItMTI4IgogIC8+CiAgICA8bWlzc2luZy1nbHlwaCAvPgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iZHJhZyIgdW5pY29kZT0iJiM1ODkwNTsiIGQ9Ik03NzEuNjY5MzMzIDY0My4wNzJhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMCAwLTYwLjMzMDY2N0wzMTMuMDg4IDEyNC4xNmE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwLTYwLjQxNiA2MC4zMzA2NjdsNDU4LjU4MTMzMyA0NTguNTgxMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDAgNjAuNDE2IDB6IG00Ljc3ODY2Ny0zMDYuMzQ2NjY3YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDAgMC02MC4zMzA2NjZMNjE5LjYwNTMzMyAxMTkuNTUyYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDAtNjAuMzMwNjY2IDYwLjMzMDY2N2wxNTYuODQyNjY2IDE1Ni44NDI2NjZhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMCA2MC4zMzA2NjcgMHoiICBob3Jpei1hZHYteD0iMTAyNCIgLz4KCiAgICAKCgogIDwvZm9udD4KPC9kZWZzPjwvc3ZnPgo=#butterfly-icon) format('svg'); /* iOS 4.1- */
}
.butterfly-icon {
  font-family: "butterfly-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-drag:before {
  content: "\e619";
  position: relative;
}



/*# sourceMappingURL=index.css.map*/