fastlion-amis/lib/renderers/Lion/Table/LionTable/style/extends.js

一种MIS页面生成工具

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.WrapperBtnPopover = exports.WrapperLionTableHeaderToolBar = exports.WrapperLionTableFilter = exports.WrapperLionTableBase = void 0;
var tslib_1 = require("tslib");
var styled_components_1 = (0, tslib_1.__importDefault)(require("styled-components"));
var WrapperLionTableBase = styled_components_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  box-sizing: border-box;\n  /* padding: 16px; */\n  background: #fff;\n  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  box-sizing: border-box;\n  /* padding: 16px; */\n  background: #fff;\n  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);\n"])));
exports.WrapperLionTableBase = WrapperLionTableBase;
var WrapperLionTableFilter = styled_components_1.default.div(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n  margin-bottom: 0.6rem !important;\n  padding-left: 0.6rem !important;\n  margin-top: 0.6rem !important;\n  .filter-group {\n    width: 100%;\n    .filter-container {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      position: relative;\n      box-sizing: border-box;\n      width: 100%;\n      .filterItem {\n        display: flex;\n        position: relative;\n        box-sizing: border-box;\n        width: 100%;\n        .lion-filter {\n          margin-right: 10px;\n          display: flex;\n          .antd-Form-item {\n            display: flex;\n            margin: 0;\n            align-items: center;\n            margin-right: 5px;\n            label {\n              margin-right: 5px;\n            }\n          }\n          .cxd-Form-item {\n            margin: 0;\n            display: flex;\n            margin-right: 5px;\n            label {\n              margin-right: 5px;\n            }\n          }\n          > button {\n            margin-left: 8px;\n          }\n        }\n\n        .filterItem-btns {\n          .filterItem-btn {\n            display: inline-block;\n            line-height: 1;\n            white-space: nowrap;\n            cursor: pointer;\n            background: #fff;\n            border: 1px solid #dcdfe6;\n            border-color: #dcdfe6;\n            color: #606266;\n            -webkit-appearance: none;\n            text-align: center;\n            box-sizing: border-box;\n            outline: none;\n            margin: 0;\n            transition: 0.1s;\n            font-weight: 500;\n            -moz-user-select: none;\n            -webkit-user-select: none;\n            -ms-user-select: none;\n            font-size: 13px;\n            border-radius: 4px;\n            margin: 10px 0;\n            height: 32px;\n            padding: 0;\n            border-radius: 3px;\n          }\n        }\n      }\n    }\n  }\n"], ["\n  margin-bottom: 0.6rem !important;\n  padding-left: 0.6rem !important;\n  margin-top: 0.6rem !important;\n  .filter-group {\n    width: 100%;\n    .filter-container {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      position: relative;\n      box-sizing: border-box;\n      width: 100%;\n      .filterItem {\n        display: flex;\n        position: relative;\n        box-sizing: border-box;\n        width: 100%;\n        .lion-filter {\n          margin-right: 10px;\n          display: flex;\n          .antd-Form-item {\n            display: flex;\n            margin: 0;\n            align-items: center;\n            margin-right: 5px;\n            label {\n              margin-right: 5px;\n            }\n          }\n          .cxd-Form-item {\n            margin: 0;\n            display: flex;\n            margin-right: 5px;\n            label {\n              margin-right: 5px;\n            }\n          }\n          > button {\n            margin-left: 8px;\n          }\n        }\n\n        .filterItem-btns {\n          .filterItem-btn {\n            display: inline-block;\n            line-height: 1;\n            white-space: nowrap;\n            cursor: pointer;\n            background: #fff;\n            border: 1px solid #dcdfe6;\n            border-color: #dcdfe6;\n            color: #606266;\n            -webkit-appearance: none;\n            text-align: center;\n            box-sizing: border-box;\n            outline: none;\n            margin: 0;\n            transition: 0.1s;\n            font-weight: 500;\n            -moz-user-select: none;\n            -webkit-user-select: none;\n            -ms-user-select: none;\n            font-size: 13px;\n            border-radius: 4px;\n            margin: 10px 0;\n            height: 32px;\n            padding: 0;\n            border-radius: 3px;\n          }\n        }\n      }\n    }\n  }\n"])));
exports.WrapperLionTableFilter = WrapperLionTableFilter;
var WrapperLionTableHeaderToolBar = styled_components_1.default.div(templateObject_3 || (templateObject_3 = (0, tslib_1.__makeTemplateObject)(["\n  display: flex;\n  justify-content: space-between;\n  /* border-right: 1px solid #f0f0f0; */\n  overflow: hidden;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n  min-width: inherit;\n  &::after {\n    display: none;\n  }\n  &::before {\n    display: none;\n  }\n  .lion-nav-operate-group {\n    padding: 5px 0;\n    display: flex;\n    .blukAction {\n      display: inline-block;\n      line-height: 1;\n      white-space: nowrap;\n      cursor: pointer;\n      background: #fff;\n      border: 1px solid #dcdfe6;\n      border-color: #dcdfe6;\n      color: #606266;\n      -webkit-appearance: none;\n      text-align: center;\n      box-sizing: border-box;\n      outline: none;\n      margin: 0;\n      transition: 0.1s;\n      font-weight: 500;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      padding: 12px 20px;\n      font-size: 14px;\n      border-radius: 4px;\n      padding: 9px 15px;\n      font-size: 12px;\n      border-radius: 3px;\n      color: #fff;\n      background-color: #3582fb;\n      border-color: #3582fb;\n      margin-right: 5px;\n      &:first-child {\n        margin-left: 4px;\n      }\n    }\n    .is-disabled {\n      color: #c0c4cc;\n      cursor: not-allowed;\n      background-image: none;\n      background-color: #fff;\n      border-color: #ebeef5;\n    }\n  }\n\n  .lion-nav-tool-group {\n    display: flex;\n    align-items: center;\n    .toolBar {\n      display: inline-block;\n      line-height: 1;\n      white-space: nowrap;\n      cursor: pointer;\n      background: #fff;\n      border: 1px solid #dcdfe6;\n      border-color: #dcdfe6;\n      color: #606266;\n      -webkit-appearance: none;\n      text-align: center;\n      box-sizing: border-box;\n      outline: none;\n      margin: 0;\n      transition: 0.1s;\n      font-weight: 500;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      font-size: 13px;\n      border-radius: 4px;\n      margin: 10px 0;\n      height: 32px;\n      padding: 0;\n      border-radius: 3px;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  /* border-right: 1px solid #f0f0f0; */\n  overflow: hidden;\n  align-items: center;\n  position: relative;\n  box-sizing: border-box;\n  min-width: inherit;\n  &::after {\n    display: none;\n  }\n  &::before {\n    display: none;\n  }\n  .lion-nav-operate-group {\n    padding: 5px 0;\n    display: flex;\n    .blukAction {\n      display: inline-block;\n      line-height: 1;\n      white-space: nowrap;\n      cursor: pointer;\n      background: #fff;\n      border: 1px solid #dcdfe6;\n      border-color: #dcdfe6;\n      color: #606266;\n      -webkit-appearance: none;\n      text-align: center;\n      box-sizing: border-box;\n      outline: none;\n      margin: 0;\n      transition: 0.1s;\n      font-weight: 500;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      padding: 12px 20px;\n      font-size: 14px;\n      border-radius: 4px;\n      padding: 9px 15px;\n      font-size: 12px;\n      border-radius: 3px;\n      color: #fff;\n      background-color: #3582fb;\n      border-color: #3582fb;\n      margin-right: 5px;\n      &:first-child {\n        margin-left: 4px;\n      }\n    }\n    .is-disabled {\n      color: #c0c4cc;\n      cursor: not-allowed;\n      background-image: none;\n      background-color: #fff;\n      border-color: #ebeef5;\n    }\n  }\n\n  .lion-nav-tool-group {\n    display: flex;\n    align-items: center;\n    .toolBar {\n      display: inline-block;\n      line-height: 1;\n      white-space: nowrap;\n      cursor: pointer;\n      background: #fff;\n      border: 1px solid #dcdfe6;\n      border-color: #dcdfe6;\n      color: #606266;\n      -webkit-appearance: none;\n      text-align: center;\n      box-sizing: border-box;\n      outline: none;\n      margin: 0;\n      transition: 0.1s;\n      font-weight: 500;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      font-size: 13px;\n      border-radius: 4px;\n      margin: 10px 0;\n      height: 32px;\n      padding: 0;\n      border-radius: 3px;\n    }\n  }\n"])));
exports.WrapperLionTableHeaderToolBar = WrapperLionTableHeaderToolBar;
var WrapperBtnClip = styled_components_1.default.div(templateObject_4 || (templateObject_4 = (0, tslib_1.__makeTemplateObject)([""], [""])));
var WrapperBtnPopover = styled_components_1.default.div(templateObject_5 || (templateObject_5 = (0, tslib_1.__makeTemplateObject)(["\n  min-width: 80px;\n  transform-origin: center top;\n  z-index: 10039;\n  border: 0;\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: 0 0 5px 0;\n  .lion-export-popover-container {\n    overflow: hidden;\n    position: relative;\n    .lion-export-popover-hide {\n      margin-bottom: 0px;\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          box-sizing: border-box;\n          cursor: pointer;\n          /* .lion-td-btn {\n            margin-right:5px;\n            border-color: transparent;\n            color: #606266;\n            background: transparent;\n            font-size: 13px;\n            cursor: pointer;\n            padding: 3px;\n          } */\n          div.lion-td-btn {\n            width: 92px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            /* > span {\n              display: inline-block;\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              margin: 0;\n            } */\n          }\n          /* :hover {\n            background-color: #e9f1fd;\n            .lion-td-btn:not(.is-disabled) {\n              color: #4c8bf2;\n            }\n          } */\n          :active {\n            color: #3582fb;\n            font-weight: 700;\n          }\n        }\n      }\n    }\n  }\n"], ["\n  min-width: 80px;\n  transform-origin: center top;\n  z-index: 10039;\n  border: 0;\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: 0 0 5px 0;\n  .lion-export-popover-container {\n    overflow: hidden;\n    position: relative;\n    .lion-export-popover-hide {\n      margin-bottom: 0px;\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          box-sizing: border-box;\n          cursor: pointer;\n          /* .lion-td-btn {\n            margin-right:5px;\n            border-color: transparent;\n            color: #606266;\n            background: transparent;\n            font-size: 13px;\n            cursor: pointer;\n            padding: 3px;\n          } */\n          div.lion-td-btn {\n            width: 92px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            /* > span {\n              display: inline-block;\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              margin: 0;\n            } */\n          }\n          /* :hover {\n            background-color: #e9f1fd;\n            .lion-td-btn:not(.is-disabled) {\n              color: #4c8bf2;\n            }\n          } */\n          :active {\n            color: #3582fb;\n            font-weight: 700;\n          }\n        }\n      }\n    }\n  }\n"])));
exports.WrapperBtnPopover = WrapperBtnPopover;
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
//# sourceMappingURL=./renderers/Lion/Table/LionTable/style/extends.js.map