vue-workflow-editor/docs/dist/vue-flow-editor.css.map

在线工作流流程图编辑器，vue2+ts，基于G6

{"version":3,"sources":["webpack://VueFlowEditor/src/editor/E:/projects/vue-flow-editor/src/editor/E:/projects/vue-flow-editor/src/editor/vue-flow-editor.scss","webpack://VueFlowEditor/src/components/E:/projects/vue-flow-editor/src/components/E:/projects/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: flex;\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: 0 16px;\n          height: 40px;\n          margin-top: 2px;\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-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.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"]}