clinical-template-editor-hzg
Version:
一个基于 React 和 TipTap 构建的临床模板编辑器组件，专为医疗行业设计
2 lines (1 loc) • 4.93 kB
TypeScript
export declare const editorStyles = "\n .ProseMirror {\n outline: none;\n padding: 24px;\n min-height: 600px;\n font-family: SimSun, \u5B8B\u4F53;\n font-size: 16px;\n line-height: 1.6;\n color: #374151;\n }\n .ProseMirror:focus {\n outline: none;\n box-shadow: inset 0 0 0 2px #3b82f6;\n }\n .ProseMirror p.is-editor-empty:first-child::before {\n content: attr(data-placeholder);\n float: left;\n color: #9ca3af;\n pointer-events: none;\n height: 0;\n }\n .ProseMirror p { margin-bottom: 16px; }\n .ProseMirror ul, .ProseMirror ol { margin: 16px 0; padding-left: 24px; }\n .ProseMirror li { margin-bottom: 8px; }\n .ProseMirror table {\n border-collapse: collapse;\n margin: 16px 0;\n width: 100%;\n table-layout: fixed;\n }\n .ProseMirror table td, .ProseMirror table th {\n border: 1px solid #d1d5db;\n padding: 0;\n text-align: left;\n position: relative;\n min-width: 80px;\n min-height: 16px;\n vertical-align: middle;\n }\n .ProseMirror table th {\n background-color: #f9fafb;\n font-weight: 600;\n }\n .ProseMirror table td > p,\n .ProseMirror table th > p {\n margin: 0;\n display: inline;\n }\n .ProseMirror .selectedCell,\n .ProseMirror .ProseMirror-selectednode {\n background-color: #dbeafe !important;\n border: 2px solid #3b82f6 !important;\n }\n .ProseMirror .tableWrapper {\n overflow-x: auto;\n width: 100%;\n }\n .ProseMirror .resize-cursor {\n cursor: ew-resize;\n cursor: col-resize;\n }\n .ProseMirror table .selectedCell,\n .ProseMirror table td.ProseMirror-selectednode,\n .ProseMirror table th.ProseMirror-selectednode {\n background-color: #dbeafe !important;\n border: 2px solid #3b82f6 !important;\n position: relative;\n }\n .ProseMirror table .selectedCell::after,\n .ProseMirror table td.ProseMirror-selectednode::after,\n .ProseMirror table th.ProseMirror-selectednode::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(59, 130, 246, 0.15);\n pointer-events: none;\n z-index: 1;\n }\n .ProseMirror table td:hover, .ProseMirror table th:hover {\n background-color: #f3f4f6;\n transition: background-color 0.2s ease;\n }\n .ProseMirror table .selectedCell:hover,\n .ProseMirror table td.ProseMirror-selectednode:hover,\n .ProseMirror table th.ProseMirror-selectednode:hover {\n background-color: #bfdbfe !important;\n }\n .ProseMirror .column-resize-handle {\n background-color: #3b82f6;\n bottom: 0;\n position: absolute;\n right: -2px;\n top: 0;\n width: 2px;\n z-index: 20;\n }\n .ProseMirror .row-resize-handle {\n background-color: #3b82f6;\n height: 2px;\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n z-index: 30;\n cursor: row-resize;\n opacity: 0;\n transition: opacity 0.2s ease;\n border-radius: 1px;\n }\n .ProseMirror td:hover .row-resize-handle,\n .ProseMirror th:hover .row-resize-handle {\n opacity: 1;\n }\n .ProseMirror .resize-cursor-row {\n cursor: row-resize !important;\n cursor: ns-resize !important;\n }\n .ProseMirror table {\n position: relative;\n border-collapse: collapse;\n }\n .ProseMirror table td,\n .ProseMirror table th {\n position: relative;\n transition: height 0.1s ease;\n min-height: 0;\n padding: 0 2px;\n }\n .ProseMirror .row-resize-handle:hover {\n opacity: 1;\n background-color: #2563eb;\n height: 2px;\n bottom: -1px;\n }\n .ProseMirror table tr:hover {\n background-color: rgba(59, 130, 246, 0.05);\n }\n .editor-a4-wrapper {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n background: #f3f4f6;\n min-height: 100%;\n padding: 32px 0;\n overflow-y: auto;\n height: 100%;\n }\n .editor-a4-paper {\n width: 210mm;\n min-height: 297mm;\n background: #fff;\n box-shadow: 0 4px 24px rgba(0,0,0,0.10);\n border-radius: 8px;\n padding: 32px 40px;\n margin: 0 auto;\n position: relative;\n overflow: auto;\n }\n .ProseMirror select, \n .ProseMirror input[type=\"date\"],\n .ProseMirror input[type=\"text\"] {\n display: inline-block;\n min-width: 80px;\n padding: 2px 8px;\n border: 1px solid #d1d5db;\n border-radius: 4px;\n background: #f9fafb;\n font-size: 1em;\n margin: 0 2px;\n }\n .ProseMirror table td select,\n .ProseMirror table td input[type=\"date\"],\n .ProseMirror table td input[type=\"text\"] {\n font-size: 16px !important;\n min-width: 80px;\n padding: 2px 8px;\n }\n /* \u9884\u89C8/\u5BFC\u51FA\u65F6\u8986\u76D6\u53D8\u91CF\u80CC\u666F\u8272\uFF0C\u786E\u4FDD\u65E0\u7EFF\u8272\u80CC\u666F */\n .editor-a4-paper .variable-span,\n .ProseMirror .variable-span,\n .variable-span {\n background-color: transparent !important;\n }\n";