azs-doc-editor 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+import { DefineComponent, App } from 'vue'
+
+export interface ConversionResult {
+  type: 'docx' | 'xlsx'
+  content: any
+  fileName: string
+}
+
+export interface SaveHandler {
+  (result: ConversionResult): Promise<{ _id: string }> | { _id: string }
+}
+
+export interface DocumentEditorPageProps {
+  fileUrl?: string
+  fileType?: 'docx' | 'xlsx'
+  documentId?: string
+  editable?: boolean
+  loadHandler?: (id: string) => Promise<{ type: 'docx' | 'xlsx'; content: any; title: string }>
+  saveHandler?: SaveHandler
+}
+
+export interface DocumentEditorPageEmits {
+  (e: 'saved', data: { _id: string; result: ConversionResult }): void
+  (e: 'error', error: string): void
+  (e: 'loaded', data: { type: 'docx' | 'xlsx'; content: any; title: string }): void
+}
+
+export declare const DocumentEditorPage: DefineComponent<DocumentEditorPageProps, {}, {}>
+
+declare const plugin: {
+  install(app: App): void
+}
+
+export default plugin

package/dist/style.css

@@ -0,0 +1 @@
+i[data-v-8c3650b3]{color:#222;padding:2px;cursor:pointer}i[data-v-8c3650b3]:hover{background:rgba(0,0,0,.05)}.is-active[data-v-8c3650b3]{background:rgba(0,0,0,.1)}.is-disabled[data-v-8c3650b3]{cursor:not-allowed;color:#aaa}.dropdown-btn:hover,.dropdown-btn:active{background-color:inherit!important}.color-picker-container[data-v-68dc6757]{display:flex;align-items:center}.color-picker-container .icon-wrapper[data-v-68dc6757]{display:flex;flex-direction:column;padding:2px 4px;cursor:pointer}.color-picker-container .icon-wrapper .icon[data-v-68dc6757]{font-size:11px}.color-picker-container .icon-wrapper .select-color-wrapper[data-v-68dc6757]{width:11px;height:2px;box-shadow:0 0 1px 1px #0003}.color-picker-container .icon-wrapper[data-v-68dc6757]:hover{background:rgba(0,0,0,.05)}.color-picker-container .picker-container[data-v-68dc6757]{position:relative;cursor:pointer}.color-picker-container .picker-container .ri-arrow-drop-down-line[data-v-68dc6757]{font-size:14px;padding:2px}.color-picker-container .picker-container .ri-arrow-drop-down-line[data-v-68dc6757]:hover{background:rgba(0,0,0,.05)}.color-picker-container .predefine-color-wrapper[data-v-68dc6757]{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:12px}.color-picker-container .predefine-color-wrapper .default-color[data-v-68dc6757]{width:100%;padding:2px 0;box-shadow:0 0 1px 1px #0000001a;text-align:center;cursor:pointer;margin-bottom:12px}.color-picker-container .predefine-color-wrapper .predefine-color-list[data-v-68dc6757]{display:flex;gap:5px}.color-picker-container .predefine-color-wrapper .predefine-color-list .predefine-column[data-v-68dc6757]{display:flex;flex-direction:column;gap:5px}.color-picker-container .predefine-color-wrapper .predefine-color-list .predefine-item[data-v-68dc6757]{width:18px;height:18px;box-shadow:0 0 1px 1px #0003;cursor:pointer}.color-picker-container .predefine-color-wrapper .color-title[data-v-68dc6757]{margin:18px 0}.color-picker-container .more-color[data-v-68dc6757]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative}.heading-menu[data-v-608d9daa]{width:42px;display:flex;justify-content:center;align-items:center;outline:none;font-size:14px;cursor:pointer}.typography-editor-container[data-v-c65593c1]{display:flex;align-items:center;column-gap:8px}[data-v-c65593c1] .el-dropdown .active-spacing{background:#ecf5ff;color:#409eff}ul[data-type=taskList]{list-style:none;padding:0}ul[data-type=taskList] p{margin:0}ul[data-type=taskList] li{display:flex}ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;user-select:none}ul[data-type=taskList] li>div{flex:1 1 auto}ul[data-type=taskList] li ul li,ul[data-type=taskList] li ol li{display:list-item}ul[data-type=taskList] li ul[data-type=taskList]>li{display:flex}.search-popover[data-v-a2c0c0e3]{display:flex;flex-direction:column;row-gap:10px}.search-popover .search-count[data-v-a2c0c0e3]{display:flex;align-items:center;column-gap:5px;line-height:1;color:#a8abb2}.search-popover .search-count .search-index[data-v-a2c0c0e3]{color:#606266}.search-popover .search-count .disabled-action[data-v-a2c0c0e3]{color:#a8abb2;cursor:not-allowed}.search-popover .result-hint[data-v-a2c0c0e3]{color:#a8abb2;line-height:1;margin-left:5px}.action-list[data-v-a2c0c0e3]{display:flex}.action-list[data-v-a2c0c0e3] .el-button{flex:1}.symbol-list[data-v-5c3c319c]{display:flex;flex-wrap:wrap;gap:20px;column-gap:20px}.symbol-list .symbol-item[data-v-5c3c319c]{cursor:pointer}.symbol-list .symbol-item[data-v-5c3c319c]:hover{color:#409eff}.catalogue-container[data-v-e8b5969a]{width:250px;height:100%;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;margin-left:10px}.catalogue-container .catalogue-header[data-v-e8b5969a]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.catalogue-container .catalogue-header .title[data-v-e8b5969a]{font-weight:500;font-size:14px}.catalogue-container .catalogue-header .close-icon[data-v-e8b5969a]{cursor:pointer;color:#999}.catalogue-container .catalogue-header .close-icon[data-v-e8b5969a]:hover{color:#333}.catalogue-container .catalogue-content[data-v-e8b5969a]{flex:1;overflow-y:auto;padding:8px 0}.catalogue-container .catalogue-content .empty-hint[data-v-e8b5969a]{text-align:center;color:#999;padding:20px;font-size:14px}.catalogue-container .catalogue-content .catalogue-item[data-v-e8b5969a]{padding:8px 16px;cursor:pointer;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalogue-container .catalogue-content .catalogue-item[data-v-e8b5969a]:hover{background:#f5f5f5;color:#409eff}.catalogue-container .catalogue-content .catalogue-item.level-1[data-v-e8b5969a]{padding-left:16px;font-weight:500}.catalogue-container .catalogue-content .catalogue-item.level-2[data-v-e8b5969a]{padding-left:28px}.catalogue-container .catalogue-content .catalogue-item.level-3[data-v-e8b5969a]{padding-left:40px}.catalogue-container .catalogue-content .catalogue-item.level-4[data-v-e8b5969a]{padding-left:52px}.catalogue-container .catalogue-content .catalogue-item.level-5[data-v-e8b5969a]{padding-left:64px}.catalogue-container .catalogue-content .catalogue-item.level-6[data-v-e8b5969a]{padding-left:76px}.catalogue-toggle[data-v-e8b5969a]{position:absolute;left:10px;top:10px;width:32px;height:32px;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer}.catalogue-toggle[data-v-e8b5969a]:hover{background:#f5f5f5}.catalogue-toggle i[data-v-e8b5969a]{font-size:18px;color:#666}.footer-toolbar[data-v-7c7b1a7b]{height:40px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.footer-toolbar .left-section[data-v-7c7b1a7b]{display:flex;align-items:center;gap:20px}.footer-toolbar .left-section .word-count[data-v-7c7b1a7b]{font-size:12px;color:#666}.footer-toolbar .right-section[data-v-7c7b1a7b]{display:flex;align-items:center;gap:10px}.footer-toolbar .right-section .zoom-text[data-v-7c7b1a7b]{font-size:12px;color:#666;min-width:40px}.editor-page-container[data-v-e75ae4bc]{position:relative;background:#f3f3f2;height:100%}.editor-page-container .editor-page-main[data-v-e75ae4bc]{height:calc(100% - 40px);min-height:500px;display:flex;flex-direction:column}.editor-page-container .editor-page-main .editor-header[data-v-e75ae4bc]{display:flex;width:100%;justify-content:center;align-items:center;padding:8px;background:#fff;border-bottom:1px solid #eee;column-gap:8px;box-sizing:border-box;min-width:920px}.editor-page-container .editor-page-main .editor-header[data-v-e75ae4bc] .el-divider--vertical{margin:0}.editor-page-container .editor-page-main .editor-header[data-v-e75ae4bc] .el-color-picker__trigger{padding:0;width:16px;height:16px}.editor-page-container .editor-page-main .editor-body[data-v-e75ae4bc]{flex:1;box-sizing:border-box;width:100%;height:calc(100% - 50px);display:flex;position:relative;min-width:920px;overflow:hidden}.editor-page-container .editor-page-main .editor-body .catalogue-list[data-v-e75ae4bc]{position:absolute;left:0;top:10px;bottom:10px;margin:auto;border:none;z-index:2}.editor-page-container .editor-page-main .editor-body .editor-area[data-v-e75ae4bc]{height:100%;width:100%;box-sizing:border-box}.editor-page-container .editor-page-main .editor-body .editor-area .editor-area-container[data-v-e75ae4bc]{height:100%;overflow:auto;padding:10px 0;box-sizing:border-box;display:grid;place-items:center}.dropdown-item[data-v-e75ae4bc]{position:relative;width:100px}.dropdown-item .select-file[data-v-e75ae4bc]{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer}.dropdown-item .desc[data-v-e75ae4bc]{margin-left:8px}.doc-editor-content{width:794px;min-height:1123px;background:#fff;box-shadow:0 2px 8px #0000001a;padding:96px 90px;box-sizing:border-box}.doc-editor-content .ProseMirror{outline:none;min-height:900px}.doc-editor-content .ProseMirror>*+*{margin-top:.75em}.doc-editor-content .ProseMirror p{margin:0}.doc-editor-content .ProseMirror h1,.doc-editor-content .ProseMirror h2,.doc-editor-content .ProseMirror h3,.doc-editor-content .ProseMirror h4,.doc-editor-content .ProseMirror h5,.doc-editor-content .ProseMirror h6{margin:1em 0 .5em}.doc-editor-content .ProseMirror ul,.doc-editor-content .ProseMirror ol{padding-left:1.5em}.doc-editor-content .ProseMirror blockquote{border-left:3px solid #eee;padding-left:1em;margin-left:0;color:#666}.doc-editor-content .ProseMirror hr{border:none;border-top:1px solid #eee;margin:1em 0}.doc-editor-content .ProseMirror img{max-width:100%;height:auto}.doc-editor-content .ProseMirror table{border-collapse:collapse;width:100%;margin:1em 0}.doc-editor-content .ProseMirror table td,.doc-editor-content .ProseMirror table th{border:1px solid #ddd;padding:8px;min-width:50px}.doc-editor-content .ProseMirror table th{background:#f5f5f5;font-weight:700}.doc-editor-content .ProseMirror code{background:#f5f5f5;padding:2px 4px;border-radius:3px;font-family:monospace}.doc-editor-content .ProseMirror pre{background:#f5f5f5;padding:1em;border-radius:4px;overflow-x:auto}.doc-editor-content .ProseMirror pre code{background:none;padding:0}.doc-editor-content .ProseMirror a{color:#409eff;text-decoration:underline}.search-result{background-color:#ff0}.current-search{background-color:#ff9632}.excel-editor-container[data-v-a8c6ba69]{display:flex;flex-direction:column;width:100%;height:100vh;background:#fff}.editor-toolbar[data-v-a8c6ba69]{display:flex;gap:8px;padding:12px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0}.editor-toolbar button[data-v-a8c6ba69]{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.editor-toolbar button[data-v-a8c6ba69]:hover{background:#f0f0f0;border-color:#409eff}.luckysheet-container[data-v-a8c6ba69]{flex:1;position:relative;overflow:hidden}.document-editor-page[data-v-c638ed34]{width:100%;height:100vh;display:flex;flex-direction:column}.loading[data-v-c638ed34],.error[data-v-c638ed34]{display:flex;justify-content:center;align-items:center;height:100vh;font-size:16px}.loading[data-v-c638ed34]{color:#409eff}.error[data-v-c638ed34]{color:#f56c6c}