fastlion-amis/lib/renderers/Lion/Table/LionTable/scss/table.css.map

一种MIS页面生成工具

{"version":3,"sourceRoot":"","sources":["../../../../../src/renderers/Lion/Table/LionTable/scss/table.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;IACA;IACA;;;AAGF;EAZF;IAaI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;AAGF;EAXF;IAYI;IACA;;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;IACA;;;AAGF;EAVF;IAWI;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;IACA;;;AAGF;EAZF;IAaI;IACA;IACA;;;AAGF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAbF;IAcI;IACA;;;AAGF;EAlBF;IAoBI;IACA;;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;AAAA;IAEE;;EAGF;IACE;IACA;;;AAKJ;EAEE;AAAA;IAGE;;EAIF;IACE;IACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;AACE;EACA;AACA;EACA;;AAGF;EACE;;AAGF;AACE;EACA;EACA;EACA;;AAUF;AACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AACE;EACA;AACA;EACA;;AAGF;EACE;;AAGF;AACE;EACA;EACA;EACA;;AAUF;AACE;EACA;EACA;EACA;;;AAkBN;AAAA;EACE;;AAEA;AAAA;EACE;;AAKE;EAHF;AAAA;IAII;;;AAGF;EAPF;AAAA;IAQI;;;AAOJ;AAAA;AAAA;AAAA;EAEE;;AAEA;AAAA;AAAA;AAAA;EACE;;AAEA;EAHF;AAAA;AAAA;AAAA;IAII;;;AAGF;EAPF;AAAA;AAAA;AAAA;IAQI","file":"table.css","sourcesContent":[".lion-table-Overall-area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  box-sizing: border-box;\n  background-color: #fff;\n  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);\n\n  .lion-table-Content {\n    flex: 1;\n    overflow: auto;\n    box-sizing: border-box;\n    position: relative;\n\n    .lion-table-loading {\n      position: absolute;\n      z-index: 8;\n      background-color: hsla(0, 0%, 100%, 0.9);\n      margin: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      transition: opacity 0.3s;\n\n      .lion-table-loading-wrapper {\n        top: 50%;\n        margin-top: -21px;\n        width: 100%;\n        text-align: center;\n        position: absolute;\n      }\n    }\n\n    .lion-table-container {\n      height: 100%;\n      background-color: #fff;\n      max-height: 100vh;\n      overflow: hidden;\n      box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);\n\n      .lion-talbe-container-pagination {\n        background-color: inherit;\n        padding: 6px 16px;\n        text-align: right;\n        min-width: inherit;\n\n        .lion-talbe-container-pagination-wrapper {\n          white-space: nowrap;\n          padding: 0px 5px;\n          color: #303133;\n          font-weight: 700;\n          height: 34px;\n          position: relative;\n\n          .ant-pagination-total-text {\n            margin-right: 10px;\n            font-weight: 400;\n            color: #606266;\n\n            @media screen and (min-width:1280px) and (max-width:1440px) {\n              height: 1.2rem;\n              line-height: 1.2rem;\n              margin-top: 10px;\n              vertical-align: bottom;\n            }\n\n            @media screen and(min-width:1441px) and(max-width:1680px) {\n              height: 1.5rem;\n              line-height: 1.5rem;\n            }\n          }\n\n          .ant-pagination-prev {\n            margin: 0 5px;\n            min-width: 30px;\n            border-radius: 2px;\n            padding: 0;\n\n            @media screen and (min-width:1280px) and (max-width:1440px) {\n              min-width: 25px;\n              height: 1.2rem;\n            }\n\n            @media screen and(min-width:1441px) and(max-width:1680px) {\n              min-width: 25px;\n              height: 1.5rem;\n            }\n\n            .ant-pagination-item-link {\n              background-color: #f4f4f5;\n            }\n          }\n\n          .ant-pagination-item-active {\n            background-color: #3582fb;\n            color: #fff;\n\n            a {\n              color: #fff;\n            }\n          }\n\n          .ant-pagination-item {\n            margin: 0 3px;\n            border-radius: 2px;\n\n            @media screen and (min-width:1280px) and (max-width:1440px) {\n              min-width: 25px;\n              height: 1.2rem;\n              line-height: 1.1rem;\n            }\n\n            @media screen and(min-width:1441px) and(max-width:1680px) {\n              min-width: 25px;\n              height: 1.5rem;\n              line-height: 1.5rem;\n            }\n          }\n\n          .ant-pagination-next {\n            margin: 0 3px;\n            min-width: 30px;\n            border-radius: 2px;\n            padding: 0;\n\n            @media screen and (min-width:1280px) and (max-width:1440px) {\n              min-width: 25px;\n              height: 1.2rem;\n              line-height: 1.2rem;\n            }\n\n            @media screen and(min-width:1441px) and(max-width:1680px) {\n              min-width: 25px;\n              height: 1.5rem;\n              line-height: 1.5rem;\n            }\n\n            .ant-pagination-item-link {\n              background-color: #f4f4f5;\n            }\n          }\n\n          .ant-pagination-options {\n            .ant-pagination-options-size-changer {\n              display: inline-block;\n              font-size: 14px;\n              margin: 0 3px;\n              min-width: 35.5px;\n              height: 28px;\n              line-height: 28px;\n              vertical-align: top;\n              box-sizing: border-box;\n              margin: 0 10px 0 0;\n              font-weight: 400;\n              color: #606266;\n\n              @media screen and (min-width:1280px) and (max-width:1440px) {\n                height: 1.2rem;\n                line-height: 1.2rem;\n              }\n\n              @media screen and(min-width:1441px) and(max-width:1680px) {\n\n                height: 1.5rem;\n                line-height: 1.5rem;\n              }\n\n              .ant-select-selector {\n                height: 28px;\n\n                @media screen and (min-width:1280px) and (max-width:1440px) {\n                  height: 1.2rem;\n                }\n\n                @media screen and(min-width:1441px) and(max-width:1680px) {\n                  height: 1.5rem;\n                }\n\n                .ant-select-selection-search {\n                  line-height: 25px;\n                }\n\n                .ant-select-selection-item {\n                  line-height: 25px;\n                }\n\n                @media screen and (min-width:1280px) and (max-width:1440px) {\n\n                  .ant-select-selection-item,\n                  .ant-select-selection-item {\n                    line-height: 1.2rem;\n                  }\n\n                  input.ant-select-selection-search-input {\n                    height: 1.2rem;\n                    line-height: 1.2rem;\n                  }\n\n                }\n\n                @media screen and(min-width:1441px) and(max-width:1680px) {\n\n                  .ant-select-selection-item,\n                  .ant-select-selection-item {\n\n                    line-height: 1.5rem;\n\n                  }\n\n                  input.ant-select-selection-search-input {\n                    height: 1.5rem;\n                    line-height: 1.5rem;\n                  }\n                }\n              }\n            }\n\n            .ant-pagination-options-quick-jumper {\n              margin-left: 8px;\n              font-weight: 400;\n              color: #606266;\n              height: 28px;\n              line-height: 28px;\n\n              input {\n                height: 28px;\n                padding: 0 3px;\n\n                &:focus {\n                  border-color: #3582fb;\n                }\n              }\n            }\n\n            .ant-select-item-option-content {\n              text-align: center;\n            }\n          }\n        }\n      }\n\n      .lion-table-container-body {\n        .lion-table-container-body-wrapper {\n          border-top: 1px solid #f0f0f0;\n          border-right: 0;\n          border-bottom: 0;\n          font-size: 14px;\n          position: relative;\n          min-width: 700px;\n\n          .lion-table-header {\n            border-right: 1px solid #f0f0f0;\n            overflow: hidden;\n            overflow-y: scroll;\n            min-width: inherit;\n\n            &::-webkit-scrollbar {\n              /*滚动条整体样式*/\n              width: 7px !important;\n              /*高宽分别对应横竖滚动条的尺寸*/\n              height: 7px !important;\n            }\n\n            &::-webkit-scrollbar-corner {\n              background-color: #f6f6f6;\n            }\n\n            &::-webkit-scrollbar-thumb {\n              /*滚动条里面小方块*/\n              border-radius: 2px;\n              background-color: #cdcdcd;\n              background-image: -webkit-linear-gradient(45deg,\n                  rgba(255, 255, 255, 0.2) 25%,\n                  transparent 25%,\n                  transparent 50%,\n                  rgba(255, 255, 255, 0.2) 50%,\n                  rgba(255, 255, 255, 0.2) 75%,\n                  transparent 75%,\n                  transparent);\n            }\n\n            &::-webkit-scrollbar-track {\n              /*滚动条里面轨道*/\n              background: transparent;\n              border-radius: 2px;\n            }\n          }\n\n          .lion-table-body {\n            min-width: inherit;\n            overflow: auto scroll;\n\n            &::-webkit-scrollbar {\n              /*滚动条整体样式*/\n              width: 7px !important;\n              /*高宽分别对应横竖滚动条的尺寸*/\n              height: 7px !important;\n            }\n\n            &::-webkit-scrollbar-corner {\n              background-color: #f6f6f6;\n            }\n\n            &::-webkit-scrollbar-thumb {\n              /*滚动条里面小方块*/\n              border-radius: 2px;\n              background-color: #cdcdcd;\n              background-image: -webkit-linear-gradient(45deg,\n                  rgba(255, 255, 255, 0.2) 25%,\n                  transparent 25%,\n                  transparent 50%,\n                  rgba(255, 255, 255, 0.2) 50%,\n                  rgba(255, 255, 255, 0.2) 75%,\n                  transparent 75%,\n                  transparent);\n            }\n\n            &::-webkit-scrollbar-track {\n              /*滚动条里面轨道*/\n              box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n              background: #f6f6f6;\n              border-radius: 2px;\n            }\n\n          }\n        }\n\n      }\n    }\n  }\n}\n\n//modal中table的高度重新设置\n.cxd-Modal-body,\n.antd-Modal-body {\n\n  .lion-table-Overall-area {\n    .lion-table-Content {\n      .lion-table-container {\n        .lion-table-container-body {\n          height: calc(100% - 46px) !important;\n\n          .lion-table-container-body-wrapper {\n            height: 100% !important;\n\n            .lion-table-body {\n\n              // height: calc(100% - 40px) !important;\n              @media screen and (min-width:1280px) and (max-width:1440px) {\n                height: calc(100% - 25px) !important;\n              }\n\n              @media screen and (min-width:1441px) and (max-width:1680px) {\n                height: calc(100% - 30px) !important;\n              }\n            }\n          }\n\n          .lion-table-container-fixed-wrapper {\n\n            .lion-table-container-fixed-wrapper--left,\n            .lion-table-container-fixed-wrapper--right {\n              height: calc(100% - 46px) !important;\n\n              .lion-table-container-fixed-body {\n                height: calc(100% - 47px) !important;\n\n                @media screen and (min-width:1280px) and (max-width:1440px) {\n                  height: calc(100% - 32px) !important;\n                }\n\n                @media screen and (min-width:1441px) and (max-width:1680px) {\n                  height: calc(100% - 37px) !important;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}"]}