fastlion-amis/lib/renderers/Lion/Table/components/import/style.js

一种MIS页面生成工具

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.WrapperLoading = exports.WrapperModal = exports.WrapperBtn = exports.WrapperFileUpload = exports.WrapperFileItem = 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.WrapperFileItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  .ant-upload-span{\n    ::before{\n      display: ", ";\n    }\n    .ant-upload-text-icon{\n      color: ", ";\n    }\n    .ant-upload-list-item-name{\n      color: ", ";\n    }\n  }\n"], ["\n  .ant-upload-span{\n    ::before{\n      display: ", ";\n    }\n    .ant-upload-text-icon{\n      color: ", ";\n    }\n    .ant-upload-list-item-name{\n      color: ", ";\n    }\n  }\n"])), function (props) { return (props === null || props === void 0 ? void 0 : props.status) === 'done' ? 'block' : 'none !important'; }, function (props) { return (props === null || props === void 0 ? void 0 : props.status) === 'error' ? '#ff4d4f !important' : 'normal'; }, function (props) { return (props === null || props === void 0 ? void 0 : props.status) === 'error' ? '#ff4d4f !important' : 'normal'; });
exports.WrapperFileUpload = styled_components_1.default.div(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n  span {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    .ant-upload-select {\n      padding-left: 4px;\n    }\n    .ant-upload-list{\n      width:100%;\n    }\n    .ant-upload-list-text-container {\n      transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n      .lion-upload-itemrender--container{\n        display: flex;\n        margin-top:8px;\n        .ant-upload-list-item{\n          margin: 0;\n        }\n        .lion-upload-itemrender--notiy{\n          cursor: pointer;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n\n        }\n      }\n      :first-child {\n        margin-top: 5px;\n      }\n      :hover {\n        .lion-upload-itemrender--container{\n          background: #f5f7fa;\n        }\n\n        .ant-upload-span {\n          /* background: #f5f7fa; */\n          .ant-upload-list-item-name {\n            color: #3582fb !important;\n          }\n          :before {\n            transition: color 0.3s;\n            display: none;\n          }\n        }\n        .lion-upload-itemrender--notiy{\n          /* background: #f5f7fa; */\n          /* color: #3582fb !important; */\n        }\n      }\n    }\n    .ant-upload-span {\n      display: -webkit-box !important;\n      padding: 2px 0;\n      box-sizing: content-box;\n      position: relative;\n      transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n      font-size: 14px;\n      color: #606266;\n      line-height: 1.8;\n      position: relative;\n      box-sizing: border-box;\n      border-radius: 4px;\n      width: 100%;\n      background: transparent;\n      list-style: none;\n      cursor: pointer;\n      .ant-upload-text-icon {\n        height: 100%;\n        margin-right: 7px;\n        color: #909399;\n        line-height: inherit;\n        font-family: element-icons !important;\n        font-style: normal;\n        font-weight: 400;\n        font-variant: normal;\n        text-transform: none;\n        vertical-align: baseline;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        .anticon-file-text {\n          font-size: 13px;\n        }\n      }\n      .ant-upload-list-item-name {\n        color: #606266;\n        width: unset;\n        display: block;\n        margin-right: 40px;\n        background: inherit;\n        overflow: hidden;\n        padding-left: 4px;\n        text-overflow: ellipsis;\n        transition: color 0.3s;\n        white-space: nowrap;\n        line-height: 1.3;\n        font-size: 13px;\n      }\n      .ant-upload-list-item-card-actions {\n        position: absolute;\n        height: 100%;\n        top: 0px;\n        text-align: center;\n        background: transparent !important;\n        button {\n          height: 100%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          background: transparent !important;\n          .anticon-close {\n            top: unset;\n            right: unset;\n          }\n        }\n      }\n    }\n  }\n"], ["\n  span {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    .ant-upload-select {\n      padding-left: 4px;\n    }\n    .ant-upload-list{\n      width:100%;\n    }\n    .ant-upload-list-text-container {\n      transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n      .lion-upload-itemrender--container{\n        display: flex;\n        margin-top:8px;\n        .ant-upload-list-item{\n          margin: 0;\n        }\n        .lion-upload-itemrender--notiy{\n          cursor: pointer;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n\n        }\n      }\n      :first-child {\n        margin-top: 5px;\n      }\n      :hover {\n        .lion-upload-itemrender--container{\n          background: #f5f7fa;\n        }\n\n        .ant-upload-span {\n          /* background: #f5f7fa; */\n          .ant-upload-list-item-name {\n            color: #3582fb !important;\n          }\n          :before {\n            transition: color 0.3s;\n            display: none;\n          }\n        }\n        .lion-upload-itemrender--notiy{\n          /* background: #f5f7fa; */\n          /* color: #3582fb !important; */\n        }\n      }\n    }\n    .ant-upload-span {\n      display: -webkit-box !important;\n      padding: 2px 0;\n      box-sizing: content-box;\n      position: relative;\n      transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n      font-size: 14px;\n      color: #606266;\n      line-height: 1.8;\n      position: relative;\n      box-sizing: border-box;\n      border-radius: 4px;\n      width: 100%;\n      background: transparent;\n      list-style: none;\n      cursor: pointer;\n      .ant-upload-text-icon {\n        height: 100%;\n        margin-right: 7px;\n        color: #909399;\n        line-height: inherit;\n        font-family: element-icons !important;\n        font-style: normal;\n        font-weight: 400;\n        font-variant: normal;\n        text-transform: none;\n        vertical-align: baseline;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        .anticon-file-text {\n          font-size: 13px;\n        }\n      }\n      .ant-upload-list-item-name {\n        color: #606266;\n        width: unset;\n        display: block;\n        margin-right: 40px;\n        background: inherit;\n        overflow: hidden;\n        padding-left: 4px;\n        text-overflow: ellipsis;\n        transition: color 0.3s;\n        white-space: nowrap;\n        line-height: 1.3;\n        font-size: 13px;\n      }\n      .ant-upload-list-item-card-actions {\n        position: absolute;\n        height: 100%;\n        top: 0px;\n        text-align: center;\n        background: transparent !important;\n        button {\n          height: 100%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          background: transparent !important;\n          .anticon-close {\n            top: unset;\n            right: unset;\n          }\n        }\n      }\n    }\n  }\n"])));
exports.WrapperBtn = styled_components_1.default.button.attrs({
    className: 'import-btn-click'
})(templateObject_3 || (templateObject_3 = (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-import'
})(templateObject_4 || (templateObject_4 = (0, tslib_1.__makeTemplateObject)(["\n\n  .ant-modal-content {\n    width: 500px;\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      flex: 1;\n      overflow: auto;\n      padding: 10px;\n      color: #606266;\n      font-size: 14px;\n      word-break: break-all;\n\n      .import-body {\n        width: 100%;\n        position: relative;\n        .import-Upload {\n          color: #606266;\n          font-size: 14px;\n          word-break: break-all;\n          margin: 5px 0 15px;\n          font-family: Verdana, PingFangSC-Regular, PingFang SC, -apple-system,\n            BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei,\n            Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji,\n            Segoe UI Emoji, Segoe UI Symbol;\n          .import-reload-btn {\n            display: none;\n          }\n          .import-btn {\n            height: 32px;\n            box-shadow: none;\n            margin-bottom: 0px;\n            background-color: #2a87eb;\n            border-color: #2a87eb;\n            text-shadow: none;\n            color: #fff;\n            font-weight: 400;\n            white-space: nowrap;\n            text-align: center;\n            padding: 0 15px;\n            border: 1px solid #d9d9d9;\n            border-radius: 4px;\n            line-height: 1.499;\n            cursor: pointer;\n            &:hover {\n              background-color: #5d9bfc;\n              border-color: #5d9bfc;\n              color: #fff;\n            }\n          }\n          .download-model {\n            height: 32px;\n            box-shadow: none;\n            margin-left: 10px;\n            margin-bottom: 0px;\n            background-color: #2a87eb;\n            border-color: #2a87eb;\n            text-shadow: none;\n            color: #fff;\n            font-weight: 400;\n            white-space: nowrap;\n            text-align: center;\n            padding: 0 15px;\n            border: 1px solid #d9d9d9;\n            border-radius: 4px;\n            line-height: 1.499;\n            cursor: pointer;\n            margin-left: 60px;\n            border-color: transparent;\n            color: #3582fb;\n            background: transparent;\n            padding-left: 0;\n            padding-right: 0;\n            padding: 9px 15px;\n            border-radius: 3px;\n            &:hover {\n              color: #5d9bfc;\n              border-color: transparent;\n              background-color: transparent;\n            }\n          }\n        }\n        .import-Tip {\n          width: 100%;\n          padding: 8px 16px;\n          margin: 0;\n          box-sizing: border-box;\n          position: relative;\n          overflow: hidden;\n          opacity: 1;\n          display: flex;\n          align-items: center;\n          transition: opacity 0.2s;\n          font-size: 12px;\n          border-radius: 2px;\n          background-color: #e5f0ff;\n          border: 1px solid #97c7ff;\n          .import-cell {\n            display: table-cell;\n            padding: 0 8px;\n            font-size: 12px;\n            .import-rules {\n              margin-bottom: 10px;\n              font-size: 12px;\n              color: #606266;\n              margin-top: 5px;\n            }\n            ol {\n              color: #003b80;\n              > li {\n                margin-bottom: 5px;\n                font-size: 12px;\n                list-style: decimal;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  @media screen and (max-width:767px) {\n      .ant-modal-content{\n        width: calc(100vw - 16px) !important;\n        border-radius:16px;\n        .ant-modal-header{\n          border-radius:16px 16px 0 0;\n        }\n        .ant-modal-body{\n          .import-body{\n            .import-Tip{\n              border-radius:8px\n            }\n          }\n        }\n      }\n  }\n"], ["\n\n  .ant-modal-content {\n    width: 500px;\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      flex: 1;\n      overflow: auto;\n      padding: 10px;\n      color: #606266;\n      font-size: 14px;\n      word-break: break-all;\n\n      .import-body {\n        width: 100%;\n        position: relative;\n        .import-Upload {\n          color: #606266;\n          font-size: 14px;\n          word-break: break-all;\n          margin: 5px 0 15px;\n          font-family: Verdana, PingFangSC-Regular, PingFang SC, -apple-system,\n            BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei,\n            Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji,\n            Segoe UI Emoji, Segoe UI Symbol;\n          .import-reload-btn {\n            display: none;\n          }\n          .import-btn {\n            height: 32px;\n            box-shadow: none;\n            margin-bottom: 0px;\n            background-color: #2a87eb;\n            border-color: #2a87eb;\n            text-shadow: none;\n            color: #fff;\n            font-weight: 400;\n            white-space: nowrap;\n            text-align: center;\n            padding: 0 15px;\n            border: 1px solid #d9d9d9;\n            border-radius: 4px;\n            line-height: 1.499;\n            cursor: pointer;\n            &:hover {\n              background-color: #5d9bfc;\n              border-color: #5d9bfc;\n              color: #fff;\n            }\n          }\n          .download-model {\n            height: 32px;\n            box-shadow: none;\n            margin-left: 10px;\n            margin-bottom: 0px;\n            background-color: #2a87eb;\n            border-color: #2a87eb;\n            text-shadow: none;\n            color: #fff;\n            font-weight: 400;\n            white-space: nowrap;\n            text-align: center;\n            padding: 0 15px;\n            border: 1px solid #d9d9d9;\n            border-radius: 4px;\n            line-height: 1.499;\n            cursor: pointer;\n            margin-left: 60px;\n            border-color: transparent;\n            color: #3582fb;\n            background: transparent;\n            padding-left: 0;\n            padding-right: 0;\n            padding: 9px 15px;\n            border-radius: 3px;\n            &:hover {\n              color: #5d9bfc;\n              border-color: transparent;\n              background-color: transparent;\n            }\n          }\n        }\n        .import-Tip {\n          width: 100%;\n          padding: 8px 16px;\n          margin: 0;\n          box-sizing: border-box;\n          position: relative;\n          overflow: hidden;\n          opacity: 1;\n          display: flex;\n          align-items: center;\n          transition: opacity 0.2s;\n          font-size: 12px;\n          border-radius: 2px;\n          background-color: #e5f0ff;\n          border: 1px solid #97c7ff;\n          .import-cell {\n            display: table-cell;\n            padding: 0 8px;\n            font-size: 12px;\n            .import-rules {\n              margin-bottom: 10px;\n              font-size: 12px;\n              color: #606266;\n              margin-top: 5px;\n            }\n            ol {\n              color: #003b80;\n              > li {\n                margin-bottom: 5px;\n                font-size: 12px;\n                list-style: decimal;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  @media screen and (max-width:767px) {\n      .ant-modal-content{\n        width: calc(100vw - 16px) !important;\n        border-radius:16px;\n        .ant-modal-header{\n          border-radius:16px 16px 0 0;\n        }\n        .ant-modal-body{\n          .import-body{\n            .import-Tip{\n              border-radius:8px\n            }\n          }\n        }\n      }\n  }\n"])));
exports.WrapperLoading = styled_components_1.default.div(templateObject_5 || (templateObject_5 = (0, tslib_1.__makeTemplateObject)(["\n  opacity: 1;\n  position: absolute;\n  z-index: 10000;\n  width: 100%;\n  height: 100%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: opacity 0.3s ease 0s;\n  background-color: rgba(255, 255, 255, 0.9);\n"], ["\n  opacity: 1;\n  position: absolute;\n  z-index: 10000;\n  width: 100%;\n  height: 100%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: opacity 0.3s ease 0s;\n  background-color: rgba(255, 255, 255, 0.9);\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
//# sourceMappingURL=./renderers/Lion/Table/components/import/style.js.map