@work-zhanguo/light-file-preview 0.0.16 → 0.0.18
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.
- package/README.md +20 -10
- package/dist/PptxRenderer-B4sDptn0.js +14773 -0
- package/dist/{UnsupportedRenderer-pjXuzLhC.js → UnsupportedRenderer-B016ePP5.js} +1 -1
- package/dist/{index-AN7FkZtw.js → index-DX4yvG8n.js} +126 -119
- package/dist/light-file-preview.js +1 -1
- package/dist/light-file-preview.umd.cjs +196 -158
- package/dist/standalone/light-file-preview.iife.js +208 -169
- package/dist/standalone/style.css +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/FilePreview.vue.d.ts +3 -3
- package/dist/types/components/renderers/PptxRenderer.vue.d.ts +13 -0
- package/dist/types/constants/file.d.ts +1 -0
- package/dist/types/types.d.ts +1 -1
- package/dist/vue2/{DocxRenderer-DR_4KeGA.js → DocxRenderer-BYzWAtSx.js} +1 -1
- package/dist/vue2/{PdfRenderer-DNDmJ3M6.js → PdfRenderer-2f-SRj0_.js} +1 -1
- package/dist/vue2/PptxRenderer-B1TlLH2y.js +14773 -0
- package/dist/vue2/{SheetRenderer-XW8dLaab.js → SheetRenderer-DF9A6Tqq.js} +1 -1
- package/dist/vue2/{TextRenderer-CQsD7GMD.js → TextRenderer-Be7RzYjF.js} +1 -1
- package/dist/vue2/{UnsupportedRenderer-fr1iHYbj.js → UnsupportedRenderer-CIeHYr5T.js} +1 -1
- package/dist/vue2/light-file-preview-vue2.js +1 -1
- package/dist/vue2/light-file-preview-vue2.umd.cjs +217 -178
- package/dist/vue2/style.css +1 -0
- package/dist/vue2/{vue2-C42eMKpL.js → vue2-DryhXOWQ.js} +2296 -2251
- package/package.json +3 -1
- package/public/screenshots/effect-pptx.png +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.lfp-wrapper{--lfp-bg: #eef6ff;--lfp-panel: rgba(255, 255, 255, .84);--lfp-panel-solid: rgba(255, 255, 255, .96);--lfp-border: rgba(57, 84, 130, .16);--lfp-text: #10233d;--lfp-text-subtle: #59708c;--lfp-primary: #118ab2;--lfp-primary-strong: #2667ff;--lfp-accent: #36c9a7;--lfp-primary-soft: rgba(17, 138, 178, .12);--lfp-hero: linear-gradient(135deg, #2667ff 0%, #118ab2 52%, #36c9a7 100%);--lfp-hero-soft: linear-gradient(135deg, rgba(38, 103, 255, .14), rgba(17, 138, 178, .1) 48%, rgba(54, 201, 167, .14));--lfp-shadow: 0 28px 80px rgba(31, 64, 121, .16);--lfp-shadow-soft: 0 18px 44px rgba(31, 64, 121, .1);position:relative;color:var(--lfp-text)}.lfp-wrapper,.lfp-wrapper *,.lfp-wrapper *:before,.lfp-wrapper *:after{box-sizing:border-box}.lfp-wrapper button,.lfp-wrapper input,.lfp-wrapper textarea,.lfp-wrapper select{font:inherit}.lfp-button,.lfp-sheet__tab{border:1px solid rgba(81,114,170,.12);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f0f8fff2);color:var(--lfp-text);cursor:pointer;box-shadow:0 10px 24px #32579714;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.lfp-button{padding:10px 15px}.lfp-icon-button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.lfp-icon-button svg{width:18px;height:18px;fill:currentColor}.lfp-button:hover,.lfp-sheet__tab:hover{transform:translateY(-2px);border-color:#118ab242;box-shadow:0 14px 30px #2756a424}.lfp-button{border-color:transparent;background:var(--lfp-hero);color:#fff}.lfp-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.lfp-wrapper.is-dialog{position:fixed;inset:0;z-index:99999999;display:flex;align-items:center;justify-content:center;padding:24px}.lfp-backdrop{position:absolute;inset:0;backdrop-filter:blur(8px);background:radial-gradient(circle at top,rgba(38,103,255,.16),transparent 30%),#0a162d70}.lfp-panel{position:relative;display:flex;flex-direction:column;min-height:420px;width:100%;background:linear-gradient(180deg,#ffffffe6,#f4fbffe0),var(--lfp-hero-soft);border:1px solid var(--lfp-border);border-radius:24px;overflow:hidden;box-shadow:var(--lfp-shadow);backdrop-filter:blur(16px)}.lfp-wrapper.is-dialog .lfp-panel{max-width:min(1280px,100%);max-height:min(88vh,100%)}.lfp-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--lfp-border);background:linear-gradient(180deg,#ffffffe0,#f1f9ffd1)}.lfp-toolbar__meta,.lfp-toolbar__actions{display:flex;gap:12px;align-items:center}.lfp-title{max-width:min(60vw,720px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-badge{padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#2667ff1f,#36c9a724);color:var(--lfp-primary-strong);font-size:12px;text-transform:uppercase}.lfp-button.is-ghost{background:linear-gradient(180deg,#ffffffe6,#f2f8ffdb);color:var(--lfp-text);border-color:var(--lfp-border)}.lfp-content{position:relative;flex:1;min-height:360px;padding:16px;overflow:auto}.lfp-loading,.lfp-error,.lfp-empty{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:280px;text-align:center}.lfp-spinner{width:28px;height:28px;border:3px solid rgba(17,138,178,.16);border-top-color:var(--lfp-primary-strong);border-radius:50%;animation:lfp-spin .8s linear infinite}.lfp-document{background:linear-gradient(180deg,#fffffff0,#f5fbffe6),var(--lfp-hero-soft);border-radius:18px;border:1px solid rgba(57,84,130,.08);padding:16px;box-shadow:inset 0 1px #ffffffb8}.lfp-image,.lfp-media{display:block;max-width:100%;margin:0 auto;border-radius:18px;background:#ffffffb8}.lfp-image{object-fit:contain}.lfp-media{width:100%}.lfp-audio{width:100%;margin-top:32px}.lfp-code{margin:0;padding:20px;overflow:auto;background:linear-gradient(180deg,#0a1429fa,#0b1c36f5),linear-gradient(135deg,#2667ff29,#118ab214);color:#dbeafe;border-radius:16px;font-family:SFMono-Regular,JetBrains Mono,monospace;line-height:1.6;white-space:pre-wrap;word-break:break-word}.lfp-markdown{padding:12px;line-height:1.8}.lfp-markdown img{max-width:100%}.lfp-hint{margin:0 0 12px;color:var(--lfp-text-subtle);font-size:13px}.lfp-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(57,84,130,.08);border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f4faffeb)}.lfp-page-toolbar__meta,.lfp-page-toolbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lfp-page-toolbar__title{color:#1c3f68;font-size:13px;font-weight:700}.lfp-page-toolbar__status,.lfp-page-toolbar__pager{color:var(--lfp-text-subtle);font-size:13px}.lfp-page-toolbar__toggle,.lfp-page-toolbar__nav{min-height:36px;padding:8px 14px}.lfp-page-toolbar__toggle.is-active{background:var(--lfp-hero);color:#fff;border-color:transparent}.lfp-pdf{display:flex;flex-direction:column;gap:18px}.lfp-pdf-page{display:flex;justify-content:center}.lfp-pdf-page canvas{max-width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px #1f40791f;background:#fff}.lfp-docx{overflow:auto}.lfp-docx .docx-wrapper{display:flex;flex-direction:column;align-items:center;gap:18px;background:transparent;padding:0}.lfp-docx-page{width:100%}.lfp-sheet{display:flex;flex-direction:column;gap:14px}.lfp-sheet__toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;flex-wrap:wrap}.lfp-sheet__tabs{display:flex;flex-wrap:wrap;gap:0;align-items:flex-end;flex:1 1 520px;padding:10px 12px 0;border:1px solid rgba(27,44,66,.08);border-radius:14px 14px 0 0;background:linear-gradient(180deg,#f2f8f5f5,#e8f3edeb);overflow-x:auto}.lfp-sheet__tab{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 10px;margin-right:6px;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;background:transparent;color:#2a3a4cb8;font-size:13px;font-weight:600;transition:all .18s ease}.lfp-sheet__tab-label{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-sheet__tab-meta{color:#445e75ad;font-size:12px;font-weight:500}.lfp-sheet__tab.is-active{position:relative;background:linear-gradient(180deg,#fff,#f7fff9);color:#0f6f50;border-color:#20946147;box-shadow:0 -1px #ffffffb8,0 10px 22px #12785514}.lfp-sheet__tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:3px;border-radius:999px;background:linear-gradient(90deg,#1ba86f,#44d196)}.lfp-sheet__tab:hover{color:#1e7c5d;background:#ffffff8c}.lfp-sheet__summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 1 auto;min-height:54px;padding:10px 14px;border:1px solid rgba(27,44,66,.08);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f7fbf9f0)}.lfp-sheet__summary-item{display:inline-flex;align-items:center;gap:8px;color:#37475bc2;font-size:13px;white-space:nowrap}.lfp-sheet__summary-item strong{color:#114b38;font-weight:700}.lfp-sheet__formula-bar{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid rgba(27,44,66,.08);border-radius:10px;background:linear-gradient(180deg,#f7f8fafa,#eff2f6f5),#ffffffeb}.lfp-sheet__name-box{display:inline-flex;align-items:center;justify-content:space-between;width:82px;min-width:82px;min-height:28px;padding:0 8px 0 10px;border-radius:6px;border:1px solid rgba(31,44,61,.14);background:linear-gradient(180deg,#fffffffa,#f1f5f9f0);color:#425368;font-weight:700;font-size:12px;box-shadow:inset 0 1px #ffffffd1}.lfp-sheet__name-box-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-sheet__name-box-caret{width:0;height:0;margin-left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(71,85,105,.72)}.lfp-sheet__formula-input{display:flex;align-items:center;gap:10px;flex:1;min-height:28px;padding:0 10px 0 8px;border-radius:6px;border:1px solid rgba(31,44,61,.14);background:#fffffffa;box-shadow:inset 0 1px #ffffffeb,0 1px #ffffff80}.lfp-sheet__formula-label{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:18px;padding:0 5px;border-radius:999px;border:1px solid rgba(31,44,61,.1);background:#f1f5f9eb;color:#64748b;font-style:italic;font-weight:700;font-size:11px}.lfp-sheet__formula-text{color:#1f2937;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lfp-sheet__table-wrap{overflow:auto;border-radius:0 0 10px 10px;border:1px solid rgba(27,44,66,.08);border-top:none;background:#fff;box-shadow:inset 0 1px #fffc}.lfp-sheet__grid{position:relative;width:max-content;min-width:0}.lfp-sheet__table{width:auto;border-collapse:collapse;font-size:12px;background:#fff;table-layout:fixed}.lfp-sheet__table th,.lfp-sheet__table td{padding:4px 6px;border:1px solid #d9dee5;vertical-align:middle;box-sizing:border-box}.lfp-sheet__table td{background-color:var(--lfp-cell-bg, #fff);position:relative;transition:background-color .16s ease,box-shadow .16s ease,outline-color .16s ease}.lfp-sheet__header-row th,.lfp-sheet__row-header{font-weight:600;color:#5b6472;text-align:center;background:#f3f4f6;user-select:none}.lfp-sheet__corner-header,.lfp-sheet__row-header{min-width:46px;width:46px}.lfp-sheet__corner-header{background:#eef0f3}.lfp-sheet__col-header{min-height:28px;box-shadow:inset 0 -1px #182c4014}.lfp-sheet__row-header{box-shadow:inset -1px 0 #182c4014}.lfp-sheet__col-header.is-related,.lfp-sheet__row-header.is-related{color:#0b7a53;background:linear-gradient(180deg,#e4faeffa,#d4f5e4f5)}.lfp-sheet__cell-text{display:flex;align-items:var(--lfp-cell-align, center);justify-content:var(--lfp-cell-justify, flex-start);width:100%;min-height:100%;line-height:1.35;white-space:var(--lfp-cell-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;word-break:var(--lfp-cell-word-break, normal);box-sizing:border-box}.lfp-sheet__cell-text--rich{display:block;width:100%;min-height:100%}.lfp-sheet__cell-text--rich span{white-space:inherit}.lfp-sheet__table td:hover,.lfp-sheet__table td:focus{outline:none}.lfp-sheet__table td.is-row-active,.lfp-sheet__table td.is-col-active{box-shadow:none}.lfp-sheet__table td.is-selected{z-index:1;box-shadow:none}.lfp-sheet__table td.is-selected:after{content:none}.lfp-sheet__images{position:absolute;inset:0;pointer-events:none;z-index:5}.lfp-sheet__image-frame{position:absolute;overflow:hidden}.lfp-sheet__floating-image{position:absolute;display:block;max-width:none;object-fit:contain;object-position:top left;box-shadow:0 10px 26px #0f172a1f}.lfp-sheet__empty{margin:0;padding:18px;border:1px dashed rgba(31,44,61,.14);border-radius:14px;background:#ffffffb8;color:#36465abd}@media(max-width:900px){.lfp-sheet__summary{width:100%;justify-content:flex-start;flex-wrap:wrap}.lfp-sheet__tabs{flex-basis:100%}.lfp-sheet__formula-bar{align-items:stretch;flex-direction:column}.lfp-sheet__corner-header,.lfp-sheet__row-header{min-width:46px;width:46px}}@media(max-width:720px){.lfp-page-toolbar{align-items:stretch}.lfp-page-toolbar__meta,.lfp-page-toolbar__actions{width:100%}}.lfp-fade-enter-active,.lfp-fade-leave-active{transition:opacity .2s ease}.lfp-fade-enter-from,.lfp-fade-leave-to{opacity:0}@keyframes lfp-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.lfp-wrapper.is-dialog,.lfp-content{padding:12px}}
|
|
1
|
+
.lfp-wrapper{--lfp-bg: #eef6ff;--lfp-panel: rgba(255, 255, 255, .84);--lfp-panel-solid: rgba(255, 255, 255, .96);--lfp-border: rgba(57, 84, 130, .16);--lfp-text: #10233d;--lfp-text-subtle: #59708c;--lfp-primary: #118ab2;--lfp-primary-strong: #2667ff;--lfp-accent: #36c9a7;--lfp-primary-soft: rgba(17, 138, 178, .12);--lfp-hero: linear-gradient(135deg, #2667ff 0%, #118ab2 52%, #36c9a7 100%);--lfp-hero-soft: linear-gradient(135deg, rgba(38, 103, 255, .14), rgba(17, 138, 178, .1) 48%, rgba(54, 201, 167, .14));--lfp-shadow: 0 28px 80px rgba(31, 64, 121, .16);--lfp-shadow-soft: 0 18px 44px rgba(31, 64, 121, .1);position:relative;color:var(--lfp-text)}.lfp-wrapper,.lfp-wrapper *,.lfp-wrapper *:before,.lfp-wrapper *:after{box-sizing:border-box}.lfp-wrapper button,.lfp-wrapper input,.lfp-wrapper textarea,.lfp-wrapper select{font:inherit}.lfp-button,.lfp-sheet__tab{border:1px solid rgba(81,114,170,.12);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f0f8fff2);color:var(--lfp-text);cursor:pointer;box-shadow:0 10px 24px #32579714;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.lfp-button{padding:10px 15px}.lfp-icon-button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.lfp-icon-button svg{width:18px;height:18px;fill:currentColor}.lfp-button:hover,.lfp-sheet__tab:hover{transform:translateY(-2px);border-color:#118ab242;box-shadow:0 14px 30px #2756a424}.lfp-button{border-color:transparent;background:var(--lfp-hero);color:#fff}.lfp-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.lfp-wrapper.is-dialog{position:fixed;inset:0;z-index:99999999;display:flex;align-items:center;justify-content:center;padding:24px}.lfp-backdrop{position:absolute;inset:0;backdrop-filter:blur(8px);background:radial-gradient(circle at top,rgba(38,103,255,.16),transparent 30%),#0a162d70}.lfp-panel{position:relative;display:flex;flex-direction:column;min-height:420px;width:100%;background:linear-gradient(180deg,#ffffffe6,#f4fbffe0),var(--lfp-hero-soft);border:1px solid var(--lfp-border);border-radius:24px;overflow:hidden;box-shadow:var(--lfp-shadow);backdrop-filter:blur(16px)}.lfp-wrapper.is-dialog .lfp-panel{max-width:min(1280px,100%);max-height:min(88vh,100%)}.lfp-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--lfp-border);background:linear-gradient(180deg,#ffffffe0,#f1f9ffd1)}.lfp-toolbar__meta,.lfp-toolbar__actions{display:flex;gap:12px;align-items:center}.lfp-title{max-width:min(60vw,720px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-badge{padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#2667ff1f,#36c9a724);color:var(--lfp-primary-strong);font-size:12px;text-transform:uppercase}.lfp-button.is-ghost{background:linear-gradient(180deg,#ffffffe6,#f2f8ffdb);color:var(--lfp-text);border-color:var(--lfp-border)}.lfp-content{position:relative;flex:1;min-height:360px;padding:16px;overflow:auto}.lfp-loading,.lfp-error,.lfp-empty{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:280px;text-align:center}.lfp-spinner{width:28px;height:28px;border:3px solid rgba(17,138,178,.16);border-top-color:var(--lfp-primary-strong);border-radius:50%;animation:lfp-spin .8s linear infinite}.lfp-document{background:linear-gradient(180deg,#fffffff0,#f5fbffe6),var(--lfp-hero-soft);border-radius:18px;border:1px solid rgba(57,84,130,.08);padding:16px;box-shadow:inset 0 1px #ffffffb8}.lfp-image,.lfp-media{display:block;max-width:100%;margin:0 auto;border-radius:18px;background:#ffffffb8}.lfp-image{object-fit:contain}.lfp-media{width:100%}.lfp-audio{width:100%;margin-top:32px}.lfp-code{margin:0;padding:20px;overflow:auto;background:linear-gradient(180deg,#0a1429fa,#0b1c36f5),linear-gradient(135deg,#2667ff29,#118ab214);color:#dbeafe;border-radius:16px;font-family:SFMono-Regular,JetBrains Mono,monospace;line-height:1.6;white-space:pre-wrap;word-break:break-word}.lfp-markdown{padding:12px;line-height:1.8}.lfp-markdown img{max-width:100%}.lfp-hint{margin:0 0 12px;color:var(--lfp-text-subtle);font-size:13px}.lfp-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(57,84,130,.08);border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f4faffeb)}.lfp-page-toolbar__meta,.lfp-page-toolbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lfp-page-toolbar__title{color:#1c3f68;font-size:13px;font-weight:700}.lfp-page-toolbar__status,.lfp-page-toolbar__pager{color:var(--lfp-text-subtle);font-size:13px}.lfp-page-toolbar__toggle,.lfp-page-toolbar__nav{min-height:36px;padding:8px 14px}.lfp-page-toolbar__toggle.is-active{background:var(--lfp-hero);color:#fff;border-color:transparent}.lfp-pdf{display:flex;flex-direction:column;gap:18px}.lfp-pdf-page{display:flex;justify-content:center}.lfp-pdf-page canvas{max-width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px #1f40791f;background:#fff}.lfp-docx{overflow:auto}.lfp-docx .docx-wrapper{display:flex;flex-direction:column;align-items:center;gap:18px;background:transparent;padding:0}.lfp-docx-page{width:100%}.lfp-sheet{display:flex;flex-direction:column;gap:14px}.lfp-sheet__toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;flex-wrap:wrap}.lfp-sheet__tabs{display:flex;flex-wrap:wrap;gap:0;align-items:flex-end;flex:1 1 520px;padding:10px 12px 0;border:1px solid rgba(27,44,66,.08);border-radius:14px 14px 0 0;background:linear-gradient(180deg,#f2f8f5f5,#e8f3edeb);overflow-x:auto}.lfp-sheet__tab{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 10px;margin-right:6px;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;background:transparent;color:#2a3a4cb8;font-size:13px;font-weight:600;transition:all .18s ease}.lfp-sheet__tab-label{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-sheet__tab-meta{color:#445e75ad;font-size:12px;font-weight:500}.lfp-sheet__tab.is-active{position:relative;background:linear-gradient(180deg,#fff,#f7fff9);color:#0f6f50;border-color:#20946147;box-shadow:0 -1px #ffffffb8,0 10px 22px #12785514}.lfp-sheet__tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:3px;border-radius:999px;background:linear-gradient(90deg,#1ba86f,#44d196)}.lfp-sheet__tab:hover{color:#1e7c5d;background:#ffffff8c}.lfp-sheet__summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 1 auto;min-height:54px;padding:10px 14px;border:1px solid rgba(27,44,66,.08);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f7fbf9f0)}.lfp-sheet__summary-item{display:inline-flex;align-items:center;gap:8px;color:#37475bc2;font-size:13px;white-space:nowrap}.lfp-sheet__summary-item strong{color:#114b38;font-weight:700}.lfp-sheet__formula-bar{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid rgba(27,44,66,.08);border-radius:10px;background:linear-gradient(180deg,#f7f8fafa,#eff2f6f5),#ffffffeb}.lfp-sheet__name-box{display:inline-flex;align-items:center;justify-content:space-between;width:82px;min-width:82px;min-height:28px;padding:0 8px 0 10px;border-radius:6px;border:1px solid rgba(31,44,61,.14);background:linear-gradient(180deg,#fffffffa,#f1f5f9f0);color:#425368;font-weight:700;font-size:12px;box-shadow:inset 0 1px #ffffffd1}.lfp-sheet__name-box-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-sheet__name-box-caret{width:0;height:0;margin-left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(71,85,105,.72)}.lfp-sheet__formula-input{display:flex;align-items:center;gap:10px;flex:1;min-height:28px;padding:0 10px 0 8px;border-radius:6px;border:1px solid rgba(31,44,61,.14);background:#fffffffa;box-shadow:inset 0 1px #ffffffeb,0 1px #ffffff80}.lfp-sheet__formula-label{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:18px;padding:0 5px;border-radius:999px;border:1px solid rgba(31,44,61,.1);background:#f1f5f9eb;color:#64748b;font-style:italic;font-weight:700;font-size:11px}.lfp-sheet__formula-text{color:#1f2937;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lfp-sheet__table-wrap{overflow:auto;border-radius:0 0 10px 10px;border:1px solid rgba(27,44,66,.08);border-top:none;background:#fff;box-shadow:inset 0 1px #fffc}.lfp-sheet__grid{position:relative;width:max-content;min-width:0}.lfp-sheet__table{width:auto;border-collapse:collapse;font-size:12px;background:#fff;table-layout:fixed}.lfp-sheet__table th,.lfp-sheet__table td{padding:4px 6px;border:1px solid #d9dee5;vertical-align:middle;box-sizing:border-box}.lfp-sheet__table td{background-color:var(--lfp-cell-bg, #fff);position:relative;transition:background-color .16s ease,box-shadow .16s ease,outline-color .16s ease}.lfp-sheet__header-row th,.lfp-sheet__row-header{font-weight:600;color:#5b6472;text-align:center;background:#f3f4f6;user-select:none}.lfp-sheet__corner-header,.lfp-sheet__row-header{min-width:46px;width:46px}.lfp-sheet__corner-header{background:#eef0f3}.lfp-sheet__col-header{min-height:28px;box-shadow:inset 0 -1px #182c4014}.lfp-sheet__row-header{box-shadow:inset -1px 0 #182c4014}.lfp-sheet__col-header.is-related,.lfp-sheet__row-header.is-related{color:#0b7a53;background:linear-gradient(180deg,#e4faeffa,#d4f5e4f5)}.lfp-sheet__cell-text{display:flex;align-items:var(--lfp-cell-align, center);justify-content:var(--lfp-cell-justify, flex-start);width:100%;min-height:100%;line-height:1.35;white-space:var(--lfp-cell-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;word-break:var(--lfp-cell-word-break, normal);box-sizing:border-box}.lfp-sheet__cell-text--rich{display:block;width:100%;min-height:100%}.lfp-sheet__cell-text--rich span{white-space:inherit}.lfp-sheet__table td:hover,.lfp-sheet__table td:focus{outline:none}.lfp-sheet__table td.is-row-active,.lfp-sheet__table td.is-col-active{box-shadow:none}.lfp-sheet__table td.is-selected{z-index:1;box-shadow:none}.lfp-sheet__table td.is-selected:after{content:none}.lfp-sheet__images{position:absolute;inset:0;pointer-events:none;z-index:5}.lfp-sheet__image-frame{position:absolute;overflow:hidden}.lfp-sheet__floating-image{position:absolute;display:block;max-width:none;object-fit:contain;object-position:top left;box-shadow:0 10px 26px #0f172a1f}.lfp-sheet__empty{margin:0;padding:18px;border:1px dashed rgba(31,44,61,.14);border-radius:14px;background:#ffffffb8;color:#36465abd}@media(max-width:900px){.lfp-sheet__summary{width:100%;justify-content:flex-start;flex-wrap:wrap}.lfp-sheet__tabs{flex-basis:100%}.lfp-sheet__formula-bar{align-items:stretch;flex-direction:column}.lfp-sheet__corner-header,.lfp-sheet__row-header{min-width:46px;width:46px}}@media(max-width:720px){.lfp-page-toolbar{align-items:stretch}.lfp-page-toolbar__meta,.lfp-page-toolbar__actions{width:100%}}.lfp-fade-enter-active,.lfp-fade-leave-active{transition:opacity .2s ease}.lfp-fade-enter-from,.lfp-fade-leave-to{opacity:0}@keyframes lfp-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.lfp-wrapper.is-dialog,.lfp-content{padding:12px}}.ppx-wrapper{position:relative;color:#0f172a;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.ppx-wrapper.is-dialog{position:fixed;inset:0;z-index:1000}.ppx-backdrop{position:absolute;inset:0;background:#0f172a99}.ppx-panel{position:relative;display:flex;flex-direction:column;min-height:560px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid #dbe4ff;border-radius:18px;box-shadow:0 24px 60px #0f172a1f;overflow:hidden}.ppx-wrapper.is-dialog .ppx-panel{position:absolute;inset:24px}.ppx-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;background:#ffffffe0;border-bottom:1px solid #dbe4ff;backdrop-filter:blur(14px)}.ppx-toolbar__title{display:flex;flex-direction:column;gap:4px}.ppx-toolbar__title span{color:#475569;font-size:13px}.ppx-toolbar__actions{display:flex;flex-wrap:wrap;gap:8px}.ppx-button{height:34px;padding:0 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;cursor:pointer}.ppx-button:disabled{opacity:.45;cursor:not-allowed}.ppx-button--ghost{background:transparent}.ppx-body{display:grid;grid-template-columns:164px minmax(0,1fr);gap:0;flex:1;min-height:0}.ppx-thumbs{padding:14px;border-right:1px solid #dbe4ff;background:#f8fafce6;overflow:auto}.ppx-thumb{display:flex;flex-direction:column;width:100%;padding:10px;margin-bottom:10px;border:1px solid #dbe4ff;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);text-align:left;cursor:pointer;gap:8px;overflow:hidden}.ppx-thumb.is-active{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.ppx-thumb__preview{display:flex;align-items:center;justify-content:center;min-height:78px;padding:4px;overflow:hidden;border:1px solid #dbe4ff;border-radius:10px;background:#eef4ff}.ppx-thumb__stage{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;pointer-events:none}.ppx-thumb__stage .ppx-stage-shell{display:block;min-width:0;margin:0 auto}.ppx-thumb__stage .ppx-stage{border-radius:6px;box-shadow:0 4px 12px #0f172a1a}.ppx-thumb__meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.ppx-thumb__index{font-weight:600;color:#0f172a}.ppx-thumb__label{margin-top:6px;color:#64748b;font-size:12px}.ppx-stage-area{padding:16px;overflow:auto}.ppx-stage-shell{position:relative;min-width:fit-content}.ppx-stage{position:relative;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 18px 40px #0f172a1f}.ppx-element{box-sizing:border-box;pointer-events:auto}.ppx-text,.ppx-shape__content{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;overflow:visible;min-height:0}.ppx-text{padding:4px 6px}.ppx-text :deep(p),.ppx-shape__content :deep(p){margin:0;line-height:1.2;white-space:normal;overflow:visible}.ppx-text :deep(ul),.ppx-text :deep(ol),.ppx-shape__content :deep(ul),.ppx-shape__content :deep(ol),.ppx-table__rich :deep(ul),.ppx-table__rich :deep(ol){margin:0;padding-left:1.4em}.ppx-text :deep(ol[data-list-depth="1"]),.ppx-shape__content :deep(ol[data-list-depth="1"]),.ppx-table__rich :deep(ol[data-list-depth="1"]){list-style-type:decimal}.ppx-text :deep(ol[data-list-depth="2"]),.ppx-shape__content :deep(ol[data-list-depth="2"]),.ppx-table__rich :deep(ol[data-list-depth="2"]){list-style-type:lower-alpha}.ppx-text :deep(ol[data-list-depth="3"]),.ppx-shape__content :deep(ol[data-list-depth="3"]),.ppx-table__rich :deep(ol[data-list-depth="3"]){list-style-type:lower-roman}.ppx-text :deep(ol[data-list-depth="4"]),.ppx-shape__content :deep(ol[data-list-depth="4"]),.ppx-table__rich :deep(ol[data-list-depth="4"]){list-style-type:decimal}.ppx-text :deep(ul[data-list-depth="1"]),.ppx-shape__content :deep(ul[data-list-depth="1"]),.ppx-table__rich :deep(ul[data-list-depth="1"]){list-style-type:disc}.ppx-text :deep(ul[data-list-depth="2"]),.ppx-shape__content :deep(ul[data-list-depth="2"]),.ppx-table__rich :deep(ul[data-list-depth="2"]){list-style-type:circle}.ppx-text :deep(ul[data-list-depth="3"]),.ppx-shape__content :deep(ul[data-list-depth="3"]),.ppx-table__rich :deep(ul[data-list-depth="3"]){list-style-type:square}.ppx-text :deep(li.ppx-bullet-item),.ppx-shape__content :deep(li.ppx-bullet-item),.ppx-table__rich :deep(li.ppx-bullet-item){list-style:none;display:flex;align-items:flex-start;gap:.45em;padding-left:0}.ppx-text :deep(.ppx-bullet-marker),.ppx-shape__content :deep(.ppx-bullet-marker),.ppx-table__rich :deep(.ppx-bullet-marker){flex:0 0 1em;display:inline-block;width:1em;text-align:center;color:currentColor;line-height:1.2}.ppx-text :deep(p:last-child),.ppx-shape__content :deep(p:last-child){margin-bottom:0}.ppx-text :deep(span),.ppx-shape__content :deep(span),.ppx-table__rich :deep(span){line-height:1.2}.ppx-image-shell{width:100%;height:100%;overflow:hidden;border-radius:12px;background:#f8fafc}.ppx-image{display:block;width:100%;height:100%;max-width:none;max-height:none;transform-origin:top left}.ppx-shape{position:relative;width:100%;height:100%;overflow:visible}.ppx-shape__surface,.ppx-shape__svg{position:absolute;inset:0;display:block;width:100%;height:100%}.ppx-shape__content{position:absolute;inset:0;pointer-events:none}.ppx-shape__content :deep(*){max-width:100%}.ppx-group,.ppx-diagram{position:relative;width:100%;height:100%}.ppx-table-shell{width:100%;height:100%;overflow:hidden;background:#fff}.ppx-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;border-spacing:0}.ppx-table td{min-width:40px;padding:6px 8px;word-break:break-word;overflow:hidden;box-sizing:border-box}.ppx-table__rich :deep(p){margin:0;line-height:1.2}.ppx-table__rich :deep(p:last-child){margin-bottom:0}.ppx-media-shell,.ppx-audio-shell{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:#0f172a;border-radius:12px}.ppx-media{width:100%;height:100%;object-fit:contain;background:#000}.ppx-audio{width:calc(100% - 20px)}.ppx-audio--hidden{display:none}.ppx-audio-button{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;border-radius:0;background:transparent;color:#94a3b8eb;cursor:pointer}.ppx-audio-button__icon{width:100%;height:100%}.ppx-status{display:flex;align-items:center;justify-content:center;min-height:240px;color:#334155;font-size:15px}.ppx-status--error{color:#b91c1c}.ppx-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#ffffffb8;color:#475569;text-align:center}.ppx-fallback--warn{border-color:#f59e0b;color:#92400e;background:#fffbeb}.ppx-fade-enter-active,.ppx-fade-leave-active{transition:opacity .18s ease}.ppx-fade-enter-from,.ppx-fade-leave-to{opacity:0}@media(max-width:960px){.ppx-body{grid-template-columns:1fr}.ppx-thumbs{display:flex;gap:10px;border-right:0;border-bottom:1px solid #dbe4ff}.ppx-thumb{min-width:128px;margin-bottom:0}.ppx-wrapper.is-dialog .ppx-panel{inset:0;border-radius:0}}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.lfp-wrapper{--lfp-bg: #eef6ff;--lfp-panel: rgba(255, 255, 255, .84);--lfp-panel-solid: rgba(255, 255, 255, .96);--lfp-border: rgba(57, 84, 130, .16);--lfp-text: #10233d;--lfp-text-subtle: #59708c;--lfp-primary: #118ab2;--lfp-primary-strong: #2667ff;--lfp-accent: #36c9a7;--lfp-primary-soft: rgba(17, 138, 178, .12);--lfp-hero: linear-gradient(135deg, #2667ff 0%, #118ab2 52%, #36c9a7 100%);--lfp-hero-soft: linear-gradient(135deg, rgba(38, 103, 255, .14), rgba(17, 138, 178, .1) 48%, rgba(54, 201, 167, .14));--lfp-shadow: 0 28px 80px rgba(31, 64, 121, .16);--lfp-shadow-soft: 0 18px 44px rgba(31, 64, 121, .1);position:relative;color:var(--lfp-text)}.lfp-wrapper,.lfp-wrapper *,.lfp-wrapper *:before,.lfp-wrapper *:after{box-sizing:border-box}.lfp-wrapper button,.lfp-wrapper input,.lfp-wrapper textarea,.lfp-wrapper select{font:inherit}.lfp-button,.lfp-sheet__tab{border:1px solid rgba(81,114,170,.12);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f0f8fff2);color:var(--lfp-text);cursor:pointer;box-shadow:0 10px 24px #32579714;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.lfp-button{padding:10px 15px}.lfp-icon-button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.lfp-icon-button svg{width:18px;height:18px;fill:currentColor}.lfp-button:hover,.lfp-sheet__tab:hover{transform:translateY(-2px);border-color:#118ab242;box-shadow:0 14px 30px #2756a424}.lfp-button{border-color:transparent;background:var(--lfp-hero);color:#fff}.lfp-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.lfp-wrapper.is-dialog{position:fixed;inset:0;z-index:99999999;display:flex;align-items:center;justify-content:center;padding:24px}.lfp-backdrop{position:absolute;inset:0;backdrop-filter:blur(8px);background:radial-gradient(circle at top,rgba(38,103,255,.16),transparent 30%),#0a162d70}.lfp-panel{position:relative;display:flex;flex-direction:column;min-height:420px;width:100%;background:linear-gradient(180deg,#ffffffe6,#f4fbffe0),var(--lfp-hero-soft);border:1px solid var(--lfp-border);border-radius:24px;overflow:hidden;box-shadow:var(--lfp-shadow);backdrop-filter:blur(16px)}.lfp-wrapper.is-dialog .lfp-panel{max-width:min(1280px,100%);max-height:min(88vh,100%)}.lfp-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--lfp-border);background:linear-gradient(180deg,#ffffffe0,#f1f9ffd1)}.lfp-toolbar__meta,.lfp-toolbar__actions{display:flex;gap:12px;align-items:center}.lfp-title{max-width:min(60vw,720px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-badge{padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#2667ff1f,#36c9a724);color:var(--lfp-primary-strong);font-size:12px;text-transform:uppercase}.lfp-button.is-ghost{background:linear-gradient(180deg,#ffffffe6,#f2f8ffdb);color:var(--lfp-text);border-color:var(--lfp-border)}.lfp-content{position:relative;flex:1;min-height:360px;padding:16px;overflow:auto}.lfp-loading,.lfp-error,.lfp-empty{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:280px;text-align:center}.lfp-spinner{width:28px;height:28px;border:3px solid rgba(17,138,178,.16);border-top-color:var(--lfp-primary-strong);border-radius:50%;animation:lfp-spin .8s linear infinite}.lfp-document{background:linear-gradient(180deg,#fffffff0,#f5fbffe6),var(--lfp-hero-soft);border-radius:18px;border:1px solid rgba(57,84,130,.08);padding:16px;box-shadow:inset 0 1px #ffffffb8}.lfp-image,.lfp-media{display:block;max-width:100%;margin:0 auto;border-radius:18px;background:#ffffffb8}.lfp-image{object-fit:contain}.lfp-media{width:100%}.lfp-audio{width:100%;margin-top:32px}.lfp-code{margin:0;padding:20px;overflow:auto;background:linear-gradient(180deg,#0a1429fa,#0b1c36f5),linear-gradient(135deg,#2667ff29,#118ab214);color:#dbeafe;border-radius:16px;font-family:SFMono-Regular,JetBrains Mono,monospace;line-height:1.6;white-space:pre-wrap;word-break:break-word}.lfp-markdown{padding:12px;line-height:1.8}.lfp-markdown img{max-width:100%}.lfp-hint{margin:0 0 12px;color:var(--lfp-text-subtle);font-size:13px}.lfp-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(57,84,130,.08);border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f4faffeb)}.lfp-page-toolbar__meta,.lfp-page-toolbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lfp-page-toolbar__title{color:#1c3f68;font-size:13px;font-weight:700}.lfp-page-toolbar__status,.lfp-page-toolbar__pager{color:var(--lfp-text-subtle);font-size:13px}.lfp-page-toolbar__toggle,.lfp-page-toolbar__nav{min-height:36px;padding:8px 14px}.lfp-page-toolbar__toggle.is-active{background:var(--lfp-hero);color:#fff;border-color:transparent}.lfp-pdf{display:flex;flex-direction:column;gap:18px}.lfp-pdf-page{display:flex;justify-content:center}.lfp-pdf-page canvas{max-width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px #1f40791f;background:#fff}.lfp-docx{overflow:auto}.lfp-docx .docx-wrapper{display:flex;flex-direction:column;align-items:center;gap:18px;background:transparent;padding:0}.lfp-docx-page{width:100%}.lfp-sheet{display:flex;flex-direction:column;gap:14px}.lfp-sheet__toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;flex-wrap:wrap}.lfp-sheet__tabs{display:flex;flex-wrap:wrap;gap:0;align-items:flex-end;flex:1 1 520px;padding:10px 12px 0;border:1px solid rgba(27,44,66,.08);border-radius:14px 14px 0 0;background:linear-gradient(180deg,#f2f8f5f5,#e8f3edeb);overflow-x:auto}.lfp-sheet__tab{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 10px;margin-right:6px;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;background:transparent;color:#2a3a4cb8;font-size:13px;font-weight:600;transition:all .18s ease}.lfp-sheet__tab-label{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-sheet__tab-meta{color:#445e75ad;font-size:12px;font-weight:500}.lfp-sheet__tab.is-active{position:relative;background:linear-gradient(180deg,#fff,#f7fff9);color:#0f6f50;border-color:#20946147;box-shadow:0 -1px #ffffffb8,0 10px 22px #12785514}.lfp-sheet__tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:3px;border-radius:999px;background:linear-gradient(90deg,#1ba86f,#44d196)}.lfp-sheet__tab:hover{color:#1e7c5d;background:#ffffff8c}.lfp-sheet__summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 1 auto;min-height:54px;padding:10px 14px;border:1px solid rgba(27,44,66,.08);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f7fbf9f0)}.lfp-sheet__summary-item{display:inline-flex;align-items:center;gap:8px;color:#37475bc2;font-size:13px;white-space:nowrap}.lfp-sheet__summary-item strong{color:#114b38;font-weight:700}.lfp-sheet__formula-bar{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid rgba(27,44,66,.08);border-radius:10px;background:linear-gradient(180deg,#f7f8fafa,#eff2f6f5),#ffffffeb}.lfp-sheet__name-box{display:inline-flex;align-items:center;justify-content:space-between;width:82px;min-width:82px;min-height:28px;padding:0 8px 0 10px;border-radius:6px;border:1px solid rgba(31,44,61,.14);background:linear-gradient(180deg,#fffffffa,#f1f5f9f0);color:#425368;font-weight:700;font-size:12px;box-shadow:inset 0 1px #ffffffd1}.lfp-sheet__name-box-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-sheet__name-box-caret{width:0;height:0;margin-left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(71,85,105,.72)}.lfp-sheet__formula-input{display:flex;align-items:center;gap:10px;flex:1;min-height:28px;padding:0 10px 0 8px;border-radius:6px;border:1px solid rgba(31,44,61,.14);background:#fffffffa;box-shadow:inset 0 1px #ffffffeb,0 1px #ffffff80}.lfp-sheet__formula-label{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:18px;padding:0 5px;border-radius:999px;border:1px solid rgba(31,44,61,.1);background:#f1f5f9eb;color:#64748b;font-style:italic;font-weight:700;font-size:11px}.lfp-sheet__formula-text{color:#1f2937;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lfp-sheet__table-wrap{overflow:auto;border-radius:0 0 10px 10px;border:1px solid rgba(27,44,66,.08);border-top:none;background:#fff;box-shadow:inset 0 1px #fffc}.lfp-sheet__grid{position:relative;width:max-content;min-width:0}.lfp-sheet__table{width:auto;border-collapse:collapse;font-size:12px;background:#fff;table-layout:fixed}.lfp-sheet__table th,.lfp-sheet__table td{padding:4px 6px;border:1px solid #d9dee5;vertical-align:middle;box-sizing:border-box}.lfp-sheet__table td{background-color:var(--lfp-cell-bg, #fff);position:relative;transition:background-color .16s ease,box-shadow .16s ease,outline-color .16s ease}.lfp-sheet__header-row th,.lfp-sheet__row-header{font-weight:600;color:#5b6472;text-align:center;background:#f3f4f6;user-select:none}.lfp-sheet__corner-header,.lfp-sheet__row-header{min-width:46px;width:46px}.lfp-sheet__corner-header{background:#eef0f3}.lfp-sheet__col-header{min-height:28px;box-shadow:inset 0 -1px #182c4014}.lfp-sheet__row-header{box-shadow:inset -1px 0 #182c4014}.lfp-sheet__col-header.is-related,.lfp-sheet__row-header.is-related{color:#0b7a53;background:linear-gradient(180deg,#e4faeffa,#d4f5e4f5)}.lfp-sheet__cell-text{display:flex;align-items:var(--lfp-cell-align, center);justify-content:var(--lfp-cell-justify, flex-start);width:100%;min-height:100%;line-height:1.35;white-space:var(--lfp-cell-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;word-break:var(--lfp-cell-word-break, normal);box-sizing:border-box}.lfp-sheet__cell-text--rich{display:block;width:100%;min-height:100%}.lfp-sheet__cell-text--rich span{white-space:inherit}.lfp-sheet__table td:hover,.lfp-sheet__table td:focus{outline:none}.lfp-sheet__table td.is-row-active,.lfp-sheet__table td.is-col-active{box-shadow:none}.lfp-sheet__table td.is-selected{z-index:1;box-shadow:none}.lfp-sheet__table td.is-selected:after{content:none}.lfp-sheet__images{position:absolute;inset:0;pointer-events:none;z-index:5}.lfp-sheet__image-frame{position:absolute;overflow:hidden}.lfp-sheet__floating-image{position:absolute;display:block;max-width:none;object-fit:contain;object-position:top left;box-shadow:0 10px 26px #0f172a1f}.lfp-sheet__empty{margin:0;padding:18px;border:1px dashed rgba(31,44,61,.14);border-radius:14px;background:#ffffffb8;color:#36465abd}@media(max-width:900px){.lfp-sheet__summary{width:100%;justify-content:flex-start;flex-wrap:wrap}.lfp-sheet__tabs{flex-basis:100%}.lfp-sheet__formula-bar{align-items:stretch;flex-direction:column}.lfp-sheet__corner-header,.lfp-sheet__row-header{min-width:46px;width:46px}}@media(max-width:720px){.lfp-page-toolbar{align-items:stretch}.lfp-page-toolbar__meta,.lfp-page-toolbar__actions{width:100%}}.lfp-fade-enter-active,.lfp-fade-leave-active{transition:opacity .2s ease}.lfp-fade-enter-from,.lfp-fade-leave-to{opacity:0}@keyframes lfp-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.lfp-wrapper.is-dialog,.lfp-content{padding:12px}}
|
|
1
|
+
.lfp-wrapper{--lfp-bg: #eef6ff;--lfp-panel: rgba(255, 255, 255, .84);--lfp-panel-solid: rgba(255, 255, 255, .96);--lfp-border: rgba(57, 84, 130, .16);--lfp-text: #10233d;--lfp-text-subtle: #59708c;--lfp-primary: #118ab2;--lfp-primary-strong: #2667ff;--lfp-accent: #36c9a7;--lfp-primary-soft: rgba(17, 138, 178, .12);--lfp-hero: linear-gradient(135deg, #2667ff 0%, #118ab2 52%, #36c9a7 100%);--lfp-hero-soft: linear-gradient(135deg, rgba(38, 103, 255, .14), rgba(17, 138, 178, .1) 48%, rgba(54, 201, 167, .14));--lfp-shadow: 0 28px 80px rgba(31, 64, 121, .16);--lfp-shadow-soft: 0 18px 44px rgba(31, 64, 121, .1);position:relative;color:var(--lfp-text)}.lfp-wrapper,.lfp-wrapper *,.lfp-wrapper *:before,.lfp-wrapper *:after{box-sizing:border-box}.lfp-wrapper button,.lfp-wrapper input,.lfp-wrapper textarea,.lfp-wrapper select{font:inherit}.lfp-button,.lfp-sheet__tab{border:1px solid rgba(81,114,170,.12);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f0f8fff2);color:var(--lfp-text);cursor:pointer;box-shadow:0 10px 24px #32579714;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.lfp-button{padding:10px 15px}.lfp-icon-button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.lfp-icon-button svg{width:18px;height:18px;fill:currentColor}.lfp-button:hover,.lfp-sheet__tab:hover{transform:translateY(-2px);border-color:#118ab242;box-shadow:0 14px 30px #2756a424}.lfp-button{border-color:transparent;background:var(--lfp-hero);color:#fff}.lfp-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.lfp-wrapper.is-dialog{position:fixed;inset:0;z-index:99999999;display:flex;align-items:center;justify-content:center;padding:24px}.lfp-backdrop{position:absolute;inset:0;backdrop-filter:blur(8px);background:radial-gradient(circle at top,rgba(38,103,255,.16),transparent 30%),#0a162d70}.lfp-panel{position:relative;display:flex;flex-direction:column;min-height:420px;width:100%;background:linear-gradient(180deg,#ffffffe6,#f4fbffe0),var(--lfp-hero-soft);border:1px solid var(--lfp-border);border-radius:24px;overflow:hidden;box-shadow:var(--lfp-shadow);backdrop-filter:blur(16px)}.lfp-wrapper.is-dialog .lfp-panel{max-width:min(1280px,100%);max-height:min(88vh,100%)}.lfp-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--lfp-border);background:linear-gradient(180deg,#ffffffe0,#f1f9ffd1)}.lfp-toolbar__meta,.lfp-toolbar__actions{display:flex;gap:12px;align-items:center}.lfp-title{max-width:min(60vw,720px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-badge{padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#2667ff1f,#36c9a724);color:var(--lfp-primary-strong);font-size:12px;text-transform:uppercase}.lfp-button.is-ghost{background:linear-gradient(180deg,#ffffffe6,#f2f8ffdb);color:var(--lfp-text);border-color:var(--lfp-border)}.lfp-content{position:relative;flex:1;min-height:360px;padding:16px;overflow:auto}.lfp-loading,.lfp-error,.lfp-empty{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:280px;text-align:center}.lfp-spinner{width:28px;height:28px;border:3px solid rgba(17,138,178,.16);border-top-color:var(--lfp-primary-strong);border-radius:50%;animation:lfp-spin .8s linear infinite}.lfp-document{background:linear-gradient(180deg,#fffffff0,#f5fbffe6),var(--lfp-hero-soft);border-radius:18px;border:1px solid rgba(57,84,130,.08);padding:16px;box-shadow:inset 0 1px #ffffffb8}.lfp-image,.lfp-media{display:block;max-width:100%;margin:0 auto;border-radius:18px;background:#ffffffb8}.lfp-image{object-fit:contain}.lfp-media{width:100%}.lfp-audio{width:100%;margin-top:32px}.lfp-code{margin:0;padding:20px;overflow:auto;background:linear-gradient(180deg,#0a1429fa,#0b1c36f5),linear-gradient(135deg,#2667ff29,#118ab214);color:#dbeafe;border-radius:16px;font-family:SFMono-Regular,JetBrains Mono,monospace;line-height:1.6;white-space:pre-wrap;word-break:break-word}.lfp-markdown{padding:12px;line-height:1.8}.lfp-markdown img{max-width:100%}.lfp-hint{margin:0 0 12px;color:var(--lfp-text-subtle);font-size:13px}.lfp-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(57,84,130,.08);border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f4faffeb)}.lfp-page-toolbar__meta,.lfp-page-toolbar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lfp-page-toolbar__title{color:#1c3f68;font-size:13px;font-weight:700}.lfp-page-toolbar__status,.lfp-page-toolbar__pager{color:var(--lfp-text-subtle);font-size:13px}.lfp-page-toolbar__toggle,.lfp-page-toolbar__nav{min-height:36px;padding:8px 14px}.lfp-page-toolbar__toggle.is-active{background:var(--lfp-hero);color:#fff;border-color:transparent}.lfp-pdf{display:flex;flex-direction:column;gap:18px}.lfp-pdf-page{display:flex;justify-content:center}.lfp-pdf-page canvas{max-width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px #1f40791f;background:#fff}.lfp-docx{overflow:auto}.lfp-docx .docx-wrapper{display:flex;flex-direction:column;align-items:center;gap:18px;background:transparent;padding:0}.lfp-docx-page{width:100%}.lfp-sheet{display:flex;flex-direction:column;gap:14px}.lfp-sheet__toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;flex-wrap:wrap}.lfp-sheet__tabs{display:flex;flex-wrap:wrap;gap:0;align-items:flex-end;flex:1 1 520px;padding:10px 12px 0;border:1px solid rgba(27,44,66,.08);border-radius:14px 14px 0 0;background:linear-gradient(180deg,#f2f8f5f5,#e8f3edeb);overflow-x:auto}.lfp-sheet__tab{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 10px;margin-right:6px;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;background:transparent;color:#2a3a4cb8;font-size:13px;font-weight:600;transition:all .18s ease}.lfp-sheet__tab-label{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-sheet__tab-meta{color:#445e75ad;font-size:12px;font-weight:500}.lfp-sheet__tab.is-active{position:relative;background:linear-gradient(180deg,#fff,#f7fff9);color:#0f6f50;border-color:#20946147;box-shadow:0 -1px #ffffffb8,0 10px 22px #12785514}.lfp-sheet__tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:3px;border-radius:999px;background:linear-gradient(90deg,#1ba86f,#44d196)}.lfp-sheet__tab:hover{color:#1e7c5d;background:#ffffff8c}.lfp-sheet__summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 1 auto;min-height:54px;padding:10px 14px;border:1px solid rgba(27,44,66,.08);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f7fbf9f0)}.lfp-sheet__summary-item{display:inline-flex;align-items:center;gap:8px;color:#37475bc2;font-size:13px;white-space:nowrap}.lfp-sheet__summary-item strong{color:#114b38;font-weight:700}.lfp-sheet__formula-bar{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid rgba(27,44,66,.08);border-radius:10px;background:linear-gradient(180deg,#f7f8fafa,#eff2f6f5),#ffffffeb}.lfp-sheet__name-box{display:inline-flex;align-items:center;justify-content:space-between;width:82px;min-width:82px;min-height:28px;padding:0 8px 0 10px;border-radius:6px;border:1px solid rgba(31,44,61,.14);background:linear-gradient(180deg,#fffffffa,#f1f5f9f0);color:#425368;font-weight:700;font-size:12px;box-shadow:inset 0 1px #ffffffd1}.lfp-sheet__name-box-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfp-sheet__name-box-caret{width:0;height:0;margin-left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(71,85,105,.72)}.lfp-sheet__formula-input{display:flex;align-items:center;gap:10px;flex:1;min-height:28px;padding:0 10px 0 8px;border-radius:6px;border:1px solid rgba(31,44,61,.14);background:#fffffffa;box-shadow:inset 0 1px #ffffffeb,0 1px #ffffff80}.lfp-sheet__formula-label{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:18px;padding:0 5px;border-radius:999px;border:1px solid rgba(31,44,61,.1);background:#f1f5f9eb;color:#64748b;font-style:italic;font-weight:700;font-size:11px}.lfp-sheet__formula-text{color:#1f2937;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lfp-sheet__table-wrap{overflow:auto;border-radius:0 0 10px 10px;border:1px solid rgba(27,44,66,.08);border-top:none;background:#fff;box-shadow:inset 0 1px #fffc}.lfp-sheet__grid{position:relative;width:max-content;min-width:0}.lfp-sheet__table{width:auto;border-collapse:collapse;font-size:12px;background:#fff;table-layout:fixed}.lfp-sheet__table th,.lfp-sheet__table td{padding:4px 6px;border:1px solid #d9dee5;vertical-align:middle;box-sizing:border-box}.lfp-sheet__table td{background-color:var(--lfp-cell-bg, #fff);position:relative;transition:background-color .16s ease,box-shadow .16s ease,outline-color .16s ease}.lfp-sheet__header-row th,.lfp-sheet__row-header{font-weight:600;color:#5b6472;text-align:center;background:#f3f4f6;user-select:none}.lfp-sheet__corner-header,.lfp-sheet__row-header{min-width:46px;width:46px}.lfp-sheet__corner-header{background:#eef0f3}.lfp-sheet__col-header{min-height:28px;box-shadow:inset 0 -1px #182c4014}.lfp-sheet__row-header{box-shadow:inset -1px 0 #182c4014}.lfp-sheet__col-header.is-related,.lfp-sheet__row-header.is-related{color:#0b7a53;background:linear-gradient(180deg,#e4faeffa,#d4f5e4f5)}.lfp-sheet__cell-text{display:flex;align-items:var(--lfp-cell-align, center);justify-content:var(--lfp-cell-justify, flex-start);width:100%;min-height:100%;line-height:1.35;white-space:var(--lfp-cell-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;word-break:var(--lfp-cell-word-break, normal);box-sizing:border-box}.lfp-sheet__cell-text--rich{display:block;width:100%;min-height:100%}.lfp-sheet__cell-text--rich span{white-space:inherit}.lfp-sheet__table td:hover,.lfp-sheet__table td:focus{outline:none}.lfp-sheet__table td.is-row-active,.lfp-sheet__table td.is-col-active{box-shadow:none}.lfp-sheet__table td.is-selected{z-index:1;box-shadow:none}.lfp-sheet__table td.is-selected:after{content:none}.lfp-sheet__images{position:absolute;inset:0;pointer-events:none;z-index:5}.lfp-sheet__image-frame{position:absolute;overflow:hidden}.lfp-sheet__floating-image{position:absolute;display:block;max-width:none;object-fit:contain;object-position:top left;box-shadow:0 10px 26px #0f172a1f}.lfp-sheet__empty{margin:0;padding:18px;border:1px dashed rgba(31,44,61,.14);border-radius:14px;background:#ffffffb8;color:#36465abd}@media(max-width:900px){.lfp-sheet__summary{width:100%;justify-content:flex-start;flex-wrap:wrap}.lfp-sheet__tabs{flex-basis:100%}.lfp-sheet__formula-bar{align-items:stretch;flex-direction:column}.lfp-sheet__corner-header,.lfp-sheet__row-header{min-width:46px;width:46px}}@media(max-width:720px){.lfp-page-toolbar{align-items:stretch}.lfp-page-toolbar__meta,.lfp-page-toolbar__actions{width:100%}}.lfp-fade-enter-active,.lfp-fade-leave-active{transition:opacity .2s ease}.lfp-fade-enter-from,.lfp-fade-leave-to{opacity:0}@keyframes lfp-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.lfp-wrapper.is-dialog,.lfp-content{padding:12px}}.ppx-wrapper{position:relative;color:#0f172a;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.ppx-wrapper.is-dialog{position:fixed;inset:0;z-index:1000}.ppx-backdrop{position:absolute;inset:0;background:#0f172a99}.ppx-panel{position:relative;display:flex;flex-direction:column;min-height:560px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid #dbe4ff;border-radius:18px;box-shadow:0 24px 60px #0f172a1f;overflow:hidden}.ppx-wrapper.is-dialog .ppx-panel{position:absolute;inset:24px}.ppx-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;background:#ffffffe0;border-bottom:1px solid #dbe4ff;backdrop-filter:blur(14px)}.ppx-toolbar__title{display:flex;flex-direction:column;gap:4px}.ppx-toolbar__title span{color:#475569;font-size:13px}.ppx-toolbar__actions{display:flex;flex-wrap:wrap;gap:8px}.ppx-button{height:34px;padding:0 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;cursor:pointer}.ppx-button:disabled{opacity:.45;cursor:not-allowed}.ppx-button--ghost{background:transparent}.ppx-body{display:grid;grid-template-columns:164px minmax(0,1fr);gap:0;flex:1;min-height:0}.ppx-thumbs{padding:14px;border-right:1px solid #dbe4ff;background:#f8fafce6;overflow:auto}.ppx-thumb{display:flex;flex-direction:column;width:100%;padding:10px;margin-bottom:10px;border:1px solid #dbe4ff;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);text-align:left;cursor:pointer;gap:8px;overflow:hidden}.ppx-thumb.is-active{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.ppx-thumb__preview{display:flex;align-items:center;justify-content:center;min-height:78px;padding:4px;overflow:hidden;border:1px solid #dbe4ff;border-radius:10px;background:#eef4ff}.ppx-thumb__stage{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;pointer-events:none}.ppx-thumb__stage .ppx-stage-shell{display:block;min-width:0;margin:0 auto}.ppx-thumb__stage .ppx-stage{border-radius:6px;box-shadow:0 4px 12px #0f172a1a}.ppx-thumb__meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.ppx-thumb__index{font-weight:600;color:#0f172a}.ppx-thumb__label{margin-top:6px;color:#64748b;font-size:12px}.ppx-stage-area{padding:16px;overflow:auto}.ppx-stage-shell{position:relative;min-width:fit-content}.ppx-stage{position:relative;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 18px 40px #0f172a1f}.ppx-element{box-sizing:border-box;pointer-events:auto}.ppx-text,.ppx-shape__content{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;overflow:visible;min-height:0}.ppx-text{padding:4px 6px}.ppx-text :deep(p),.ppx-shape__content :deep(p){margin:0;line-height:1.2;white-space:normal;overflow:visible}.ppx-text :deep(ul),.ppx-text :deep(ol),.ppx-shape__content :deep(ul),.ppx-shape__content :deep(ol),.ppx-table__rich :deep(ul),.ppx-table__rich :deep(ol){margin:0;padding-left:1.4em}.ppx-text :deep(ol[data-list-depth="1"]),.ppx-shape__content :deep(ol[data-list-depth="1"]),.ppx-table__rich :deep(ol[data-list-depth="1"]){list-style-type:decimal}.ppx-text :deep(ol[data-list-depth="2"]),.ppx-shape__content :deep(ol[data-list-depth="2"]),.ppx-table__rich :deep(ol[data-list-depth="2"]){list-style-type:lower-alpha}.ppx-text :deep(ol[data-list-depth="3"]),.ppx-shape__content :deep(ol[data-list-depth="3"]),.ppx-table__rich :deep(ol[data-list-depth="3"]){list-style-type:lower-roman}.ppx-text :deep(ol[data-list-depth="4"]),.ppx-shape__content :deep(ol[data-list-depth="4"]),.ppx-table__rich :deep(ol[data-list-depth="4"]){list-style-type:decimal}.ppx-text :deep(ul[data-list-depth="1"]),.ppx-shape__content :deep(ul[data-list-depth="1"]),.ppx-table__rich :deep(ul[data-list-depth="1"]){list-style-type:disc}.ppx-text :deep(ul[data-list-depth="2"]),.ppx-shape__content :deep(ul[data-list-depth="2"]),.ppx-table__rich :deep(ul[data-list-depth="2"]){list-style-type:circle}.ppx-text :deep(ul[data-list-depth="3"]),.ppx-shape__content :deep(ul[data-list-depth="3"]),.ppx-table__rich :deep(ul[data-list-depth="3"]){list-style-type:square}.ppx-text :deep(li.ppx-bullet-item),.ppx-shape__content :deep(li.ppx-bullet-item),.ppx-table__rich :deep(li.ppx-bullet-item){list-style:none;display:flex;align-items:flex-start;gap:.45em;padding-left:0}.ppx-text :deep(.ppx-bullet-marker),.ppx-shape__content :deep(.ppx-bullet-marker),.ppx-table__rich :deep(.ppx-bullet-marker){flex:0 0 1em;display:inline-block;width:1em;text-align:center;color:currentColor;line-height:1.2}.ppx-text :deep(p:last-child),.ppx-shape__content :deep(p:last-child){margin-bottom:0}.ppx-text :deep(span),.ppx-shape__content :deep(span),.ppx-table__rich :deep(span){line-height:1.2}.ppx-image-shell{width:100%;height:100%;overflow:hidden;border-radius:12px;background:#f8fafc}.ppx-image{display:block;width:100%;height:100%;max-width:none;max-height:none;transform-origin:top left}.ppx-shape{position:relative;width:100%;height:100%;overflow:visible}.ppx-shape__surface,.ppx-shape__svg{position:absolute;inset:0;display:block;width:100%;height:100%}.ppx-shape__content{position:absolute;inset:0;pointer-events:none}.ppx-shape__content :deep(*){max-width:100%}.ppx-group,.ppx-diagram{position:relative;width:100%;height:100%}.ppx-table-shell{width:100%;height:100%;overflow:hidden;background:#fff}.ppx-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;border-spacing:0}.ppx-table td{min-width:40px;padding:6px 8px;word-break:break-word;overflow:hidden;box-sizing:border-box}.ppx-table__rich :deep(p){margin:0;line-height:1.2}.ppx-table__rich :deep(p:last-child){margin-bottom:0}.ppx-media-shell,.ppx-audio-shell{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:#0f172a;border-radius:12px}.ppx-media{width:100%;height:100%;object-fit:contain;background:#000}.ppx-audio{width:calc(100% - 20px)}.ppx-audio--hidden{display:none}.ppx-audio-button{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;border-radius:0;background:transparent;color:#94a3b8eb;cursor:pointer}.ppx-audio-button__icon{width:100%;height:100%}.ppx-status{display:flex;align-items:center;justify-content:center;min-height:240px;color:#334155;font-size:15px}.ppx-status--error{color:#b91c1c}.ppx-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#ffffffb8;color:#475569;text-align:center}.ppx-fallback--warn{border-color:#f59e0b;color:#92400e;background:#fffbeb}.ppx-fade-enter-active,.ppx-fade-leave-active{transition:opacity .18s ease}.ppx-fade-enter-from,.ppx-fade-leave-to{opacity:0}@media(max-width:960px){.ppx-body{grid-template-columns:1fr}.ppx-thumbs{display:flex;gap:10px;border-right:0;border-bottom:1px solid #dbe4ff}.ppx-thumb{min-width:128px;margin-bottom:0}.ppx-wrapper.is-dialog .ppx-panel{inset:0;border-radius:0}}
|
|
@@ -20,15 +20,15 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
20
20
|
onError?: ((error: Error) => any) | undefined;
|
|
21
21
|
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
22
22
|
}>, {
|
|
23
|
-
visible: boolean;
|
|
24
23
|
mode: FilePreviewMode;
|
|
24
|
+
visible: boolean;
|
|
25
25
|
loadingText: string;
|
|
26
|
+
dialogTitle: string;
|
|
27
|
+
showToolbar: boolean;
|
|
26
28
|
textEncoding: string;
|
|
27
29
|
maxTextBytes: number;
|
|
28
30
|
maxSheetRows: number;
|
|
29
31
|
maxSheetCols: number;
|
|
30
32
|
pdfScale: number;
|
|
31
|
-
showToolbar: boolean;
|
|
32
|
-
dialogTitle: string;
|
|
33
33
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
34
34
|
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import '@work-zhanguo/pptx-preview/style.css';
|
|
2
|
+
import type { PreviewSource } from '../../types';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
source: PreviewSource;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
7
|
+
error: (error: Error) => any;
|
|
8
|
+
loading: (value: boolean) => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
+
onError?: ((error: Error) => any) | undefined;
|
|
11
|
+
onLoading?: ((value: boolean) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
export default _default;
|
|
@@ -4,6 +4,7 @@ export declare const FILE_KIND_MAP: {
|
|
|
4
4
|
readonly pdf: readonly ["pdf"];
|
|
5
5
|
readonly text: readonly ["txt", "json", "js", "ts", "jsx", "tsx", "html", "css", "md", "csv"];
|
|
6
6
|
readonly docx: readonly ["docx"];
|
|
7
|
+
readonly pptx: readonly ["pptx"];
|
|
7
8
|
readonly sheet: readonly ["xls", "xlsx", "csv"];
|
|
8
9
|
readonly video: readonly ["mp4", "webm"];
|
|
9
10
|
readonly audio: readonly ["mp3", "wav"];
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export type PreviewSource = string | File | Blob;
|
|
2
|
-
export type PreviewKind = 'image' | 'pdf' | 'text' | 'docx' | 'sheet' | 'video' | 'audio' | 'unsupported';
|
|
2
|
+
export type PreviewKind = 'image' | 'pdf' | 'text' | 'docx' | 'pptx' | 'sheet' | 'video' | 'audio' | 'unsupported';
|
|
3
3
|
export type FilePreviewMode = 'inline' | 'dialog';
|
|
4
4
|
export interface FilePreviewProps {
|
|
5
5
|
source: PreviewSource;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as B, c as E, w as _, o as L, a as N, b as d, e as p, f as n, t as f, n as b, F as T, g as m, r as i } from "./vue2-
|
|
1
|
+
import { d as B, c as E, w as _, o as L, a as N, b as d, e as p, f as n, t as f, n as b, F as T, g as m, r as i } from "./vue2-DryhXOWQ.js";
|
|
2
2
|
import { r as D } from "./text-Bqxn_tMI.js";
|
|
3
3
|
const R = { class: "lfp-document" }, $ = {
|
|
4
4
|
key: 0,
|