fastlion-amis
Version:
一种MIS页面生成工具
12 lines (11 loc) • 25 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.WrapperLionTableFix = exports.WrapperLionTableContainer = void 0;
var tslib_1 = require("tslib");
var styled_components_1 = (0, tslib_1.__importDefault)(require("styled-components"));
var WrapperLionTableContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n flex: 1;\n overflow: auto;\n box-sizing: border-box;\n position: relative;\n /* .lion-table-main {\n height: 100%; */\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 .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 .lion-talbe-container-pagination {\n background-color: inherit;\n padding: 6px 16px;\n text-align: right;\n min-width: inherit;\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 .ant-pagination-total-text {\n margin-right: 10px;\n font-weight: 400;\n color: #606266;\n }\n .ant-pagination-prev {\n margin: 0 5px;\n min-width: 30px;\n border-radius: 2px;\n padding: 0;\n .ant-pagination-item-link {\n background-color: #f4f4f5;\n }\n }\n .ant-pagination-item-active {\n background-color: #3582fb;\n color: #fff;\n a {\n color: #fff;\n }\n }\n .ant-pagination-item {\n margin: 0 3px;\n border-radius: 2px;\n }\n .ant-pagination-next {\n margin: 0 3px;\n min-width: 30px;\n border-radius: 2px;\n padding: 0;\n .ant-pagination-item-link {\n background-color: #f4f4f5;\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 .ant-select-selector {\n height: 28px;\n .ant-select-selection-search {\n line-height: 25px;\n }\n .ant-select-selection-item {\n line-height: 25px;\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 input {\n height: 28px;\n padding: 0 3px;\n &:focus {\n border-color: #3582fb;\n }\n }\n }\n .ant-select-item-option-content {\n text-align: center;\n }\n }\n }\n }\n .lion-table-container-body {\n /* .lion-table-container-body-main { */\n .lion-table-container-body-wrapper {\n // border:0px !important;\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 .lion-table-header {\n border-right: 1px solid #f0f0f0;\n overflow: hidden;\n overflow-y: scroll;\n min-width: inherit;\n ::-webkit-scrollbar {\n /*\u6EDA\u52A8\u6761\u6574\u4F53\u6837\u5F0F*/\n width: 7px !important; /*\u9AD8\u5BBD\u5206\u522B\u5BF9\u5E94\u6A2A\u7AD6\u6EDA\u52A8\u6761\u7684\u5C3A\u5BF8*/\n height: 7px !important;\n /* border-radius : 10px; */\n }\n\n ::-webkit-scrollbar-corner {\n background-color: #f6f6f6;\n }\n\n ::-webkit-scrollbar-thumb {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u5C0F\u65B9\u5757*/\n border-radius: 2px;\n background-color: #cdcdcd;\n background-image: -webkit-linear-gradient(\n 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\n &::-webkit-scrollbar-track {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u8F68\u9053*/\n background: transparent;\n border-radius: 2px;\n }\n }\n .lion-table-body {\n min-width: inherit;\n overflow: auto scroll;\n // border-bottom: 1px solid #f0f0f0;\n // // border-right: 1px solid #f0f0f0;\n ::-webkit-scrollbar {\n /*\u6EDA\u52A8\u6761\u6574\u4F53\u6837\u5F0F*/\n width: 7px !important; /*\u9AD8\u5BBD\u5206\u522B\u5BF9\u5E94\u6A2A\u7AD6\u6EDA\u52A8\u6761\u7684\u5C3A\u5BF8*/\n height: 7px !important;\n /* border-radius : 10px; */\n }\n\n ::-webkit-scrollbar-corner {\n background-color: #f6f6f6;\n }\n\n ::-webkit-scrollbar-thumb {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u5C0F\u65B9\u5757*/\n border-radius: 2px;\n background-color: #cdcdcd;\n background-image: -webkit-linear-gradient(\n 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\n &::-webkit-scrollbar-track {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u8F68\u9053*/\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n background: #f6f6f6;\n border-radius: 2px;\n }\n\n .lion-table-empty{\n display:flex;\n justify-content: center;\n align-items:center;\n top:40px;\n padding-top:10px;\n height:unset !important;\n min-height:40px;\n text-align:center;\n overflow:hidden;\n pointer-events: none;\n .lion-table-empty-body{\n display:block;\n pointer-events: none;\n // width:50%;\n .lion-table-empty-container{\n display:flex;\n justify-content: center;\n align-items:center;\n >div{\n padding:10px;\n text-align:center;\n >span{\n color:#a5afb5;\n font-size:14px;\n top:-10px;\n position: relative;\n }\n }\n }\n .empty-placeholder{\n color:#888;\n font-size:13px;\n }\n }\n }\n\n }\n }\n\n }\n }\n"], ["\n flex: 1;\n overflow: auto;\n box-sizing: border-box;\n position: relative;\n /* .lion-table-main {\n height: 100%; */\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 .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 .lion-talbe-container-pagination {\n background-color: inherit;\n padding: 6px 16px;\n text-align: right;\n min-width: inherit;\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 .ant-pagination-total-text {\n margin-right: 10px;\n font-weight: 400;\n color: #606266;\n }\n .ant-pagination-prev {\n margin: 0 5px;\n min-width: 30px;\n border-radius: 2px;\n padding: 0;\n .ant-pagination-item-link {\n background-color: #f4f4f5;\n }\n }\n .ant-pagination-item-active {\n background-color: #3582fb;\n color: #fff;\n a {\n color: #fff;\n }\n }\n .ant-pagination-item {\n margin: 0 3px;\n border-radius: 2px;\n }\n .ant-pagination-next {\n margin: 0 3px;\n min-width: 30px;\n border-radius: 2px;\n padding: 0;\n .ant-pagination-item-link {\n background-color: #f4f4f5;\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 .ant-select-selector {\n height: 28px;\n .ant-select-selection-search {\n line-height: 25px;\n }\n .ant-select-selection-item {\n line-height: 25px;\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 input {\n height: 28px;\n padding: 0 3px;\n &:focus {\n border-color: #3582fb;\n }\n }\n }\n .ant-select-item-option-content {\n text-align: center;\n }\n }\n }\n }\n .lion-table-container-body {\n /* .lion-table-container-body-main { */\n .lion-table-container-body-wrapper {\n // border:0px !important;\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 .lion-table-header {\n border-right: 1px solid #f0f0f0;\n overflow: hidden;\n overflow-y: scroll;\n min-width: inherit;\n ::-webkit-scrollbar {\n /*\u6EDA\u52A8\u6761\u6574\u4F53\u6837\u5F0F*/\n width: 7px !important; /*\u9AD8\u5BBD\u5206\u522B\u5BF9\u5E94\u6A2A\u7AD6\u6EDA\u52A8\u6761\u7684\u5C3A\u5BF8*/\n height: 7px !important;\n /* border-radius : 10px; */\n }\n\n ::-webkit-scrollbar-corner {\n background-color: #f6f6f6;\n }\n\n ::-webkit-scrollbar-thumb {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u5C0F\u65B9\u5757*/\n border-radius: 2px;\n background-color: #cdcdcd;\n background-image: -webkit-linear-gradient(\n 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\n &::-webkit-scrollbar-track {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u8F68\u9053*/\n background: transparent;\n border-radius: 2px;\n }\n }\n .lion-table-body {\n min-width: inherit;\n overflow: auto scroll;\n // border-bottom: 1px solid #f0f0f0;\n // // border-right: 1px solid #f0f0f0;\n ::-webkit-scrollbar {\n /*\u6EDA\u52A8\u6761\u6574\u4F53\u6837\u5F0F*/\n width: 7px !important; /*\u9AD8\u5BBD\u5206\u522B\u5BF9\u5E94\u6A2A\u7AD6\u6EDA\u52A8\u6761\u7684\u5C3A\u5BF8*/\n height: 7px !important;\n /* border-radius : 10px; */\n }\n\n ::-webkit-scrollbar-corner {\n background-color: #f6f6f6;\n }\n\n ::-webkit-scrollbar-thumb {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u5C0F\u65B9\u5757*/\n border-radius: 2px;\n background-color: #cdcdcd;\n background-image: -webkit-linear-gradient(\n 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\n &::-webkit-scrollbar-track {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u8F68\u9053*/\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n background: #f6f6f6;\n border-radius: 2px;\n }\n\n .lion-table-empty{\n display:flex;\n justify-content: center;\n align-items:center;\n top:40px;\n padding-top:10px;\n height:unset !important;\n min-height:40px;\n text-align:center;\n overflow:hidden;\n pointer-events: none;\n .lion-table-empty-body{\n display:block;\n pointer-events: none;\n // width:50%;\n .lion-table-empty-container{\n display:flex;\n justify-content: center;\n align-items:center;\n >div{\n padding:10px;\n text-align:center;\n >span{\n color:#a5afb5;\n font-size:14px;\n top:-10px;\n position: relative;\n }\n }\n }\n .empty-placeholder{\n color:#888;\n font-size:13px;\n }\n }\n }\n\n }\n }\n\n }\n }\n"])));
exports.WrapperLionTableContainer = WrapperLionTableContainer;
var WrapperLionTableFix = styled_components_1.default.div(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n .lion-talbe--fix--right--shadow {\n box-shadow: -4px 0 6px -2px rgb(0 0 0 / 12%);\n }\n .lion-talbe--fix--left--shadow {\n box-shadow: 4px 0 6px -2px rgb(0 0 0 / 12%);\n }\n .lion-table-container-fixed-wrapper--left {\n width: 50px;\n background: #fff;\n left: 0;\n position: absolute;\n top: 0;\n z-index: 5;\n overflow: hidden;\n transition: box-shadow 0.3s;\n border-top:1px solid #f0f0f0;\n /* box-shadow: 4px 0 6px -2px rgb(0 0 0 / 12%); */\n .lion-table-container-fixed-header {\n border-right: 1px solid #f0f0f0;\n overflow: hidden;\n min-width: inherit;\n position: absolute;\n border-radius:4px 0 0 0;\n background-color: #f8f8f9;\n top:0px;\n left: 0px;\n }\n .lion-table-container-fixed-body {\n min-width: inherit;\n overflow: hidden;\n top:40px;\n left: 0px;\n position: absolute;\n border-radius:4px 0 0 0;\n background-color: #fff;\n // border-bottom: 1px solid #f0f0f0;\n // // border-right: 1px solid #f0f0f0;\n ::-webkit-scrollbar {\n /*\u6EDA\u52A8\u6761\u6574\u4F53\u6837\u5F0F*/\n width: 0px !important; /*\u9AD8\u5BBD\u5206\u522B\u5BF9\u5E94\u6A2A\u7AD6\u6EDA\u52A8\u6761\u7684\u5C3A\u5BF8*/\n height: 0px !important;\n /* border-radius : 10px; */\n }\n\n ::-webkit-scrollbar-corner {\n background-color: #f6f6f6;\n }\n\n ::-webkit-scrollbar-thumb {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u5C0F\u65B9\u5757*/\n border-radius: 0px;\n background-color: #cdcdcd;\n background-image: -webkit-linear-gradient(\n 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\n ::-webkit-scrollbar-track {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u8F68\u9053*/\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n background: #f6f6f6;\n border-radius: 0px;\n }\n }\n .fix--hidden {\n visibility: hidden;\n }\n }\n .lion-table-container-fixed-wrapper--right {\n width: 200px;\n background: #fff;\n /* box-shadow: -4px 0 6px -2px rgb(0 0 0 / 12%); */\n right: 5px;\n position: absolute;\n top: 0px;\n z-index: 5;\n overflow: hidden;\n transition: box-shadow 0.3s;\n border-top: 1px solid #f0f0f0;\n /* border-left:1px solid #f0f0f0; */\n .lion-table-container-fixed-header {\n min-width: inherit;\n overflow-x: hidden;\n overflow-y: auto;\n position: absolute;\n top:0px;\n right:0px;\n }\n .lion-table-container-fixed-body {\n min-width: inherit;\n overflow: hidden;\n right:0px;\n top:40px;\n position: absolute;\n // border-bottom: 1px solid #f0f0f0;\n // // border-right: 1px solid #f0f0f0;\n ::-webkit-scrollbar {\n /*\u6EDA\u52A8\u6761\u6574\u4F53\u6837\u5F0F*/\n width: 0px !important; /*\u9AD8\u5BBD\u5206\u522B\u5BF9\u5E94\u6A2A\u7AD6\u6EDA\u52A8\u6761\u7684\u5C3A\u5BF8*/\n height: 0px !important;\n /* border-radius : 10px; */\n }\n\n ::-webkit-scrollbar-corner {\n background-color: #f6f6f6;\n }\n\n ::-webkit-scrollbar-thumb {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u5C0F\u65B9\u5757*/\n border-radius: 2px;\n background-color: #cdcdcd;\n background-image: -webkit-linear-gradient(\n 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\n ::-webkit-scrollbar-track {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u8F68\u9053*/\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 .lion-talbe--fix--right--shadow {\n box-shadow: -4px 0 6px -2px rgb(0 0 0 / 12%);\n }\n .lion-talbe--fix--left--shadow {\n box-shadow: 4px 0 6px -2px rgb(0 0 0 / 12%);\n }\n .lion-table-container-fixed-wrapper--left {\n width: 50px;\n background: #fff;\n left: 0;\n position: absolute;\n top: 0;\n z-index: 5;\n overflow: hidden;\n transition: box-shadow 0.3s;\n border-top:1px solid #f0f0f0;\n /* box-shadow: 4px 0 6px -2px rgb(0 0 0 / 12%); */\n .lion-table-container-fixed-header {\n border-right: 1px solid #f0f0f0;\n overflow: hidden;\n min-width: inherit;\n position: absolute;\n border-radius:4px 0 0 0;\n background-color: #f8f8f9;\n top:0px;\n left: 0px;\n }\n .lion-table-container-fixed-body {\n min-width: inherit;\n overflow: hidden;\n top:40px;\n left: 0px;\n position: absolute;\n border-radius:4px 0 0 0;\n background-color: #fff;\n // border-bottom: 1px solid #f0f0f0;\n // // border-right: 1px solid #f0f0f0;\n ::-webkit-scrollbar {\n /*\u6EDA\u52A8\u6761\u6574\u4F53\u6837\u5F0F*/\n width: 0px !important; /*\u9AD8\u5BBD\u5206\u522B\u5BF9\u5E94\u6A2A\u7AD6\u6EDA\u52A8\u6761\u7684\u5C3A\u5BF8*/\n height: 0px !important;\n /* border-radius : 10px; */\n }\n\n ::-webkit-scrollbar-corner {\n background-color: #f6f6f6;\n }\n\n ::-webkit-scrollbar-thumb {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u5C0F\u65B9\u5757*/\n border-radius: 0px;\n background-color: #cdcdcd;\n background-image: -webkit-linear-gradient(\n 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\n ::-webkit-scrollbar-track {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u8F68\u9053*/\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n background: #f6f6f6;\n border-radius: 0px;\n }\n }\n .fix--hidden {\n visibility: hidden;\n }\n }\n .lion-table-container-fixed-wrapper--right {\n width: 200px;\n background: #fff;\n /* box-shadow: -4px 0 6px -2px rgb(0 0 0 / 12%); */\n right: 5px;\n position: absolute;\n top: 0px;\n z-index: 5;\n overflow: hidden;\n transition: box-shadow 0.3s;\n border-top: 1px solid #f0f0f0;\n /* border-left:1px solid #f0f0f0; */\n .lion-table-container-fixed-header {\n min-width: inherit;\n overflow-x: hidden;\n overflow-y: auto;\n position: absolute;\n top:0px;\n right:0px;\n }\n .lion-table-container-fixed-body {\n min-width: inherit;\n overflow: hidden;\n right:0px;\n top:40px;\n position: absolute;\n // border-bottom: 1px solid #f0f0f0;\n // // border-right: 1px solid #f0f0f0;\n ::-webkit-scrollbar {\n /*\u6EDA\u52A8\u6761\u6574\u4F53\u6837\u5F0F*/\n width: 0px !important; /*\u9AD8\u5BBD\u5206\u522B\u5BF9\u5E94\u6A2A\u7AD6\u6EDA\u52A8\u6761\u7684\u5C3A\u5BF8*/\n height: 0px !important;\n /* border-radius : 10px; */\n }\n\n ::-webkit-scrollbar-corner {\n background-color: #f6f6f6;\n }\n\n ::-webkit-scrollbar-thumb {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u5C0F\u65B9\u5757*/\n border-radius: 2px;\n background-color: #cdcdcd;\n background-image: -webkit-linear-gradient(\n 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\n ::-webkit-scrollbar-track {\n /*\u6EDA\u52A8\u6761\u91CC\u9762\u8F68\u9053*/\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\n background: #f6f6f6;\n border-radius: 2px;\n }\n }\n }\n"])));
exports.WrapperLionTableFix = WrapperLionTableFix;
var templateObject_1, templateObject_2;
//# sourceMappingURL=./renderers/Lion/Table/LionTable/style/table.js.map