fastlion-amis
Version:
一种MIS页面生成工具
20 lines (19 loc) • 12.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.WrapperSpin = exports.WrapperModalBody = exports.WrapperPopover = exports.WrapperModal = exports.WrapperBtn = void 0;
var tslib_1 = require("tslib");
var styled_components_1 = (0, tslib_1.__importDefault)(require("styled-components"));
var Modal_1 = (0, tslib_1.__importDefault)(require("antd/lib/Modal"));
exports.WrapperBtn = styled_components_1.default.button.attrs({
className: 'lion-export-btn'
})(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n font-size: 13px;\n background-color: #1890ff;\n box-shadow: none;\n margin-bottom: 0px !important;\n border-color: #2a87eb;\n text-shadow: none;\n color: #fff !important;\n font-weight: 400;\n white-space: nowrap;\n text-align: center;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n line-height: 1.499 !important;\n cursor: pointer;\n font-family: Arial, Helvetica, sans-serif !important;\n padding: 4px 12px;\n height: 31px;\n\n &:hover {\n background-color: #007df1;\n border-color: #0076e4;\n color: #fff;\n }\n"], ["\n font-size: 13px;\n background-color: #1890ff;\n box-shadow: none;\n margin-bottom: 0px !important;\n border-color: #2a87eb;\n text-shadow: none;\n color: #fff !important;\n font-weight: 400;\n white-space: nowrap;\n text-align: center;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n line-height: 1.499 !important;\n cursor: pointer;\n font-family: Arial, Helvetica, sans-serif !important;\n padding: 4px 12px;\n height: 31px;\n\n &:hover {\n background-color: #007df1;\n border-color: #0076e4;\n color: #fff;\n }\n"])));
exports.WrapperModal = (0, styled_components_1.default)(Modal_1.default).attrs({
className: 'lion-cell-export', width: '100%'
})(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n .lion-popover-0 {\n padding-top: 0;\n .ant-popover-inner-content {\n padding: 0;\n }\n }\n .lion-popover-1 {\n padding-top: 0;\n .ant-popover-inner-content {\n padding: 0;\n }\n }\n .lion-popover-2 {\n padding-top: 0;\n .ant-popover-inner-content {\n padding: 0;\n }\n }\n .ant-modal-content {\n width: 700px;\n margin: 0 auto;\n\n .ant-modal-close {\n .ant-modal-close-x {\n width: 28px;\n height: 28px;\n line-height: 40px;\n }\n }\n\n .ant-modal-header {\n border-bottom: 1px solid #e8e8e8;\n padding: 0 20px;\n height: 40px;\n min-height: 40px;\n max-height: 40px;\n color: #444;\n font-size: 14px;\n font-weight: 700;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n .ant-modal-title {\n font-weight: 700;\n }\n }\n\n .ant-modal-body {\n padding: 20px;\n color: #606266;\n font-size: 14px;\n word-break: break-all;\n\n .my-select {\n .ant-select-selector {\n border: 0 !important;\n }\n }\n\n .my-field-select {\n width: 100% !important;\n \n .ant-select-selector {\n border: 1px solid #d9d9d9 !important;\n\n .ant-select-selection-search {\n input {\n display: none;\n }\n } \n }\n }\n\n .ant-select {\n width: 300px;\n margin-right: 0px;\n .ant-select-selector {\n font-size: 12px;\n width: 100%;\n border: 0;\n .ant-select-selection-search {\n width: 100%;\n left: 0;\n input {\n -webkit-appearance: none;\n background-color: #fff;\n background-image: none;\n border-radius: 4px;\n border: 1px solid #dcdfe6 ;\n box-sizing: border-box;\n color: #606266;\n \n font-size: inherit;\n line-height: 40px;\n outline: none;\n padding: 0 15px;\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n width: 100%;\n opacity: 1 !important;\n }\n }\n }\n }\n }\n }\n\n @media screen and (max-width:767px) {\n .ant-modal-content{\n border-radius:8px;\n .ant-modal-header{\n border-radius:8px 8px 0 0;\n }\n .ant-modal-body{\n .lion-export-loading{\n border-radius:8px;\n }\n }\n .ant-modal-footer{\n padding:0;\n border-radius:0px 0px 8px 8px;\n .lion-export-btns{\n border-radius:0 !important;\n }\n .lion-export-btn{\n height: 41px;\n margin-left:0px !important;\n width:83px;\n border: 0;\n border-radius:0;\n :first-child{\n border-radius:0px 0px 0px 8px;\n }\n\n :last-child{\n width:85px;\n border-radius:0px 0px 8px 0px;\n }\n }\n }\n }\n }\n"], ["\n .lion-popover-0 {\n padding-top: 0;\n .ant-popover-inner-content {\n padding: 0;\n }\n }\n .lion-popover-1 {\n padding-top: 0;\n .ant-popover-inner-content {\n padding: 0;\n }\n }\n .lion-popover-2 {\n padding-top: 0;\n .ant-popover-inner-content {\n padding: 0;\n }\n }\n .ant-modal-content {\n width: 700px;\n margin: 0 auto;\n\n .ant-modal-close {\n .ant-modal-close-x {\n width: 28px;\n height: 28px;\n line-height: 40px;\n }\n }\n\n .ant-modal-header {\n border-bottom: 1px solid #e8e8e8;\n padding: 0 20px;\n height: 40px;\n min-height: 40px;\n max-height: 40px;\n color: #444;\n font-size: 14px;\n font-weight: 700;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n .ant-modal-title {\n font-weight: 700;\n }\n }\n\n .ant-modal-body {\n padding: 20px;\n color: #606266;\n font-size: 14px;\n word-break: break-all;\n\n .my-select {\n .ant-select-selector {\n border: 0 !important;\n }\n }\n\n .my-field-select {\n width: 100% !important;\n \n .ant-select-selector {\n border: 1px solid #d9d9d9 !important;\n\n .ant-select-selection-search {\n input {\n display: none;\n }\n } \n }\n }\n\n .ant-select {\n width: 300px;\n margin-right: 0px;\n .ant-select-selector {\n font-size: 12px;\n width: 100%;\n border: 0;\n .ant-select-selection-search {\n width: 100%;\n left: 0;\n input {\n -webkit-appearance: none;\n background-color: #fff;\n background-image: none;\n border-radius: 4px;\n border: 1px solid #dcdfe6 ;\n box-sizing: border-box;\n color: #606266;\n \n font-size: inherit;\n line-height: 40px;\n outline: none;\n padding: 0 15px;\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n width: 100%;\n opacity: 1 !important;\n }\n }\n }\n }\n }\n }\n\n @media screen and (max-width:767px) {\n .ant-modal-content{\n border-radius:8px;\n .ant-modal-header{\n border-radius:8px 8px 0 0;\n }\n .ant-modal-body{\n .lion-export-loading{\n border-radius:8px;\n }\n }\n .ant-modal-footer{\n padding:0;\n border-radius:0px 0px 8px 8px;\n .lion-export-btns{\n border-radius:0 !important;\n }\n .lion-export-btn{\n height: 41px;\n margin-left:0px !important;\n width:83px;\n border: 0;\n border-radius:0;\n :first-child{\n border-radius:0px 0px 0px 8px;\n }\n\n :last-child{\n width:85px;\n border-radius:0px 0px 8px 0px;\n }\n }\n }\n }\n }\n"])));
exports.WrapperPopover = styled_components_1.default.div(templateObject_3 || (templateObject_3 = (0, tslib_1.__makeTemplateObject)(["\n min-width: 105px;\n transform-origin: center top;\n z-index: 10039;\n border: 1px solid #e4e7ed;\n border-radius: 4px;\n background-color: #fff;\n box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);\n box-sizing: border-box;\n margin: 5px 0;\n .lion-export-popover-container {\n overflow: hidden;\n position: relative;\n .lion-export-popover-hide {\n margin-bottom: 0px;\n margin-right: -8px;\n overflow: hidden;\n height: 100%;\n ul {\n list-style: none;\n padding: 6px 0;\n margin: 0;\n box-sizing: border-box;\n .list-active {\n color: #3582fb;\n font-weight: 700;\n }\n div {\n font-size: 12px;\n padding: 0 20px;\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: #606266;\n height: 34px;\n line-height: 34px;\n box-sizing: border-box;\n cursor: pointer;\n :hover {\n background-color: #f5f7fa;\n }\n :active {\n color: #3582fb;\n font-weight: 700;\n }\n }\n }\n }\n }\n"], ["\n min-width: 105px;\n transform-origin: center top;\n z-index: 10039;\n border: 1px solid #e4e7ed;\n border-radius: 4px;\n background-color: #fff;\n box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);\n box-sizing: border-box;\n margin: 5px 0;\n .lion-export-popover-container {\n overflow: hidden;\n position: relative;\n .lion-export-popover-hide {\n margin-bottom: 0px;\n margin-right: -8px;\n overflow: hidden;\n height: 100%;\n ul {\n list-style: none;\n padding: 6px 0;\n margin: 0;\n box-sizing: border-box;\n .list-active {\n color: #3582fb;\n font-weight: 700;\n }\n div {\n font-size: 12px;\n padding: 0 20px;\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: #606266;\n height: 34px;\n line-height: 34px;\n box-sizing: border-box;\n cursor: pointer;\n :hover {\n background-color: #f5f7fa;\n }\n :active {\n color: #3582fb;\n font-weight: 700;\n }\n }\n }\n }\n }\n"])));
exports.WrapperModalBody = styled_components_1.default.div(templateObject_4 || (templateObject_4 = (0, tslib_1.__makeTemplateObject)(["\n .lion-popover {\n top: 39px !important;\n padding-top: 0;\n .ant-popover-inner-content {\n padding: 0;\n }\n }\n"], ["\n .lion-popover {\n top: 39px !important;\n padding-top: 0;\n .ant-popover-inner-content {\n padding: 0;\n }\n }\n"])));
exports.WrapperSpin = styled_components_1.default.div.attrs({
className: "lion-export-loading"
})(templateObject_5 || (templateObject_5 = (0, tslib_1.__makeTemplateObject)(["\n position: absolute;\n z-index: 2000;\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 .ant-spin {\n span {\n font-size: 36px;\n font-weight: 600;\n }\n }\n }\n"], ["\n position: absolute;\n z-index: 2000;\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 .ant-spin {\n span {\n font-size: 36px;\n font-weight: 600;\n }\n }\n }\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
//# sourceMappingURL=./renderers/Lion/Table/LionTable/components/MainExport/style.js.map