UNPKG

cl-vue-flow-editor

Version:

## 简介

1 lines 12.8 kB
{"version":3,"sources":["webpack://VueFlowEditor/src/editor/E:/npm/cl-vue-flow-editor/src/editor/E:/npm/cl-vue-flow-editor/src/editor/vue-flow-editor.scss","webpack://VueFlowEditor/src/components/E:/npm/cl-vue-flow-editor/src/components/E:/npm/cl-vue-flow-editor/src/components/vue-flow-editor-icon.vue"],"names":[],"mappings":"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","file":"vue-flow-editor.css","sourcesContent":["$boxshadow: 0 2px 8px #f0f1f2;\n$transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);\n\n.icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n}\n\n.vue-flow-editor {\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n overflow: hidden;\n\n .vue-flow-editor-left {\n overflow: hidden;\n box-shadow: $boxshadow;\n }\n\n .vue-flow-editor-right {\n flex: 1;\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n }\n\n .vue-flow-editor-menu {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n\n .vue-flow-editor-menu-header {\n display: none;\n align-items: center;\n justify-content: center;\n letter-spacing: 2px;\n color: black;\n box-shadow: $boxshadow;\n box-sizing: border-box;\n\n img {\n height: 100%;\n }\n }\n\n .vue-flow-editor-menu-list {\n flex: 1;\n overflow: hidden;\n background-color: #f9f9f9;\n user-select: none;\n\n .vue-flow-editor-menu-list-content {\n height: 100%;\n width: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n }\n\n .vue-flow-edit-menu-group {\n .vue-flow-edit-menu-group-title {\n font-size: 14px;\n font-weight: 500;\n color: #777;\n background-color: white;\n padding: 7px 16px;\n height: 40px;\n margin: 2px 5px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n }\n\n .vue-flow-edit-menu-group-content {\n box-sizing: border-box;\n padding: 6px;\n }\n\n &.vue-flow-edit-menu-group-expanded {\n .vue-flow-edit-menu-group-title {\n i {\n transform: rotate(180deg);\n }\n }\n }\n }\n\n .vue-flow-edit-menu {\n padding: 9px 16px;\n box-sizing: border-box;\n background-color: white;\n margin-bottom: 2px;\n cursor: move;\n font-size: 14px;\n color: #777;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 300ms linear;\n\n &:hover {\n background-color: rgba(#1F74FF, 0.08);\n color: black;\n }\n\n &:active {\n background-color: rgba(#1F74FF, 0.08);\n }\n\n &:first-child {\n margin-top: 2px;\n }\n }\n }\n }\n\n .vue-flow-editor-toolbar {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: 0 16px;\n box-shadow: $boxshadow;\n user-select: none;\n\n font-size: 14px;\n\n & > * {\n cursor: pointer;\n color: #777;\n }\n\n .vue-flow-editor-toolbar-item {\n width: 60px;\n height: 48px;\n outline: none;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n img {\n width: 16px;\n height: 16px;\n margin-bottom: 4px;\n }\n\n span {\n font-size: 12px;\n transform: scale(0.8);\n }\n\n &:hover {\n background-color: #f6f6f6;\n border-radius: 2px;\n }\n\n &.vue-flow-editor-toolbar-item-disabled {\n opacity: 0.5;\n background-color: transparent;\n cursor: not-allowed;\n }\n }\n\n .vue-flow-editor-toolbar-divider {\n height: 18px;\n border-left: solid 1px #ddd;\n }\n }\n\n .vue-flow-editor-canvas {\n flex: 1;\n overflow: hidden;\n user-select: none;\n\n .vue-flow-editor-canvas-target {\n position: relative;\n\n .g6-minimap {\n position: absolute;\n bottom: 0;\n right: 0;\n background-color: rgba(black, 0.1);\n }\n }\n }\n\n .vue-flow-editor-node {\n width: 350px;\n background-color: #f9f9f9;\n\n & .el-card{\n height: 100%;\n margin: 2px 5px;\n background-color: #f9f9f9;\n border: none!important;\n\n & .el-card__header{\n font-size: 14px;\n font-weight: 500;\n color: #777;\n padding: 16px!important;\n background-color: white;\n margin: 2px 6px 6px 6px;\n }\n\n & .el-card__body{\n background-color: white;\n margin: 2px 6px 6px 6px;\n }\n }\n\n }\n\n .vue-flow-editor-model {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n transition: $transition;\n transition-duration: 500ms;\n\n &:before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(black, 0.1);\n content: '';\n transition: $transition;\n transition-duration: 500ms;\n }\n\n .vue-flow-editor-model-body {\n background-color: white;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n border-left: solid 1px #ddd;\n box-shadow: $boxshadow;\n transition: $transition;\n transition-duration: 500ms;\n\n .vue-flow-editor-model-head {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 0 16px;\n box-shadow: $boxshadow;\n\n & > i {\n cursor: pointer;\n }\n }\n\n .vue-flow-editor-model-content {\n flex: 1;\n overflow: auto;\n }\n\n .vue-flow-editor-model-foot {\n height: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-top: solid 1px #eee;\n box-shadow: $boxshadow;\n }\n }\n\n &.vue-flow-editor-transition-enter-active, &.vue-flow-editor-transition-leave-active {\n .vue-flow-editor-model-body {\n transform: translateX(0);\n }\n\n &:before {\n opacity: 1;\n }\n }\n\n &.vue-flow-editor-transition-enter, &.vue-flow-editor-transition-leave-to {\n .vue-flow-editor-model-body {\n transform: translateX(100%);\n }\n\n &:before {\n opacity: 0;\n }\n }\n }\n\n .vue-flow-editor-preview {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: $transition;\n transition-duration: 500ms;\n user-select: none;\n\n &:before {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n content: '';\n background-color: rgba(black, 0.1);\n transition: $transition;\n transition-duration: 500ms;\n }\n\n .vue-flow-editor-preview-body {\n width: 80%;\n height: 80%;\n background-color: white;\n border-radius: 12px;\n position: relative;\n z-index: 1;\n transition: $transition;\n transition-duration: 500ms;\n\n .vue-flow-editor-preview-close {\n position: absolute;\n top: -20px;\n right: -20px;\n font-size: 20px;\n background-color: white;\n height: 40px;\n width: 40px;\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: $boxshadow;\n border: 1px solid #eee;\n color: #999;\n cursor: pointer;\n }\n }\n\n &.vue-flow-editor-preview-transition-enter-active, &.vue-flow-editor-preview-transition-leave-active {\n .vue-flow-editor-preview-body {\n transform: translateX(0);\n }\n\n &:before {\n opacity: 1;\n }\n }\n\n &.vue-flow-editor-preview-transition-enter, &.vue-flow-editor-preview-transition-leave-to {\n .vue-flow-editor-preview-body {\n transform: translateY(-15%);\n opacity: 0;\n }\n\n &:before {\n opacity: 0;\n }\n }\n }\n}\n\n\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.vue-flow-editor-icon {\n color: inherit;\n font-size: inherit;\n box-sizing: border-box;\n outline: none;\n\n /*阿里巴巴icon设置*/\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n}\n"]}