fastlion-amis
Version:
一种MIS页面生成工具
1 lines • 25.3 kB
Source Map (JSON)
{"version":3,"sourceRoot":"","sources":["../../../src/renderers/Table/AiTool/index.scss"],"names":[],"mappings":"AAEI;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAMR;EACI;EACA;EAEA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;;AAMhB;EAMI;EACA;;AANA;EACI;EACA;;;AAUJ;EACI;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAIR;EACI;EACA;;AAMhB;EACI;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;;AAGQ;EACI;;AAMJ;EACI;;AAGI;EACI;;AAKZ;EACI;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAGR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAMZ;EACI;EACA;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;;AAEA;EACI;;AAMZ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAOJ;EACI;;AAQA;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAOR;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAIJ;AAAA;AAAA;AAAA;EAII;;AAIR;EACI;;AAMJ;EACI;EACA;;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;;AAMR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGA;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;;;AAUZ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;;AAEA;EACI;;AAIZ;EACI;EACA;;AAMZ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EAEA;EACA;EACA;EACA;;AAGI;EACI;;AAIA;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAMR;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAOpB;EAGI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;;AAEA;EACI","file":"index.css","sourcesContent":["// common\n.item-ai {\n .ai-btn-groups {\n display: flex;\n gap: 32px;\n align-items: center;\n padding: 0 8px;\n border-radius: 6px;\n\n // transition: background-color .3s ease;\n .comment-btn {\n display: flex;\n gap: 8px;\n align-items: center;\n color: #c1c1c1;\n cursor: pointer;\n\n .text {\n color: #3574ee;\n }\n }\n }\n\n .recommend-box-init {\n .recommend-box {\n padding: 0 12px;\n padding-bottom: 8px;\n // padding-left: 12px;\n flex-direction: row;\n flex-wrap: wrap;\n }\n }\n\n .recommend-box {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px 0;\n padding-left: 46px;\n\n .recommend-item {\n display: flex;\n width: fit-content;\n position: relative;\n padding: 0 8px;\n padding-right: 18px;\n max-width: 80%;\n min-height: 32px;\n align-items: center;\n cursor: pointer;\n justify-content: space-between;\n border-radius: 6px;\n border: 1px solid #e7e7e7;\n color: #333;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.04);\n }\n\n .icon-box {\n position: absolute;\n top: 3px;\n right: 4px;\n }\n }\n }\n}\n\n.description-box {\n .title {\n font-size: 14px;\n font-weight: bold;\n }\n\n padding: 8px 12px;\n white-space: normal;\n}\n\n// pc - start\n.ai-tool-drawer.fl-modal.ant-modal {\n\n .ant-modal-header {\n background: var(--ai-tool-title-bg);\n border-bottom: var(--Table-borderColor);\n\n .ant-modal-title {\n .dialog-title {\n position: relative;\n padding: 0 16px !important;\n box-sizing: border-box;\n height: 68px;\n font-size: 14px;\n line-height: 20px;\n background-color: transparent !important;\n\n .disabled-move-title {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n font-size: 14px;\n color: var(--ai-tool-title-color);\n .icon {\n cursor: auto;\n }\n\n .table-icon-box {\n margin-right: 2px;\n display: inline-flex;\n align-items: flex-start;\n justify-content: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n border-radius: 3px;\n background-color: #3574ee;\n color: #fff;\n }\n }\n\n .fixed-hover-title {\n .table-icon-box {\n display: none;\n }\n }\n\n .tools-bar {\n position: absolute;\n right: 18px;\n }\n }\n }\n }\n\n .ant-modal-content {\n background-image: var(--ai-tool-bg-image);\n background-color: var(--ai-tool-bg-color);\n // border-radius: 8px;\n }\n\n .ant-drawer-header {\n border-bottom: none;\n background: transparent !important;\n }\n\n .ant-modal-body {\n background: unset !important;\n &.isMinWidth {\n .chat-list {\n .ant-list-item-meta-avatar {\n display: none;\n }\n }\n\n .footer-box {\n\n .ai-model-selector {\n min-width: unset !important;\n\n .current-label {\n .label-text {\n display: none;\n }\n }\n }\n\n .icon-prefix-box {\n margin: 0 6px !important;\n }\n }\n }\n }\n\n .ai-tool-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n user-select: none;\n\n .chat-footer {\n // position: fixed;\n // bottom: 18px;\n margin-bottom: 18px;\n padding: 0 16px;\n width: 100%;\n max-width: 1200px;\n\n .footer-box {\n display: flex;\n flex-direction: column;\n align-items: center;\n box-sizing: border-box;\n padding: 8px 12px;\n width: 100%;\n min-height: 48px;\n background-color: var(--ai-tool-footer-bg);\n box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;\n border-radius: 8px;\n .ant-input-affix-wrapper {\n textarea {\n color: var(--saas-Title-Text);\n }\n }\n .word-inp {\n padding: 4px 20px 0 0;\n\n &::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n }\n\n &::-webkit-scrollbar-track {\n box-shadow: inset 0 0 0 rgba(240, 240, 240, 0.5);\n border-radius: 10px;\n background-color: rgba(50, 50, 50, 0.1);\n\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);\n background-color: rgba(50, 50, 50, .1);\n }\n }\n\n .bottom-box {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: 4px;\n width: 100%;\n\n .ai-model-selector {\n min-width: 180px;\n max-width: 300px;\n padding: 4px;\n border-radius: 6px;\n background-color: #f7f8fa;\n cursor: pointer;\n\n .current-label {\n display: flex;\n gap: 8px;\n align-items: center;\n\n .label-text {\n max-width: 180px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n\n }\n }\n }\n\n .icon-send {\n padding: 0;\n height: 28px;\n\n &.disabled {\n color: #e6e6e6;\n }\n }\n }\n\n .icon-prefix-box {\n margin: 0 6px 0 20px;\n font-size: 14px;\n color: #706e6b;\n\n .icon-send-prefix {\n cursor: auto;\n }\n }\n\n }\n\n .ant-input:focus {\n box-shadow: none;\n }\n }\n\n .chat-list {\n width: 100%;\n height: 100%;\n max-width: 1200px;\n flex: 1;\n overflow: auto;\n padding: 16px;\n padding-bottom: 20px;\n\n &::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n\n &::-webkit-scrollbar-track {\n box-shadow: inset 0 0 0 rgba(240, 240, 240, 0.5);\n border-radius: 10px;\n background-color: rgba(50, 50, 50, 0.1);\n\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);\n background-color: rgba(50, 50, 50, .1);\n }\n\n // .ant-list-items li:nth-of-type(2) {\n // margin-top: 0;\n // }\n\n .ant-list-item {\n display: block;\n }\n\n\n\n\n .meta-ai {\n\n .ant-list-item-meta-avatar {\n margin-right: 14px;\n margin-left: 0px;\n\n .ant-avatar.ant-avatar-icon {\n border-radius: 4px;\n }\n }\n\n .ant-list-item-meta-content {\n border-radius: 6px;\n // padding: 8px 12px;\n margin-right: 45px;\n background-color: transparent;\n border: 1px solid var(--borderColor);\n user-select: text;\n white-space: normal;\n\n .ant-list-item-meta-title {\n word-break: break-all;\n font-weight: 550;\n color: var(--saas-Title-Text);\n }\n\n .ant-list-item-meta-description {\n color: var(--saas-Title-Text);\n background-color: var(--image-gallery-modal-bg);\n }\n }\n }\n\n .meta-user {\n\n .ant-list-item-meta-avatar {\n margin-left: 14px;\n margin-right: 0px;\n\n .ant-avatar.ant-avatar-icon {\n border-radius: 4px;\n }\n }\n\n .ant-list-item-meta-content {\n border-radius: 6px;\n // padding: 8px 12px;\n margin-left: 45px;\n text-align: left;\n background-color: var(--image-gallery-modal-bg);\n flex: unset;\n width: auto;\n user-select: text;\n border: 1px solid var(--borderColor);\n white-space: normal;\n .ant-list-item-meta-title {\n word-break: break-all;\n font-weight: 550;\n color: var(--saas-Title-Text);\n }\n\n .ant-list-item-meta-description {\n color: var(--saas-Title-Text);\n }\n }\n }\n\n &-wrapper {\n box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;\n border-radius: 4px;\n background-color: white;\n width: 500px;\n height: calc(100vh - 100px);\n position: absolute;\n z-index: 99999;\n display: flex;\n flex-direction: column;\n }\n\n &-header {\n padding: 16px 20px;\n border-bottom: 1px solid rgba(0, 0, 0, .06);\n display: flex;\n align-items: center;\n cursor: move;\n\n &-title {\n margin: 0;\n color: #000000d9;\n font-weight: 500;\n font-size: 16px;\n line-height: 22px;\n word-wrap: break-word;\n flex: 1;\n }\n }\n\n &-content {\n flex: 1;\n overflow: auto;\n padding: 12px 24px;\n }\n\n &-footer {\n display: flex;\n padding: 10px 16px;\n\n }\n\n ol ol,\n ul ul,\n ol ul,\n ul ol {\n list-style-position: inside;\n }\n }\n // 防止在ai助手中日期选择器宽度异常\n .rdt.rdtOpen {\n min-width: 200px;\n }\n\n }\n\n .dialog-fix-right.dialog-pin-right {\n .ant-modal-content {\n background-image: unset;\n box-shadow: 0 3px 6px -4px rgba(0,0,0,0),0 6px 16px 0 rgba(0,0,0,0),0 0 3px 0px rgba(0,0,0,0.1);\n }\n }\n \n}\n\n.aitool-dialog-wrapper {\n padding: 0;\n position: relative;\n box-sizing: border-box;\n height: 50px;\n border-radius: 50%;\n cursor: move;\n overflow: hidden;\n\n .disabled-move-title {\n display: none;\n }\n\n .tools-bar {\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background-color: #3574ee;\n\n .btn-hide {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: -6px;\n width: 50px;\n height: 50px;\n color: #fff;\n font-size: 26px !important;\n cursor: pointer;\n\n &:active {\n cursor: move !important;\n }\n }\n\n .btn-close {\n display: none;\n }\n }\n}\n\n.ai-tool-models-overlay {\n .ant-popover-inner {\n border-radius: 8px;\n padding: 0;\n }\n\n .ant-popover-inner-content {\n padding: 12px;\n min-height: 300px;\n max-height: 500px;\n overflow-y: auto;\n }\n\n .model-list-wrapper {\n border-radius: 6px;\n\n // padding: 6px 0;\n .filter-box {\n margin-bottom: 6px;\n\n .filter-inp {\n background-color: #f7f8fa;\n }\n }\n\n .model-list-box {\n padding: 6px;\n border: 1px solid #e6e8eb;\n border-radius: 6px;\n min-width: 242px;\n min-height: 340px;\n max-height: 400px;\n overflow-y: auto;\n\n &::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n }\n\n &::-webkit-scrollbar-track {\n box-shadow: inset 0 0 0 rgba(240, 240, 240, 0.5);\n border-radius: 10px;\n background-color: rgba(50, 50, 50, 0.1);\n\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);\n background-color: rgba(50, 50, 50, .1);\n }\n }\n }\n\n .model-item-box {\n font-size: 14px;\n line-height: 22px;\n border-bottom: 1px solid #f1f1f1;\n\n &:nth-last-child(1) {\n border-bottom: 0;\n }\n\n .item-provider {\n color: rgba(0, 0, 0, 0.26);\n padding: 0 10px;\n }\n\n .model-item {\n color: rgba(0, 0, 0, .6);\n cursor: pointer;\n\n .current-label {\n display: flex;\n height: 32px;\n align-items: center;\n padding: 0 10px;\n gap: 8px;\n\n }\n\n &.active {\n color: #3574ee;\n background-color: rgb(230, 247, 255);\n }\n\n &:hover {\n color: #3574ee;\n }\n }\n }\n}\n\n// # pc - end\n\n// mobile - start\n.ai-tool-drawer.ant-drawer {\n .ant-drawer-wrapper-body {\n // background-image: linear-gradient(180deg, rgba(53, 116, 238, 0.16) 0%, rgba(255, 255, 255, 0.3) 60px);\n background-image: var(--ai-tool-bg-image);\n background-color: var(--ai-tool-bg-color);\n }\n\n .ant-drawer-content-wrapper {\n overflow: hidden;\n border-radius: 8px 8px 0 0;\n transition: unset;\n }\n .ant-drawer-content {\n background: var(--ai-tool-title-bg) !important;\n .ant-drawer-header {\n position: sticky;\n // position: fixed;\n top: 0;\n width: 100%;\n height: 54px;\n padding: 16px;\n border-bottom: 0;\n background: var(--ai-tool-title-bg) !important;\n \n // background-color: transparent !important;\n // background-image: linear-gradient(180deg, rgba(53, 116, 238, 0.16) 0%, rgba(255, 255, 255, 0.3) 54px);\n .ant-drawer-title {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--ai-tool-title-color);\n background-color: var(--ai-tool-title-bg);\n .title-text {\n max-width: 50vw;\n font-size: 15px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n \n }\n \n .table-icon-box {\n margin-right: 2px;\n display: inline-flex;\n align-items: flex-start;\n justify-content: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n border-radius: 3px;\n background-color: #3574ee;\n color: #fff;\n }\n }\n \n .ant-drawer-extra {\n font-size: 14px;\n \n .chat-mode-box {\n display: flex;\n align-items: center;\n \n .chat-mode-switch {\n margin-right: 2px;\n }\n }\n }\n .ant-drawer-close {\n color: var(--ai-tool-title-color);\n background-color: var(--ai-tool-title-bg);\n }\n }\n \n }\n\n .ant-drawer-body {\n padding: 0;\n z-index: 0;\n }\n\n .ai-tool-mobile-wrapper {\n height: 100%;\n\n .ai-tool-container {\n display: flex;\n flex-direction: column;\n min-height: 60vh;\n height: 100%;\n transition: all .3s ease;\n }\n\n .chat-list {\n height: 100%;\n // height: calc(100vh - 130px);\n flex: 1 1 0%;\n padding: 0 16px;\n padding-bottom: 20px;\n overflow: auto;\n\n .ant-list-item {\n .ant-list-item-meta-avatar {\n display: none;\n }\n\n &.item-ai {\n .ant-list-item-meta-content {\n border-radius: 6px;\n // padding: 8px 12px;\n margin-right: 55px;\n background-color: transparent;\n border: 1px solid var(--borderColor);\n user-select: text;\n color: var(--saas-Title-Text);\n white-space: normal;\n\n .ant-list-item-meta-title {\n word-break: break-all;\n font-weight: 550;\n color: var(--saas-Title-Text);\n }\n\n .ant-list-item-meta-description {\n color: var(--saas-Title-Text);\n }\n }\n }\n\n &.item-user {\n .ant-list-item-meta-content {\n border-radius: 6px;\n // padding: 8px 12px;\n margin-left: 55px;\n text-align: left;\n background-color: var(--image-gallery-modal-bg);\n border: 1px solid var(--borderColor);\n flex: unset;\n width: auto;\n user-select: text;\n white-space: normal;\n\n .ant-list-item-meta-title {\n word-break: break-all;\n font-weight: 550;\n color: var(--saas-Title-Text);\n }\n\n .ant-list-item-meta-description {\n color: var(--saas-Title-Text);\n }\n }\n }\n }\n }\n\n .chat-footer {\n // position: fixed;\n // bottom: 24px;\n width: 100%;\n padding: 0 16px;\n display: flex;\n z-index: 1;\n margin-bottom: 30px;\n\n .footer-box {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: var(--ai-tool-footer-bg);\n padding: 0 14px;\n width: 100%;\n min-height: 54px;\n border-radius: 27px;\n box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);\n \n \n .icon {\n color: #706e6b;\n font-size: 18px;\n }\n\n .ant-input.word-inp {\n padding: 4px 0 10px 10px;\n color: var(--saas-Title-Text);\n }\n \n }\n\n .icon-send {\n padding: 0;\n height: 28px;\n font-size: 16px;\n\n &.disabled {\n color: #e6e6e6;\n }\n }\n }\n }\n}\n\n// mobile - end"]}