fastlion-amis/lib/renderers/Table/dataStatic.css.map

一种MIS页面生成工具

{"version":3,"sourceRoot":"","sources":["../../src/renderers/Table/dataStatic.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;;AAEA;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;AACE;EACA;EACA;;AAGF;AACE;EACA;;AAIJ;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EAEE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AASR;EACE;;;AAMF;EACE;;AAIF;EACE;;;AAKJ;EACE;;AAEA;EACE;EACA;EACA;;AA0BF;EACE;EACA;EACA;;AAEA;EACE;;AAGE;EACE;EACA;;AAEA;EACC;EACA;;AAKL;EACE;;AAKN;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAIA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;;AAMR;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAON;EACE;;AAKF;EACE;;;AAOV;EAKU;IACE;IACA;;EAEA;IACE;;EAGE;IACE;IACA;IACA;IACA;IACA;IACA;;EAGE;IACE;;EASN;IACE;;EAEA;IACE;;EAGF;IACE;;EAMR;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAMJ;IACE;IACA;IACA;;EAGE;IACE","file":"dataStatic.css","sourcesContent":["// @import '../../../scss/components/_component-mixin.scss';\n\n.select-wrapper-group-container {\n  display: flex;\n  justify-content: space-between;\n  color: #2A3E61;\n\n  .common-select-container {\n    width: 50%;\n    // border: 1px solid var(--borderColor);\n    border: 1px solid var(--saas-Border-Dividers);\n    border-radius: 3px;\n    background-color: var(--saas-Background-Header);\n    &:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .sel-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      height: 36px;\n      line-height: 36px;\n      background: var(--body-bg);\n      padding-left: 12px;\n      padding-right: 12px;\n      // border-bottom: 1px solid var(--borderColor);\n      border-bottom: 1px solid var(--saas-Border-Dividers);\n      color: var(--saas-Secondary-Text);\n      .sel-btn-group {\n        font-size: 12px;\n\n        .btn {\n          color: var(--ListItem-onChecked-color);\n          height: 16px;\n          line-height: 16px;\n          margin-left: 16px;\n          cursor: pointer;\n        }\n      }\n    }\n\n    .sel-body {\n      padding-top: 4px;\n      padding-bottom: 4px;\n\n      .checkbox-container {\n        height: 32px;\n        line-height: 32px;\n\n        .ant-checkbox-wrapper {\n          padding-left: 12px;\n          width: 100%;\n          .ant-checkbox + span {\n            color: var(--saas-Title-Text);\n          }\n          &.ant-checkbox-wrapper-checked {\n            background: var(--saas-Button-Disabled) !important;\n          }\n        }\n      }\n\n      .ant-checkbox-group {\n        width: 100%;\n        max-height: 200px;\n        overflow-y: auto;\n\n        &::-webkit-scrollbar {\n          width: 6px;\n          height: 0;\n          background: transparent;\n        }\n\n        &::-webkit-scrollbar-thumb {\n          /*滚动条里面小方块*/\n          background: #dedede;\n          border-radius: 10px;\n        }\n\n        &::-webkit-scrollbar-track {\n          /*滚动条里面轨道*/\n          display: none;\n        }\n\n      }\n      .checkbox-container {\n        height: 32px;\n        line-height: 32px;\n        .ant-checkbox-wrapper {\n          padding-left: 12px;\n          width: 100%;\n          color: var(--saas-Title-Text);\n          .ant-checkbox + span {\n            display: block;\n            width: 100%;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            color: var(--saas-Title-Text);\n          }\n        }\n\n        .ant-checkbox-wrapper-checked {\n          // background: #F0F2F5;\n          background: var(--saas-Button-Disabled);\n          color: #2A87EB;\n        }\n\n        &.combine-chart-select {\n          display: flex;\n          justify-content: space-between;\n\n          .ant-checkbox-wrapper {\n            flex: 1;\n          }\n\n          .combine-chart-item {\n            padding: 0 7px;\n            background-color: #ebf2ff;\n            color: #666;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n\n  }\n\n  &.single-mode {\n    .common-select-container {\n      width: 100%;\n    }\n  }\n}\n.operate-wrapper {\n  .ant-radio-wrapper {\n    span.ant-radio +  * {\n      color: var(--saas-Title-Text);\n    }\n  }\n  .ant-checkbox-wrapper {\n    .ant-checkbox + span {\n      color: var(--saas-Title-Text);\n    }\n  }\n}\n.statics-modal {\n  .ant-modal-content {\n    position: relative;\n\n    .ant-modal-header {\n      position: relative;\n      border: none;\n      padding: 0;\n\n      // &::after {\n      //   content: \" \";\n      //   position: absolute;\n      //   left: 0;\n      //   bottom: 0;\n      //   right: 0;\n      //   height: 1px;\n      //   width: calc(100% - 32px);\n      //   margin-left: 16px;\n      //   border-bottom: 1px solid #e2e6ed;\n      //   color: #eee;\n      // }\n\n      // .ant-modal-title {\n      //   font-size: 20px;\n      //   font-weight: 700;\n      //   padding: 20px;\n      //   color: #2A3E61;\n      // .dialog-title {\n      //   padding: 0 !important;\n      // }\n      // }\n    }\n\n    .ant-modal-body {\n      padding: 16px;\n      max-height: calc(100vh - 150px) !important;\n      overflow-y: auto;\n\n      .ant-row {\n        color: var(--saas-Secondary-Text);\n\n        .ant-radio-group {\n          .ant-radio-wrapper {\n            margin-right: 0;\n            color: var(--saas-Secondary-Text);\n\n            span.ant-radio+* {\n             padding-left: 4px;\n             padding-right: 4px;\n            }\n          }\n        }\n\n        .ant-checkbox-wrapper {\n          color: var(--saas-Title-Text);\n        }\n      }\n    }\n\n    .ant-modal-footer {\n      border: none;\n      position: relative;\n      padding: 16px;\n\n\n      .statics-footer {\n        display: flex;\n        justify-content: space-between;\n\n        .ant-btn {\n          border-radius: 5px;\n        }\n      }\n    }\n\n    .tools-select {\n      margin-bottom: 15px;\n\n      .tools-label {\n        text-align: right;\n        padding-right: 15px;\n        line-height: 32px;\n        color: var(--saas-Secondary-Text);\n      }\n    }\n\n    .tools-area {\n      margin-top: 4px;\n\n      .tools-label {\n        text-align: right;\n        padding-right: 15px;\n        color: var(--saas-Secondary-Text);\n      }\n\n      .ant-radio-wrapper {\n        span.ant-radio+* {\n          color: var(--saas-Title-Text);\n        }\n      }\n    }\n\n    .static-data-area {\n      margin-top: 16px;\n      display: block;\n\n      .tools-label {\n        width: 100%;\n        text-align: left;\n        padding-right: 15px;\n        color: var(--saas-Secondary-Text);\n      }\n\n      .ant-radio-wrapper {\n        margin-top: 12px;\n\n        span.ant-radio+* {\n          color: var(--saas-Title-Text);\n        }\n      }\n    }\n\n    .chart-type-icon {\n      padding: 8px;\n    }\n\n    .chart-type-label {\n      font-size: 14px;\n      color: #2A3E61;\n      font-weight: 400;\n      margin-bottom: 16px;\n    }\n\n    .export-unit-data {\n      text-align: center;\n\n      .totalnum {\n        margin-right: 20px;\n      }\n    }\n  }\n}\n\n.tools-set-default {\n  background: #E8F3FF;\n  border: 1px solid #2A87EB;\n  border-radius: 5px;\n  color: #2A87EB;\n}\n\n.tools-reset-default {\n  color: #2A3E61;\n}\n\n.chart-type-icon-group {\n  height: 60px;\n  background: var(--body-bg);\n  border-radius: 5px;\n  display: flex;\n  margin-bottom: 16px;\n  overflow: hidden;\n  justify-content: space-evenly;\n  width: 100%;\n  overflow: auto;\n\n  .chart-type-icon-box {\n    width: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #2A3E61;\n    cursor: pointer;\n    padding-bottom: 10px;\n  }\n\n  .chart-type-active {\n    background: #e6f7ff;\n    color: #2A87EB !important;\n  }\n}\n\n.select-content-container {\n  margin-top: 16px;\n\n  .sel-content-top {\n    color: var(--saas-Secondary-Text);\n  }\n\n  .sel-content-body {\n    padding-top: 12px;\n    padding-bottom: 12px;\n\n    .ant-checkbox-group {\n      display: flex;\n      justify-content: flex-start;\n\n      .ant-checkbox-wrapper {\n        margin-left: 16px;\n\n        &:first-child {\n          margin-left: 0;\n        }\n\n        .ant-checkbox {\n          display: none;\n        }\n\n        span {\n          padding: 0;\n        }\n\n        .sel-content-item-container {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n\n          .sel-title {\n            color: var(--saas-Secondary-Text);\n            opacity: 0.8;\n            font-size: 12px;\n            margin-top: 5px;\n          }\n\n          .icon-container {\n            width: 46px;\n            height: 46px;\n            border: 1px solid var(--saas-Border-Dividers);\n            border-radius: 3px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            svg.icon {\n              font-size: 30px;\n              top: 0;\n            }\n          }\n        }\n      }\n\n      .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {\n        .icon-container {\n          border: 2px solid #2A87EB;\n        }\n      }\n\n      .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {\n        .sel-content-item-container {\n          opacity: 0.4;\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width:768px) {\n  .statics-modal {\n    .ant-drawer-content-wrapper {\n      .ant-drawer-content {\n        .ant-drawer-wrapper-body {\n          .ant-drawer-body {\n            padding-left: 16px;\n            padding-right: 16px;\n\n            .select-wrapper-group-container {\n              margin-top: 12px;\n\n              .common-select-container {\n                .sel-top {\n                  font-display: flex;\n                  flex-direction: column;\n                  align-items: flex-start;\n                  height: 52px;\n                  line-height: unset;\n                  justify-content: center;\n\n                  .sel-btn-group {\n                    .btn:first-child {\n                      margin-left: 0;\n                    }\n                  }\n                }\n              }\n            }\n\n            .select-content-container {\n              .sel-content-body {\n                .ant-checkbox-group {\n                  flex-wrap: wrap;\n\n                  .ant-checkbox-wrapper {\n                    margin-bottom: 12px;\n                  }\n\n                  .ant-checkbox-wrapper:first-child {\n                    margin-left: 16px;\n                  }\n                }\n              }\n            }\n\n            .tools-area {\n              display: flex;\n              align-items: flex-start;\n              justify-content: flex-start;\n              flex-direction: column;\n\n              .ant-col-20 {\n                margin-left: 16px;\n                padding-top: 12px;\n                padding-bottom: 12px;\n              }\n            }\n          }\n\n          .ant-drawer-footer {\n            .statics-footer {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n\n              >div {\n                .ant-btn {\n                  margin-left: 8px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"]}