UNPKG

fastlion-amis

Version:

一种MIS页面生成工具

1 lines 10.4 kB
{"version":3,"sourceRoot":"","sources":["../../../../../src/renderers/Lion/Table/LionTable/scss/tbody.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;;AAEE;EACE;EACA;EACA;;AAGF;EACI;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAIN;EACI;;AAGJ;EACI;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAiBA;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;;AAOlB;EACI;EACA;;AACA;EAEE;EACA;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;EACA;;AACD;EAZD;IAaI;;;AAEF;EAfF;IAgBI;;;AAEF;EACE;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAMR;EACI;;AAGJ;EACE;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;;AAIA;EACE;;AAOV;EACE;;AAGF;EACE;;AAID;EADD;IAEI;;;AAEF;EAJF;IAKI;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AACD;EAJD;IAKI;;;AAEF;EAPF;IAQI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;AAAoB;EACpB;AAAiB;EACjB;AAAwB;EACxB;EACA;EACA;;AACA;EACE;EACA;;AAGA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACD;EAPD;IAQI;;;AAEF;EAVF;IAWI;;;AAIJ;EACE;;AACA;EACI;;AAIN;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACI;;AAGN;EACE","file":"tbody.css","sourcesContent":[".lion-table-common-tbody{\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n border:0;\n tbody.lion-table-body-tbody {\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 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 tr.lion-tr--column--hide{\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 @media screen and (min-width:1280px) and (max-width:1440px) {\n padding: 0 !important;\n }\n @media screen and (min-width:1441px) and (max-width:1680px) {\n padding: 0 !important;\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 &:last-child {\n border-right: 0;\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 }\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 @media screen and (min-width:1280px) and (max-width:1440px) {\n height: 30px !important;\n }\n @media screen and (min-width:1441px) and (max-width:1680px) {\n height:35px !important;\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 @media screen and (min-width:1280px) and (max-width:1440px) {\n height: 30px;\n }\n @media screen and (min-width:1441px) and (max-width:1680px) {\n height:35px;\n }\n }\n\n td.tbody-td--column {\n font-size: 13px;\n box-sizing: border-box;\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 &:last-child {\n border-right: 0;\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 .tbody-td--column--cell--container{\n .tbody-td--column--cell--item{\n display: flex;\n }\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:50px;\n padding: 0px !important;\n @media screen and (min-width:1280px) and (max-width:1440px) {\n height:30px;\n }\n @media screen and (min-width:1441px) and (max-width:1680px) {\n height:35px;\n }\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 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 td.tbody-td--cell--container--label {\n border-bottom: 0;\n }\n }\n .checkbox{\n text-align: center !important;\n }\n }\n }\n}\n"]}