@jrchan/office-preview 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .vue-office-docx{height:100%;overflow-y:auto}.vue-office-docx .docx-wrapper>section.docx{margin-bottom:5px}@media screen and (max-width:800px){.vue-office-docx .docx-wrapper{padding:10px}.vue-office-docx .docx-wrapper>section.docx{padding:10px!important;width:100%!important}}body{margin:0}.x-spreadsheet{font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;box-sizing:content-box;background:#fff;-webkit-font-smoothing:antialiased}.x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.x-spreadsheet-sheet{position:relative;overflow:hidden}.x-spreadsheet-table{vertical-align:bottom}.x-spreadsheet-tooltip{font-family:inherit;position:absolute;padding:5px 10px;color:#fff;border-radius:1px;background:#000;font-size:12px;z-index:201}.x-spreadsheet-tooltip:before{pointer-events:none;position:absolute;left:calc(50% - 4px);top:-4px;content:"";width:8px;height:8px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;box-shadow:1px 1px 3px -1px #0000004d}.x-spreadsheet-color-palette{padding:5px}.x-spreadsheet-color-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:2;background:#fff}.x-spreadsheet-color-palette table td{margin:0;cursor:pointer;border:1px solid transparent}.x-spreadsheet-color-palette table td:hover{border-color:#ddd}.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{width:16px;height:16px}.x-spreadsheet-border-palette{padding:6px}.x-spreadsheet-border-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}.x-spreadsheet-border-palette table td{margin:0}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{width:30px;height:30px;cursor:pointer;text-align:center}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{position:relative;left:0;top:-3px}.x-spreadsheet-dropdown{position:relative}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{position:absolute;z-index:200;background:#fff;box-shadow:1px 2px 5px 2px #33333326}.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{top:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{top:calc(100% + 5px);right:0}.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{padding:0 5px;display:inline-block}.x-spreadsheet-resizer{position:absolute;z-index:11}.x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.x-spreadsheet-resizer.horizontal{cursor:row-resize}.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;left:0;bottom:0}.x-spreadsheet-resizer.vertical{cursor:col-resize}.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;top:0;right:0}.x-spreadsheet-scrollbar{position:absolute;bottom:0;right:0;background-color:#f4f5f8;opacity:.9;z-index:12}.x-spreadsheet-scrollbar.horizontal{right:15px;overflow-x:scroll;overflow-y:hidden}.x-spreadsheet-scrollbar.horizontal>div{height:1px;background:#ddd}.x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.x-spreadsheet-scrollbar.vertical>div{width:1px;background:#ddd}.x-spreadsheet-overlayer{position:absolute;left:0;top:0;z-index:10}.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{position:absolute;overflow:hidden;pointer-events:none;width:100%;height:100%}.x-spreadsheet-editor,.x-spreadsheet-selector{box-sizing:content-box;position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;height:100%}.x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.x-spreadsheet-selector .hide-input input{padding:0;width:0;border:none!important}.x-spreadsheet-selector .x-spreadsheet-selector-area{position:absolute;border:2px solid #4b89ff;background:#4b89ff1a;z-index:5}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.x-spreadsheet-selector .x-spreadsheet-selector-autofill{position:absolute;background:transparent;z-index:100}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.x-spreadsheet-selector .x-spreadsheet-selector-corner{pointer-events:auto;position:absolute;cursor:crosshair;font-size:0;height:5px;width:5px;right:-5px;bottom:-5px;border:2px solid #ffffff;background:#4b89ff}.x-spreadsheet-editor{z-index:20}.x-spreadsheet-editor .x-spreadsheet-editor-area{position:absolute;text-align:left;border:2px solid #4b89ff;line-height:0;z-index:100;pointer-events:auto}.x-spreadsheet-editor .x-spreadsheet-editor-area textarea{box-sizing:content-box;border:none;padding:0 3px;outline:none;resize:none;text-align:start;overflow-y:hidden;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;color:inherit;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.x-spreadsheet-editor .x-spreadsheet-editor-area .textline{overflow:hidden;visibility:hidden;position:fixed;top:0;left:0}.x-spreadsheet-item{-webkit-user-select:none;user-select:none;background:0;border:1px solid transparent;outline:none;height:26px;color:#000000e6;line-height:26px;list-style:none;padding:2px 10px;cursor:default;text-align:left;overflow:hidden}.x-spreadsheet-item.disabled{pointer-events:none;opacity:.5}.x-spreadsheet-item:hover,.x-spreadsheet-item.active{background:#0000000d}.x-spreadsheet-item.divider{height:0;padding:0;margin:5px 0;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.x-spreadsheet-item .label{float:right;opacity:.65;font-size:1em}.x-spreadsheet-item.state,.x-spreadsheet-header.state{padding-left:35px!important;position:relative}.x-spreadsheet-item.state:before,.x-spreadsheet-header.state:before{content:"";position:absolute;width:10px;height:10px;left:12px;top:calc(50% - 5px);background:#00000014;border-radius:2px}.x-spreadsheet-item.state.checked:before,.x-spreadsheet-header.state.checked:before{background:#4b89ff}.x-spreadsheet-checkbox{position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;font-size:1rem;line-height:1em}.x-spreadsheet-checkbox>input{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.x-spreadsheet-suggest,.x-spreadsheet-contextmenu,.x-spreadsheet-sort-filter{position:absolute;box-shadow:1px 2px 5px 2px #33333326;background:#fff;z-index:100;width:260px;pointer-events:auto;overflow:auto}.x-spreadsheet-suggest{width:200px}.x-spreadsheet-filter{border:1px solid #e9e9e9;font-size:12px;margin:10px}.x-spreadsheet-filter .x-spreadsheet-header{padding:.5em .75em;background:#f8f8f9;border-bottom:1px solid #e9e9e9;border-left:1px solid transparent}.x-spreadsheet-filter .x-spreadsheet-body{height:200px;overflow-y:auto}.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{height:20px;line-height:20px}.x-spreadsheet-sort-filter .x-spreadsheet-buttons{margin:10px}.x-spreadsheet-bottombar{height:40px;padding:0 30px;text-align:left;background:#f5f6f7;display:flex}.x-spreadsheet-bottombar{position:relative;border-top:1px solid #e0e2e4}.x-spreadsheet-bottombar .x-spreadsheet-menu>li{line-height:40px;height:40px;padding-top:0;padding-bottom:0;vertical-align:middle;border-right:1px solid #e8eaed}.x-spreadsheet-menu{display:flex;overflow-x:auto;list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.x-spreadsheet-menu>li{float:left;line-height:1.25em;padding:.785em 1em;margin:0;vertical-align:middle;text-align:left;font-weight:400;color:#80868b;white-space:nowrap;cursor:pointer;transition:all .3s;font-weight:700}.x-spreadsheet-menu>li.active{background-color:#fff;color:#000000a6}.x-spreadsheet-menu>li .x-spreadsheet-dropdown{display:inline-block}.x-spreadsheet-print{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;display:flex;flex-direction:column}.x-spreadsheet-print-bar{background:#424242;height:60px;line-height:60px;padding:0 30px}.x-spreadsheet-print-bar .-title{color:#fff;font-weight:700;font-size:1.2em;float:left}.x-spreadsheet-print-bar .-right{float:right;margin-top:12px}.x-spreadsheet-print-content{display:flex;flex:auto;flex-direction:row;background:#d0d0d0;height:calc(100% - 60px)}.x-spreadsheet-print-content .-sider{flex:0 0 300px;width:300px;border-left:2px solid #ccc;background:#fff}.x-spreadsheet-print-content .-content{flex:auto;overflow-x:auto;overflow-y:scroll;height:100%}.x-spreadsheet-canvas-card-wraper{margin:40px 20px}.x-spreadsheet-canvas-card{background:#fff;margin:auto;page-break-before:auto;page-break-after:always;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003}.x-spreadsheet-calendar{color:#000000a6;background:#fff;-webkit-user-select:none;user-select:none}.x-spreadsheet-calendar .calendar-header{font-weight:700;line-height:30px;text-align:center;width:100%;float:left;background:#f9fafb}.x-spreadsheet-calendar .calendar-header .calendar-header-left{padding-left:5px;float:left}.x-spreadsheet-calendar .calendar-header .calendar-header-right{float:right}.x-spreadsheet-calendar .calendar-header .calendar-header-right a{padding:3px 0;margin-right:2px;border-radius:2px}.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover{background:#00000014}.x-spreadsheet-calendar .calendar-body{border-collapse:collapse;border-spacing:0}.x-spreadsheet-calendar .calendar-body th,.x-spreadsheet-calendar .calendar-body td{width:14.28571429%;min-width:32px;text-align:center;font-weight:700;line-height:30px;padding:0}.x-spreadsheet-calendar .calendar-body td>.cell:hover{background:#ecf6fd}.x-spreadsheet-calendar .calendar-body td>.cell.active,.x-spreadsheet-calendar .calendar-body td>.cell.active:hover{background:#ecf6fd;color:#2185d0}.x-spreadsheet-calendar .calendar-body td>.cell.disabled{pointer-events:none;opacity:.5}.x-spreadsheet-datepicker{box-shadow:2px 2px 5px #0003;position:absolute;left:0;top:calc(100% + 5px);z-index:10;width:auto}.x-spreadsheet-buttons{display:flex;justify-content:flex-end}.x-spreadsheet-buttons .x-spreadsheet-button{margin-left:8px}.x-spreadsheet-button{display:inline-block;border-radius:3px;line-height:1em;min-height:1em;white-space:nowrap;text-align:center;cursor:pointer;font-size:1em;font-weight:700;padding:.75em 1em;color:#0009;background:#e0e1e2;text-decoration:none;font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;outline:none;vertical-align:baseline;zoom:1;-webkit-user-select:none;user-select:none;transition:all .1s linear}.x-spreadsheet-button.active,.x-spreadsheet-button:hover{background-color:#c0c1c2;color:#000c}.x-spreadsheet-button.primary{color:#fff;background-color:#2185d0}.x-spreadsheet-button.primary:hover,.x-spreadsheet-button.primary.active{color:#fff;background-color:#1678c2}.x-spreadsheet-form-input{font-size:1em;position:relative;font-weight:400;display:inline-flex;color:#000000de}.x-spreadsheet-form-input input{z-index:1;margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:30px;height:30px;padding:0 8px;background:#fff;border:1px solid #e9e9e9;border-radius:3px;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:inset 0 1px 2px #0a0a0a0f}.x-spreadsheet-form-input input:focus{border-color:#4b89ff;box-shadow:inset 0 1px 2px #4b89ff33}.x-spreadsheet-form-select{position:relative;display:inline-block;background:#fff;border:1px solid #e9e9e9;border-radius:2px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0a0a0a0f}.x-spreadsheet-form-select .input-text{text-overflow:ellipsis;white-space:nowrap;min-width:60px;width:auto;height:30px;line-height:30px;padding:0 8px}.x-spreadsheet-form-fields{display:flex;flex-direction:row;flex-wrap:wrap}.x-spreadsheet-form-fields .x-spreadsheet-form-field{flex:0 1 auto}.x-spreadsheet-form-fields .x-spreadsheet-form-field .label{display:inline-block;margin:0 10px 0 0}.x-spreadsheet-form-field{display:block;vertical-align:middle;margin-left:10px;margin-bottom:10px}.x-spreadsheet-form-field:first-child{margin-left:0}.x-spreadsheet-form-field.error .x-spreadsheet-form-select,.x-spreadsheet-form-field.error input{border-color:#f04134}.x-spreadsheet-form-field .tip{color:#f04134;font-size:.9em}.x-spreadsheet-dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:#0009;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;-webkit-user-select:none;user-select:none;z-index:1000}.x-spreadsheet-dimmer.active{display:block;opacity:1}form fieldset{border:none}form fieldset label{display:block;margin-bottom:.5em;font-size:1em;color:#666}form fieldset select{font-size:1.1em;width:100%;background-color:#fff;border:none;border-bottom:2px solid #ddd;padding:.5em .85em;border-radius:2px}.x-spreadsheet-modal,.x-spreadsheet-toast{font-size:13px;position:fixed;z-index:1001;text-align:left;line-height:1.25em;min-width:360px;color:#000000de;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;border-radius:4px;border:1px solid rgba(0,0,0,.1);background-color:#fff;background-clip:padding-box;box-shadow:#0003 0 2px 8px}.x-spreadsheet-toast{background-color:#ffffffd9}.x-spreadsheet-modal-header,.x-spreadsheet-toast-header{font-weight:600;background-clip:padding-box;background-color:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05);border-radius:4px 4px 0 0}.x-spreadsheet-toast-header{color:#f2711c}.x-spreadsheet-modal-header{border-bottom:1px solid #e0e2e4;background:#00000014;font-size:1.0785em}.x-spreadsheet-modal-header,.x-spreadsheet-modal-content,.x-spreadsheet-toast-header,.x-spreadsheet-toast-content{padding:.75em 1em}.x-spreadsheet-menu li:first-child{display:none}.vue-office-excel{height:100%}.annotationLayer{--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){.annotationLayer{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer .popupAnnotation .popup{background-color:ButtonFace!important;color:ButtonText!important;outline:calc(1.5px*var(--scale-factor)) solid CanvasText!important}.annotationLayer .highlightArea:hover:after{-webkit-backdrop-filter:var(--hcm-highlight-filter);backdrop-filter:var(--hcm-highlight-filter);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.annotationLayer .popupAnnotation.focused .popup{outline:calc(3px*var(--scale-factor)) solid Highlight!important}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer.disabled .popup,.annotationLayer.disabled section{pointer-events:none}.annotationLayer .annotationContent{height:100%;pointer-events:none;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;pointer-events:auto;position:absolute;text-align:initial;transform-origin:0 0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder)>a:hover{background-color:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .linkAnnotation.hasBorder:hover{background-color:#ff03}.annotationLayer .hasBorder{background-size:100% 100%}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea){background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:transparent;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:25%;top:25%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}.annotationLayer .popupAnnotation{font-size:calc(9px*var(--scale-factor));height:auto;max-width:45%;pointer-events:none;position:absolute;width:-moz-max-content;width:max-content}.annotationLayer .popup{background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;outline:1.5px solid #ffff4a;padding:calc(6px*var(--scale-factor));white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popupAnnotation.focused .popup{outline-width:3px}.annotationLayer .popup *{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup>.header{display:inline-block}.annotationLayer .popup>.header h1{display:inline}.annotationLayer .popup>.header .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor));width:-moz-fit-content;width:fit-content}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .popupTriggerArea{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:transparent;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.annotationLayer svg.quadrilateralsContainer{contain:strict;height:0;left:0;position:absolute;top:0;width:0;z-index:-1}.textLayer{inset:0;line-height:1;opacity:1;overflow:clip;position:absolute;text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;caret-color:CanvasText;forced-color-adjust:none;transform-origin:0 0;z-index:0}.textLayer.highlighting{touch-action:none}.textLayer :is(span,br){color:transparent;cursor:text;position:absolute;transform-origin:0 0;white-space:pre}.textLayer .markedContent span:not(.markedContent),.textLayer>:not(.markedContent){z-index:1}.textLayer span.markedContent{height:0;top:0}.textLayer span[role=img]{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer .highlight{--highlight-bg-color:rgba(180,0,170,.25);--highlight-selected-bg-color:rgba(0,100,0,.25);--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none}@media screen and (forced-colors:active){.textLayer .highlight{--highlight-bg-color:transparent;--highlight-selected-bg-color:transparent;--highlight-backdrop-filter:var(--hcm-highlight-filter);--highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter )}}.textLayer .highlight{-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer ::-moz-selection{background:#0000ff40;background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer ::selection{background:#0000ff40;background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.textLayer.selecting .endOfContent{top:0}.textLayer.selecting~.annotationLayer section{pointer-events:none}.textLayer.highlighting{cursor:var(--editorFreeHighlight-editing-cursor)}.textLayer.highlighting:not(.free) span{cursor:var(--editorHighlight-editing-cursor)}.textLayer.highlighting.free span{cursor:var(--editorFreeHighlight-editing-cursor)}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}#hiddenCopyElement,.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.file-preview-container[data-v-52dc7711],.preview-area[data-v-52dc7711]{height:100%}
1
+ .file-preview-container[data-v-6c253a5b],.preview-area[data-v-6c253a5b]{height:100%}
@@ -1,4 +1,4 @@
1
- import { defineComponent as f, ref as a, watch as u, onMounted as v, openBlock as d, createElementBlock as r, createElementVNode as s, toDisplayString as m, unref as _, createCommentVNode as x } from "vue";
1
+ import { defineComponent as f, ref as a, watch as u, onMounted as v, openBlock as r, createElementBlock as d, createElementVNode as s, toDisplayString as m, unref as _, createCommentVNode as x } from "vue";
2
2
  const g = { class: "file-preview-container" }, w = { class: "preview-area" }, y = {
3
3
  key: 0,
4
4
  class: "loading-mask"
@@ -23,12 +23,12 @@ const g = { class: "file-preview-container" }, w = { class: "preview-area" }, y
23
23
  }, {
24
24
  immediate: !0
25
25
  }), v(async () => {
26
- }), (o, t) => (d(), r("div", g, [
26
+ }), (o, t) => (r(), d("div", g, [
27
27
  s("div", w, [
28
28
  t[0] || (t[0] = s("div", null, "在线预览", -1)),
29
29
  s("div", null, m(l.fileUrl), 1)
30
30
  ]),
31
- _(c) ? (d(), r("div", y, [...t[1] || (t[1] = [
31
+ _(c) ? (r(), d("div", y, [...t[1] || (t[1] = [
32
32
  s("div", { class: "loading-content" }, [
33
33
  s("div", { class: "spinner" }),
34
34
  s("p", null, "正在加载文件...")
@@ -41,7 +41,7 @@ const g = { class: "file-preview-container" }, w = { class: "preview-area" }, y
41
41
  for (const [c, i] of n)
42
42
  e[c] = i;
43
43
  return e;
44
- }, C = /* @__PURE__ */ k(h, [["__scopeId", "data-v-52dc7711"]]), E = [C], O = (l) => {
44
+ }, C = /* @__PURE__ */ k(h, [["__scopeId", "data-v-6c253a5b"]]), E = [C], O = (l) => {
45
45
  E.forEach((n) => {
46
46
  l.component(n.name, n);
47
47
  });
@@ -50,4 +50,3 @@ export {
50
50
  C as OfficePreview,
51
51
  T as default
52
52
  };
53
- //# sourceMappingURL=example.es.js.map
@@ -0,0 +1 @@
1
+ (function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.OfficePreview={},o.Vue))})(this,(function(o,e){"use strict";const f={class:"file-preview-container"},a={class:"preview-area"},p={key:0,class:"loading-mask"},r=((l,s)=>{const t=l.__vccOpts||l;for(const[d,c]of s)t[d]=c;return t})(e.defineComponent({name:"OfficePreview",__name:"office-preview",props:{fileUrl:{default:""},fileType:{default:""},height:{default:"100%"}},emits:["rendered"],setup(l,{emit:s}){let t=e.ref("pdf"),d=e.ref(!1);const c=l,_=i=>{console.log("fileName",i);const n=i.toLowerCase().split(".").pop();["pdf"].includes(n)?t.value="pdf":["doc","docx"].includes(n)?t.value="doc":["xls","xlsx","csv"].includes(n)?t.value="xls":["ppt","pptx"].includes(n)?(t.value="ppt",console.log("pptxPrviewer",i)):t.value="other"};return e.watch([()=>c.fileType,()=>c.fileUrl],i=>{t.value=i[0],_(i[1])},{immediate:!0}),e.onMounted(async()=>{}),(i,n)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",a,[n[0]||(n[0]=e.createElementVNode("div",null,"在线预览",-1)),e.createElementVNode("div",null,e.toDisplayString(l.fileUrl),1)]),e.unref(d)?(e.openBlock(),e.createElementBlock("div",p,[...n[1]||(n[1]=[e.createElementVNode("div",{class:"loading-content"},[e.createElementVNode("div",{class:"spinner"}),e.createElementVNode("p",null,"正在加载文件...")],-1)])])):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-6c253a5b"]]),m=[r],u={install:l=>{m.forEach(s=>{l.component(s.name,s)})}};o.OfficePreview=r,o.default=u,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jrchan/office-preview",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "private": false,
5
5
  "description": "在线预览文档,支持docx、pptx、excel、pdf等格式,基于Vue3和@vue-office系列组件构建,适用于大屏展示和文档预览场景。",
6
6
  "keywords": [
@@ -11,20 +11,18 @@
11
11
  "pdf"
12
12
  ],
13
13
  "type": "module",
14
- "files": [
15
- "dist/*"
16
- ],
17
- "main": "dist/example.umd.js",
18
- "module": "dist/example.es.js",
14
+ "main": "dist/office-preview.umd.js",
15
+ "module": "dist/office-preview.es.js",
19
16
  "types": "dist/index.d.ts",
17
+ "files": ["dist"],
20
18
  "publishConfig": {
21
19
  "access": "public"
22
20
  },
23
21
  "exports": {
24
22
  ".": {
25
23
  "types": "./dist/index.d.ts",
26
- "import": "./dist/example.es.js",
27
- "require": "./dist/example.umd.js"
24
+ "import": "./dist/office-preview.es.js",
25
+ "require": "./dist/office-preview.umd.js"
28
26
  }
29
27
  },
30
28
  "scripts": {
package/dist/App.vue.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
2
- export default _default;
@@ -1 +0,0 @@
1
- {"version":3,"file":"example.es.js","sources":["../src/components/office-preview.vue","../src/index.ts"],"sourcesContent":["<!--\n * @Title: office-preview\n * @Author: diaojw\n * @Package: components,.*\n * @Date: 2026/03/19 14:05\n * @description: 在线预览文件组件\n -->\n<template>\n <div class=\"file-preview-container\">\n <!-- 预览区域 -->\n <div class=\"preview-area\">\n <div>在线预览</div>\n <div>{{ fileUrl }}</div>\n <!-- PDF 预览 -->\n <!-- <VuePdfEmbed v-if=\"activeType === 'pdf' && fileUrl\" annotation-layer text-layer :source=\"fileUrl\" style=\"height: 500px;\"/> -->\n <!-- <div :src=\"fileUrl\" style=\"height: 100%;width: 100%;\" id=\"pptx-wrapper\"></div> -->\n </div>\n\n <!-- 加载状态 -->\n <div v-if=\"loading\" class=\"loading-mask\">\n <div class=\"loading-content\">\n <div class=\"spinner\"></div>\n <p>正在加载文件...</p>\n </div>\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\n// 按需引入\nimport { watch, ref, onMounted } from 'vue'\nimport '@vue-office/docx/lib/v3/index.css';\nimport '@vue-office/excel/lib/v3/index.css';\n// import VuePdfEmbed from 'vue-pdf-embed'\n\n// Optional styles\nimport 'vue-pdf-embed/dist/styles/annotationLayer.css'\nimport 'vue-pdf-embed/dist/styles/textLayer.css'\n\n\nlet activeType = ref<string>('pdf') // 当前预览的文件类型\nlet loading = ref(false)\n\nconst props = withDefaults(defineProps<{\n fileUrl: string,\n fileType: string,\n height? : string,\n}>(), {\n fileUrl: '',\n fileType: '',\n height: '100%'\n})\nconst emit = defineEmits(['rendered'])\n\nconst detectFileType = (fileName: string) => {\n console.log('fileName', fileName)\n const ext: any = fileName.toLowerCase().split('.').pop()\n if (['pdf'].includes(ext)) {\n activeType.value = 'pdf'\n } else if (['doc', 'docx'].includes(ext)) {\n activeType.value = 'doc'\n } else if (['xls', 'xlsx', 'csv'].includes(ext)) {\n activeType.value = 'xls'\n } else if (['ppt', 'pptx'].includes(ext)) {\n activeType.value = 'ppt'\n console.log('pptxPrviewer', fileName)\n } else {\n activeType.value = 'other'\n }\n}\nwatch([() => props.fileType, () => props.fileUrl], (newType) => {\n activeType.value = newType[0];\n detectFileType(newType[1])\n // activeType.value = newType[1];\n}, {\n immediate: true\n})\ndefineOptions({\n name: 'OfficePreview', // 一定要有 name\n})\n\nonMounted(async () => {\n // const response = await fetch('/file/123.pdf'); // 确保public目录有该文件\n // const blob = await response.blob();\n // docxUrl.value = URL.createObjectURL(blob);\n})\n\n// 渲染完成回调\n// const handleRendered = () => {\n// console.log('文件渲染完成')\n// emit('rendered', activeType)\n// }\n\n\n</script>\n\n<style scoped>\n.file-preview-container {\n height: 100%;\n}\n\n.preview-area {\n height: 100%;\n}\n</style>\n","/**\n * @Title: index\n * @Author diaojw\n * @Package\n * @Date 2026/3/19 21:31\n * @description: 这里导出组件\n */\n\nimport type { App } from 'vue'\nimport OfficePreview from './components/office-preview.vue'\n// import ExampleDom1 from '../src/components/ExampleDom1.vue'; // 如果有多个组件一起打包\n\nconst components = [OfficePreview]\n// const components = [OfficePreview, ExampleDom1]; // 如果有多个组件一起打包\n\nexport { OfficePreview } // 按需引入\n// export { ExampleDom, ExampleDom1 }; // 按需引入,如果有多个组件一起打包就可以一起写\n\nconst install = (app: App) => {\n components.forEach((component) => {\n app.component(component.name as string, component)\n })\n}\nexport default { install }\n"],"names":["activeType","ref","loading","props","__props","detectFileType","fileName","ext","watch","newType","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_unref","_hoisted_3","components","OfficePreview","install","app","component","index"],"mappings":";;;;;;;;;;;;;;AAuCA,QAAIA,IAAaC,EAAY,KAAK,GAC9BC,IAAUD,EAAI,EAAK;AAEvB,UAAME,IAAQC,GAWRC,IAAiB,CAACC,MAAqB;AAC3C,cAAQ,IAAI,YAAYA,CAAQ;AAChC,YAAMC,IAAWD,EAAS,YAAA,EAAc,MAAM,GAAG,EAAE,IAAA;AACnD,MAAI,CAAC,KAAK,EAAE,SAASC,CAAG,IACtBP,EAAW,QAAQ,QACV,CAAC,OAAO,MAAM,EAAE,SAASO,CAAG,IACrCP,EAAW,QAAQ,QACV,CAAC,OAAO,QAAQ,KAAK,EAAE,SAASO,CAAG,IAC5CP,EAAW,QAAQ,QACV,CAAC,OAAO,MAAM,EAAE,SAASO,CAAG,KACrCP,EAAW,QAAQ,OACnB,QAAQ,IAAI,gBAAgBM,CAAQ,KAEpCN,EAAW,QAAQ;AAAA,IAEvB;AACA,WAAAQ,EAAM,CAAC,MAAML,EAAM,UAAU,MAAMA,EAAM,OAAO,GAAG,CAACM,MAAY;AAC9D,MAAAT,EAAW,QAAQS,EAAQ,CAAC,GAC5BJ,EAAeI,EAAQ,CAAC,CAAC;AAAA,IAE3B,GAAG;AAAA,MACD,WAAW;AAAA,IAAA,CACZ,GAKDC,EAAU,YAAY;AAAA,IAItB,CAAC,cA5ECC,EAAA,GAAAC,EAiBM,OAjBNC,GAiBM;AAAA,MAfJC,EAMM,OANNC,GAMM;AAAA,QALJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAF,EAAe,aAAV,QAAI,EAAA;AAAA,QACTA,EAAwB,eAAhBV,EAAA,OAAO,GAAA,CAAA;AAAA,MAAA;MAONa,EAAAf,CAAA,KAAXS,EAAA,GAAAC,EAKM,OALNM,GAKM,CAAA,GAAAF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,QAJJF,EAGM,OAAA,EAHD,OAAM,qBAAiB;AAAA,UAC1BA,EAA2B,OAAA,EAAtB,OAAM,WAAS;AAAA,UACpBA,EAAgB,WAAb,WAAS;AAAA,QAAA;;;;;;;;;iECVdK,IAAa,CAACC,CAAa,GAM3BC,IAAU,CAACC,MAAa;AAC5B,EAAAH,EAAW,QAAQ,CAACI,MAAc;AAChC,IAAAD,EAAI,UAAUC,EAAU,MAAgBA,CAAS;AAAA,EACnD,CAAC;AACH,GACAC,IAAe,EAAE,SAAAH,EAAA;"}
@@ -1,2 +0,0 @@
1
- (function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.example={},l.Vue))})(this,(function(l,e){"use strict";const a={class:"file-preview-container"},f={class:"preview-area"},p={key:0,class:"loading-mask"},r=((o,s)=>{const t=o.__vccOpts||o;for(const[d,c]of s)t[d]=c;return t})(e.defineComponent({name:"OfficePreview",__name:"office-preview",props:{fileUrl:{default:""},fileType:{default:""},height:{default:"100%"}},emits:["rendered"],setup(o,{emit:s}){let t=e.ref("pdf"),d=e.ref(!1);const c=o,_=i=>{console.log("fileName",i);const n=i.toLowerCase().split(".").pop();["pdf"].includes(n)?t.value="pdf":["doc","docx"].includes(n)?t.value="doc":["xls","xlsx","csv"].includes(n)?t.value="xls":["ppt","pptx"].includes(n)?(t.value="ppt",console.log("pptxPrviewer",i)):t.value="other"};return e.watch([()=>c.fileType,()=>c.fileUrl],i=>{t.value=i[0],_(i[1])},{immediate:!0}),e.onMounted(async()=>{}),(i,n)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",f,[n[0]||(n[0]=e.createElementVNode("div",null,"在线预览",-1)),e.createElementVNode("div",null,e.toDisplayString(o.fileUrl),1)]),e.unref(d)?(e.openBlock(),e.createElementBlock("div",p,[...n[1]||(n[1]=[e.createElementVNode("div",{class:"loading-content"},[e.createElementVNode("div",{class:"spinner"}),e.createElementVNode("p",null,"正在加载文件...")],-1)])])):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-52dc7711"]]),m=[r],u={install:o=>{m.forEach(s=>{o.component(s.name,s)})}};l.OfficePreview=r,l.default=u,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
2
- //# sourceMappingURL=example.umd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"example.umd.js","sources":["../src/components/office-preview.vue","../src/index.ts"],"sourcesContent":["<!--\n * @Title: office-preview\n * @Author: diaojw\n * @Package: components,.*\n * @Date: 2026/03/19 14:05\n * @description: 在线预览文件组件\n -->\n<template>\n <div class=\"file-preview-container\">\n <!-- 预览区域 -->\n <div class=\"preview-area\">\n <div>在线预览</div>\n <div>{{ fileUrl }}</div>\n <!-- PDF 预览 -->\n <!-- <VuePdfEmbed v-if=\"activeType === 'pdf' && fileUrl\" annotation-layer text-layer :source=\"fileUrl\" style=\"height: 500px;\"/> -->\n <!-- <div :src=\"fileUrl\" style=\"height: 100%;width: 100%;\" id=\"pptx-wrapper\"></div> -->\n </div>\n\n <!-- 加载状态 -->\n <div v-if=\"loading\" class=\"loading-mask\">\n <div class=\"loading-content\">\n <div class=\"spinner\"></div>\n <p>正在加载文件...</p>\n </div>\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\n// 按需引入\nimport { watch, ref, onMounted } from 'vue'\nimport '@vue-office/docx/lib/v3/index.css';\nimport '@vue-office/excel/lib/v3/index.css';\n// import VuePdfEmbed from 'vue-pdf-embed'\n\n// Optional styles\nimport 'vue-pdf-embed/dist/styles/annotationLayer.css'\nimport 'vue-pdf-embed/dist/styles/textLayer.css'\n\n\nlet activeType = ref<string>('pdf') // 当前预览的文件类型\nlet loading = ref(false)\n\nconst props = withDefaults(defineProps<{\n fileUrl: string,\n fileType: string,\n height? : string,\n}>(), {\n fileUrl: '',\n fileType: '',\n height: '100%'\n})\nconst emit = defineEmits(['rendered'])\n\nconst detectFileType = (fileName: string) => {\n console.log('fileName', fileName)\n const ext: any = fileName.toLowerCase().split('.').pop()\n if (['pdf'].includes(ext)) {\n activeType.value = 'pdf'\n } else if (['doc', 'docx'].includes(ext)) {\n activeType.value = 'doc'\n } else if (['xls', 'xlsx', 'csv'].includes(ext)) {\n activeType.value = 'xls'\n } else if (['ppt', 'pptx'].includes(ext)) {\n activeType.value = 'ppt'\n console.log('pptxPrviewer', fileName)\n } else {\n activeType.value = 'other'\n }\n}\nwatch([() => props.fileType, () => props.fileUrl], (newType) => {\n activeType.value = newType[0];\n detectFileType(newType[1])\n // activeType.value = newType[1];\n}, {\n immediate: true\n})\ndefineOptions({\n name: 'OfficePreview', // 一定要有 name\n})\n\nonMounted(async () => {\n // const response = await fetch('/file/123.pdf'); // 确保public目录有该文件\n // const blob = await response.blob();\n // docxUrl.value = URL.createObjectURL(blob);\n})\n\n// 渲染完成回调\n// const handleRendered = () => {\n// console.log('文件渲染完成')\n// emit('rendered', activeType)\n// }\n\n\n</script>\n\n<style scoped>\n.file-preview-container {\n height: 100%;\n}\n\n.preview-area {\n height: 100%;\n}\n</style>\n","/**\n * @Title: index\n * @Author diaojw\n * @Package\n * @Date 2026/3/19 21:31\n * @description: 这里导出组件\n */\n\nimport type { App } from 'vue'\nimport OfficePreview from './components/office-preview.vue'\n// import ExampleDom1 from '../src/components/ExampleDom1.vue'; // 如果有多个组件一起打包\n\nconst components = [OfficePreview]\n// const components = [OfficePreview, ExampleDom1]; // 如果有多个组件一起打包\n\nexport { OfficePreview } // 按需引入\n// export { ExampleDom, ExampleDom1 }; // 按需引入,如果有多个组件一起打包就可以一起写\n\nconst install = (app: App) => {\n components.forEach((component) => {\n app.component(component.name as string, component)\n })\n}\nexport default { install }\n"],"names":["activeType","ref","loading","props","__props","detectFileType","fileName","ext","watch","newType","onMounted","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_unref","_hoisted_3","components","OfficePreview","index","app","component"],"mappings":"qlBAuCA,IAAIA,EAAaC,EAAAA,IAAY,KAAK,EAC9BC,EAAUD,EAAAA,IAAI,EAAK,EAEvB,MAAME,EAAQC,EAWRC,EAAkBC,GAAqB,CAC3C,QAAQ,IAAI,WAAYA,CAAQ,EAChC,MAAMC,EAAWD,EAAS,YAAA,EAAc,MAAM,GAAG,EAAE,IAAA,EAC/C,CAAC,KAAK,EAAE,SAASC,CAAG,EACtBP,EAAW,MAAQ,MACV,CAAC,MAAO,MAAM,EAAE,SAASO,CAAG,EACrCP,EAAW,MAAQ,MACV,CAAC,MAAO,OAAQ,KAAK,EAAE,SAASO,CAAG,EAC5CP,EAAW,MAAQ,MACV,CAAC,MAAO,MAAM,EAAE,SAASO,CAAG,GACrCP,EAAW,MAAQ,MACnB,QAAQ,IAAI,eAAgBM,CAAQ,GAEpCN,EAAW,MAAQ,OAEvB,EACAQ,OAAAA,QAAM,CAAC,IAAML,EAAM,SAAU,IAAMA,EAAM,OAAO,EAAIM,GAAY,CAC9DT,EAAW,MAAQS,EAAQ,CAAC,EAC5BJ,EAAeI,EAAQ,CAAC,CAAC,CAE3B,EAAG,CACD,UAAW,EAAA,CACZ,EAKDC,EAAAA,UAAU,SAAY,CAItB,CAAC,UA5ECC,YAAA,EAAAC,qBAiBM,MAjBNC,EAiBM,CAfJC,EAAAA,mBAMM,MANNC,EAMM,CALJC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,qBAAe,WAAV,OAAI,EAAA,GACTA,EAAAA,mBAAwB,6BAAhBV,EAAA,OAAO,EAAA,CAAA,CAAA,GAONa,EAAAA,MAAAf,CAAA,GAAXS,YAAA,EAAAC,EAAAA,mBAKM,MALNM,EAKM,CAAA,GAAAF,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAJJF,EAAAA,mBAGM,MAAA,CAHD,MAAM,mBAAiB,CAC1BA,EAAAA,mBAA2B,MAAA,CAAtB,MAAM,UAAS,EACpBA,qBAAgB,SAAb,WAAS,CAAA,gFCVdK,EAAa,CAACC,CAAa,EAWjCC,EAAe,CAAE,QALAC,GAAa,CAC5BH,EAAW,QAASI,GAAc,CAChCD,EAAI,UAAUC,EAAU,KAAgBA,CAAS,CACnD,CAAC,CACH,CACiB"}
package/dist/main.d.ts DELETED
File without changes
@@ -1 +0,0 @@
1
- .vue-office-docx{height:100%;overflow-y:auto}.vue-office-docx .docx-wrapper>section.docx{margin-bottom:5px}@media screen and (max-width:800px){.vue-office-docx .docx-wrapper{padding:10px}.vue-office-docx .docx-wrapper>section.docx{padding:10px!important;width:100%!important}}body{margin:0}.x-spreadsheet{font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;box-sizing:content-box;background:#fff;-webkit-font-smoothing:antialiased}.x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.x-spreadsheet-sheet{position:relative;overflow:hidden}.x-spreadsheet-table{vertical-align:bottom}.x-spreadsheet-tooltip{font-family:inherit;position:absolute;padding:5px 10px;color:#fff;border-radius:1px;background:#000;font-size:12px;z-index:201}.x-spreadsheet-tooltip:before{pointer-events:none;position:absolute;left:calc(50% - 4px);top:-4px;content:"";width:8px;height:8px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;box-shadow:1px 1px 3px -1px #0000004d}.x-spreadsheet-color-palette{padding:5px}.x-spreadsheet-color-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:2;background:#fff}.x-spreadsheet-color-palette table td{margin:0;cursor:pointer;border:1px solid transparent}.x-spreadsheet-color-palette table td:hover{border-color:#ddd}.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{width:16px;height:16px}.x-spreadsheet-border-palette{padding:6px}.x-spreadsheet-border-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}.x-spreadsheet-border-palette table td{margin:0}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{width:30px;height:30px;cursor:pointer;text-align:center}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{position:relative;left:0;top:-3px}.x-spreadsheet-dropdown{position:relative}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{position:absolute;z-index:200;background:#fff;box-shadow:1px 2px 5px 2px #33333326}.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{top:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{top:calc(100% + 5px);right:0}.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{padding:0 5px;display:inline-block}.x-spreadsheet-resizer{position:absolute;z-index:11}.x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.x-spreadsheet-resizer.horizontal{cursor:row-resize}.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;left:0;bottom:0}.x-spreadsheet-resizer.vertical{cursor:col-resize}.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;top:0;right:0}.x-spreadsheet-scrollbar{position:absolute;bottom:0;right:0;background-color:#f4f5f8;opacity:.9;z-index:12}.x-spreadsheet-scrollbar.horizontal{right:15px;overflow-x:scroll;overflow-y:hidden}.x-spreadsheet-scrollbar.horizontal>div{height:1px;background:#ddd}.x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.x-spreadsheet-scrollbar.vertical>div{width:1px;background:#ddd}.x-spreadsheet-overlayer{position:absolute;left:0;top:0;z-index:10}.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{position:absolute;overflow:hidden;pointer-events:none;width:100%;height:100%}.x-spreadsheet-editor,.x-spreadsheet-selector{box-sizing:content-box;position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;height:100%}.x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.x-spreadsheet-selector .hide-input input{padding:0;width:0;border:none!important}.x-spreadsheet-selector .x-spreadsheet-selector-area{position:absolute;border:2px solid #4b89ff;background:#4b89ff1a;z-index:5}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.x-spreadsheet-selector .x-spreadsheet-selector-autofill{position:absolute;background:transparent;z-index:100}.x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.x-spreadsheet-selector .x-spreadsheet-selector-corner{pointer-events:auto;position:absolute;cursor:crosshair;font-size:0;height:5px;width:5px;right:-5px;bottom:-5px;border:2px solid #ffffff;background:#4b89ff}.x-spreadsheet-editor{z-index:20}.x-spreadsheet-editor .x-spreadsheet-editor-area{position:absolute;text-align:left;border:2px solid #4b89ff;line-height:0;z-index:100;pointer-events:auto}.x-spreadsheet-editor .x-spreadsheet-editor-area textarea{box-sizing:content-box;border:none;padding:0 3px;outline:none;resize:none;text-align:start;overflow-y:hidden;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;color:inherit;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.x-spreadsheet-editor .x-spreadsheet-editor-area .textline{overflow:hidden;visibility:hidden;position:fixed;top:0;left:0}.x-spreadsheet-item{-webkit-user-select:none;user-select:none;background:0;border:1px solid transparent;outline:none;height:26px;color:#000000e6;line-height:26px;list-style:none;padding:2px 10px;cursor:default;text-align:left;overflow:hidden}.x-spreadsheet-item.disabled{pointer-events:none;opacity:.5}.x-spreadsheet-item:hover,.x-spreadsheet-item.active{background:#0000000d}.x-spreadsheet-item.divider{height:0;padding:0;margin:5px 0;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.x-spreadsheet-item .label{float:right;opacity:.65;font-size:1em}.x-spreadsheet-item.state,.x-spreadsheet-header.state{padding-left:35px!important;position:relative}.x-spreadsheet-item.state:before,.x-spreadsheet-header.state:before{content:"";position:absolute;width:10px;height:10px;left:12px;top:calc(50% - 5px);background:#00000014;border-radius:2px}.x-spreadsheet-item.state.checked:before,.x-spreadsheet-header.state.checked:before{background:#4b89ff}.x-spreadsheet-checkbox{position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;font-size:1rem;line-height:1em}.x-spreadsheet-checkbox>input{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.x-spreadsheet-suggest,.x-spreadsheet-contextmenu,.x-spreadsheet-sort-filter{position:absolute;box-shadow:1px 2px 5px 2px #33333326;background:#fff;z-index:100;width:260px;pointer-events:auto;overflow:auto}.x-spreadsheet-suggest{width:200px}.x-spreadsheet-filter{border:1px solid #e9e9e9;font-size:12px;margin:10px}.x-spreadsheet-filter .x-spreadsheet-header{padding:.5em .75em;background:#f8f8f9;border-bottom:1px solid #e9e9e9;border-left:1px solid transparent}.x-spreadsheet-filter .x-spreadsheet-body{height:200px;overflow-y:auto}.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{height:20px;line-height:20px}.x-spreadsheet-sort-filter .x-spreadsheet-buttons{margin:10px}.x-spreadsheet-bottombar{height:40px;padding:0 30px;text-align:left;background:#f5f6f7;display:flex}.x-spreadsheet-bottombar{position:relative;border-top:1px solid #e0e2e4}.x-spreadsheet-bottombar .x-spreadsheet-menu>li{line-height:40px;height:40px;padding-top:0;padding-bottom:0;vertical-align:middle;border-right:1px solid #e8eaed}.x-spreadsheet-menu{display:flex;overflow-x:auto;list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.x-spreadsheet-menu>li{float:left;line-height:1.25em;padding:.785em 1em;margin:0;vertical-align:middle;text-align:left;font-weight:400;color:#80868b;white-space:nowrap;cursor:pointer;transition:all .3s;font-weight:700}.x-spreadsheet-menu>li.active{background-color:#fff;color:#000000a6}.x-spreadsheet-menu>li .x-spreadsheet-dropdown{display:inline-block}.x-spreadsheet-print{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;display:flex;flex-direction:column}.x-spreadsheet-print-bar{background:#424242;height:60px;line-height:60px;padding:0 30px}.x-spreadsheet-print-bar .-title{color:#fff;font-weight:700;font-size:1.2em;float:left}.x-spreadsheet-print-bar .-right{float:right;margin-top:12px}.x-spreadsheet-print-content{display:flex;flex:auto;flex-direction:row;background:#d0d0d0;height:calc(100% - 60px)}.x-spreadsheet-print-content .-sider{flex:0 0 300px;width:300px;border-left:2px solid #ccc;background:#fff}.x-spreadsheet-print-content .-content{flex:auto;overflow-x:auto;overflow-y:scroll;height:100%}.x-spreadsheet-canvas-card-wraper{margin:40px 20px}.x-spreadsheet-canvas-card{background:#fff;margin:auto;page-break-before:auto;page-break-after:always;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003}.x-spreadsheet-calendar{color:#000000a6;background:#fff;-webkit-user-select:none;user-select:none}.x-spreadsheet-calendar .calendar-header{font-weight:700;line-height:30px;text-align:center;width:100%;float:left;background:#f9fafb}.x-spreadsheet-calendar .calendar-header .calendar-header-left{padding-left:5px;float:left}.x-spreadsheet-calendar .calendar-header .calendar-header-right{float:right}.x-spreadsheet-calendar .calendar-header .calendar-header-right a{padding:3px 0;margin-right:2px;border-radius:2px}.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover{background:#00000014}.x-spreadsheet-calendar .calendar-body{border-collapse:collapse;border-spacing:0}.x-spreadsheet-calendar .calendar-body th,.x-spreadsheet-calendar .calendar-body td{width:14.28571429%;min-width:32px;text-align:center;font-weight:700;line-height:30px;padding:0}.x-spreadsheet-calendar .calendar-body td>.cell:hover{background:#ecf6fd}.x-spreadsheet-calendar .calendar-body td>.cell.active,.x-spreadsheet-calendar .calendar-body td>.cell.active:hover{background:#ecf6fd;color:#2185d0}.x-spreadsheet-calendar .calendar-body td>.cell.disabled{pointer-events:none;opacity:.5}.x-spreadsheet-datepicker{box-shadow:2px 2px 5px #0003;position:absolute;left:0;top:calc(100% + 5px);z-index:10;width:auto}.x-spreadsheet-buttons{display:flex;justify-content:flex-end}.x-spreadsheet-buttons .x-spreadsheet-button{margin-left:8px}.x-spreadsheet-button{display:inline-block;border-radius:3px;line-height:1em;min-height:1em;white-space:nowrap;text-align:center;cursor:pointer;font-size:1em;font-weight:700;padding:.75em 1em;color:#0009;background:#e0e1e2;text-decoration:none;font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;outline:none;vertical-align:baseline;zoom:1;-webkit-user-select:none;user-select:none;transition:all .1s linear}.x-spreadsheet-button.active,.x-spreadsheet-button:hover{background-color:#c0c1c2;color:#000c}.x-spreadsheet-button.primary{color:#fff;background-color:#2185d0}.x-spreadsheet-button.primary:hover,.x-spreadsheet-button.primary.active{color:#fff;background-color:#1678c2}.x-spreadsheet-form-input{font-size:1em;position:relative;font-weight:400;display:inline-flex;color:#000000de}.x-spreadsheet-form-input input{z-index:1;margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:30px;height:30px;padding:0 8px;background:#fff;border:1px solid #e9e9e9;border-radius:3px;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:inset 0 1px 2px #0a0a0a0f}.x-spreadsheet-form-input input:focus{border-color:#4b89ff;box-shadow:inset 0 1px 2px #4b89ff33}.x-spreadsheet-form-select{position:relative;display:inline-block;background:#fff;border:1px solid #e9e9e9;border-radius:2px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0a0a0a0f}.x-spreadsheet-form-select .input-text{text-overflow:ellipsis;white-space:nowrap;min-width:60px;width:auto;height:30px;line-height:30px;padding:0 8px}.x-spreadsheet-form-fields{display:flex;flex-direction:row;flex-wrap:wrap}.x-spreadsheet-form-fields .x-spreadsheet-form-field{flex:0 1 auto}.x-spreadsheet-form-fields .x-spreadsheet-form-field .label{display:inline-block;margin:0 10px 0 0}.x-spreadsheet-form-field{display:block;vertical-align:middle;margin-left:10px;margin-bottom:10px}.x-spreadsheet-form-field:first-child{margin-left:0}.x-spreadsheet-form-field.error .x-spreadsheet-form-select,.x-spreadsheet-form-field.error input{border-color:#f04134}.x-spreadsheet-form-field .tip{color:#f04134;font-size:.9em}.x-spreadsheet-dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:#0009;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;-webkit-user-select:none;user-select:none;z-index:1000}.x-spreadsheet-dimmer.active{display:block;opacity:1}form fieldset{border:none}form fieldset label{display:block;margin-bottom:.5em;font-size:1em;color:#666}form fieldset select{font-size:1.1em;width:100%;background-color:#fff;border:none;border-bottom:2px solid #ddd;padding:.5em .85em;border-radius:2px}.x-spreadsheet-modal,.x-spreadsheet-toast{font-size:13px;position:fixed;z-index:1001;text-align:left;line-height:1.25em;min-width:360px;color:#000000de;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;border-radius:4px;border:1px solid rgba(0,0,0,.1);background-color:#fff;background-clip:padding-box;box-shadow:#0003 0 2px 8px}.x-spreadsheet-toast{background-color:#ffffffd9}.x-spreadsheet-modal-header,.x-spreadsheet-toast-header{font-weight:600;background-clip:padding-box;background-color:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05);border-radius:4px 4px 0 0}.x-spreadsheet-toast-header{color:#f2711c}.x-spreadsheet-modal-header{border-bottom:1px solid #e0e2e4;background:#00000014;font-size:1.0785em}.x-spreadsheet-modal-header,.x-spreadsheet-modal-content,.x-spreadsheet-toast-header,.x-spreadsheet-toast-content{padding:.75em 1em}.x-spreadsheet-menu li:first-child{display:none}.vue-office-excel{height:100%}.annotationLayer{--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){.annotationLayer{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer .popupAnnotation .popup{background-color:ButtonFace!important;color:ButtonText!important;outline:calc(1.5px*var(--scale-factor)) solid CanvasText!important}.annotationLayer .highlightArea:hover:after{-webkit-backdrop-filter:var(--hcm-highlight-filter);backdrop-filter:var(--hcm-highlight-filter);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.annotationLayer .popupAnnotation.focused .popup{outline:calc(3px*var(--scale-factor)) solid Highlight!important}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer.disabled .popup,.annotationLayer.disabled section{pointer-events:none}.annotationLayer .annotationContent{height:100%;pointer-events:none;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;pointer-events:auto;position:absolute;text-align:initial;transform-origin:0 0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder)>a:hover{background-color:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .linkAnnotation.hasBorder:hover{background-color:#ff03}.annotationLayer .hasBorder{background-size:100% 100%}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea){background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:transparent;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:25%;top:25%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}.annotationLayer .popupAnnotation{font-size:calc(9px*var(--scale-factor));height:auto;max-width:45%;pointer-events:none;position:absolute;width:-moz-max-content;width:max-content}.annotationLayer .popup{background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;outline:1.5px solid #ffff4a;padding:calc(6px*var(--scale-factor));white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popupAnnotation.focused .popup{outline-width:3px}.annotationLayer .popup *{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup>.header{display:inline-block}.annotationLayer .popup>.header h1{display:inline}.annotationLayer .popup>.header .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor));width:-moz-fit-content;width:fit-content}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .popupTriggerArea{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:transparent;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.annotationLayer svg.quadrilateralsContainer{contain:strict;height:0;left:0;position:absolute;top:0;width:0;z-index:-1}.textLayer{inset:0;line-height:1;opacity:1;overflow:clip;position:absolute;text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;caret-color:CanvasText;forced-color-adjust:none;transform-origin:0 0;z-index:0}.textLayer.highlighting{touch-action:none}.textLayer :is(span,br){color:transparent;cursor:text;position:absolute;transform-origin:0 0;white-space:pre}.textLayer .markedContent span:not(.markedContent),.textLayer>:not(.markedContent){z-index:1}.textLayer span.markedContent{height:0;top:0}.textLayer span[role=img]{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer .highlight{--highlight-bg-color:rgba(180,0,170,.25);--highlight-selected-bg-color:rgba(0,100,0,.25);--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none}@media screen and (forced-colors:active){.textLayer .highlight{--highlight-bg-color:transparent;--highlight-selected-bg-color:transparent;--highlight-backdrop-filter:var(--hcm-highlight-filter);--highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter )}}.textLayer .highlight{-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer ::-moz-selection{background:#0000ff40;background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer ::selection{background:#0000ff40;background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.textLayer.selecting .endOfContent{top:0}.textLayer.selecting~.annotationLayer section{pointer-events:none}.textLayer.highlighting{cursor:var(--editorFreeHighlight-editing-cursor)}.textLayer.highlighting:not(.free) span{cursor:var(--editorHighlight-editing-cursor)}.textLayer.highlighting.free span{cursor:var(--editorFreeHighlight-editing-cursor)}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}#hiddenCopyElement,.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
- export default _default;
@@ -1,53 +0,0 @@
1
- import { ref } from 'vue';
2
- import OfficePreview from '@/components/office-preview.vue';
3
- const currentFile = ref({
4
- url: '/file/234.docx',
5
- type: 'docx',
6
- name: '示例文档.pdf'
7
- });
8
- const onFileRendered = () => {
9
- console.log('文件已渲染完成');
10
- };
11
- debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
12
- const __VLS_ctx = {};
13
- let __VLS_components;
14
- let __VLS_directives;
15
- // CSS variable injection
16
- // CSS variable injection end
17
- /** @type {[typeof OfficePreview, typeof OfficePreview, ]} */ ;
18
- // @ts-ignore
19
- const __VLS_0 = __VLS_asFunctionalComponent(OfficePreview, new OfficePreview({
20
- ...{ 'onRendered': {} },
21
- fileUrl: (__VLS_ctx.currentFile.url),
22
- fileType: (__VLS_ctx.currentFile.type),
23
- }));
24
- const __VLS_1 = __VLS_0({
25
- ...{ 'onRendered': {} },
26
- fileUrl: (__VLS_ctx.currentFile.url),
27
- fileType: (__VLS_ctx.currentFile.type),
28
- }, ...__VLS_functionalComponentArgsRest(__VLS_0));
29
- let __VLS_3;
30
- let __VLS_4;
31
- let __VLS_5;
32
- const __VLS_6 = {
33
- onRendered: (__VLS_ctx.onFileRendered)
34
- };
35
- var __VLS_7 = {};
36
- var __VLS_2;
37
- var __VLS_dollars;
38
- const __VLS_self = (await import('vue')).defineComponent({
39
- setup() {
40
- return {
41
- OfficePreview: OfficePreview,
42
- currentFile: currentFile,
43
- onFileRendered: onFileRendered,
44
- };
45
- },
46
- });
47
- export default (await import('vue')).defineComponent({
48
- setup() {
49
- return {};
50
- },
51
- });
52
- ; /* PartiallyEnd: #4569/main.vue */
53
- //# sourceMappingURL=App.vue.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"App.vue.js","sourceRoot":"","sources":["../../src/App.vue"],"names":[],"mappings":"AACA,OAwBO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,aAAa,MAAM,iCAAiC,CAAA;AAC3D,MAAM,WAAW,GAAG,GAAG,CAAC;IACtB,GAAG,EAAE,gBAAgB;IACrB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,UAAU;CACjB,CAAC,CAAA;AAGF,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;AACxB,CAAC,CAAA;AACD,QAAQ,CAAA,CAAA,yCAAyC;AAIjD,MAAM,SAAS,GAAG,EAAqE,CAAC;AAExF,IAAI,gBAAiE,CAAC;AAEtE,IAAI,gBAAiE,CAAC;AAEtE,0BAA0B;AAC1B,8BAA8B;AAC9B,6DAA6D,CAAA,CAAC;AAC9D,aAAa;AACb,MAAM,OAAO,GAAG,2BAA2B,CAAC,aAAa,EAAE,IAAI,aAAa,CAAC;IAC7E,GAAG,EAAE,YAAY,EAAE,EAAS,EAAE;IAC9B,OAAO,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC;IACpC,QAAQ,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;CACrC,CAAC,CAAC,CAAC;AACJ,MAAM,OAAO,GAAG,OAAO,CAAC;IACxB,GAAG,EAAE,YAAY,EAAE,EAAS,EAAE;IAC9B,OAAO,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC;IACpC,QAAQ,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;CACrC,EAAE,GAAG,iCAAiC,CAAC,OAAO,CAAC,CAAC,CAAC;AAClD,IAAI,OAA6B,CAAC;AAClC,IAAI,OAA8C,CAAC;AACnD,IAAI,OAAwE,CAAC;AAC7E,MAAM,OAAO,GAAwG;IACrH,UAAU,EAAE,CAAC,SAAS,CAAC,cAAc,CAAC;CAAC,CAAC;AACxC,IAAI,OAAO,GAAG,EAAmE,CAAC;AAClF,IAAI,OAAgF,CAAC;AAOrF,IAAI,aAK+D,CAAC;AACpE,MAAM,UAAU,GAAG,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;IACzD,KAAK;QACL,OAAO;YACP,aAAa,EAAE,aAAqC;YACpD,WAAW,EAAE,WAAiC;YAC9C,cAAc,EAAE,cAAuC;SACtD,CAAC;IACF,CAAC;CACA,CAAC,CAAC;AACH,eAAe,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;IACrD,KAAK;QACL,OAAO,EACN,CAAC;IACF,CAAC;CACA,CAAC,CAAC;AACH,CAAC,CAAA,kCAAkC"}
@@ -1,19 +0,0 @@
1
- import '@vue-office/docx/lib/v3/index.css';
2
- import '@vue-office/excel/lib/v3/index.css';
3
- import 'vue-pdf-embed/dist/styles/annotationLayer.css';
4
- import 'vue-pdf-embed/dist/styles/textLayer.css';
5
- type __VLS_Props = {
6
- fileUrl: string;
7
- fileType: string;
8
- height?: string;
9
- };
10
- declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
11
- rendered: (...args: any[]) => void;
12
- }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
13
- onRendered?: ((...args: any[]) => any) | undefined;
14
- }>, {
15
- fileUrl: string;
16
- fileType: string;
17
- height: string;
18
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
- export default _default;
@@ -1,113 +0,0 @@
1
- import { watch, ref, onMounted } from 'vue';
2
- import '@vue-office/docx/lib/v3/index.css';
3
- import '@vue-office/excel/lib/v3/index.css';
4
- // import VuePdfEmbed from 'vue-pdf-embed'
5
- // Optional styles
6
- import 'vue-pdf-embed/dist/styles/annotationLayer.css';
7
- import 'vue-pdf-embed/dist/styles/textLayer.css';
8
- let activeType = ref('pdf'); // 当前预览的文件类型
9
- let loading = ref(false);
10
- const props = withDefaults(defineProps(), {
11
- fileUrl: '',
12
- fileType: '',
13
- height: '100%'
14
- });
15
- const emit = defineEmits(['rendered']);
16
- const detectFileType = (fileName) => {
17
- console.log('fileName', fileName);
18
- const ext = fileName.toLowerCase().split('.').pop();
19
- if (['pdf'].includes(ext)) {
20
- activeType.value = 'pdf';
21
- }
22
- else if (['doc', 'docx'].includes(ext)) {
23
- activeType.value = 'doc';
24
- }
25
- else if (['xls', 'xlsx', 'csv'].includes(ext)) {
26
- activeType.value = 'xls';
27
- }
28
- else if (['ppt', 'pptx'].includes(ext)) {
29
- activeType.value = 'ppt';
30
- console.log('pptxPrviewer', fileName);
31
- }
32
- else {
33
- activeType.value = 'other';
34
- }
35
- };
36
- watch([() => props.fileType, () => props.fileUrl], (newType) => {
37
- activeType.value = newType[0];
38
- detectFileType(newType[1]);
39
- // activeType.value = newType[1];
40
- }, {
41
- immediate: true
42
- });
43
- defineOptions({
44
- name: 'OfficePreview', // 一定要有 name
45
- });
46
- onMounted(async () => {
47
- // const response = await fetch('/file/123.pdf'); // 确保public目录有该文件
48
- // const blob = await response.blob();
49
- // docxUrl.value = URL.createObjectURL(blob);
50
- });
51
- // 渲染完成回调
52
- // const handleRendered = () => {
53
- // console.log('文件渲染完成')
54
- // emit('rendered', activeType)
55
- // }
56
- debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
57
- const __VLS_withDefaultsArg = (function (t) { return t; })({
58
- fileUrl: '',
59
- fileType: '',
60
- height: '100%'
61
- });
62
- const __VLS_ctx = {};
63
- let __VLS_components;
64
- let __VLS_directives;
65
- // CSS variable injection
66
- // CSS variable injection end
67
- __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
68
- ...{ class: "file-preview-container" },
69
- });
70
- __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
71
- ...{ class: "preview-area" },
72
- });
73
- __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
74
- __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
75
- (__VLS_ctx.fileUrl);
76
- if (__VLS_ctx.loading) {
77
- __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
78
- ...{ class: "loading-mask" },
79
- });
80
- __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
81
- ...{ class: "loading-content" },
82
- });
83
- __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
84
- ...{ class: "spinner" },
85
- });
86
- __VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
87
- }
88
- /** @type {__VLS_StyleScopedClasses['file-preview-container']} */ ;
89
- /** @type {__VLS_StyleScopedClasses['preview-area']} */ ;
90
- /** @type {__VLS_StyleScopedClasses['loading-mask']} */ ;
91
- /** @type {__VLS_StyleScopedClasses['loading-content']} */ ;
92
- /** @type {__VLS_StyleScopedClasses['spinner']} */ ;
93
- var __VLS_dollars;
94
- const __VLS_self = (await import('vue')).defineComponent({
95
- setup() {
96
- return {
97
- loading: loading,
98
- };
99
- },
100
- emits: {},
101
- __typeProps: {},
102
- props: {},
103
- });
104
- export default (await import('vue')).defineComponent({
105
- setup() {
106
- return {};
107
- },
108
- emits: {},
109
- __typeProps: {},
110
- props: {},
111
- });
112
- ; /* PartiallyEnd: #4569/main.vue */
113
- //# sourceMappingURL=office-preview.vue.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"office-preview.vue.js","sourceRoot":"","sources":["../../../src/components/office-preview.vue"],"names":[],"mappings":"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"}
@@ -1,14 +0,0 @@
1
- /**
2
- * @Title: index
3
- * @Author diaojw
4
- * @Package
5
- * @Date 2026/3/19 21:31
6
- * @description: 这里导出组件
7
- */
8
- import type { App } from 'vue';
9
- import OfficePreview from './components/office-preview.vue';
10
- export { OfficePreview };
11
- declare const _default: {
12
- install: (app: App) => void;
13
- };
14
- export default _default;
package/dist/src/index.js DELETED
@@ -1,20 +0,0 @@
1
- /**
2
- * @Title: index
3
- * @Author diaojw
4
- * @Package
5
- * @Date 2026/3/19 21:31
6
- * @description: 这里导出组件
7
- */
8
- import OfficePreview from './components/office-preview.vue';
9
- // import ExampleDom1 from '../src/components/ExampleDom1.vue'; // 如果有多个组件一起打包
10
- const components = [OfficePreview];
11
- // const components = [OfficePreview, ExampleDom1]; // 如果有多个组件一起打包
12
- export { OfficePreview }; // 按需引入
13
- // export { ExampleDom, ExampleDom1 }; // 按需引入,如果有多个组件一起打包就可以一起写
14
- const install = (app) => {
15
- components.forEach((component) => {
16
- app.component(component.name, component);
17
- });
18
- };
19
- export default { install };
20
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,aAAa,MAAM,iCAAiC,CAAA;AAC3D,8EAA8E;AAE9E,MAAM,UAAU,GAAG,CAAC,aAAa,CAAC,CAAA;AAClC,kEAAkE;AAElE,OAAO,EAAE,aAAa,EAAE,CAAA,CAAC,OAAO;AAChC,gEAAgE;AAEhE,MAAM,OAAO,GAAG,CAAC,GAAQ,EAAE,EAAE;IAC3B,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;QAC/B,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,IAAc,EAAE,SAAS,CAAC,CAAA;IACpD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AACD,eAAe,EAAE,OAAO,EAAE,CAAA"}
@@ -1 +0,0 @@
1
- import './assets/main.css';
package/dist/src/main.js DELETED
@@ -1,5 +0,0 @@
1
- import './assets/main.css';
2
- import { createApp } from 'vue';
3
- import App from './App.vue';
4
- createApp(App).mount('#app');
5
- //# sourceMappingURL=main.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"root":["../src/index.ts","../src/main.ts","../src/types/vue-office.d.ts","../src/app.vue","../src/components/office-preview.vue","../vite.config.ts"],"version":"5.8.3"}
@@ -1,2 +0,0 @@
1
- declare const _default: import("vite").UserConfig;
2
- export default _default;
@@ -1,53 +0,0 @@
1
- import { fileURLToPath, URL } from 'node:url';
2
- import { defineConfig } from 'vite';
3
- import vue from '@vitejs/plugin-vue';
4
- import vueDevTools from 'vite-plugin-vue-devtools';
5
- import dts from 'vite-plugin-dts';
6
- import path from 'node:path';
7
- // https://vite.dev/config/
8
- export default defineConfig({
9
- plugins: [
10
- vue(),
11
- vueDevTools(),
12
- dts({
13
- outDir: 'dist', // 打包文件名
14
- insertTypesEntry: true,
15
- include: ['src'],
16
- }),
17
- ],
18
- // optimizeDeps: {
19
- // include: ['@vue-office/docx', '@vue-office/excel', '@vue-office/pdf']
20
- // },
21
- resolve: {
22
- alias: {
23
- '@': fileURLToPath(new URL('./src', import.meta.url)),
24
- },
25
- },
26
- build: {
27
- sourcemap: true,
28
- // 避免dist被清空
29
- emptyOutDir: false,
30
- // 如果不想被别人直接看到源码就用这个lib方式
31
- lib: {
32
- // 入口文件
33
- entry: path.resolve(__dirname, 'src/index.ts'),
34
- // // 暴露的全局变量的名字,这个名字可以自定义,最好是你的包的名字
35
- name: 'example',
36
- // 输出的文件名,这里和上面的 name 最好保持一致
37
- fileName: (format) => `example.${format}.js`,
38
- },
39
- rollupOptions: {
40
- external: ['vue'], // 把不想打包进你的包的包排除掉
41
- output: {
42
- format: 'es',
43
- // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
44
- globals: {
45
- vue: 'Vue',
46
- },
47
- // 使用命名模式导出,也可以不设置即使用默认模式。二者的区别就是使用组件时是否要带{}: import { example } from "example"; or import example from "example"
48
- exports: 'named',
49
- },
50
- },
51
- },
52
- });
53
- //# sourceMappingURL=vite.config.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,GAAG,MAAM,oBAAoB,CAAA;AACpC,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,2BAA2B;AAC3B,eAAe,YAAY,CAAC;IAC1B,OAAO,EAAE;QACP,GAAG,EAAE;QACL,WAAW,EAAE;QACb,GAAG,CAAC;YACF,MAAM,EAAE,MAAM,EAAE,QAAQ;YACxB,gBAAgB,EAAE,IAAI;YACtB,OAAO,EAAE,CAAC,KAAK,CAAC;SACjB,CAAC;KACH;IACD,mBAAmB;IACnB,0EAA0E;IAC1E,KAAK;IACL,OAAO,EAAE;QACP,KAAK,EAAE;YACL,GAAG,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACtD;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE,IAAI;QACf,YAAY;QACZ,WAAW,EAAE,KAAK;QAClB,yBAAyB;QACzB,GAAG,EAAE;YACH,OAAO;YACP,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,cAAc,CAAC;YAC9C,oCAAoC;YACpC,IAAI,EAAE,SAAS;YACf,4BAA4B;YAE5B,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,MAAM,KAAK;SAC7C;QACD,aAAa,EAAE;YACb,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,iBAAiB;YACpC,MAAM,EAAE;gBACN,MAAM,EAAE,IAAI;gBACZ,+BAA+B;gBAC/B,OAAO,EAAE;oBACP,GAAG,EAAE,KAAK;iBACX;gBACD,iHAAiH;gBACjH,OAAO,EAAE,OAAO;aACjB;SACF;KACF;CACF,CAAC,CAAA"}