fastlion-amis
Version:
一种MIS页面生成工具
1 lines • 12.8 kB
Source Map (JSON)
{"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"]}