@2kog/pkg-editor 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@2kog/pkg-editor",
-    "version": "0.0.4",
+    "version": "0.0.6",
     "description": "Custom Tinymce、Article Renderer",
     "scripts": {
         "serve": "npm run dev",

package/src/components/Tinymce.vue

@@ -3,7 +3,12 @@
         <slot name="prepend"></slot>
 
         <div class="c-editor-header">
-            <Upload v-if="attachmentEnable" @insert="insertAttachments" :uploadFn="attachmentUploadFn" :domain="attachmentCdnDomain" />
+            <Upload
+                v-if="attachmentEnable"
+                @insert="insertAttachments"
+                :uploadFn="attachmentUploadFn"
+                :domain="attachmentCdnDomain"
+            />
         </div>
 
         <slot></slot>
@@ -29,7 +34,7 @@
 import Editor from "@tinymce/tinymce-vue";
 import Upload from "./Upload";
 import hljs_languages from "../assets/js/hljs_languages.js";
-import GlobalConf from '../../config/global.js';
+import GlobalConf from "../../config/global.js";
 
 export default {
     name: "Tinymce",
@@ -60,7 +65,6 @@ export default {
             default: true,
         },
 
-
         // 是否启用附件上传
         attachmentEnable: {
             type: Boolean,
@@ -76,7 +80,10 @@ export default {
             type: String,
             default: "",
         },
-
+        tinymceDev: {
+            type: Boolean,
+            default: false,
+        },
     },
     emits: ["update:modelValue"],
     data: function () {
@@ -93,7 +100,9 @@ export default {
                 convert_urls: false,
 
                 // 样式
-                content_css: process.env.VUE_APP_TINYMCE_DEV === "true" ? `http://localhost:5120/skins/content/default/content.min.css` : `${this.tinymceAssetsDomain}/static/tinymce/skins/content/default/content.min.css`,
+                content_css: this.tinymceDev
+                    ? `http://localhost:5120/skins/content/default/content.min.css`
+                    : `${this.tinymceAssetsDomain}/static/tinymce/skins/content/default/content.min.css`,
                 body_class: "c-article c-article-editor c-article-tinymce",
                 height: this.height || 800,
                 autosave_ask_before_unload: false,

package/src/components/Upload.vue

@@ -85,6 +85,11 @@ import { ElButton, ElDialog, ElIcon } from "element-plus";
 import { Plus, UploadFilled, Delete, Check } from "@element-plus/icons-vue";
 import { imgTypes, videoTypes } from "../../config/global.js";
 
+const documentTypes = ["pdf", "doc", "docx", "txt", "md", "rtf", "ppt", "pptx"];
+const spreadsheetTypes = ["xls", "xlsx", "csv", "tsv"];
+const archiveTypes = ["zip", "rar", "7z", "tar", "gz"];
+const attachmentTypes = [...imgTypes, ...videoTypes, ...documentTypes, ...spreadsheetTypes, ...archiveTypes];
+
 export default {
     name: "Upload",
     components: {
@@ -157,6 +162,10 @@ export default {
         },
     },
     computed: {
+        accept: function () {
+            const types = this.onlyImage ? imgTypes : attachmentTypes;
+            return types.map((type) => `.${type}`).join(",");
+        },
         buttonTXT: function () {
             return this.selectedCount ? "插 入" : "确 定";
         },
@@ -271,6 +280,9 @@ export default {
                 }
             });
         },
+        onExceed: function () {
+            this.$message.warning(`一次最多上传 ${this.limit} 个文件`);
+        },
         isImage(file) {
             let ext = file.name.split(".").pop();
             return imgTypes.includes(ext);