cbim-common-components/dist/index.css

``` npm install --save cbim-common-components ```

.common-components-modal-header{display:flex;justify-content:space-between;align-items:center}.common-components-modal-header h3{margin:0;font-weight:545}.common-components-modal-header .modal-operation-list{display:flex}.common-components-modal-header .modal-operation-list li .ant-btn{padding:2px 4px;border:none;border-radius:2px;background-color:transparent}.common-components-modal-header .modal-operation-list li .ant-btn i{font-size:18px}.common-components-modal-wrapper ul,.common-components-modal-wrapper ol,.common-components-modal-wrapper li{list-style:none}.common-components-modal-wrapper .ant-modal-content{position:relative;background-color:#f6f9fcf2;background-clip:padding-box;border:0;border-radius:4px;box-shadow:#0000001f 0 3px 6px -4px,#00000014 0 6px 16px,#0000000d 0 9px 28px 8px;outline:0;pointer-events:auto}.common-components-modal-wrapper .ant-modal-content .ant-modal-header{padding:16px;border-bottom:none;background-color:transparent}.common-components-modal-wrapper .ant-modal-content .ant-modal-body{border-radius:0 0 4px 4px;padding:0}.common-components-modal-wrapper.full-screen-modal{color:red}.common-components-modal-wrapper.full-screen-modal .ant-modal{width:100%!important;max-width:100%!important;top:0;left:0;right:0;bottom:0;padding:0;height:100%}.common-components-modal-wrapper.full-screen-modal .ant-modal .ant-modal-content{border-radius:0;height:100%;display:flex;flex-direction:column}.common-components-modal-wrapper.full-screen-modal .ant-modal .ant-modal-content .ant-modal-body{flex:1;height:100%;border-radius:0}.cbim-empty[data-v-3829798c]{text-align:center;color:#b2b9bf;min-height:inherit;-webkit-user-select:none;user-select:none;height:100%;display:flex}.cbim-empty .cbim-empty-icon[data-v-3829798c]{background-size:contain}.isBlock[data-v-3829798c]{display:block}.align-center-v[data-v-3829798c]{align-items:center}.align-center-h[data-v-3829798c]{justify-content:center}.left[data-v-16971ec0]{padding:12px 7px;width:222px;height:100%;overflow:auto;gap:12px;border-right:1px solid #ecf0f8}.mid-list[data-v-16971ec0]{flex:1;height:100%;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;width:370px;border-right:1px solid #ecf0f8}.mid-list .list-main[data-v-16971ec0]{display:flex;flex-direction:column;height:443px;overflow-y:auto}.mid-list .list-main .list-item[data-v-16971ec0]:hover{cursor:pointer;background-color:#fff6f0}.mid-list .list-item[data-v-16971ec0]{display:flex;flex-direction:row;padding:10px 0;-webkit-user-select:none;user-select:none}.mid-list .list-header[data-v-16971ec0]{color:#2a334a;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0px;text-align:left;background-color:#c9d2e133}.mid-list .file-checkbox[data-v-16971ec0]{width:42px;padding:0 11px}.mid-list .file-name[data-v-16971ec0]{width:166px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mid-list .file-version[data-v-16971ec0]{width:37px}.mid-list .file-uploader[data-v-16971ec0]{width:90px}.mid-list .file-upload-time[data-v-16971ec0]{width:150px}.right-selected[data-v-16971ec0]{height:100%;width:248px;overflow:auto;background-color:#fff;border-radius:4px}.right-selected .selected-file-content[data-v-16971ec0]{display:flex;flex-direction:column;padding:11px 12px}.right-selected .selected-file-content .file-list-header[data-v-16971ec0]{display:flex;flex-direction:row}.right-selected .selected-file-content .file-list-header .file-count[data-v-16971ec0]{color:#47516a;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;-webkit-user-select:none;user-select:none}.right-selected .selected-file-content .file-list-header .delete-all[data-v-16971ec0]{color:#416ad9;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:auto}.right-selected .selected-file-content .list-content[data-v-16971ec0]{margin-top:12px;height:447px;overflow-y:auto}.right-selected .selected-file-content .list-info[data-v-16971ec0]{display:flex;flex-direction:row}.right-selected .selected-file-content .list-info+.list-info[data-v-16971ec0]{margin-top:8px}.right-selected .selected-file-content .list-info .file-app[data-v-16971ec0]{padding:2px 8px;border-radius:4px;font-family:微软雅黑;font-size:12px;font-weight:290;line-height:20px;letter-spacing:0px;text-align:left;white-space:nowrap}.right-selected .selected-file-content .list-info .app-doc[data-v-16971ec0]{color:#ffae00;background-color:#ffae001a}.right-selected .selected-file-content .list-info .app-task[data-v-16971ec0]{background-color:#0a87f51a;color:#0a87f5}.right-selected .selected-file-content .list-info .app-comm[data-v-16971ec0]{background-color:#4f34d91f;color:#4f34d9}.right-selected .selected-file-content .list-info .app-tool[data-v-16971ec0]{background-color:#ffae001a;color:#ffae00}.right-selected .selected-file-content .list-info .file-name[data-v-16971ec0]{margin-left:15px;white-space:nowrap;color:#202020;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0px;text-align:left;max-width:680px;overflow:hidden;text-overflow:ellipsis}.right-selected .selected-file-content .list-info .delete-button[data-v-16971ec0]{margin-left:auto;color:#979797;cursor:pointer;-webkit-user-select:none;user-select:none}.right-selected .selected-file-content .list-info .delete-button[data-v-16971ec0]:hover{color:#f65d30}.left[data-v-3d9f3318]{padding:12px 7px;width:222px;height:100%;overflow:auto;gap:12px;border-right:1px solid #ecf0f8}.mid-list[data-v-3d9f3318]{flex:1;height:100%;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;width:370px;border-right:1px solid #ecf0f8}.mid-list .list-main[data-v-3d9f3318]{display:flex;flex-direction:column;height:443px;overflow-y:auto}.mid-list .list-main .list-item[data-v-3d9f3318]:hover{cursor:pointer;background-color:#fff6f0}.mid-list .list-item[data-v-3d9f3318]{display:flex;flex-direction:row;padding:10px 0;-webkit-user-select:none;user-select:none}.mid-list .list-header[data-v-3d9f3318]{color:#2a334a;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0px;text-align:left;background-color:#c9d2e133}.mid-list .file-checkbox[data-v-3d9f3318]{width:42px;padding:0 11px}.mid-list .file-name[data-v-3d9f3318]{width:166px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mid-list .file-version[data-v-3d9f3318]{width:37px}.mid-list .file-uploader[data-v-3d9f3318]{width:90px}.mid-list .file-upload-time[data-v-3d9f3318]{width:150px}.right-selected[data-v-3d9f3318]{height:100%;width:248px;background-color:#fff;border-radius:4px;overflow:auto}.right-selected .selected-file-content[data-v-3d9f3318]{display:flex;flex-direction:column;padding:11px 12px}.right-selected .selected-file-content .file-list-header[data-v-3d9f3318]{display:flex;flex-direction:row}.right-selected .selected-file-content .file-list-header .file-count[data-v-3d9f3318]{color:#47516a;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;-webkit-user-select:none;user-select:none}.right-selected .selected-file-content .file-list-header .delete-all[data-v-3d9f3318]{color:#416ad9;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:auto}.right-selected .selected-file-content .list-content[data-v-3d9f3318]{margin-top:12px;height:447px;overflow-y:auto}.right-selected .selected-file-content .list-info[data-v-3d9f3318]{display:flex;flex-direction:row}.right-selected .selected-file-content .list-info+.list-info[data-v-3d9f3318]{margin-top:8px}.right-selected .selected-file-content .list-info .file-app[data-v-3d9f3318]{padding:2px 8px;border-radius:4px;font-family:微软雅黑;font-size:12px;font-weight:290;line-height:20px;letter-spacing:0px;text-align:left;white-space:nowrap}.right-selected .selected-file-content .list-info .app-doc[data-v-3d9f3318]{color:#ffae00;background-color:#ffae001a}.right-selected .selected-file-content .list-info .app-task[data-v-3d9f3318]{background-color:#0a87f51a;color:#0a87f5}.right-selected .selected-file-content .list-info .app-comm[data-v-3d9f3318]{background-color:#4f34d91f;color:#4f34d9}.right-selected .selected-file-content .list-info .app-tool[data-v-3d9f3318]{background-color:#ffae001a;color:#ffae00}.right-selected .selected-file-content .list-info .app-draw[data-v-3d9f3318]{background-color:#ff94291f;color:#ff9429}.right-selected .selected-file-content .list-info .file-name[data-v-3d9f3318]{margin-left:15px;white-space:nowrap;color:#202020;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0px;text-align:left;max-width:680px;overflow:hidden;text-overflow:ellipsis}.right-selected .selected-file-content .list-info .delete-button[data-v-3d9f3318]{margin-left:auto;color:#979797;cursor:pointer;-webkit-user-select:none;user-select:none}.right-selected .selected-file-content .list-info .delete-button[data-v-3d9f3318]:hover{color:#f65d30}.left[data-v-e3fbb212]{padding:12px 7px;width:222px;height:100%;overflow:auto;gap:12px;border-right:1px solid #ecf0f8}.mid-list[data-v-e3fbb212]{flex:1;height:100%;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;width:370px;border-right:1px solid #ecf0f8}.mid-list .list-main[data-v-e3fbb212]{display:flex;flex-direction:column;height:443px;overflow-y:auto}.mid-list .list-main .list-item[data-v-e3fbb212]:hover{cursor:pointer;background-color:#fff6f0}.mid-list .list-item[data-v-e3fbb212]{display:flex;flex-direction:row;padding:10px 0;-webkit-user-select:none;user-select:none}.mid-list .list-header[data-v-e3fbb212]{color:#2a334a;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0px;text-align:left;background-color:#c9d2e133}.mid-list .file-checkbox[data-v-e3fbb212]{width:42px;padding:0 11px}.mid-list .file-name[data-v-e3fbb212]{width:166px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mid-list .file-version[data-v-e3fbb212]{width:37px}.mid-list .file-uploader[data-v-e3fbb212]{width:90px}.mid-list .file-upload-time[data-v-e3fbb212]{width:150px}.right-selected[data-v-e3fbb212]{padding:12px 7px;height:100%;width:248px;background-color:#fff;border-radius:4px;overflow:auto}.right-selected .selected-file-content[data-v-e3fbb212]{display:flex;flex-direction:column;padding:11px 12px}.right-selected .selected-file-content .file-list-header[data-v-e3fbb212]{display:flex;flex-direction:row}.right-selected .selected-file-content .file-list-header .file-count[data-v-e3fbb212]{color:#47516a;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;-webkit-user-select:none;user-select:none}.right-selected .selected-file-content .file-list-header .delete-all[data-v-e3fbb212]{color:#416ad9;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:auto}.right-selected .selected-file-content .list-content[data-v-e3fbb212]{margin-top:12px;height:447px;overflow-y:auto}.right-selected .selected-file-content .list-info[data-v-e3fbb212]{display:flex;flex-direction:row}.right-selected .selected-file-content .list-info+.list-info[data-v-e3fbb212]{margin-top:8px}.right-selected .selected-file-content .list-info .file-app[data-v-e3fbb212]{padding:2px 8px;border-radius:4px;font-family:微软雅黑;font-size:12px;font-weight:290;line-height:20px;letter-spacing:0px;text-align:left;white-space:nowrap}.right-selected .selected-file-content .list-info .app-doc[data-v-e3fbb212]{color:#ffae00;background-color:#ffae001a}.right-selected .selected-file-content .list-info .app-task[data-v-e3fbb212]{background-color:#0a87f51a;color:#0a87f5}.right-selected .selected-file-content .list-info .app-comm[data-v-e3fbb212]{background-color:#4f34d91f;color:#4f34d9}.right-selected .selected-file-content .list-info .app-tool[data-v-e3fbb212]{background-color:#ffae001a;color:#ffae00}.right-selected .selected-file-content .list-info .file-name[data-v-e3fbb212]{margin-left:15px;white-space:nowrap;color:#202020;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0px;text-align:left;max-width:680px;overflow:hidden;text-overflow:ellipsis}.right-selected .selected-file-content .list-info .delete-button[data-v-e3fbb212]{margin-left:auto;color:#979797;cursor:pointer;-webkit-user-select:none;user-select:none}.right-selected .selected-file-content .list-info .delete-button[data-v-e3fbb212]:hover{color:#f65d30}.file-main[data-v-69d7cd23]{padding:0 24px;height:530px;display:flex;flex-direction:column;gap:8px}.file-main .header[data-v-69d7cd23]{height:28px}.file-main .header .type-content[data-v-69d7cd23]{border-radius:4px;background:#c9d2e14d;padding:3px;display:flex;flex-direction:row;width:fit-content}.file-main .header .type-content .type[data-v-69d7cd23],.file-main .header .type-content .type-active[data-v-69d7cd23]{height:26px;padding:7px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;display:flex;color:#47516a;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:14px;letter-spacing:0px;text-align:center}.file-main .header .type-content .type+.type[data-v-69d7cd23],.file-main .header .type-content .type-active+.type[data-v-69d7cd23]{margin-left:3px}.file-main .header .type-content .type[data-v-69d7cd23]:hover,.file-main .header .type-content .type-active[data-v-69d7cd23]:hover{color:#f65d30}.file-main .header .type-content .type-active[data-v-69d7cd23]{background:#fff;color:#f65d30}.file-main .content[data-v-69d7cd23]{display:flex;flex:1;height:calc(100% - 88px);background-color:#fff;border-radius:3px}.file-main .footer[data-v-69d7cd23]{height:64px;display:flex;justify-content:space-between;align-items:center}.content-footer[data-v-69d7cd23]{padding:16px 23px;display:flex}.content-footer .margin-left-12[data-v-69d7cd23]{margin-left:12px}.footer-button[data-v-69d7cd23]{display:flex;flex-direction:row;margin-left:auto;gap:10px}.margin-left-12[data-v-69d7cd23]{margin-left:12px}.all-selected-list[data-v-69d7cd23]{display:flex;flex-direction:column;width:600px;max-height:564px}.all-selected-list .selected-file-content[data-v-69d7cd23]{display:flex;flex-direction:column}.all-selected-list .selected-file-content .file-list-header[data-v-69d7cd23]{display:flex;justify-content:space-between}.list-content[data-v-69d7cd23]{display:flex;justify-content:space-between;flex-direction:column;gap:5px}.list-content .list-info[data-v-69d7cd23]{display:flex;justify-content:space-between}.list-content .list-info .left-item[data-v-69d7cd23]{display:flex;justify-content:flex-start;gap:5px}.list-content .list-info .right-item[data-v-69d7cd23]{display:flex;justify-content:flex-end;gap:5px}.list-content .list-info .right-item .delete-button[data-v-69d7cd23]{margin-left:auto;color:#979797;cursor:pointer;-webkit-user-select:none;user-select:none}.list-content .list-info .right-item .delete-button[data-v-69d7cd23]:hover{color:#f65d30}.list-content .file-app[data-v-69d7cd23]{padding:2px 8px;border-radius:4px;font-family:微软雅黑;font-size:12px;font-weight:290;line-height:20px;letter-spacing:0px;text-align:left;white-space:nowrap}.list-content .app-doc[data-v-69d7cd23]{color:#ffae00;background-color:#ffae001a}.list-content .app-task[data-v-69d7cd23]{background-color:#0a87f51a;color:#0a87f5}.list-content .app-comm[data-v-69d7cd23]{background-color:#4f34d91f;color:#4f34d9}.list-content .app-tool[data-v-69d7cd23]{background-color:#ffae001a;color:#ffae00}.list-content .app-draw[data-v-69d7cd23]{background-color:#ff94291f;color:#ff9429}.list-content .file-name[data-v-69d7cd23]{margin-left:0;white-space:nowrap;color:#202020;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0px;text-align:left;max-width:680px;overflow:hidden;text-overflow:ellipsis}.list-content .delete-button[data-v-69d7cd23]{margin-left:auto;color:#979797;cursor:pointer;-webkit-user-select:none;user-select:none}.list-content .delete-button[data-v-69d7cd23]:hover{color:#f65d30}.selected-doc-popover .file-app[data-v-69d7cd23]{padding:2px 8px;border-radius:4px;font-family:微软雅黑;font-size:12px;font-weight:290;line-height:20px;letter-spacing:0px;text-align:left;white-space:nowrap}.selected-doc-popover .app-doc[data-v-69d7cd23]{color:#ffae00;background-color:#ffae001a}.selected-doc-popover .app-task[data-v-69d7cd23]{background-color:#0a87f51a;color:#0a87f5}.selected-doc-popover .app-comm[data-v-69d7cd23]{background-color:#4f34d91f;color:#4f34d9}.selected-doc-popover .app-tool[data-v-69d7cd23]{background-color:#ffae001a;color:#ffae00}.selected-doc-popover .app-draw[data-v-69d7cd23]{background-color:#ff94291f;color:#ff9429}.selected-doc-popover .file-name[data-v-69d7cd23]{margin-left:0;white-space:nowrap;color:#202020;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0px;text-align:left;max-width:680px;overflow:hidden;text-overflow:ellipsis}.selected-doc-popover .delete-button[data-v-69d7cd23]{margin-left:auto;color:#979797;cursor:pointer;-webkit-user-select:none;user-select:none}.selected-doc-popover .delete-button[data-v-69d7cd23]:hover{color:#f65d30}[data-v-52e2c08c] .buttons-wrap{display:flex;justify-content:end;padding:0 30px;gap:10px}[data-v-52e2c08c] .is-circle{min-width:unset!important}[data-v-52e2c08c] .dynamicPseudoAfter .el-icon-plus:before,[data-v-52e2c08c] .dynamicPseudoAfter .el-icon-download:before{content:""}[data-v-52e2c08c] .cbim-form-render{margin:0 20px 20px!important}.file-main[data-v-52e2c08c] .el-input--suffix .el-input__inner{padding-right:0}.file-main[data-v-52e2c08c] .el-input-number.is-controls-right .el-input__inner{padding:0}.table-container[data-v-8c37a3a5]{padding:0 24px}.footer[data-v-8c37a3a5]{height:64px;display:flex;justify-content:flex-end;align-items:center}.margin-left-12[data-v-8c37a3a5]{margin-left:12px}