UNPKG

butterfly-dag

Version:

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

github.com/alibaba/butterfly

alibaba/butterfly

1 lines • 7.6 kB
1
{"version":3,"file":"dist/index.css","sources":["webpack://butterfly-dag/./src/endpoint/baseEndpoint.less","webpack://butterfly-dag/./src/edge/baseEdge.less","webpack://butterfly-dag/./src/group/baseGroup.less","webpack://butterfly-dag/./src/canvas/baseCanvas.less","webpack://butterfly-dag/./src/utils/toolTip.less","webpack://butterfly-dag/./static/butterfly.css"],"sourcesContent":[".butterflie-circle-endpoint {\n position: absolute;\n z-index: 100;\n width: 6px;\n height: 6px;\n border: 1px solid #999;\n border-radius: 50%;\n background: #fff;\n\n &.linkable {\n background: green;\n &.hover {\n background: orange;\n }\n }\n}",".butterflies-link {\n fill: none;\n stroke: #BFBFBF;\n stroke-width: 1px;\n}\n.butterflies-link:hover {\n stroke: #F66902;\n}\n.butterflies-label {\n position: absolute;\n}\n.butterflies-arrow {\n fill: #BFBFBF;\n stroke: #BFBFBF;\n stroke-width: 1px;\n}\n.butterflies-arrow:hover {\n fill: #F66902;\n stroke: #F66902;\n}\n\n.butterflies-link-event-handler {\n stroke-width: 12px;\n fill: none;\n stroke: rgba(0,0,0,0);\n}\n",".butterfly-wrapper {\n .group {\n position: absolute;\n border-radius: 9px;\n .title {\n width: 100%;\n height: 30px;\n cursor: move;\n font-size: 12px;\n color: #FFF;\n line-height: 30px;\n padding-left: 12px;\n border-radius: 9px 9px 0 0;\n background: #F66902;\n }\n .container {\n // position: relative;\n width: 100%;\n height: calc(~'100% - 30px');\n background: rgba(246,105,2,0.20);\n border-radius: 0 0 9px 9px;\n }\n .group-icon-resize {\n position: absolute;\n right: -4px;\n bottom: -8px;\n color: #666;\n cursor: se-resize;\n }\n }\n}\n",".butterfly-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 3;\n}\n\n.butterfly-svg {\n position: relative;\n pointer-events: auto!important;\n overflow: visible!important;\n}\n\n.butterfly-selected-canvas{\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: auto;\n opacity: 0.5;\n display: none;\n &.wrapper-up {\n z-index: 999;\n display: block;\n }\n}\n\n.butterfly-gird-canvas {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n}\n\n.butterfly-gird-canvas-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n .butterfly-guideline-canvas {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n}",".butterfly-tooltip-container {\n position: absolute;\n z-index: 101;\n font-size: 12px;\n opacity: 0;\n\n &.in {\n transition: all 0.3s;\n opacity: 0.9;\n }\n &.top {\n padding: 5px 0;\n margin-top: -3px;\n }\n &.right {\n padding: 0 5px;\n margin-left: 3px;\n }\n &.bottom {\n padding: 5px 0;\n margin-top: 3px;\n }\n &.left {\n padding: 0 5px;\n margin-left: -3px;\n }\n\n &.top .butterfly-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n }\n &.top-left .butterfly-tooltip-arrow {\n right: 5px;\n bottom: 0;\n margin-bottom: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n }\n &.top-right .butterfly-tooltip-arrow {\n bottom: 0;\n left: 5px;\n margin-bottom: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n }\n &.right .butterfly-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-width: 5px 5px\n 5px 0;\n border-right-color: #000;\n }\n &.left .butterfly-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -5px;\n border-width: 5px 0 5px\n 5px;\n border-left-color: #000;\n }\n &.bottom .butterfly-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n }\n &.bottom-left .butterfly-tooltip-arrow {\n top: 0;\n right: 5px;\n margin-top: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n }\n &.bottom-right .butterfly-tooltip-arrow {\n top: 0;\n left: 5px;\n margin-top: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n }\n\n .butterfly-tooltip-inner {\n max-width: 200px;\n padding: 3px 8px;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 4px;\n }\n \n .butterfly-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n}","@font-face {font-family: \"butterfly-icon\";\n src: url('butterfly.eot?t=1547220351215'); /* IE9 */\n src: url('butterfly.eot?t=1547220351215#iefix') format('embedded-opentype'), /* IE6-IE8 */\n 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'),\n url('butterfly.woff?t=1547220351215') format('woff'),\n url('butterfly.ttf?t=1547220351215') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */\n url('butterfly.svg?t=1547220351215#butterfly-icon') format('svg'); /* iOS 4.1- */\n}\n.butterfly-icon {\n font-family: \"butterfly-icon\" !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon-drag:before {\n content: \"\\e619\";\n position: relative;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;;ACdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;;ACxBA;AAEA;AACA;AAAA;AAHA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdA;AAiBA;AACA;AACA;AACA;AAAA;AApBA;AAuBA;AACA;AACA;AACA;AACA;AAAA;;AC3BA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AADA;AAEA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAFA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAHA;AAHA;AAQA;AACA;AACA;AACA;AACA;AAFA;;AC9CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAnFA;AAuFA;AACA;AACA;AACA;AACA;AACA;AADA;AA3FA;AAgGA;AACA;AACA;AACA;AACA;AAFA;;AClGA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;","sourceRoot":""}