azs-doc-editor 1.0.2 → 1.0.3

package/README.md

@@ -13,7 +13,26 @@
 ## 安装
 
 ```bash
-npm install vue-document-editor
+npm install azs-doc-editor
+```
+
+## 重要：样式导入
+
+**必须在你的项目中导入以下样式，否则编辑器的按钮和图标将不显示：**
+
+```typescript
+// main.ts 或 main.js
+import 'element-plus/dist/index.css'
+import 'remixicon/fonts/remixicon.css'
+import 'azs-doc-editor/style.css'
+```
+
+或者在你的 HTML 中引入：
+
+```html
+<link rel="stylesheet" href="node_modules/element-plus/dist/index.css">
+<link rel="stylesheet" href="node_modules/remixicon/fonts/remixicon.css">
+<link rel="stylesheet" href="node_modules/azs-doc-editor/dist/style.css">
 ```
 
 ## 前置要求
@@ -36,8 +55,12 @@ npm install vue-document-editor
 
 ```typescript
 import { createApp } from 'vue'
-import DocumentConverter from 'vue-document-converter'
-import 'vue-document-converter/style.css'
+import DocumentConverter from 'azs-doc-editor'
+
+// 必须导入这些样式
+import 'element-plus/dist/index.css'
+import 'remixicon/fonts/remixicon.css'
+import 'azs-doc-editor/style.css'
 
 const app = createApp(App)
 app.use(DocumentConverter)

package/dist/azs-doc-editor.es.js

@@ -10107,7 +10107,7 @@ const df = /* @__PURE__ */ Se(cf, [["__scopeId", "data-v-e8b5969a"]]), uf = { cl
     };
   }
 });
-const yf = /* @__PURE__ */ Se(gf, [["__scopeId", "data-v-7c7b1a7b"]]), bf = { class: "editor-page-main" }, Cf = { class: "editor-header" }, kf = { class: "editor-body" }, Sf = {
+const yf = /* @__PURE__ */ Se(gf, [["__scopeId", "data-v-7c7b1a7b"]]), bf = { class: "editor-header" }, Cf = { class: "editor-page-main" }, kf = { class: "editor-body" }, Sf = {
   id: "editor",
   class: "editor-area-container"
 }, vf = /* @__PURE__ */ G({
@@ -10230,146 +10230,146 @@ const yf = /* @__PURE__ */ Se(gf, [["__scopeId", "data-v-7c7b1a7b"]]), bf = { cl
         ref: i
       }, [
         v("div", bf, [
-          v("div", Cf, [
-            S(M(J), {
-              type: "action",
-              desc: "撤销",
-              icon: "ri-arrow-go-back-line",
-              onClick: A[0] || (A[0] = (Te) => {
-                var be;
-                return (be = a.value) == null ? void 0 : be.chain().focus().undo().run();
-              }),
-              disabled: !((ae = a.value) != null && ae.can().chain().focus().undo().run()) || !d.value
-            }, null, 8, ["disabled"]),
-            S(M(J), {
-              type: "action",
-              desc: "重做",
-              icon: "ri-arrow-go-forward-line",
-              onClick: A[1] || (A[1] = (Te) => {
-                var be;
-                return (be = a.value) == null ? void 0 : be.chain().focus().redo().run();
-              }),
-              disabled: !((xe = a.value) != null && xe.can().chain().focus().redo().run()) || !d.value
-            }, null, 8, ["disabled"]),
-            S(M(J), {
-              type: "action",
-              desc: "清除样式",
-              icon: "ri-eraser-fill",
-              onClick: A[2] || (A[2] = (Te) => {
-                var be;
-                return (be = a.value) == null ? void 0 : be.chain().focus().unsetAllMarks().run();
-              }),
-              disabled: !((mo = a.value) != null && mo.can().chain().focus().unsetAllMarks().run()) || !d.value
-            }, null, 8, ["disabled"]),
-            S(X, { direction: "vertical" }),
-            S(M(Ds), {
-              editor: a.value,
-              editable: d.value
-            }, null, 8, ["editor", "editable"]),
-            S(M(Ls), {
-              editor: a.value,
-              editable: d.value
-            }, null, 8, ["editor", "editable"]),
-            S(M(zs), {
-              editor: a.value,
-              editable: d.value
-            }, null, 8, ["editor", "editable"]),
-            S(M(js), {
-              editor: a.value,
-              editable: d.value
-            }, null, 8, ["editor", "editable"]),
-            S(M(Us), {
-              editor: a.value,
-              editable: d.value
-            }, null, 8, ["editor", "editable"]),
-            S(X, { direction: "vertical" }),
-            S(M(Bs), {
-              editor: a.value,
-              editable: d.value
-            }, null, 8, ["editor", "editable"]),
-            S(X, { direction: "vertical" }),
-            S(_e, {
-              trigger: "click",
-              disabled: !d.value
-            }, {
-              dropdown: T(() => [
-                S(Ie, { style: { overflow: "hidden" } }, {
-                  default: T(() => [
-                    S(re, {
-                      icon: M(nf),
-                      class: "dropdown-item"
-                    }, {
-                      default: T(() => [
-                        v("input", {
-                          type: "file",
-                          id: "file",
-                          class: "select-file",
-                          title: "",
-                          accept: "image/*",
-                          onChange: w
-                        }, null, 32),
-                        A[8] || (A[8] = v("span", { class: "desc" }, "图片", -1))
-                      ]),
-                      _: 1
-                    }, 8, ["icon"]),
-                    S(re, {
-                      icon: M(ef),
-                      class: "dropdown-item",
-                      onClick: A[3] || (A[3] = (Te) => y.value = !0)
-                    }, {
-                      default: T(() => [...A[9] || (A[9] = [
-                        v("span", { class: "desc" }, "链接", -1)
-                      ])]),
-                      _: 1
-                    }, 8, ["icon"]),
-                    S(re, {
-                      class: "dropdown-item",
-                      onClick: A[4] || (A[4] = (Te) => {
-                        var be;
-                        return (be = a.value) == null ? void 0 : be.chain().focus().setHorizontalRule().run();
-                      })
-                    }, {
-                      default: T(() => [...A[10] || (A[10] = [
-                        v("i", { class: "ri-separator" }, null, -1),
-                        v("span", { class: "desc" }, "分割线", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    S(re, { class: "dropdown-item" }, {
-                      default: T(() => [
-                        S(M(oa), { "insert-content": b })
-                      ]),
-                      _: 1
+          S(M(J), {
+            type: "action",
+            desc: "撤销",
+            icon: "ri-arrow-go-back-line",
+            onClick: A[0] || (A[0] = (Te) => {
+              var be;
+              return (be = a.value) == null ? void 0 : be.chain().focus().undo().run();
+            }),
+            disabled: !((ae = a.value) != null && ae.can().chain().focus().undo().run()) || !d.value
+          }, null, 8, ["disabled"]),
+          S(M(J), {
+            type: "action",
+            desc: "重做",
+            icon: "ri-arrow-go-forward-line",
+            onClick: A[1] || (A[1] = (Te) => {
+              var be;
+              return (be = a.value) == null ? void 0 : be.chain().focus().redo().run();
+            }),
+            disabled: !((xe = a.value) != null && xe.can().chain().focus().redo().run()) || !d.value
+          }, null, 8, ["disabled"]),
+          S(M(J), {
+            type: "action",
+            desc: "清除样式",
+            icon: "ri-eraser-fill",
+            onClick: A[2] || (A[2] = (Te) => {
+              var be;
+              return (be = a.value) == null ? void 0 : be.chain().focus().unsetAllMarks().run();
+            }),
+            disabled: !((mo = a.value) != null && mo.can().chain().focus().unsetAllMarks().run()) || !d.value
+          }, null, 8, ["disabled"]),
+          S(X, { direction: "vertical" }),
+          S(M(Ds), {
+            editor: a.value,
+            editable: d.value
+          }, null, 8, ["editor", "editable"]),
+          S(M(Ls), {
+            editor: a.value,
+            editable: d.value
+          }, null, 8, ["editor", "editable"]),
+          S(M(zs), {
+            editor: a.value,
+            editable: d.value
+          }, null, 8, ["editor", "editable"]),
+          S(M(js), {
+            editor: a.value,
+            editable: d.value
+          }, null, 8, ["editor", "editable"]),
+          S(M(Us), {
+            editor: a.value,
+            editable: d.value
+          }, null, 8, ["editor", "editable"]),
+          S(X, { direction: "vertical" }),
+          S(M(Bs), {
+            editor: a.value,
+            editable: d.value
+          }, null, 8, ["editor", "editable"]),
+          S(X, { direction: "vertical" }),
+          S(_e, {
+            trigger: "click",
+            disabled: !d.value
+          }, {
+            dropdown: T(() => [
+              S(Ie, { style: { overflow: "hidden" } }, {
+                default: T(() => [
+                  S(re, {
+                    icon: M(nf),
+                    class: "dropdown-item"
+                  }, {
+                    default: T(() => [
+                      v("input", {
+                        type: "file",
+                        id: "file",
+                        class: "select-file",
+                        title: "",
+                        accept: "image/*",
+                        onChange: w
+                      }, null, 32),
+                      A[8] || (A[8] = v("span", { class: "desc" }, "图片", -1))
+                    ]),
+                    _: 1
+                  }, 8, ["icon"]),
+                  S(re, {
+                    icon: M(ef),
+                    class: "dropdown-item",
+                    onClick: A[3] || (A[3] = (Te) => y.value = !0)
+                  }, {
+                    default: T(() => [...A[9] || (A[9] = [
+                      v("span", { class: "desc" }, "链接", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["icon"]),
+                  S(re, {
+                    class: "dropdown-item",
+                    onClick: A[4] || (A[4] = (Te) => {
+                      var be;
+                      return (be = a.value) == null ? void 0 : be.chain().focus().setHorizontalRule().run();
                     })
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: T(() => [
-                A[11] || (A[11] = v("div", { style: { outline: "none", cursor: "pointer", "font-size": "14px" } }, [
-                  v("i", { class: "ri-add-circle-fill" }),
-                  v("span", null, "插入"),
-                  v("i", { class: "ri-arrow-drop-down-line" })
-                ], -1))
-              ]),
-              _: 1
-            }, 8, ["disabled"]),
-            S(M(ea), {
-              editor: a.value,
-              editable: d.value
-            }, null, 8, ["editor", "editable"]),
-            S(X, { direction: "vertical" }),
-            S(He, {
-              type: "primary",
-              size: "small",
-              onClick: N
-            }, {
-              default: T(() => [...A[12] || (A[12] = [
-                _("保存", -1)
-              ])]),
-              _: 1
-            })
-          ]),
+                  }, {
+                    default: T(() => [...A[10] || (A[10] = [
+                      v("i", { class: "ri-separator" }, null, -1),
+                      v("span", { class: "desc" }, "分割线", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  S(re, { class: "dropdown-item" }, {
+                    default: T(() => [
+                      S(M(oa), { "insert-content": b })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            default: T(() => [
+              A[11] || (A[11] = v("div", { style: { outline: "none", cursor: "pointer", "font-size": "14px" } }, [
+                v("i", { class: "ri-add-circle-fill" }),
+                v("span", null, "插入"),
+                v("i", { class: "ri-arrow-drop-down-line" })
+              ], -1))
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          S(M(ea), {
+            editor: a.value,
+            editable: d.value
+          }, null, 8, ["editor", "editable"]),
+          S(X, { direction: "vertical" }),
+          S(He, {
+            type: "primary",
+            size: "small",
+            onClick: N
+          }, {
+            default: T(() => [...A[12] || (A[12] = [
+              _("保存", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        v("div", Cf, [
           v("div", kf, [
             v("div", {
               class: "catalogue-list",
@@ -10419,7 +10419,7 @@ const yf = /* @__PURE__ */ Se(gf, [["__scopeId", "data-v-7c7b1a7b"]]), bf = { cl
     };
   }
 });
-const wf = /* @__PURE__ */ Se(vf, [["__scopeId", "data-v-e75ae4bc"]]), xf = { class: "excel-editor-container" }, Tf = ["id"], Af = /* @__PURE__ */ G({
+const wf = /* @__PURE__ */ Se(vf, [["__scopeId", "data-v-97cbf9b9"]]), xf = { class: "excel-editor-container" }, Tf = ["id"], Af = /* @__PURE__ */ G({
   __name: "ExcelEditor",
   props: {
     content: {},
@@ -10580,7 +10580,8 @@ const Ef = /* @__PURE__ */ Se(Af, [["__scopeId", "data-v-a8c6ba69"]]), Rf = { cl
     ]));
   }
 });
-const Lf = /* @__PURE__ */ Se(Of, [["__scopeId", "data-v-9db96d3c"]]), $f = {
+const Lf = /* @__PURE__ */ Se(Of, [["__scopeId", "data-v-9db96d3c"]]);
+const $f = {
   install(n) {
     n.component("DocumentEditorPage", Lf);
   }