{"version":3,"sourceRoot":"","sources":["../../../../../src/renderers/Lion/Table/LionTable/scss/common.scss"],"names":[],"mappings":";AAGM;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAiBA;EACI;EACA;EACA;EACA;;AAEE;EACE;EACA;;AAOZ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;EACE;;AAEA;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AACE;EAEA;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;;AAMJ;EACE;;;AASR;EACE;EACA;EACA;EACA;;AAII;EAEI;EACA;;AACA;EAEI;EACA;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAOR;EACI;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;;AAIA;EACI;;AAKZ;EACE;;AAIN;EACI;;AAGJ;EACI;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACI;EAEA;EAEA;EACA;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACI;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;;AACA;EACE;EACA;;AAIN;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AACA;EACI;;AAIR;EAEE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;AAGF;EACI;;;AAOhB;EACE;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI","file":"common.css","sourcesContent":[".wrapperCommonTable {\n  table{\n    tr{\n      .checkbox{\n        background-image: linear-gradient(#e8eaec,#e8eaec);\n        background-repeat: no-repeat;\n        background-size: 100% 1px;\n        background-position: 100% 100%;\n      }\n\n      th.thead-th--column{\n        white-space: pre-line;\n        word-break: break-all;\n        padding-left: 5px;\n        padding-right: 5px;\n      }\n\n      th.fix--hidden{\n        visibility: hidden;\n      }\n\n      td.fix--hidden{\n        visibility: hidden;\n      }\n\n      // .lion-td-btn{\n      //   margin-right:5px;\n      //   border-color:transparent;\n      //   color:#3582fb;\n      //   background:transparent;\n      //   font-size:12px;\n      //   cursor: pointer;;\n      //   padding:9px 15px;\n      //   padding-left:0px;\n      //   padding-right:0px;\n      // }\n\n      // 折叠按钮样式\n      .lion-table-cell-btn{\n        .ant-popover-inner-content{\n            display: flex;\n            flex-direction: column;\n            border-radius: 4px;\n            padding: 6px 8px;\n            &>button{\n              :hover{\n                background: #ebf3ff !important;\n                color:#5b9bfc !important;\n              }\n            }\n        }\n      }\n    }\n\n    .lion-cell--fix--left{\n      position: sticky;\n      left: 0;\n      z-index: 2;\n    }\n\n    .lion-cell--fix--right{\n      position: sticky;\n      right: 0;\n      z-index: 2;\n      .lion-cell--fix--right--cell{\n        display: inline-block;\n        overflow: hidden;\n        padding-left: 5px;\n        padding-right: 5px;\n        font-size: 12px;\n      }\n    }\n\n    .fix-left-shadow{\n      box-shadow: 4px 3px 4px 0 rgb(0 0 0 / 12%);\n    }\n\n    .fix-right-shadow{\n      box-shadow:-4px 3px 4px 0 rgb(0 0 0 / 12%);\n    }\n  }\n}\n\n.wrapper-common--thead {\n  @extend .wrapperCommonTable;\n  table{\n    border-collapse: separate;\n    border-spacing: 0;\n    table-layout: fixed;\n    border:0;\n    color: #606266;\n    font-weight: 600;\n    thead.lion-table-header-thead{\n    \ttr{\n    \t\theight:40px;\n        background-color:#fff !important;\n\n        th.thead-th--column{\n        /* 左侧固定表格表头th样式 */\n\n          font-size: 12px;\n          box-sizing: border-box;\n          color: rgba(0, 0, 0, .85);\n          padding: 3px 0!important;\n          text-align: left;\n          background-image: linear-gradient(#e8eaec,#e8eaec);\n          background-repeat: no-repeat;\n          background-size: 100% 1px;\n          background-position: 100% 100%;\n          background-color:inherit;\n\n          .thead-th--cell{\n            /* 左侧固定表格表头单元格样式 */\n\n            box-sizing: border-box;\n            display: block;\n            white-space: nowrap;/*控制单行显示*/\n            overflow: hidden;/*超出隐藏*/\n            text-overflow: ellipsis;/*隐藏的字符用省略号表示*/\n            word-break: break-all;\n            padding-left: 5px;\n            padding-right: 5px;\n          }\n\n\n        }\n\n        :last-child {\n          border-right: 0;\n        }\n    \t}\n    }\n  }\n}\n\n.wrapper-common--tbody{\n  @extend .wrapperCommonTable;\n  table{\n    border-collapse: separate;\n    border-spacing: 0;\n    table-layout: fixed;\n    border:0;\n\n    tbody.lion-table-body-tbody {\n\n        tr.lion-tr--column--hide{\n\n            font-size: 12px;\n            background-color:rgb(238, 241, 246);\n            td.tbody-td--column--hide{\n\n                padding: 3px 0 !important;\n                background-color: #eef1f6;\n                text-align: left;\n                white-space: nowrap;/*控制单行显示*/\n                overflow: hidden;/*超出隐藏*/\n                text-overflow: ellipsis;/*隐藏的字符用省略号表示*/\n                background-image: linear-gradient(#e8eaec,#e8eaec);\n                background-repeat: no-repeat;\n                background-size: 100% 1px;\n                background-position: 100% 100%;\n                border-bottom: 1px solid #e5e8f1;\n\n                .td--column--hide--cell{\n                  line-height:16px;\n                  .td--column--hide--cell--container{\n                    text-align:center;\n                    padding:4px 0px;\n                    .hide--cell--operation{\n                      vertical-align: unset;\n                      font-size: 12px;\n                      color: #3582fb;\n                      display: inline-flex;\n                      flex-direction: row;\n                      align-items: center;\n                      justify-content: center;\n                      position: relative;\n                      text-decoration: none;\n                      outline: none;\n                      cursor: pointer;\n                      padding: 0;\n                      font-weight: 500;\n                    }\n                    .hide--cell--action{\n                      background: none;\n                      border:none;\n                      &:hover{\n                        background: none;\n                        border:none;\n                      }\n                    }\n                  }\n                }\n\n\n                .tbody-td--column--cell{\n                    box-sizing: border-box;\n                    display: block;\n                    white-space: nowrap;/*控制单行显示*/\n                    overflow: hidden;/*超出隐藏*/\n                    text-overflow: ellipsis;/*隐藏的字符用省略号表示*/\n                    word-break: break-all;\n                    padding-left: 10px;\n                    padding-right: 10px;\n                }\n\n                span{\n                    &:hover{\n                        color: #5d9bfc !important;\n                    }\n                }\n\n            }\n            :last-child {\n              border-right: 0;\n          }\n        }\n\n        .tbody-tr--column--gray{\n            background-color: #f6f6f6 !important;\n        }\n\n        tr.tr--hover{\n            background-color: #f5f7fa !important;\n        }\n\n        tr.tbody-tr--column--common {\n\n            td.tbody-td--column--surface--checkbox{\n              text-align:center !important;\n              width:50px;\n              line-height:1;\n              left:0;\n              background-color:#f6f6f6;\n            }\n\n            td.tbody-td--column--surface--mainarea{\n              height: 50px;\n              line-height: 1;\n              background-color: inherit;\n            }\n\n            td.tbody-td--column  {\n                font-size: 13px;\n                // height: 45px!important;\n                box-sizing: border-box;\n                // border-right: 1px solid #f0f0f0;\n                color: #333;\n                padding: 3px 0!important;\n                text-align: left;\n                white-space: nowrap;/*控制单行显示*/\n                overflow: hidden;/*超出隐藏*/\n                text-overflow: ellipsis;/*隐藏的字符用省略号表示*/\n                background-image: linear-gradient(#e8eaec,#e8eaec);\n                background-repeat: no-repeat;\n                background-size: 100% 1px;\n                background-position: 100% 100%;\n\n\n\n                .tbody-td--column--surface--hide{\n                  display: inline-block;\n                  overflow: hidden;\n                  padding-left: 5px;\n                  padding-right: 5px;\n                  font-size: 12px;\n                  height: 100%;\n                }\n\n                .tbody-td--column--cell{\n                    box-sizing: border-box;\n                    display: block;\n                    white-space: nowrap;/*控制单行显示*/\n                    overflow: hidden;/*超出隐藏*/\n                    text-overflow: ellipsis;/*隐藏的字符用省略号表示*/\n                    word-break: break-all;\n                    padding-left: 5px;\n                    padding-right: 5px;\n                    .subordinate--item{\n                      width:20px;\n                      display:inline-block;\n                    }\n                }\n\n                .cell-action{\n                    margin-right: 5px;\n                    border-color: transparent;\n                    color: #3582fb;\n                    background: transparent;\n                    font-size: 12px;\n                    cursor: pointer;\n                    padding: 9px 15px;\n                    padding-left: 0;\n                    padding-right: 0\n                }\n\n                .cell-action-btn{\n                    margin-right: 5px;\n                    border-color: transparent;\n                    color: #3582fb;\n                    background: transparent;\n                    font-size: 12px;\n                    cursor: pointer;\n                    padding: 0px;\n                    padding-left: 0;\n                    padding-right: 0;\n                    height: 20px;\n                    line-height: 1.5;\n                }\n            }\n\n            td.tbody-td--column--hide--checkbox{\n                left: 0;\n                text-align: center;\n                width:50px;\n                background: #eef1f6;\n                height:45px;\n                padding: 0px !important;\n            }\n\n            .tbody-td--cell--container{\n                font-size: 12px;\n                .lion-td--cell--container--label{\n                    color:#999;\n                }\n            }\n\n            td.tbody-td--opreation{\n              // height:50px;\n              background-color: inherit;\n              line-height:1;\n              .tbody-td--opreation--list{\n                display:flex;\n                align-items:center;\n                justify-content:space-evenly;\n                .antd-Button{\n                  margin-right:5px;\n                }\n                .lion-cell-btn--ellipsis{\n                  display: inline-block;\n                  cursor: pointer;\n                  padding: 0;\n                  height: auto;\n                  letter-spacing: 2px;\n                  font-weight: 800;\n                  transform: rotate(90deg);\n                  color: #3574ee;\n                  border: 0\n                }\n              }\n            }\n\n            :last-child {\n              border-right: 0;\n            }\n\n            .checkbox{\n                text-align: center !important;\n            }\n        }\n    }\n  }\n}\n\n.wrapper-common--surface--group{\n  display: inline-block;\n  overflow: hidden;\n  margin-right:15px;\n  font-size:12px;\n  .surface-group-container{\n      display:flex;\n      height:100%;\n      .surface-group-item{\n          width: 100%;\n          display: flex;\n          align-items: center;\n          height: 20px;\n          .surface-group-item--label--btn{\n              color:#999;\n              height:20px;\n              line-height:1.5;\n          }\n          .surface-group-item--label{\n              color:#999;\n          }\n      }\n  }\n}\n"]}