@wangeditor-next/upload-image-module 6.1.1 → 6.2.0

package/dist/basic-modules/src/constants/icon-svg.d.ts

@@ -9,6 +9,8 @@
  */
 export declare const BOLD_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M707.872 484.64A254.88 254.88 0 0 0 768 320c0-141.152-114.848-256-256-256H192v896h384c141.152 0 256-114.848 256-256a256.096 256.096 0 0 0-124.128-219.36zM384 192h101.504c55.968 0 101.504 57.408 101.504 128s-45.536 128-101.504 128H384V192z m159.008 640H384v-256h159.008c58.464 0 106.016 57.408 106.016 128s-47.552 128-106.016 128z\"></path></svg>";
 export declare const UNDER_LINE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M704 64l128 0 0 416c0 159.072-143.264 288-320 288s-320-128.928-320-288l0-416 128 0 0 416c0 40.16 18.24 78.688 51.36 108.512 36.896 33.216 86.848 51.488 140.64 51.488s103.744-18.304 140.64-51.488c33.12-29.792 51.36-68.352 51.36-108.512l0-416zM192 832l640 0 0 128-640 0z\"></path></svg>";
+export declare const WAVY_UNDERLINE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M64 704c64-96 128-96 192 0s128 96 192 0 128-96 192 0 128 96 192 0 128-96 192 0v128c-64 96-128 96-192 0s-128-96-192 0-128 96-192 0-128-96-192 0-128 96-192 0V704z\"></path></svg>";
+export declare const EMPHASIS_DOT_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M256 128h128v512H256zM448 128h128v512H448zM640 128h128v512H640z\"></path><path d=\"M320 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM512 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z\"></path></svg>";
 export declare const ITALIC_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M896 64v64h-128L448 896h128v64H128v-64h128L576 128h-128V64z\"></path></svg>";
 export declare const THROUGH_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M1024 512v64h-234.496c27.52 38.496 42.496 82.688 42.496 128 0 70.88-36.672 139.04-100.576 186.976C672.064 935.488 594.144 960 512 960s-160.064-24.512-219.424-69.024C228.64 843.04 192 774.88 192 704h128c0 69.376 87.936 128 192 128s192-58.624 192-128-87.936-128-192-128H0v-64h299.52a385.984 385.984 0 0 1-6.944-5.024C228.64 459.04 192 390.88 192 320s36.672-139.04 100.576-186.976C351.936 88.512 429.856 64 512 64s160.064 24.512 219.424 69.024C795.328 180.96 832 249.12 832 320h-128c0-69.376-87.936-128-192-128s-192 58.624-192 128 87.936 128 192 128c78.976 0 154.048 22.688 212.48 64H1024z\"></path></svg>";
 export declare const CODE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M576 736l96 96 320-320L672 192l-96 96 224 224zM448 288l-96-96L32 512l320 320 96-96-224-224z\"></path></svg>";

package/dist/basic-modules/src/locale/en.d.ts

@@ -90,6 +90,8 @@ declare const _default: {
         sup: string;
         through: string;
         underline: string;
+        wavyUnderline: string;
+        emphasisDot: string;
     };
     undo: {
         undo: string;

package/dist/basic-modules/src/locale/zh-CN.d.ts

@@ -90,6 +90,8 @@ declare const _default: {
         sup: string;
         through: string;
         underline: string;
+        wavyUnderline: string;
+        emphasisDot: string;
     };
     undo: {
         undo: string;

package/dist/basic-modules/src/modules/text-style/custom-types.d.ts

@@ -9,6 +9,8 @@ export type StyledText = {
     italic?: boolean;
     through?: boolean;
     underline?: boolean;
+    wavyUnderline?: boolean;
+    emphasisDot?: boolean;
     sup?: boolean;
     sub?: boolean;
 };

package/dist/basic-modules/src/modules/text-style/menu/EmphasisDotMenu.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description lower dot emphasis menu
+ */
+import BaseMenu from './BaseMenu';
+declare class EmphasisDotMenu extends BaseMenu {
+    readonly mark = "emphasisDot";
+    readonly title: string;
+    readonly iconSvg = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M256 128h128v512H256zM448 128h128v512H448zM640 128h128v512H640z\"></path><path d=\"M320 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM512 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z\"></path></svg>";
+    readonly hotkey = "";
+}
+export default EmphasisDotMenu;

package/dist/basic-modules/src/modules/text-style/menu/WavyUnderlineMenu.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description wavy underline menu
+ */
+import BaseMenu from './BaseMenu';
+declare class WavyUnderlineMenu extends BaseMenu {
+    readonly mark = "wavyUnderline";
+    readonly title: string;
+    readonly iconSvg = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M64 704c64-96 128-96 192 0s128 96 192 0 128-96 192 0 128 96 192 0 128-96 192 0v128c-64 96-128 96-192 0s-128-96-192 0-128 96-192 0-128-96-192 0-128 96-192 0V704z\"></path></svg>";
+    readonly hotkey = "";
+}
+export default WavyUnderlineMenu;

package/dist/basic-modules/src/modules/text-style/menu/index.d.ts

@@ -5,11 +5,13 @@
 import BoldMenu from './BoldMenu';
 import ClearStyleMenu from './ClearStyleMenu';
 import CodeMenu from './CodeMenu';
+import EmphasisDotMenu from './EmphasisDotMenu';
 import ItalicMenu from './ItalicMenu';
 import SubMenu from './SubMenu';
 import SupMenu from './SupMenu';
 import ThroughMenu from './ThroughMenu';
 import UnderlineMenu from './UnderlineMenu';
+import WavyUnderlineMenu from './WavyUnderlineMenu';
 export declare const boldMenuConf: {
     key: string;
     factory(): BoldMenu;
@@ -30,6 +32,14 @@ export declare const underlineMenuConf: {
     key: string;
     factory(): UnderlineMenu;
 };
+export declare const wavyUnderlineMenuConf: {
+    key: string;
+    factory(): WavyUnderlineMenu;
+};
+export declare const emphasisDotMenuConf: {
+    key: string;
+    factory(): EmphasisDotMenu;
+};
 export declare const supMenuConf: {
     key: string;
     factory(): SupMenu;

package/dist/basic-modules/src/modules/text-style/render-style.d.ts

@@ -2,6 +2,7 @@
  * @description render text style
  * @author wangfupeng
  */
+import { IDomEditor } from '@wangeditor-next/core';
 import { Descendant } from 'slate';
 import { VNode } from 'snabbdom';
 /**
@@ -10,4 +11,4 @@ import { VNode } from 'snabbdom';
  * @param vnode vnode
  * @returns vnode
  */
-export declare function renderStyle(node: Descendant, vnode: VNode): VNode;
+export declare function renderStyle(node: Descendant, vnode: VNode, editor?: IDomEditor): VNode;

package/dist/basic-modules/src/modules/text-style/style-constants.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @description CSS values shared by text-style render and HTML serialization
+ */
+export declare const UNDERLINE_OFFSET = "0.15em";
+export declare const WAVY_UNDERLINE_OFFSET = "0.3em";
+export declare const WAVY_UNDERLINE_WITH_EMPHASIS_OFFSET = "0.8em";
+export declare const EMPHASIS_DOT_WITH_WAVY_LINE_HEIGHT = "2";
+export declare const UNDERLINE_OFFSET_CLASS = "w-e-text-style-underline-offset";
+export declare const WAVY_UNDERLINE_CLASS = "w-e-text-style-wavy-underline";
+export declare const WAVY_UNDERLINE_WITH_EMPHASIS_CLASS = "w-e-text-style-wavy-underline-with-emphasis";
+export declare const EMPHASIS_DOT_CLASS = "w-e-text-style-emphasis-dot";
+export declare const EMPHASIS_DOT_WITH_WAVY_CLASS = "w-e-text-style-emphasis-dot-with-wavy";
+export declare const WAVY_UNDERLINE_STYLE: {
+    textDecorationLine: string;
+    textDecorationStyle: string;
+    textUnderlineOffset: string;
+};
+export declare const WAVY_UNDERLINE_STYLE_HTML = "text-decoration-line: underline; text-decoration-style: wavy; text-underline-offset: 0.3em;";
+export declare const WAVY_UNDERLINE_WITH_EMPHASIS_STYLE: {
+    textUnderlineOffset: string;
+    textDecorationLine: string;
+    textDecorationStyle: string;
+};
+export declare const WAVY_UNDERLINE_WITH_EMPHASIS_STYLE_HTML = "text-decoration-line: underline; text-decoration-style: wavy; text-underline-offset: 0.8em;";
+export declare const EMPHASIS_DOT_STYLE: {
+    textEmphasisStyle: string;
+    textEmphasisPosition: string;
+};
+export declare const EMPHASIS_DOT_STYLE_HTML = "text-emphasis-style: filled dot; text-emphasis-position: under left;";
+export declare const EMPHASIS_DOT_WITH_WAVY_STYLE: {
+    lineHeight: string;
+    textEmphasisStyle: string;
+    textEmphasisPosition: string;
+};
+export declare const EMPHASIS_DOT_WITH_WAVY_STYLE_HTML = "text-emphasis-style: filled dot; text-emphasis-position: under left; line-height: 2;";

package/dist/basic-modules/src/modules/text-style/style-to-html.d.ts

@@ -2,6 +2,7 @@
  * @description text to html
  * @author wangfupeng
  */
+import { IDomEditor } from '@wangeditor-next/core';
 import { Descendant } from 'slate';
 /**
  * style to html
@@ -9,4 +10,4 @@ import { Descendant } from 'slate';
  * @param textHtml text html
  * @returns styled html
  */
-export declare function styleToHtml(textNode: Descendant, textHtml: string): string;
+export declare function styleToHtml(textNode: Descendant, textHtml: string, editor?: IDomEditor): string;

package/dist/basic-modules/src/utils/dom.d.ts

@@ -10,7 +10,7 @@ import DOMText = globalThis.Text;
 import DOMRange = globalThis.Range;
 import DOMSelection = globalThis.Selection;
 import DOMStaticRange = globalThis.StaticRange;
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;
 /**
  * 判断 str 是不是纯字符串，而不是 html tag

package/dist/core/src/config/interface.d.ts

@@ -155,6 +155,8 @@ interface ICodeBlockConfig {
 export interface IMenuConfig {
     bold: ISingleMenuConfig;
     underline: ISingleMenuConfig;
+    wavyUnderline: ISingleMenuConfig;
+    emphasisDot: ISingleMenuConfig;
     italic: ISingleMenuConfig;
     through: ISingleMenuConfig;
     code: ISingleMenuConfig;

package/dist/core/src/utils/dom.d.ts

@@ -10,7 +10,7 @@ import DOMText = globalThis.Text;
 import DOMRange = globalThis.Range;
 import DOMSelection = globalThis.Selection;
 import DOMStaticRange = globalThis.StaticRange;
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;
 export declare enum NodeType {
     ELEMENT_NODE = 1,

package/dist/index.js

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("@wangeditor-next/core"),require("@wangeditor-next/basic-modules"),require("dom7"),require("@wangeditor-next/core/upload")):"function"==typeof define&&define.amd?define(["@wangeditor-next/core","@wangeditor-next/basic-modules","dom7","@wangeditor-next/core/upload"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorUploadImageModule=n(e.core,e.basicModules,e.$,e.upload)}(this,function(e,n,r,t){"use strict";e.i18nAddResources("en",{uploadImgModule:{uploadImage:"Upload Image",uploadError:"{{fileName}} upload error"}}),e.i18nAddResources("zh-CN",{uploadImgModule:{uploadImage:"上传图片",uploadError:"{{fileName}} 上传出错"}});r.append&&(r.fn.append=r.append),r.on&&(r.fn.on=r.on),r.remove&&(r.fn.remove=r.remove),r.val&&(r.fn.val=r.val),r.click&&(r.fn.click=r.click),r.hide&&(r.fn.hide=r.hide);var o=function(){return o=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},o.apply(this,arguments)};function a(e,n,r,t){return new(r||(r=Promise))(function(o,a){function i(e){try{l(t.next(e))}catch(e){a(e)}}function u(e){try{l(t.throw(e))}catch(e){a(e)}}function l(e){var n;e.done?o(e.value):(n=e.value,n instanceof r?n:new r(function(e){e(n)})).then(i,u)}l((t=t.apply(e,n||[])).next())})}function i(e,n){var r,t,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=u(0),i.throw=u(1),i.return=u(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(u){return function(l){return function(u){if(r)throw new TypeError("Generator is already executing.");for(;i&&(i=0,u[0]&&(a=0)),a;)try{if(r=1,t&&(o=2&u[0]?t.return:u[0]?t.throw||((o=t.return)&&o.call(t),0):t.next)&&!(o=o.call(t,u[1])).done)return o;switch(t=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return a.label++,{value:u[1],done:!1};case 5:a.label++,t=u[1],u=[0];continue;case 7:u=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==u[0]&&2!==u[0])){a=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){a.label=u[1];break}if(6===u[0]&&a.label<o[1]){a.label=o[1],o=u;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(u);break}o[2]&&a.ops.pop(),a.trys.pop();continue}u=n.call(e,a)}catch(e){u=[6,e],t=0}finally{r=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,l])}}}function u(e){var n="function"==typeof Symbol&&Symbol.iterator,r=n&&e[n],t=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&t>=e.length&&(e=void 0),{value:e&&e[t++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}function l(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,r=e[Symbol.asyncIterator];return r?r.call(e):(e=u(e),n={},t("next"),t("throw"),t("return"),n[Symbol.asyncIterator]=function(){return this},n);function t(r){n[r]=e[r]&&function(n){return new Promise(function(t,o){(function(e,n,r,t){Promise.resolve(t).then(function(n){e({value:n,done:r})},n)})(t,o,(n=e[r](n)).done,n.value)})}}}"function"==typeof SuppressedError&&SuppressedError;var c=new WeakMap;function s(e){return e.getMenuConfig("uploadImage")}function f(e,r){return a(this,void 0,void 0,function(){return i(this,function(t){return[2,new Promise(function(t){var o=new FileReader;o.readAsDataURL(r),o.onload=function(){var a=o.result;if(a){var i=a.toString(),u=0===i.indexOf("data:image")?"":i;n.insertImageNode(e,i,r.name,u),t("ok")}}})]})})}function d(e,r){return a(this,void 0,void 0,function(){var a,u;return i(this,function(i){switch(i.label){case 0:return a=function(e){var r=c.get(e);if(null!=r)return r;var a=s(e),i=a.onSuccess,u=a.onProgress,l=a.onFailed,f=a.customInsert,d=a.onError;return r=t.createUploader(o(o({},a),{onProgress:function(n){e.showProgressBar(n),u&&u(n)},onSuccess:function(r,t){if(f)return f(t,function(r,t,o){return n.insertImageNode(e,r,t,o)}),void i(r,t);var o=t.errno,a=void 0===o?1:o,u=t.data,c=void 0===u?{}:u;if(0===a){if(Array.isArray(c))c.forEach(function(r){var t=r.url,o=void 0===t?"":t,a=r.alt,i=void 0===a?"":a,u=r.href,l=void 0===u?"":u;n.insertImageNode(e,o,i,l)});else{var s=c.url,d=void 0===s?"":s,p=c.alt,m=void 0===p?"":p,v=c.href,y=void 0===v?"":v;n.insertImageNode(e,d,m,y)}i(r,t)}else l(r,t)},onError:function(e,n,r){d(e,n,r)}}),e),c.set(e,r),r}(e),u=r.map(function(e){return{name:e.name,type:e.type,size:e.size,data:e}}),a.addFiles(u),[4,a.upload()];case 1:return i.sent(),[2]}})})}function p(e,r){return a(this,void 0,void 0,function(){var t,o,a,u,c,p,m,v,y,g,h,b,w,I,x;return i(this,function(i){switch(i.label){case 0:if(null==r)return[2];t=Array.prototype.slice.call(r),o=s(e),a=o.customUpload,u=o.base64LimitSize,c=[],i.label=1;case 1:i.trys.push([1,10,11,16]),p=!0,m=l(t),i.label=2;case 2:return[4,m.next()];case 3:return v=i.sent(),(b=v.done)?[3,9]:(x=v.value,p=!1,g=(y=x).size,u&&g<=u?[4,f(e,y)]:[3,5]);case 4:return i.sent(),[3,8];case 5:return a?[4,a(y,function(r,t,o){return n.insertImageNode(e,r,t,o)},e)]:[3,7];case 6:return i.sent(),[3,8];case 7:c.push(y),i.label=8;case 8:return p=!0,[3,2];case 9:return[3,16];case 10:return h=i.sent(),w={error:h},[3,16];case 11:return i.trys.push([11,,14,15]),p||b||!(I=m.return)?[3,13]:[4,I.call(m)];case 12:i.sent(),i.label=13;case 13:return[3,15];case 14:if(w)throw w.error;return[7];case 15:return[7];case 16:return c.length>0?[4,d(e,c)]:[3,18];case 17:i.sent(),i.label=18;case 18:return[2]}})})}var m=function(){function t(){this.title=e.t("uploadImgModule.uploadImage"),this.iconSvg='<svg viewBox="0 0 1024 1024"><path d="M828.708571 585.045333a48.761905 48.761905 0 0 0-48.737523 48.761905v18.529524l-72.143238-72.167619a135.972571 135.972571 0 0 0-191.585524 0l-34.133334 34.133333-120.880762-120.953905a138.898286 138.898286 0 0 0-191.585523 0l-72.167619 72.167619V292.400762a48.786286 48.786286 0 0 1 48.761904-48.761905h341.23581a48.737524 48.737524 0 0 0 34.474667-83.285333 48.737524 48.737524 0 0 0-34.474667-14.287238H146.236952A146.212571 146.212571 0 0 0 0 292.400762v585.289143A146.358857 146.358857 0 0 0 146.236952 1024h584.996572a146.212571 146.212571 0 0 0 146.236952-146.310095V633.807238a48.786286 48.786286 0 0 0-48.761905-48.761905zM146.261333 926.45181a48.737524 48.737524 0 0 1-48.761904-48.761905v-174.128762l141.409523-141.458286a38.497524 38.497524 0 0 1 53.126096 0l154.526476 154.624 209.627428 209.724953H146.236952z m633.734096-48.761905c-0.073143 9.337905-3.145143 18.383238-8.777143 25.843809l-219.843048-220.94019 34.133333-34.133334a37.546667 37.546667 0 0 1 53.613715 0l140.873143 141.897143V877.714286zM1009.615238 160.231619L863.329524 13.897143a48.737524 48.737524 0 0 0-16.091429-10.24c-11.849143-4.87619-25.161143-4.87619-37.059047 0a48.761905 48.761905 0 0 0-16.067048 10.24l-146.236952 146.334476a49.005714 49.005714 0 0 0 69.217523 69.241905l62.902858-63.390476v272.627809a48.761905 48.761905 0 1 0 97.475047 0V166.083048l62.902857 63.390476a48.737524 48.737524 0 0 0 69.217524 0 48.761905 48.761905 0 0 0 0-69.241905z"></path></svg>',this.tag="button"}return t.prototype.getValue=function(e){return""},t.prototype.isActive=function(e){return!1},t.prototype.isDisabled=function(e){return n.isInsertImageMenuDisabled(e)},t.prototype.getMenuConfig=function(e){return e.getMenuConfig("uploadImage")},t.prototype.exec=function(e,t){var o=this.getMenuConfig(e),a=o.allowedFileTypes,i=void 0===a?[]:a,u=o.customBrowseAndUpload;if(u)u(function(r,t,o){return n.insertImageNode(e,r,t,o)});else{var l="";i.length>0&&(l='accept="'.concat(i.join(", "),'"'));var c=r("body"),s=r('<input type="file" '.concat(l," multiple/>"));s.hide(),c.append(s),s.click(),s.on("change",function(){var n=s[0].files;p(e,n)})}},t}();return{menus:[{key:"uploadImage",factory:function(){return new m},config:{server:"",fieldName:"wangeditor-uploaded-image",maxFileSize:2097152,maxNumberOfFiles:100,allowedFileTypes:["image/*"],meta:{},metaWithUrl:!1,withCredentials:!1,timeout:1e4,onBeforeUpload:function(e){return e},onProgress:function(e){},onSuccess:function(e,n){},onFailed:function(e,n){console.error("'".concat(e.name,"' upload failed"),n)},onError:function(e,n,r){console.error("'".concat(e.name,"' upload error"),r)},base64LimitSize:0}}],editorPlugin:function(e){var r=e.insertData,t=e;return t.insertData=function(o){if(n.isInsertImageMenuDisabled(t))r(o);else if(o.getData("text/plain"))r(o);else{var a=o.files;if(a.length<=0)r(o);else Array.prototype.slice.call(a).some(function(e){return"image"===function(e,n){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var t,o,a=r.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(t=a.next()).done;)i.push(t.value)}catch(e){o={error:e}}finally{try{t&&!t.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}(e.type.split("/"),1)[0]})?p(e,a):r(o)}},t}}});
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("@wangeditor-next/core"),require("@wangeditor-next/basic-modules"),require("dom7"),require("@wangeditor-next/core/upload")):"function"==typeof define&&define.amd?define(["@wangeditor-next/core","@wangeditor-next/basic-modules","dom7","@wangeditor-next/core/upload"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorUploadImageModule=n(e.WangEditorCore,e.WangEditorBasicModules,e.$,e.WangEditorCoreUpload)}(this,function(e,n,r,t){"use strict";e.i18nAddResources("en",{uploadImgModule:{uploadImage:"Upload Image",uploadError:"{{fileName}} upload error"}}),e.i18nAddResources("zh-CN",{uploadImgModule:{uploadImage:"上传图片",uploadError:"{{fileName}} 上传出错"}});r.append&&(r.fn.append=r.append),r.on&&(r.fn.on=r.on),r.remove&&(r.fn.remove=r.remove),r.val&&(r.fn.val=r.val),r.click&&(r.fn.click=r.click),r.hide&&(r.fn.hide=r.hide);var o=function(){return o=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},o.apply(this,arguments)};function a(e,n,r,t){return new(r||(r=Promise))(function(o,a){function i(e){try{l(t.next(e))}catch(e){a(e)}}function u(e){try{l(t.throw(e))}catch(e){a(e)}}function l(e){var n;e.done?o(e.value):(n=e.value,n instanceof r?n:new r(function(e){e(n)})).then(i,u)}l((t=t.apply(e,n||[])).next())})}function i(e,n){var r,t,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=u(0),i.throw=u(1),i.return=u(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(u){return function(l){return function(u){if(r)throw new TypeError("Generator is already executing.");for(;i&&(i=0,u[0]&&(a=0)),a;)try{if(r=1,t&&(o=2&u[0]?t.return:u[0]?t.throw||((o=t.return)&&o.call(t),0):t.next)&&!(o=o.call(t,u[1])).done)return o;switch(t=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return a.label++,{value:u[1],done:!1};case 5:a.label++,t=u[1],u=[0];continue;case 7:u=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==u[0]&&2!==u[0])){a=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){a.label=u[1];break}if(6===u[0]&&a.label<o[1]){a.label=o[1],o=u;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(u);break}o[2]&&a.ops.pop(),a.trys.pop();continue}u=n.call(e,a)}catch(e){u=[6,e],t=0}finally{r=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,l])}}}function u(e){var n="function"==typeof Symbol&&Symbol.iterator,r=n&&e[n],t=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&t>=e.length&&(e=void 0),{value:e&&e[t++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}function l(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,r=e[Symbol.asyncIterator];return r?r.call(e):(e=u(e),n={},t("next"),t("throw"),t("return"),n[Symbol.asyncIterator]=function(){return this},n);function t(r){n[r]=e[r]&&function(n){return new Promise(function(t,o){(function(e,n,r,t){Promise.resolve(t).then(function(n){e({value:n,done:r})},n)})(t,o,(n=e[r](n)).done,n.value)})}}}"function"==typeof SuppressedError&&SuppressedError;var c=new WeakMap;function s(e){return e.getMenuConfig("uploadImage")}function f(e,r){return a(this,void 0,void 0,function(){return i(this,function(t){return[2,new Promise(function(t){var o=new FileReader;o.readAsDataURL(r),o.onload=function(){var a=o.result;if(a){var i=a.toString(),u=0===i.indexOf("data:image")?"":i;n.insertImageNode(e,i,r.name,u),t("ok")}}})]})})}function d(e,r){return a(this,void 0,void 0,function(){var a,u;return i(this,function(i){switch(i.label){case 0:return a=function(e){var r=c.get(e);if(null!=r)return r;var a=s(e),i=a.onSuccess,u=a.onProgress,l=a.onFailed,f=a.customInsert,d=a.onError;return r=t.createUploader(o(o({},a),{onProgress:function(n){e.showProgressBar(n),u&&u(n)},onSuccess:function(r,t){if(f)return f(t,function(r,t,o){return n.insertImageNode(e,r,t,o)}),void i(r,t);var o=t.errno,a=void 0===o?1:o,u=t.data,c=void 0===u?{}:u;if(0===a){if(Array.isArray(c))c.forEach(function(r){var t=r.url,o=void 0===t?"":t,a=r.alt,i=void 0===a?"":a,u=r.href,l=void 0===u?"":u;n.insertImageNode(e,o,i,l)});else{var s=c.url,d=void 0===s?"":s,p=c.alt,m=void 0===p?"":p,v=c.href,g=void 0===v?"":v;n.insertImageNode(e,d,m,g)}i(r,t)}else l(r,t)},onError:function(e,n,r){d(e,n,r)}}),e),c.set(e,r),r}(e),u=r.map(function(e){return{name:e.name,type:e.type,size:e.size,data:e}}),a.addFiles(u),[4,a.upload()];case 1:return i.sent(),[2]}})})}function p(e,r){return a(this,void 0,void 0,function(){var t,o,a,u,c,p,m,v,g,y,h,b,w,I,x;return i(this,function(i){switch(i.label){case 0:if(null==r)return[2];t=Array.prototype.slice.call(r),o=s(e),a=o.customUpload,u=o.base64LimitSize,c=[],i.label=1;case 1:i.trys.push([1,10,11,16]),p=!0,m=l(t),i.label=2;case 2:return[4,m.next()];case 3:return v=i.sent(),(b=v.done)?[3,9]:(x=v.value,p=!1,y=(g=x).size,u&&y<=u?[4,f(e,g)]:[3,5]);case 4:return i.sent(),[3,8];case 5:return a?[4,a(g,function(r,t,o){return n.insertImageNode(e,r,t,o)},e)]:[3,7];case 6:return i.sent(),[3,8];case 7:c.push(g),i.label=8;case 8:return p=!0,[3,2];case 9:return[3,16];case 10:return h=i.sent(),w={error:h},[3,16];case 11:return i.trys.push([11,,14,15]),p||b||!(I=m.return)?[3,13]:[4,I.call(m)];case 12:i.sent(),i.label=13;case 13:return[3,15];case 14:if(w)throw w.error;return[7];case 15:return[7];case 16:return c.length>0?[4,d(e,c)]:[3,18];case 17:i.sent(),i.label=18;case 18:return[2]}})})}var m=function(){function t(){this.title=e.t("uploadImgModule.uploadImage"),this.iconSvg='<svg viewBox="0 0 1024 1024"><path d="M828.708571 585.045333a48.761905 48.761905 0 0 0-48.737523 48.761905v18.529524l-72.143238-72.167619a135.972571 135.972571 0 0 0-191.585524 0l-34.133334 34.133333-120.880762-120.953905a138.898286 138.898286 0 0 0-191.585523 0l-72.167619 72.167619V292.400762a48.786286 48.786286 0 0 1 48.761904-48.761905h341.23581a48.737524 48.737524 0 0 0 34.474667-83.285333 48.737524 48.737524 0 0 0-34.474667-14.287238H146.236952A146.212571 146.212571 0 0 0 0 292.400762v585.289143A146.358857 146.358857 0 0 0 146.236952 1024h584.996572a146.212571 146.212571 0 0 0 146.236952-146.310095V633.807238a48.786286 48.786286 0 0 0-48.761905-48.761905zM146.261333 926.45181a48.737524 48.737524 0 0 1-48.761904-48.761905v-174.128762l141.409523-141.458286a38.497524 38.497524 0 0 1 53.126096 0l154.526476 154.624 209.627428 209.724953H146.236952z m633.734096-48.761905c-0.073143 9.337905-3.145143 18.383238-8.777143 25.843809l-219.843048-220.94019 34.133333-34.133334a37.546667 37.546667 0 0 1 53.613715 0l140.873143 141.897143V877.714286zM1009.615238 160.231619L863.329524 13.897143a48.737524 48.737524 0 0 0-16.091429-10.24c-11.849143-4.87619-25.161143-4.87619-37.059047 0a48.761905 48.761905 0 0 0-16.067048 10.24l-146.236952 146.334476a49.005714 49.005714 0 0 0 69.217523 69.241905l62.902858-63.390476v272.627809a48.761905 48.761905 0 1 0 97.475047 0V166.083048l62.902857 63.390476a48.737524 48.737524 0 0 0 69.217524 0 48.761905 48.761905 0 0 0 0-69.241905z"></path></svg>',this.tag="button"}return t.prototype.getValue=function(e){return""},t.prototype.isActive=function(e){return!1},t.prototype.isDisabled=function(e){return n.isInsertImageMenuDisabled(e)},t.prototype.getMenuConfig=function(e){return e.getMenuConfig("uploadImage")},t.prototype.exec=function(e,t){var o=this.getMenuConfig(e),a=o.allowedFileTypes,i=void 0===a?[]:a,u=o.customBrowseAndUpload;if(u)u(function(r,t,o){return n.insertImageNode(e,r,t,o)});else{var l="";i.length>0&&(l='accept="'.concat(i.join(", "),'"'));var c=r("body"),s=r('<input type="file" '.concat(l," multiple/>"));s.hide(),c.append(s),s.click(),s.on("change",function(){var n=s[0].files;p(e,n)})}},t}();return{menus:[{key:"uploadImage",factory:function(){return new m},config:{server:"",fieldName:"wangeditor-uploaded-image",maxFileSize:2097152,maxNumberOfFiles:100,allowedFileTypes:["image/*"],meta:{},metaWithUrl:!1,withCredentials:!1,timeout:1e4,onBeforeUpload:function(e){return e},onProgress:function(e){},onSuccess:function(e,n){},onFailed:function(e,n){console.error("'".concat(e.name,"' upload failed"),n)},onError:function(e,n,r){console.error("'".concat(e.name,"' upload error"),r)},base64LimitSize:0}}],editorPlugin:function(e){var r=e.insertData,t=e;return t.insertData=function(o){if(n.isInsertImageMenuDisabled(t))r(o);else if(o.getData("text/plain"))r(o);else{var a=o.files;if(a.length<=0)r(o);else Array.prototype.slice.call(a).some(function(e){return"image"===function(e,n){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var t,o,a=r.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(t=a.next()).done;)i.push(t.value)}catch(e){o={error:e}}finally{try{t&&!t.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}(e.type.split("/"),1)[0]})?p(e,a):r(o)}},t}}});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/locale/index.ts","../src/locale/en.ts","../src/locale/zh-CN.ts","../src/utils/dom.ts","../src/module/upload-images.ts","../src/module/menu/UploadImageMenu.ts","../src/constants/svg.ts","../src/module/index.ts","../src/module/menu/index.ts","../src/module/menu/config.ts","../src/module/plugin.ts"],"sourcesContent":["/**\n * @description i18n entry\n * @author wangfupeng\n */\n\nimport { i18nAddResources } from '@wangeditor-next/core'\n\nimport enResources from './en'\nimport zhResources from './zh-CN'\n\ni18nAddResources('en', enResources)\ni18nAddResources('zh-CN', zhResources)\n","/**\n * @description i18n en\n * @author wangfupeng\n */\n\nexport default {\n  uploadImgModule: {\n    uploadImage: 'Upload Image',\n    uploadError: '{{fileName}} upload error',\n  },\n}\n","/**\n * @description i18n zh-CN\n * @author wangfupeng\n */\n\nexport default {\n  uploadImgModule: {\n    uploadImage: '上传图片',\n    uploadError: '{{fileName}} 上传出错',\n  },\n}\n","/**\n * @description DOM 操作\n * @author wangfupeng\n */\n\nimport $, {\n  append, click, hide, on, remove, val,\n} from 'dom7'\n\nexport { Dom7Array } from 'dom7'\n\nif (append) { $.fn.append = append }\nif (on) { $.fn.on = on }\nif (remove) { $.fn.remove = remove }\nif (val) { $.fn.val = val }\nif (click) { $.fn.click = click }\nif (hide) { $.fn.hide = hide }\n\nexport default $\n","/**\n * @description 上传文件\n * @author wangfupeng\n */\n\nimport { insertImageNode } from '@wangeditor-next/basic-modules'\nimport {\n  IDomEditor, IUploader,\n  IUploadFile, IUploadResultFile,\n} from '@wangeditor-next/core'\nimport { createUploader } from '@wangeditor-next/core/upload'\n\n// 存储 editor uploader 的关系 - 缓存 uploader ，不重复创建\nconst EDITOR_TO_UPLOADER_MAP = new WeakMap<IDomEditor, IUploader>()\n\nfunction getMenuConfig(editor: IDomEditor) {\n  return editor.getMenuConfig('uploadImage')\n}\n/**\n * 获取 uploader 实例（并通过 editor 缓存）\n * @param editor editor\n */\nfunction getUploader(editor: IDomEditor): IUploader {\n  let uploader = EDITOR_TO_UPLOADER_MAP.get(editor)\n\n  if (uploader != null) { return uploader }\n\n  const menuConfig = getMenuConfig(editor)\n  const {\n    onSuccess, onProgress, onFailed, customInsert, onError,\n  } = menuConfig\n\n  // 上传完成之后\n  const successHandler = (file: IUploadResultFile, res: any) => {\n    // 预期 res 格式：\n    // 成功：{ errno: 0, data: { url, alt, href } } —— 注意，旧版的 data 是数组，要兼容一下\n    // 失败：{ errno: !0, message: '失败信息' }\n\n    if (customInsert) {\n      // 用户自定义插入图片，此时 res 格式可能不符合预期\n      customInsert(res, (src, alt, href) => insertImageNode(editor, src, alt, href))\n      // success 回调\n      onSuccess(file, res)\n      return\n    }\n\n    const { errno = 1, data = {} } = res\n\n    if (errno !== 0) {\n      // failed 回调\n      onFailed(file, res)\n      return\n    }\n\n    if (Array.isArray(data)) {\n      // 返回的数组（旧版的，兼容一下）\n      data.forEach((item: { url: string; alt?: string; href?: string }) => {\n        const { url = '', alt = '', href = '' } = item\n        // 使用 basic-module 的 insertImageNode 方法插入图片，其中有用户配置的校验和 callback\n\n        insertImageNode(editor, url, alt, href)\n      })\n    } else {\n      // 返回的对象\n      const { url = '', alt = '', href = '' } = data\n\n      insertImageNode(editor, url, alt, href)\n    }\n\n    // success 回调\n    onSuccess(file, res)\n  }\n\n  // progress 显示进度条\n  const progressHandler = (progress: number) => {\n    editor.showProgressBar(progress)\n\n    // 回调函数\n    if (onProgress) { onProgress(progress) }\n  }\n\n  // onError 提示错误\n  const errorHandler = (file: any, err: any, res: any) => {\n    // 回调函数\n    onError(file, err, res)\n  }\n\n  uploader = createUploader({\n    ...menuConfig,\n    onProgress: progressHandler,\n    onSuccess: successHandler,\n    onError: errorHandler,\n  }, editor)\n  EDITOR_TO_UPLOADER_MAP.set(editor, uploader)\n\n  return uploader\n}\n\n/**\n * 插入 base64 格式\n * @param editor editor\n * @param file file\n */\nasync function insertBase64(editor: IDomEditor, file: File) {\n  return new Promise(resolve => {\n    const reader = new FileReader()\n\n    reader.readAsDataURL(file)\n    reader.onload = () => {\n      const { result } = reader\n\n      if (!result) { return }\n      const src = result.toString()\n      const href = src.indexOf('data:image') === 0 ? '' : src // base64 格式则不设置 href\n\n      insertImageNode(editor, src, file.name, href)\n\n      resolve('ok')\n    }\n  })\n}\n\n/**\n * 上传图片文件\n * @param editor editor\n * @param file file\n */\nasync function uploadFile(editor: IDomEditor, files: File[]) {\n  const uploader = getUploader(editor)\n  const uploadList: IUploadFile[] = files.map(file => ({\n    name: file.name,\n    type: file.type,\n    size: file.size,\n    data: file,\n  }))\n\n  uploader.addFiles(uploadList)\n  await uploader.upload()\n}\n\n/**\n * 上传图片\n * @param editor editor\n * @param files files\n */\nexport default async function (editor: IDomEditor, files: FileList | null) {\n  if (files == null) { return }\n  const fileList = Array.prototype.slice.call(files)\n\n  // 获取菜单配置\n  const { customUpload, base64LimitSize } = getMenuConfig(editor)\n\n  const uploadFileList : File[] = []\n  // 按顺序上传\n\n  for await (const file of fileList) {\n    const size = file.size // size kb\n\n    if (base64LimitSize && size <= base64LimitSize) {\n      // 允许 base64 ，而且 size 在 base64 限制之内，则插入 base64 格式\n      await insertBase64(editor, file)\n    } else if (customUpload) {\n      // 自定义上传\n      await customUpload(file, (src, alt, href) => insertImageNode(editor, src, alt, href), editor)\n    } else {\n      // 默认上传\n      uploadFileList.push(file)\n    }\n  }\n  // 默认上传\n  if (uploadFileList.length > 0) { await uploadFile(editor, uploadFileList) }\n}\n","/**\n * @description upload image menu\n * @author wangfupeng\n */\n\nimport { insertImageNode, isInsertImageMenuDisabled } from '@wangeditor-next/basic-modules'\nimport {\n  IButtonMenu, IDomEditor, t,\n} from '@wangeditor-next/core'\n\nimport { UPLOAD_IMAGE_SVG } from '../../constants/svg'\nimport $ from '../../utils/dom'\nimport uploadImages from '../upload-images'\n\nclass UploadImage implements IButtonMenu {\n  readonly title = t('uploadImgModule.uploadImage')\n\n  readonly iconSvg = UPLOAD_IMAGE_SVG\n\n  readonly tag = 'button'\n\n  getValue(_editor: IDomEditor): string | boolean {\n    // 插入菜单，不需要 value\n    return ''\n  }\n\n  isActive(_editor: IDomEditor): boolean {\n    // 任何时候，都不用激活 menu\n    return false\n  }\n\n  isDisabled(editor: IDomEditor): boolean {\n    return isInsertImageMenuDisabled(editor)\n  }\n\n  private getMenuConfig(editor: IDomEditor) {\n    // 获取配置，见 `./config.js`\n    return editor.getMenuConfig('uploadImage')\n  }\n\n  exec(editor: IDomEditor, _value: string | boolean) {\n    const { allowedFileTypes = [], customBrowseAndUpload } = this.getMenuConfig(editor)\n\n    // 自定义选择图片，并上传，如图床\n    if (customBrowseAndUpload) {\n      customBrowseAndUpload((src, alt, href) => insertImageNode(editor, src, alt, href))\n      return\n    }\n\n    // 设置选择文件的类型\n    let acceptAttr = ''\n\n    if (allowedFileTypes.length > 0) {\n      acceptAttr = `accept=\"${allowedFileTypes.join(', ')}\"`\n    }\n\n    // 添加 file input（每次重新创建 input）\n    const $body = $('body')\n    const $inputFile = $(`<input type=\"file\" ${acceptAttr} multiple/>`)\n\n    $inputFile.hide()\n    $body.append($inputFile)\n    $inputFile.click()\n    // 选中文件\n    $inputFile.on('change', () => {\n      const files = ($inputFile[0] as HTMLInputElement).files\n\n      uploadImages(editor, files) // 上传文件\n    })\n  }\n}\n\nexport default UploadImage\n","/**\n * @description icon svg\n * @author wangfupeng\n */\n\n/**\n * 【注意】svg 字符串的长度 ，否则会导致代码体积过大\n * 尽量选择 https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=20293\n * 找不到再从 iconfont.com 搜索\n */\n\n// 上传图片\nexport const UPLOAD_IMAGE_SVG = '<svg viewBox=\"0 0 1024 1024\"><path d=\"M828.708571 585.045333a48.761905 48.761905 0 0 0-48.737523 48.761905v18.529524l-72.143238-72.167619a135.972571 135.972571 0 0 0-191.585524 0l-34.133334 34.133333-120.880762-120.953905a138.898286 138.898286 0 0 0-191.585523 0l-72.167619 72.167619V292.400762a48.786286 48.786286 0 0 1 48.761904-48.761905h341.23581a48.737524 48.737524 0 0 0 34.474667-83.285333 48.737524 48.737524 0 0 0-34.474667-14.287238H146.236952A146.212571 146.212571 0 0 0 0 292.400762v585.289143A146.358857 146.358857 0 0 0 146.236952 1024h584.996572a146.212571 146.212571 0 0 0 146.236952-146.310095V633.807238a48.786286 48.786286 0 0 0-48.761905-48.761905zM146.261333 926.45181a48.737524 48.737524 0 0 1-48.761904-48.761905v-174.128762l141.409523-141.458286a38.497524 38.497524 0 0 1 53.126096 0l154.526476 154.624 209.627428 209.724953H146.236952z m633.734096-48.761905c-0.073143 9.337905-3.145143 18.383238-8.777143 25.843809l-219.843048-220.94019 34.133333-34.133334a37.546667 37.546667 0 0 1 53.613715 0l140.873143 141.897143V877.714286zM1009.615238 160.231619L863.329524 13.897143a48.737524 48.737524 0 0 0-16.091429-10.24c-11.849143-4.87619-25.161143-4.87619-37.059047 0a48.761905 48.761905 0 0 0-16.067048 10.24l-146.236952 146.334476a49.005714 49.005714 0 0 0 69.217523 69.241905l62.902858-63.390476v272.627809a48.761905 48.761905 0 1 0 97.475047 0V166.083048l62.902857 63.390476a48.737524 48.737524 0 0 0 69.217524 0 48.761905 48.761905 0 0 0 0-69.241905z\"></path></svg>'\n","/**\n * @description uploadImage module\n * @author wangfupeng\n */\n\nimport { IModuleConf } from '@wangeditor-next/core'\n\nimport { uploadImageMenuConf } from './menu/index'\nimport withUploadImage from './plugin'\n\nconst uploadImage: Partial<IModuleConf> = {\n  menus: [uploadImageMenuConf],\n  editorPlugin: withUploadImage,\n}\n\nexport default uploadImage\n","/**\n * @description upload image menu\n * @author wangfupeng\n */\n\nimport { genUploadImageConfig } from './config'\nimport UploadImageMenu from './UploadImageMenu'\n\nexport const uploadImageMenuConf = {\n  key: 'uploadImage',\n  factory() {\n    return new UploadImageMenu()\n  },\n\n  // 默认的菜单菜单配置，将存储在 editorConfig.MENU_CONF[key] 中\n  // 创建编辑器时，可通过 editorConfig.MENU_CONF[key] = {...} 来修改\n  config: genUploadImageConfig(),\n}\n","/**\n * @description upload image config\n * @author wangfupeng\n */\n\nimport { IUploadImageConfig } from '@wangeditor-next/core'\n\n// 生成默认配置\nexport function genUploadImageConfig(): IUploadImageConfig {\n  return {\n    server: '', // server API 地址，需用户配置\n\n    fieldName: 'wangeditor-uploaded-image', // formData 中，文件的 key\n    maxFileSize: 2 * 1024 * 1024, // 2M\n    maxNumberOfFiles: 100, // 最多上传 xx 张图片\n    allowedFileTypes: ['image/*'],\n    meta: {\n      // 自定义上传参数，例如传递验证的 token 等。参数会被添加到 formData 中，一起上传到服务端。\n      // 例如：token: 'xxxxx', x: 100\n    },\n    metaWithUrl: false,\n    // headers: {\n    //   // 自定义 http headers\n    //   // 例如：Accept: 'text/x-json', a: 100,\n    // },\n    withCredentials: false,\n    timeout: 10 * 1000, // 10s\n\n    onBeforeUpload: (files: any) => files, // 返回 false 则终止上传\n    onProgress: (_progress: number) => {\n      /* on progress */\n    },\n    onSuccess: (_file: any, _res: any) => {\n      /* on success */\n    },\n    onFailed: (file: any, res: any) => {\n      console.error(`'${file.name}' upload failed`, res)\n    },\n    onError: (file: any, err: any, res: any) => {\n      /* on error */\n      /* on timeout */\n      console.error(`'${file.name}' upload error`, res)\n    },\n\n    // 自定义插入图片，用户配置\n    // customInsert: (res, insertFn) => {},\n\n    // 自定义上传图片，用户配置\n    // customUpload: (file, insertFn) => {},\n\n    // 自定义上传适配器，默认仍使用内置 Uppy\n    // uploadAdapter: ({ config, editor }) => ({ addFiles() {}, upload: async () => {} }),\n\n    // 小于 xxx 就插入 base64\n    base64LimitSize: 0,\n\n    // 自定义选择，并上传图片，如：图床 （用户配置）\n    // customBrowseAndUpload: insertFn => {},\n  }\n}\n","/**\n * @description editor 插件，重写 editor API\n * @author wangfupeng\n */\n\nimport { isInsertImageMenuDisabled } from '@wangeditor-next/basic-modules'\nimport { IDomEditor } from '@wangeditor-next/core'\n\nimport uploadImages from './upload-images'\n\nfunction withUploadImage<T extends IDomEditor>(editor: T): T {\n  const { insertData } = editor\n  const newEditor = editor\n\n  // 重写 insertData - 粘贴图片、拖拽上传图片\n  newEditor.insertData = (data: DataTransfer) => {\n    if (isInsertImageMenuDisabled(newEditor)) {\n      insertData(data)\n      return\n    }\n\n    // 如有 text ，则优先粘贴 text\n    const text = data.getData('text/plain')\n\n    if (text) {\n      insertData(data)\n      return\n    }\n\n    // 获取文件\n    const { files } = data\n\n    if (files.length <= 0) {\n      insertData(data)\n      return\n    }\n\n    // 判断是否有图片文件（可能是其他类型的文件）\n    const fileList = Array.prototype.slice.call(files)\n    const hasImageFiles = fileList.some(file => {\n      const [mime] = file.type.split('/')\n\n      return mime === 'image'\n    })\n\n    if (hasImageFiles) {\n      // 有图片文件，则上传图片\n      uploadImages(editor, files)\n    } else {\n      // 如果没有， 则继续 insertData\n      insertData(data)\n    }\n  }\n\n  // 返回 editor ，重要！\n  return newEditor\n}\n\nexport default withUploadImage\n"],"names":["i18nAddResources","uploadImgModule","uploadImage","uploadError","append","$","fn","on","remove","val","click","hide","EDITOR_TO_UPLOADER_MAP","WeakMap","getMenuConfig","editor","insertBase64","file","Promise","resolve","reader","FileReader","readAsDataURL","onload","result","src","toString","href","indexOf","insertImageNode","name","uploadFile","files","uploader","get","menuConfig","onSuccess","onProgress","onFailed","customInsert","onError","createUploader","__assign","progress","showProgressBar","res","alt","_a","errno","_b","data","Array","isArray","forEach","item","url","_c","_d","_e","err","set","getUploader","uploadList","map","type","size","addFiles","upload","sent","uploadImages","fileList","prototype","slice","call","customUpload","base64LimitSize","uploadFileList","fileList_1","__asyncValues","fileList_1_1","value","_f","push","length","UploadImage","this","title","t","iconSvg","tag","getValue","_editor","isActive","isDisabled","isInsertImageMenuDisabled","exec","_value","allowedFileTypes","customBrowseAndUpload","acceptAttr","join","$body","$inputFile","menus","key","factory","UploadImageMenu","config","server","fieldName","maxFileSize","maxNumberOfFiles","meta","metaWithUrl","withCredentials","timeout","onBeforeUpload","_progress","_file","_res","console","error","concat","editorPlugin","insertData","newEditor","getData","some","__read","split"],"mappings":"ugBAUAA,EAAAA,iBAAiB,KCLF,CACbC,gBAAiB,CACfC,YAAa,eACbC,YAAa,+BDGjBH,EAAAA,iBAAiB,QENF,CACbC,gBAAiB,CACfC,YAAa,OACbC,YAAa,uBCGbC,WAAUC,EAAEC,GAAGF,OAASA,EAAAA,QACxBG,OAAMF,EAAEC,GAAGC,GAAKA,EAAAA,IAChBC,WAAUH,EAAEC,GAAGE,OAASA,EAAAA,QACxBC,QAAOJ,EAAEC,GAAGG,IAAMA,EAAAA,KAClBC,UAASL,EAAEC,GAAGI,MAAQA,EAAAA,OACtBC,SAAQN,EAAEC,GAAGK,KAAOA,EAAAA,84ECHxB,IAAMC,EAAyB,IAAIC,QAEnC,SAASC,EAAcC,GACrB,OAAOA,EAAOD,cAAc,cAC9B,CAsFA,SAAeE,EAAaD,EAAoBE,oEAC9C,MAAA,CAAA,EAAO,IAAIC,QAAQ,SAAAC,GACjB,IAAMC,EAAS,IAAIC,WAEnBD,EAAOE,cAAcL,GACrBG,EAAOG,OAAS,WACN,IAAAC,EAAWJ,EAAMI,OAEzB,GAAKA,EAAL,CACA,IAAMC,EAAMD,EAAOE,WACbC,EAAqC,IAA9BF,EAAIG,QAAQ,cAAsB,GAAKH,EAEpDI,EAAAA,gBAAgBd,EAAQU,EAAKR,EAAKa,KAAMH,GAExCR,EAAQ,KANc,CAOxB,CACF,OACD,CAOD,SAAeY,EAAWhB,EAAoBiB,mGAU5C,OATMC,EA1GR,SAAqBlB,GACnB,IAAIkB,EAAWrB,EAAuBsB,IAAInB,GAE1C,GAAgB,MAAZkB,EAAoB,OAAOA,EAE/B,IAAME,EAAarB,EAAcC,GAE/BqB,EACED,EAAUC,UADDC,EACTF,EAAUE,WADWC,EACrBH,EAAUG,SADqBC,EAC/BJ,EAAUI,aADmCC,EAC7CL,EAAUK,QAiEd,OARAP,EAAWQ,EAAAA,eAAcC,EAAAA,EAAA,CAAA,EACpBP,GAAU,CACbE,WAfsB,SAACM,GACvB5B,EAAO6B,gBAAgBD,GAGnBN,GAAcA,EAAWM,EAC/B,EAWEP,UAzDqB,SAACnB,EAAyB4B,GAK/C,GAAIN,EAKF,OAHAA,EAAaM,EAAK,SAACpB,EAAKqB,EAAKnB,GAAS,OAAAE,EAAAA,gBAAgBd,EAAQU,EAAKqB,EAAKnB,EAAlC,QAEtCS,EAAUnB,EAAM4B,GAIV,IAAAE,EAAyBF,EAAGG,MAA5BA,aAAQ,EAACD,EAAEE,EAAcJ,EAAGK,KAAjBA,OAAI,IAAAD,EAAG,CAAA,IAE1B,GAAc,IAAVD,EAAJ,CAMA,GAAIG,MAAMC,QAAQF,GAEhBA,EAAKG,QAAQ,SAACC,GACJ,IAAAP,EAAkCO,EAAIC,IAAtCA,OAAG,IAAAR,EAAG,GAAEA,EAAEE,EAAwBK,EAAIR,IAA5BA,OAAG,IAAAG,EAAG,GAAEA,EAAEO,EAAcF,EAAI3B,KAAlBA,OAAI,IAAA6B,EAAG,GAAEA,EAGrC3B,EAAAA,gBAAgBd,EAAQwC,EAAKT,EAAKnB,EACpC,OACK,CAEG,IAAA6B,EAAkCN,EAAIK,IAAtCA,OAAG,IAAAC,EAAG,GAAEA,EAAEC,EAAwBP,EAAIJ,IAA5BA,OAAG,IAAAW,EAAG,GAAEA,EAAEC,EAAcR,EAAIvB,KAAlBA,OAAI,IAAA+B,EAAG,GAAEA,EAErC7B,EAAAA,gBAAgBd,EAAQwC,EAAKT,EAAKnB,EACpC,CAGAS,EAAUnB,EAAM4B,EAlBhB,MAFEP,EAASrB,EAAM4B,EAqBnB,EAoBEL,QATmB,SAACvB,EAAW0C,EAAUd,GAEzCL,EAAQvB,EAAM0C,EAAKd,EACrB,IAOG9B,GACHH,EAAuBgD,IAAI7C,EAAQkB,GAE5BA,CACT,CAgCmB4B,CAAY9C,GACvB+C,EAA4B9B,EAAM+B,IAAI,SAAA9C,GAAQ,MAAC,CACnDa,KAAMb,EAAKa,KACXkC,KAAM/C,EAAK+C,KACXC,KAAMhD,EAAKgD,KACXf,KAAMjC,EAJ4C,GAOpDgB,EAASiC,SAASJ,GAClB,CAAA,EAAM7B,EAASkC,wBAAfpB,EAAAqB,eACD,CAOa,SAAAC,EAAiBtD,EAAoBiB,6HACjD,GAAa,MAATA,EAAiB,MAAA,CAAA,GACfsC,EAAWnB,MAAMoB,UAAUC,MAAMC,KAAKzC,GAGtCe,EAAoCjC,EAAcC,GAAhD2D,EAAY3B,EAAA2B,aAAEC,EAAe5B,EAAA4B,gBAE/BC,EAA0B,mDAGPC,EAAAC,EAAAR,kFAAAZ,EAAAqB,EAAAC,MAAA/B,GAAA,EACjBgB,GADShD,KACGgD,KAEdU,GAAmBV,GAAQU,EAE7B,CAAA,EAAM3D,EAAaD,EAAQE,IAFzB,CAAA,EAAA,kBAEFgE,EAAAb,oBACS,OAAAM,EAET,CAAA,EAAMA,EAAazD,EAAM,SAACQ,EAAKqB,EAAKnB,GAAS,OAAAE,EAAAA,gBAAgBd,EAAQU,EAAKqB,EAAKnB,EAAlC,EAAyCZ,IAF7E,CAAA,EAAA,iBAETkE,EAAAb,oBAGAQ,EAAeM,KAAKjE,wSAIpB,OAAA2D,EAAeO,OAAS,EAAK,CAAA,EAAMpD,EAAWhB,EAAQ6D,IAAtD,CAAA,EAAA,YAA6BK,EAAAb,wCAClC,CC7JD,IAAAgB,EAAA,WAAA,SAAAA,IACWC,KAAAC,MAAQC,EAAAA,EAAE,+BAEVF,KAAAG,QCLqB,s9CDOrBH,KAAAI,IAAM,QAmDjB,CAAA,OAjDEL,EAAAb,UAAAmB,SAAA,SAASC,GAEP,MAAO,EACT,EAEAP,EAAAb,UAAAqB,SAAA,SAASD,GAEP,OAAO,CACT,EAEAP,EAAAb,UAAAsB,WAAA,SAAW9E,GACT,OAAO+E,EAAAA,0BAA0B/E,EACnC,EAEQqE,EAAAb,UAAAzD,cAAR,SAAsBC,GAEpB,OAAOA,EAAOD,cAAc,cAC9B,EAEAsE,EAAAb,UAAAwB,KAAA,SAAKhF,EAAoBiF,GACjB,IAAAjD,EAAmDsC,KAAKvE,cAAcC,GAApEkC,EAAAF,EAAAkD,iBAAAA,OAAgB,IAAAhD,EAAG,KAAIiD,0BAG/B,GAAIA,EACFA,EAAsB,SAACzE,EAAKqB,EAAKnB,GAAS,OAAAE,EAAAA,gBAAgBd,EAAQU,EAAKqB,EAAKnB,EAAlC,OAD5C,CAMA,IAAIwE,EAAa,GAEbF,EAAiBd,OAAS,IAC5BgB,EAAa,kBAAWF,EAAiBG,KAAK,MAAK,MAIrD,IAAMC,EAAQhG,EAAE,QACViG,EAAajG,EAAE,6BAAsB8F,EAAU,gBAErDG,EAAW3F,OACX0F,EAAMjG,OAAOkG,GACbA,EAAW5F,QAEX4F,EAAW/F,GAAG,SAAU,WACtB,IAAMyB,EAASsE,EAAW,GAAwBtE,MAElDqC,EAAatD,EAAQiB,EACvB,EArBA,CAsBF,EACFoD,CAAA,CAxDA,SEJ0C,CACxCmB,MAAO,CCH0B,CACjCC,IAAK,cACLC,QAAO,WACL,OAAO,IAAIC,CACb,EAIAC,OCPO,CACLC,OAAQ,GAERC,UAAW,4BACXC,YAAa,QACbC,iBAAkB,IAClBd,iBAAkB,CAAC,WACnBe,KAAM,GAINC,aAAa,EAKbC,iBAAiB,EACjBC,QAAS,IAETC,eAAgB,SAACpF,GAAe,OAAAA,CAAA,EAChCK,WAAY,SAACgF,GACX,EAEFjF,UAAW,SAACkF,EAAYC,GACtB,EAEFjF,SAAU,SAACrB,EAAW4B,GACpB2E,QAAQC,MAAM,IAAAC,OAAIzG,EAAKa,KAAI,mBAAmBe,EAChD,EACAL,QAAS,SAACvB,EAAW0C,EAAUd,GAG7B2E,QAAQC,MAAM,IAAAC,OAAIzG,EAAKa,KAAI,kBAAkBe,EAC/C,EAYA8B,gBAAiB,KF1CnBgD,aGFF,SAA+C5G,GACrC,IAAA6G,EAAe7G,EAAM6G,WACvBC,EAAY9G,EA2ClB,OAxCA8G,EAAUD,WAAa,SAAC1E,GACtB,GAAI4C,EAAAA,0BAA0B+B,GAC5BD,EAAW1E,QAOb,GAFaA,EAAK4E,QAAQ,cAGxBF,EAAW1E,OADb,CAMQ,IAAAlB,EAAUkB,EAAIlB,MAEtB,GAAIA,EAAMmD,QAAU,EAClByC,EAAW1E,QAKIC,MAAMoB,UAAUC,MAAMC,KAAKzC,GACb+F,KAAK,SAAA9G,GAGlC,MAAgB,iSAFV+G,CAAS/G,EAAK+C,KAAKiE,MAAM,KAAI,KAGrC,GAIE5D,EAAatD,EAAQiB,GAGrB4F,EAAW1E,EAvBb,CAyBF,EAGO2E,CACT"}
+{"version":3,"file":"index.js","sources":["../src/locale/index.ts","../src/locale/en.ts","../src/locale/zh-CN.ts","../src/utils/dom.ts","../src/module/upload-images.ts","../src/module/menu/UploadImageMenu.ts","../src/constants/svg.ts","../src/module/index.ts","../src/module/menu/index.ts","../src/module/menu/config.ts","../src/module/plugin.ts"],"sourcesContent":["/**\n * @description i18n entry\n * @author wangfupeng\n */\n\nimport { i18nAddResources } from '@wangeditor-next/core'\n\nimport enResources from './en'\nimport zhResources from './zh-CN'\n\ni18nAddResources('en', enResources)\ni18nAddResources('zh-CN', zhResources)\n","/**\n * @description i18n en\n * @author wangfupeng\n */\n\nexport default {\n  uploadImgModule: {\n    uploadImage: 'Upload Image',\n    uploadError: '{{fileName}} upload error',\n  },\n}\n","/**\n * @description i18n zh-CN\n * @author wangfupeng\n */\n\nexport default {\n  uploadImgModule: {\n    uploadImage: '上传图片',\n    uploadError: '{{fileName}} 上传出错',\n  },\n}\n","/**\n * @description DOM 操作\n * @author wangfupeng\n */\n\nimport $, {\n  append, click, hide, on, remove, val,\n} from 'dom7'\n\nexport type { Dom7Array } from 'dom7'\n\nif (append) { $.fn.append = append }\nif (on) { $.fn.on = on }\nif (remove) { $.fn.remove = remove }\nif (val) { $.fn.val = val }\nif (click) { $.fn.click = click }\nif (hide) { $.fn.hide = hide }\n\nexport default $\n","/**\n * @description 上传文件\n * @author wangfupeng\n */\n\nimport { insertImageNode } from '@wangeditor-next/basic-modules'\nimport {\n  IDomEditor, IUploader,\n  IUploadFile, IUploadResultFile,\n} from '@wangeditor-next/core'\nimport { createUploader } from '@wangeditor-next/core/upload'\n\n// 存储 editor uploader 的关系 - 缓存 uploader ，不重复创建\nconst EDITOR_TO_UPLOADER_MAP = new WeakMap<IDomEditor, IUploader>()\n\nfunction getMenuConfig(editor: IDomEditor) {\n  return editor.getMenuConfig('uploadImage')\n}\n/**\n * 获取 uploader 实例（并通过 editor 缓存）\n * @param editor editor\n */\nfunction getUploader(editor: IDomEditor): IUploader {\n  let uploader = EDITOR_TO_UPLOADER_MAP.get(editor)\n\n  if (uploader != null) { return uploader }\n\n  const menuConfig = getMenuConfig(editor)\n  const {\n    onSuccess, onProgress, onFailed, customInsert, onError,\n  } = menuConfig\n\n  // 上传完成之后\n  const successHandler = (file: IUploadResultFile, res: any) => {\n    // 预期 res 格式：\n    // 成功：{ errno: 0, data: { url, alt, href } } —— 注意，旧版的 data 是数组，要兼容一下\n    // 失败：{ errno: !0, message: '失败信息' }\n\n    if (customInsert) {\n      // 用户自定义插入图片，此时 res 格式可能不符合预期\n      customInsert(res, (src, alt, href) => insertImageNode(editor, src, alt, href))\n      // success 回调\n      onSuccess(file, res)\n      return\n    }\n\n    const { errno = 1, data = {} } = res\n\n    if (errno !== 0) {\n      // failed 回调\n      onFailed(file, res)\n      return\n    }\n\n    if (Array.isArray(data)) {\n      // 返回的数组（旧版的，兼容一下）\n      data.forEach((item: { url: string; alt?: string; href?: string }) => {\n        const { url = '', alt = '', href = '' } = item\n        // 使用 basic-module 的 insertImageNode 方法插入图片，其中有用户配置的校验和 callback\n\n        insertImageNode(editor, url, alt, href)\n      })\n    } else {\n      // 返回的对象\n      const { url = '', alt = '', href = '' } = data\n\n      insertImageNode(editor, url, alt, href)\n    }\n\n    // success 回调\n    onSuccess(file, res)\n  }\n\n  // progress 显示进度条\n  const progressHandler = (progress: number) => {\n    editor.showProgressBar(progress)\n\n    // 回调函数\n    if (onProgress) { onProgress(progress) }\n  }\n\n  // onError 提示错误\n  const errorHandler = (file: any, err: any, res: any) => {\n    // 回调函数\n    onError(file, err, res)\n  }\n\n  uploader = createUploader({\n    ...menuConfig,\n    onProgress: progressHandler,\n    onSuccess: successHandler,\n    onError: errorHandler,\n  }, editor)\n  EDITOR_TO_UPLOADER_MAP.set(editor, uploader)\n\n  return uploader\n}\n\n/**\n * 插入 base64 格式\n * @param editor editor\n * @param file file\n */\nasync function insertBase64(editor: IDomEditor, file: File) {\n  return new Promise(resolve => {\n    const reader = new FileReader()\n\n    reader.readAsDataURL(file)\n    reader.onload = () => {\n      const { result } = reader\n\n      if (!result) { return }\n      const src = result.toString()\n      const href = src.indexOf('data:image') === 0 ? '' : src // base64 格式则不设置 href\n\n      insertImageNode(editor, src, file.name, href)\n\n      resolve('ok')\n    }\n  })\n}\n\n/**\n * 上传图片文件\n * @param editor editor\n * @param file file\n */\nasync function uploadFile(editor: IDomEditor, files: File[]) {\n  const uploader = getUploader(editor)\n  const uploadList: IUploadFile[] = files.map(file => ({\n    name: file.name,\n    type: file.type,\n    size: file.size,\n    data: file,\n  }))\n\n  uploader.addFiles(uploadList)\n  await uploader.upload()\n}\n\n/**\n * 上传图片\n * @param editor editor\n * @param files files\n */\nexport default async function (editor: IDomEditor, files: FileList | null) {\n  if (files == null) { return }\n  const fileList = Array.prototype.slice.call(files)\n\n  // 获取菜单配置\n  const { customUpload, base64LimitSize } = getMenuConfig(editor)\n\n  const uploadFileList : File[] = []\n  // 按顺序上传\n\n  for await (const file of fileList) {\n    const size = file.size // size kb\n\n    if (base64LimitSize && size <= base64LimitSize) {\n      // 允许 base64 ，而且 size 在 base64 限制之内，则插入 base64 格式\n      await insertBase64(editor, file)\n    } else if (customUpload) {\n      // 自定义上传\n      await customUpload(file, (src, alt, href) => insertImageNode(editor, src, alt, href), editor)\n    } else {\n      // 默认上传\n      uploadFileList.push(file)\n    }\n  }\n  // 默认上传\n  if (uploadFileList.length > 0) { await uploadFile(editor, uploadFileList) }\n}\n","/**\n * @description upload image menu\n * @author wangfupeng\n */\n\nimport { insertImageNode, isInsertImageMenuDisabled } from '@wangeditor-next/basic-modules'\nimport {\n  IButtonMenu, IDomEditor, t,\n} from '@wangeditor-next/core'\n\nimport { UPLOAD_IMAGE_SVG } from '../../constants/svg'\nimport $ from '../../utils/dom'\nimport uploadImages from '../upload-images'\n\nclass UploadImage implements IButtonMenu {\n  readonly title = t('uploadImgModule.uploadImage')\n\n  readonly iconSvg = UPLOAD_IMAGE_SVG\n\n  readonly tag = 'button'\n\n  getValue(_editor: IDomEditor): string | boolean {\n    // 插入菜单，不需要 value\n    return ''\n  }\n\n  isActive(_editor: IDomEditor): boolean {\n    // 任何时候，都不用激活 menu\n    return false\n  }\n\n  isDisabled(editor: IDomEditor): boolean {\n    return isInsertImageMenuDisabled(editor)\n  }\n\n  private getMenuConfig(editor: IDomEditor) {\n    // 获取配置，见 `./config.js`\n    return editor.getMenuConfig('uploadImage')\n  }\n\n  exec(editor: IDomEditor, _value: string | boolean) {\n    const { allowedFileTypes = [], customBrowseAndUpload } = this.getMenuConfig(editor)\n\n    // 自定义选择图片，并上传，如图床\n    if (customBrowseAndUpload) {\n      customBrowseAndUpload((src, alt, href) => insertImageNode(editor, src, alt, href))\n      return\n    }\n\n    // 设置选择文件的类型\n    let acceptAttr = ''\n\n    if (allowedFileTypes.length > 0) {\n      acceptAttr = `accept=\"${allowedFileTypes.join(', ')}\"`\n    }\n\n    // 添加 file input（每次重新创建 input）\n    const $body = $('body')\n    const $inputFile = $(`<input type=\"file\" ${acceptAttr} multiple/>`)\n\n    $inputFile.hide()\n    $body.append($inputFile)\n    $inputFile.click()\n    // 选中文件\n    $inputFile.on('change', () => {\n      const files = ($inputFile[0] as HTMLInputElement).files\n\n      uploadImages(editor, files) // 上传文件\n    })\n  }\n}\n\nexport default UploadImage\n","/**\n * @description icon svg\n * @author wangfupeng\n */\n\n/**\n * 【注意】svg 字符串的长度 ，否则会导致代码体积过大\n * 尽量选择 https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=20293\n * 找不到再从 iconfont.com 搜索\n */\n\n// 上传图片\nexport const UPLOAD_IMAGE_SVG = '<svg viewBox=\"0 0 1024 1024\"><path d=\"M828.708571 585.045333a48.761905 48.761905 0 0 0-48.737523 48.761905v18.529524l-72.143238-72.167619a135.972571 135.972571 0 0 0-191.585524 0l-34.133334 34.133333-120.880762-120.953905a138.898286 138.898286 0 0 0-191.585523 0l-72.167619 72.167619V292.400762a48.786286 48.786286 0 0 1 48.761904-48.761905h341.23581a48.737524 48.737524 0 0 0 34.474667-83.285333 48.737524 48.737524 0 0 0-34.474667-14.287238H146.236952A146.212571 146.212571 0 0 0 0 292.400762v585.289143A146.358857 146.358857 0 0 0 146.236952 1024h584.996572a146.212571 146.212571 0 0 0 146.236952-146.310095V633.807238a48.786286 48.786286 0 0 0-48.761905-48.761905zM146.261333 926.45181a48.737524 48.737524 0 0 1-48.761904-48.761905v-174.128762l141.409523-141.458286a38.497524 38.497524 0 0 1 53.126096 0l154.526476 154.624 209.627428 209.724953H146.236952z m633.734096-48.761905c-0.073143 9.337905-3.145143 18.383238-8.777143 25.843809l-219.843048-220.94019 34.133333-34.133334a37.546667 37.546667 0 0 1 53.613715 0l140.873143 141.897143V877.714286zM1009.615238 160.231619L863.329524 13.897143a48.737524 48.737524 0 0 0-16.091429-10.24c-11.849143-4.87619-25.161143-4.87619-37.059047 0a48.761905 48.761905 0 0 0-16.067048 10.24l-146.236952 146.334476a49.005714 49.005714 0 0 0 69.217523 69.241905l62.902858-63.390476v272.627809a48.761905 48.761905 0 1 0 97.475047 0V166.083048l62.902857 63.390476a48.737524 48.737524 0 0 0 69.217524 0 48.761905 48.761905 0 0 0 0-69.241905z\"></path></svg>'\n","/**\n * @description uploadImage module\n * @author wangfupeng\n */\n\nimport { IModuleConf } from '@wangeditor-next/core'\n\nimport { uploadImageMenuConf } from './menu/index'\nimport withUploadImage from './plugin'\n\nconst uploadImage: Partial<IModuleConf> = {\n  menus: [uploadImageMenuConf],\n  editorPlugin: withUploadImage,\n}\n\nexport default uploadImage\n","/**\n * @description upload image menu\n * @author wangfupeng\n */\n\nimport { genUploadImageConfig } from './config'\nimport UploadImageMenu from './UploadImageMenu'\n\nexport const uploadImageMenuConf = {\n  key: 'uploadImage',\n  factory() {\n    return new UploadImageMenu()\n  },\n\n  // 默认的菜单菜单配置，将存储在 editorConfig.MENU_CONF[key] 中\n  // 创建编辑器时，可通过 editorConfig.MENU_CONF[key] = {...} 来修改\n  config: genUploadImageConfig(),\n}\n","/**\n * @description upload image config\n * @author wangfupeng\n */\n\nimport { IUploadImageConfig } from '@wangeditor-next/core'\n\n// 生成默认配置\nexport function genUploadImageConfig(): IUploadImageConfig {\n  return {\n    server: '', // server API 地址，需用户配置\n\n    fieldName: 'wangeditor-uploaded-image', // formData 中，文件的 key\n    maxFileSize: 2 * 1024 * 1024, // 2M\n    maxNumberOfFiles: 100, // 最多上传 xx 张图片\n    allowedFileTypes: ['image/*'],\n    meta: {\n      // 自定义上传参数，例如传递验证的 token 等。参数会被添加到 formData 中，一起上传到服务端。\n      // 例如：token: 'xxxxx', x: 100\n    },\n    metaWithUrl: false,\n    // headers: {\n    //   // 自定义 http headers\n    //   // 例如：Accept: 'text/x-json', a: 100,\n    // },\n    withCredentials: false,\n    timeout: 10 * 1000, // 10s\n\n    onBeforeUpload: (files: any) => files, // 返回 false 则终止上传\n    onProgress: (_progress: number) => {\n      /* on progress */\n    },\n    onSuccess: (_file: any, _res: any) => {\n      /* on success */\n    },\n    onFailed: (file: any, res: any) => {\n      console.error(`'${file.name}' upload failed`, res)\n    },\n    onError: (file: any, err: any, res: any) => {\n      /* on error */\n      /* on timeout */\n      console.error(`'${file.name}' upload error`, res)\n    },\n\n    // 自定义插入图片，用户配置\n    // customInsert: (res, insertFn) => {},\n\n    // 自定义上传图片，用户配置\n    // customUpload: (file, insertFn) => {},\n\n    // 自定义上传适配器，默认仍使用内置 Uppy\n    // uploadAdapter: ({ config, editor }) => ({ addFiles() {}, upload: async () => {} }),\n\n    // 小于 xxx 就插入 base64\n    base64LimitSize: 0,\n\n    // 自定义选择，并上传图片，如：图床 （用户配置）\n    // customBrowseAndUpload: insertFn => {},\n  }\n}\n","/**\n * @description editor 插件，重写 editor API\n * @author wangfupeng\n */\n\nimport { isInsertImageMenuDisabled } from '@wangeditor-next/basic-modules'\nimport { IDomEditor } from '@wangeditor-next/core'\n\nimport uploadImages from './upload-images'\n\nfunction withUploadImage<T extends IDomEditor>(editor: T): T {\n  const { insertData } = editor\n  const newEditor = editor\n\n  // 重写 insertData - 粘贴图片、拖拽上传图片\n  newEditor.insertData = (data: DataTransfer) => {\n    if (isInsertImageMenuDisabled(newEditor)) {\n      insertData(data)\n      return\n    }\n\n    // 如有 text ，则优先粘贴 text\n    const text = data.getData('text/plain')\n\n    if (text) {\n      insertData(data)\n      return\n    }\n\n    // 获取文件\n    const { files } = data\n\n    if (files.length <= 0) {\n      insertData(data)\n      return\n    }\n\n    // 判断是否有图片文件（可能是其他类型的文件）\n    const fileList = Array.prototype.slice.call(files)\n    const hasImageFiles = fileList.some(file => {\n      const [mime] = file.type.split('/')\n\n      return mime === 'image'\n    })\n\n    if (hasImageFiles) {\n      // 有图片文件，则上传图片\n      uploadImages(editor, files)\n    } else {\n      // 如果没有， 则继续 insertData\n      insertData(data)\n    }\n  }\n\n  // 返回 editor ，重要！\n  return newEditor\n}\n\nexport default withUploadImage\n"],"names":["i18nAddResources","uploadImgModule","uploadImage","uploadError","append","$","fn","on","remove","val","click","hide","EDITOR_TO_UPLOADER_MAP","WeakMap","getMenuConfig","editor","insertBase64","file","Promise","resolve","reader","FileReader","readAsDataURL","onload","result","src","toString","href","indexOf","insertImageNode","name","uploadFile","files","uploader","get","menuConfig","onSuccess","onProgress","onFailed","customInsert","onError","createUploader","__assign","progress","showProgressBar","res","alt","_a","errno","_b","data","Array","isArray","forEach","item","url","_c","_d","_e","err","set","getUploader","uploadList","map","type","size","addFiles","upload","sent","uploadImages","fileList","prototype","slice","call","customUpload","base64LimitSize","uploadFileList","fileList_1","__asyncValues","fileList_1_1","value","_f","push","length","UploadImage","this","title","t","iconSvg","tag","getValue","_editor","isActive","isDisabled","isInsertImageMenuDisabled","exec","_value","allowedFileTypes","customBrowseAndUpload","acceptAttr","join","$body","$inputFile","menus","key","factory","UploadImageMenu","config","server","fieldName","maxFileSize","maxNumberOfFiles","meta","metaWithUrl","withCredentials","timeout","onBeforeUpload","_progress","_file","_res","console","error","concat","editorPlugin","insertData","newEditor","getData","some","__read","split"],"mappings":"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"}

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/locale/index.ts","../src/locale/en.ts","../src/locale/zh-CN.ts","../src/utils/dom.ts","../src/module/upload-images.ts","../src/module/menu/UploadImageMenu.ts","../src/constants/svg.ts","../src/module/index.ts","../src/module/menu/index.ts","../src/module/menu/config.ts","../src/module/plugin.ts"],"sourcesContent":["/**\n * @description i18n entry\n * @author wangfupeng\n */\n\nimport { i18nAddResources } from '@wangeditor-next/core'\n\nimport enResources from './en'\nimport zhResources from './zh-CN'\n\ni18nAddResources('en', enResources)\ni18nAddResources('zh-CN', zhResources)\n","/**\n * @description i18n en\n * @author wangfupeng\n */\n\nexport default {\n  uploadImgModule: {\n    uploadImage: 'Upload Image',\n    uploadError: '{{fileName}} upload error',\n  },\n}\n","/**\n * @description i18n zh-CN\n * @author wangfupeng\n */\n\nexport default {\n  uploadImgModule: {\n    uploadImage: '上传图片',\n    uploadError: '{{fileName}} 上传出错',\n  },\n}\n","/**\n * @description DOM 操作\n * @author wangfupeng\n */\n\nimport $, {\n  append, click, hide, on, remove, val,\n} from 'dom7'\n\nexport { Dom7Array } from 'dom7'\n\nif (append) { $.fn.append = append }\nif (on) { $.fn.on = on }\nif (remove) { $.fn.remove = remove }\nif (val) { $.fn.val = val }\nif (click) { $.fn.click = click }\nif (hide) { $.fn.hide = hide }\n\nexport default $\n","/**\n * @description 上传文件\n * @author wangfupeng\n */\n\nimport { insertImageNode } from '@wangeditor-next/basic-modules'\nimport {\n  IDomEditor, IUploader,\n  IUploadFile, IUploadResultFile,\n} from '@wangeditor-next/core'\nimport { createUploader } from '@wangeditor-next/core/upload'\n\n// 存储 editor uploader 的关系 - 缓存 uploader ，不重复创建\nconst EDITOR_TO_UPLOADER_MAP = new WeakMap<IDomEditor, IUploader>()\n\nfunction getMenuConfig(editor: IDomEditor) {\n  return editor.getMenuConfig('uploadImage')\n}\n/**\n * 获取 uploader 实例（并通过 editor 缓存）\n * @param editor editor\n */\nfunction getUploader(editor: IDomEditor): IUploader {\n  let uploader = EDITOR_TO_UPLOADER_MAP.get(editor)\n\n  if (uploader != null) { return uploader }\n\n  const menuConfig = getMenuConfig(editor)\n  const {\n    onSuccess, onProgress, onFailed, customInsert, onError,\n  } = menuConfig\n\n  // 上传完成之后\n  const successHandler = (file: IUploadResultFile, res: any) => {\n    // 预期 res 格式：\n    // 成功：{ errno: 0, data: { url, alt, href } } —— 注意，旧版的 data 是数组，要兼容一下\n    // 失败：{ errno: !0, message: '失败信息' }\n\n    if (customInsert) {\n      // 用户自定义插入图片，此时 res 格式可能不符合预期\n      customInsert(res, (src, alt, href) => insertImageNode(editor, src, alt, href))\n      // success 回调\n      onSuccess(file, res)\n      return\n    }\n\n    const { errno = 1, data = {} } = res\n\n    if (errno !== 0) {\n      // failed 回调\n      onFailed(file, res)\n      return\n    }\n\n    if (Array.isArray(data)) {\n      // 返回的数组（旧版的，兼容一下）\n      data.forEach((item: { url: string; alt?: string; href?: string }) => {\n        const { url = '', alt = '', href = '' } = item\n        // 使用 basic-module 的 insertImageNode 方法插入图片，其中有用户配置的校验和 callback\n\n        insertImageNode(editor, url, alt, href)\n      })\n    } else {\n      // 返回的对象\n      const { url = '', alt = '', href = '' } = data\n\n      insertImageNode(editor, url, alt, href)\n    }\n\n    // success 回调\n    onSuccess(file, res)\n  }\n\n  // progress 显示进度条\n  const progressHandler = (progress: number) => {\n    editor.showProgressBar(progress)\n\n    // 回调函数\n    if (onProgress) { onProgress(progress) }\n  }\n\n  // onError 提示错误\n  const errorHandler = (file: any, err: any, res: any) => {\n    // 回调函数\n    onError(file, err, res)\n  }\n\n  uploader = createUploader({\n    ...menuConfig,\n    onProgress: progressHandler,\n    onSuccess: successHandler,\n    onError: errorHandler,\n  }, editor)\n  EDITOR_TO_UPLOADER_MAP.set(editor, uploader)\n\n  return uploader\n}\n\n/**\n * 插入 base64 格式\n * @param editor editor\n * @param file file\n */\nasync function insertBase64(editor: IDomEditor, file: File) {\n  return new Promise(resolve => {\n    const reader = new FileReader()\n\n    reader.readAsDataURL(file)\n    reader.onload = () => {\n      const { result } = reader\n\n      if (!result) { return }\n      const src = result.toString()\n      const href = src.indexOf('data:image') === 0 ? '' : src // base64 格式则不设置 href\n\n      insertImageNode(editor, src, file.name, href)\n\n      resolve('ok')\n    }\n  })\n}\n\n/**\n * 上传图片文件\n * @param editor editor\n * @param file file\n */\nasync function uploadFile(editor: IDomEditor, files: File[]) {\n  const uploader = getUploader(editor)\n  const uploadList: IUploadFile[] = files.map(file => ({\n    name: file.name,\n    type: file.type,\n    size: file.size,\n    data: file,\n  }))\n\n  uploader.addFiles(uploadList)\n  await uploader.upload()\n}\n\n/**\n * 上传图片\n * @param editor editor\n * @param files files\n */\nexport default async function (editor: IDomEditor, files: FileList | null) {\n  if (files == null) { return }\n  const fileList = Array.prototype.slice.call(files)\n\n  // 获取菜单配置\n  const { customUpload, base64LimitSize } = getMenuConfig(editor)\n\n  const uploadFileList : File[] = []\n  // 按顺序上传\n\n  for await (const file of fileList) {\n    const size = file.size // size kb\n\n    if (base64LimitSize && size <= base64LimitSize) {\n      // 允许 base64 ，而且 size 在 base64 限制之内，则插入 base64 格式\n      await insertBase64(editor, file)\n    } else if (customUpload) {\n      // 自定义上传\n      await customUpload(file, (src, alt, href) => insertImageNode(editor, src, alt, href), editor)\n    } else {\n      // 默认上传\n      uploadFileList.push(file)\n    }\n  }\n  // 默认上传\n  if (uploadFileList.length > 0) { await uploadFile(editor, uploadFileList) }\n}\n","/**\n * @description upload image menu\n * @author wangfupeng\n */\n\nimport { insertImageNode, isInsertImageMenuDisabled } from '@wangeditor-next/basic-modules'\nimport {\n  IButtonMenu, IDomEditor, t,\n} from '@wangeditor-next/core'\n\nimport { UPLOAD_IMAGE_SVG } from '../../constants/svg'\nimport $ from '../../utils/dom'\nimport uploadImages from '../upload-images'\n\nclass UploadImage implements IButtonMenu {\n  readonly title = t('uploadImgModule.uploadImage')\n\n  readonly iconSvg = UPLOAD_IMAGE_SVG\n\n  readonly tag = 'button'\n\n  getValue(_editor: IDomEditor): string | boolean {\n    // 插入菜单，不需要 value\n    return ''\n  }\n\n  isActive(_editor: IDomEditor): boolean {\n    // 任何时候，都不用激活 menu\n    return false\n  }\n\n  isDisabled(editor: IDomEditor): boolean {\n    return isInsertImageMenuDisabled(editor)\n  }\n\n  private getMenuConfig(editor: IDomEditor) {\n    // 获取配置，见 `./config.js`\n    return editor.getMenuConfig('uploadImage')\n  }\n\n  exec(editor: IDomEditor, _value: string | boolean) {\n    const { allowedFileTypes = [], customBrowseAndUpload } = this.getMenuConfig(editor)\n\n    // 自定义选择图片，并上传，如图床\n    if (customBrowseAndUpload) {\n      customBrowseAndUpload((src, alt, href) => insertImageNode(editor, src, alt, href))\n      return\n    }\n\n    // 设置选择文件的类型\n    let acceptAttr = ''\n\n    if (allowedFileTypes.length > 0) {\n      acceptAttr = `accept=\"${allowedFileTypes.join(', ')}\"`\n    }\n\n    // 添加 file input（每次重新创建 input）\n    const $body = $('body')\n    const $inputFile = $(`<input type=\"file\" ${acceptAttr} multiple/>`)\n\n    $inputFile.hide()\n    $body.append($inputFile)\n    $inputFile.click()\n    // 选中文件\n    $inputFile.on('change', () => {\n      const files = ($inputFile[0] as HTMLInputElement).files\n\n      uploadImages(editor, files) // 上传文件\n    })\n  }\n}\n\nexport default UploadImage\n","/**\n * @description icon svg\n * @author wangfupeng\n */\n\n/**\n * 【注意】svg 字符串的长度 ，否则会导致代码体积过大\n * 尽量选择 https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=20293\n * 找不到再从 iconfont.com 搜索\n */\n\n// 上传图片\nexport const UPLOAD_IMAGE_SVG = '<svg viewBox=\"0 0 1024 1024\"><path d=\"M828.708571 585.045333a48.761905 48.761905 0 0 0-48.737523 48.761905v18.529524l-72.143238-72.167619a135.972571 135.972571 0 0 0-191.585524 0l-34.133334 34.133333-120.880762-120.953905a138.898286 138.898286 0 0 0-191.585523 0l-72.167619 72.167619V292.400762a48.786286 48.786286 0 0 1 48.761904-48.761905h341.23581a48.737524 48.737524 0 0 0 34.474667-83.285333 48.737524 48.737524 0 0 0-34.474667-14.287238H146.236952A146.212571 146.212571 0 0 0 0 292.400762v585.289143A146.358857 146.358857 0 0 0 146.236952 1024h584.996572a146.212571 146.212571 0 0 0 146.236952-146.310095V633.807238a48.786286 48.786286 0 0 0-48.761905-48.761905zM146.261333 926.45181a48.737524 48.737524 0 0 1-48.761904-48.761905v-174.128762l141.409523-141.458286a38.497524 38.497524 0 0 1 53.126096 0l154.526476 154.624 209.627428 209.724953H146.236952z m633.734096-48.761905c-0.073143 9.337905-3.145143 18.383238-8.777143 25.843809l-219.843048-220.94019 34.133333-34.133334a37.546667 37.546667 0 0 1 53.613715 0l140.873143 141.897143V877.714286zM1009.615238 160.231619L863.329524 13.897143a48.737524 48.737524 0 0 0-16.091429-10.24c-11.849143-4.87619-25.161143-4.87619-37.059047 0a48.761905 48.761905 0 0 0-16.067048 10.24l-146.236952 146.334476a49.005714 49.005714 0 0 0 69.217523 69.241905l62.902858-63.390476v272.627809a48.761905 48.761905 0 1 0 97.475047 0V166.083048l62.902857 63.390476a48.737524 48.737524 0 0 0 69.217524 0 48.761905 48.761905 0 0 0 0-69.241905z\"></path></svg>'\n","/**\n * @description uploadImage module\n * @author wangfupeng\n */\n\nimport { IModuleConf } from '@wangeditor-next/core'\n\nimport { uploadImageMenuConf } from './menu/index'\nimport withUploadImage from './plugin'\n\nconst uploadImage: Partial<IModuleConf> = {\n  menus: [uploadImageMenuConf],\n  editorPlugin: withUploadImage,\n}\n\nexport default uploadImage\n","/**\n * @description upload image menu\n * @author wangfupeng\n */\n\nimport { genUploadImageConfig } from './config'\nimport UploadImageMenu from './UploadImageMenu'\n\nexport const uploadImageMenuConf = {\n  key: 'uploadImage',\n  factory() {\n    return new UploadImageMenu()\n  },\n\n  // 默认的菜单菜单配置，将存储在 editorConfig.MENU_CONF[key] 中\n  // 创建编辑器时，可通过 editorConfig.MENU_CONF[key] = {...} 来修改\n  config: genUploadImageConfig(),\n}\n","/**\n * @description upload image config\n * @author wangfupeng\n */\n\nimport { IUploadImageConfig } from '@wangeditor-next/core'\n\n// 生成默认配置\nexport function genUploadImageConfig(): IUploadImageConfig {\n  return {\n    server: '', // server API 地址，需用户配置\n\n    fieldName: 'wangeditor-uploaded-image', // formData 中，文件的 key\n    maxFileSize: 2 * 1024 * 1024, // 2M\n    maxNumberOfFiles: 100, // 最多上传 xx 张图片\n    allowedFileTypes: ['image/*'],\n    meta: {\n      // 自定义上传参数，例如传递验证的 token 等。参数会被添加到 formData 中，一起上传到服务端。\n      // 例如：token: 'xxxxx', x: 100\n    },\n    metaWithUrl: false,\n    // headers: {\n    //   // 自定义 http headers\n    //   // 例如：Accept: 'text/x-json', a: 100,\n    // },\n    withCredentials: false,\n    timeout: 10 * 1000, // 10s\n\n    onBeforeUpload: (files: any) => files, // 返回 false 则终止上传\n    onProgress: (_progress: number) => {\n      /* on progress */\n    },\n    onSuccess: (_file: any, _res: any) => {\n      /* on success */\n    },\n    onFailed: (file: any, res: any) => {\n      console.error(`'${file.name}' upload failed`, res)\n    },\n    onError: (file: any, err: any, res: any) => {\n      /* on error */\n      /* on timeout */\n      console.error(`'${file.name}' upload error`, res)\n    },\n\n    // 自定义插入图片，用户配置\n    // customInsert: (res, insertFn) => {},\n\n    // 自定义上传图片，用户配置\n    // customUpload: (file, insertFn) => {},\n\n    // 自定义上传适配器，默认仍使用内置 Uppy\n    // uploadAdapter: ({ config, editor }) => ({ addFiles() {}, upload: async () => {} }),\n\n    // 小于 xxx 就插入 base64\n    base64LimitSize: 0,\n\n    // 自定义选择，并上传图片，如：图床 （用户配置）\n    // customBrowseAndUpload: insertFn => {},\n  }\n}\n","/**\n * @description editor 插件，重写 editor API\n * @author wangfupeng\n */\n\nimport { isInsertImageMenuDisabled } from '@wangeditor-next/basic-modules'\nimport { IDomEditor } from '@wangeditor-next/core'\n\nimport uploadImages from './upload-images'\n\nfunction withUploadImage<T extends IDomEditor>(editor: T): T {\n  const { insertData } = editor\n  const newEditor = editor\n\n  // 重写 insertData - 粘贴图片、拖拽上传图片\n  newEditor.insertData = (data: DataTransfer) => {\n    if (isInsertImageMenuDisabled(newEditor)) {\n      insertData(data)\n      return\n    }\n\n    // 如有 text ，则优先粘贴 text\n    const text = data.getData('text/plain')\n\n    if (text) {\n      insertData(data)\n      return\n    }\n\n    // 获取文件\n    const { files } = data\n\n    if (files.length <= 0) {\n      insertData(data)\n      return\n    }\n\n    // 判断是否有图片文件（可能是其他类型的文件）\n    const fileList = Array.prototype.slice.call(files)\n    const hasImageFiles = fileList.some(file => {\n      const [mime] = file.type.split('/')\n\n      return mime === 'image'\n    })\n\n    if (hasImageFiles) {\n      // 有图片文件，则上传图片\n      uploadImages(editor, files)\n    } else {\n      // 如果没有， 则继续 insertData\n      insertData(data)\n    }\n  }\n\n  // 返回 editor ，重要！\n  return newEditor\n}\n\nexport default withUploadImage\n"],"names":["i18nAddResources","uploadImgModule","uploadImage","uploadError","append","$","fn","on","remove","val","click","hide","EDITOR_TO_UPLOADER_MAP","WeakMap","getMenuConfig","editor","insertBase64","file","Promise","resolve","reader","FileReader","readAsDataURL","onload","result","src","toString","href","indexOf","insertImageNode","name","uploadFile","files","uploader","get","menuConfig","onSuccess","onProgress","onFailed","customInsert","onError","createUploader","__assign","progress","showProgressBar","res","alt","_a","errno","_b","data","Array","isArray","forEach","item","url","_c","_d","_e","err","set","getUploader","uploadList","map","type","size","addFiles","upload","sent","uploadImages","fileList","prototype","slice","call","customUpload","base64LimitSize","uploadFileList","fileList_1","__asyncValues","fileList_1_1","value","_f","push","length","UploadImage","this","title","t","iconSvg","tag","getValue","_editor","isActive","isDisabled","isInsertImageMenuDisabled","exec","_value","allowedFileTypes","customBrowseAndUpload","acceptAttr","join","$body","$inputFile","menus","key","factory","UploadImageMenu","config","server","fieldName","maxFileSize","maxNumberOfFiles","meta","metaWithUrl","withCredentials","timeout","onBeforeUpload","_progress","_file","_res","console","error","concat","editorPlugin","insertData","newEditor","getData","some","__read","split"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../src/locale/index.ts","../src/locale/en.ts","../src/locale/zh-CN.ts","../src/utils/dom.ts","../src/module/upload-images.ts","../src/module/menu/UploadImageMenu.ts","../src/constants/svg.ts","../src/module/index.ts","../src/module/menu/index.ts","../src/module/menu/config.ts","../src/module/plugin.ts"],"sourcesContent":["/**\n * @description i18n entry\n * @author wangfupeng\n */\n\nimport { i18nAddResources } from '@wangeditor-next/core'\n\nimport enResources from './en'\nimport zhResources from './zh-CN'\n\ni18nAddResources('en', enResources)\ni18nAddResources('zh-CN', zhResources)\n","/**\n * @description i18n en\n * @author wangfupeng\n */\n\nexport default {\n  uploadImgModule: {\n    uploadImage: 'Upload Image',\n    uploadError: '{{fileName}} upload error',\n  },\n}\n","/**\n * @description i18n zh-CN\n * @author wangfupeng\n */\n\nexport default {\n  uploadImgModule: {\n    uploadImage: '上传图片',\n    uploadError: '{{fileName}} 上传出错',\n  },\n}\n","/**\n * @description DOM 操作\n * @author wangfupeng\n */\n\nimport $, {\n  append, click, hide, on, remove, val,\n} from 'dom7'\n\nexport type { Dom7Array } from 'dom7'\n\nif (append) { $.fn.append = append }\nif (on) { $.fn.on = on }\nif (remove) { $.fn.remove = remove }\nif (val) { $.fn.val = val }\nif (click) { $.fn.click = click }\nif (hide) { $.fn.hide = hide }\n\nexport default $\n","/**\n * @description 上传文件\n * @author wangfupeng\n */\n\nimport { insertImageNode } from '@wangeditor-next/basic-modules'\nimport {\n  IDomEditor, IUploader,\n  IUploadFile, IUploadResultFile,\n} from '@wangeditor-next/core'\nimport { createUploader } from '@wangeditor-next/core/upload'\n\n// 存储 editor uploader 的关系 - 缓存 uploader ，不重复创建\nconst EDITOR_TO_UPLOADER_MAP = new WeakMap<IDomEditor, IUploader>()\n\nfunction getMenuConfig(editor: IDomEditor) {\n  return editor.getMenuConfig('uploadImage')\n}\n/**\n * 获取 uploader 实例（并通过 editor 缓存）\n * @param editor editor\n */\nfunction getUploader(editor: IDomEditor): IUploader {\n  let uploader = EDITOR_TO_UPLOADER_MAP.get(editor)\n\n  if (uploader != null) { return uploader }\n\n  const menuConfig = getMenuConfig(editor)\n  const {\n    onSuccess, onProgress, onFailed, customInsert, onError,\n  } = menuConfig\n\n  // 上传完成之后\n  const successHandler = (file: IUploadResultFile, res: any) => {\n    // 预期 res 格式：\n    // 成功：{ errno: 0, data: { url, alt, href } } —— 注意，旧版的 data 是数组，要兼容一下\n    // 失败：{ errno: !0, message: '失败信息' }\n\n    if (customInsert) {\n      // 用户自定义插入图片，此时 res 格式可能不符合预期\n      customInsert(res, (src, alt, href) => insertImageNode(editor, src, alt, href))\n      // success 回调\n      onSuccess(file, res)\n      return\n    }\n\n    const { errno = 1, data = {} } = res\n\n    if (errno !== 0) {\n      // failed 回调\n      onFailed(file, res)\n      return\n    }\n\n    if (Array.isArray(data)) {\n      // 返回的数组（旧版的，兼容一下）\n      data.forEach((item: { url: string; alt?: string; href?: string }) => {\n        const { url = '', alt = '', href = '' } = item\n        // 使用 basic-module 的 insertImageNode 方法插入图片，其中有用户配置的校验和 callback\n\n        insertImageNode(editor, url, alt, href)\n      })\n    } else {\n      // 返回的对象\n      const { url = '', alt = '', href = '' } = data\n\n      insertImageNode(editor, url, alt, href)\n    }\n\n    // success 回调\n    onSuccess(file, res)\n  }\n\n  // progress 显示进度条\n  const progressHandler = (progress: number) => {\n    editor.showProgressBar(progress)\n\n    // 回调函数\n    if (onProgress) { onProgress(progress) }\n  }\n\n  // onError 提示错误\n  const errorHandler = (file: any, err: any, res: any) => {\n    // 回调函数\n    onError(file, err, res)\n  }\n\n  uploader = createUploader({\n    ...menuConfig,\n    onProgress: progressHandler,\n    onSuccess: successHandler,\n    onError: errorHandler,\n  }, editor)\n  EDITOR_TO_UPLOADER_MAP.set(editor, uploader)\n\n  return uploader\n}\n\n/**\n * 插入 base64 格式\n * @param editor editor\n * @param file file\n */\nasync function insertBase64(editor: IDomEditor, file: File) {\n  return new Promise(resolve => {\n    const reader = new FileReader()\n\n    reader.readAsDataURL(file)\n    reader.onload = () => {\n      const { result } = reader\n\n      if (!result) { return }\n      const src = result.toString()\n      const href = src.indexOf('data:image') === 0 ? '' : src // base64 格式则不设置 href\n\n      insertImageNode(editor, src, file.name, href)\n\n      resolve('ok')\n    }\n  })\n}\n\n/**\n * 上传图片文件\n * @param editor editor\n * @param file file\n */\nasync function uploadFile(editor: IDomEditor, files: File[]) {\n  const uploader = getUploader(editor)\n  const uploadList: IUploadFile[] = files.map(file => ({\n    name: file.name,\n    type: file.type,\n    size: file.size,\n    data: file,\n  }))\n\n  uploader.addFiles(uploadList)\n  await uploader.upload()\n}\n\n/**\n * 上传图片\n * @param editor editor\n * @param files files\n */\nexport default async function (editor: IDomEditor, files: FileList | null) {\n  if (files == null) { return }\n  const fileList = Array.prototype.slice.call(files)\n\n  // 获取菜单配置\n  const { customUpload, base64LimitSize } = getMenuConfig(editor)\n\n  const uploadFileList : File[] = []\n  // 按顺序上传\n\n  for await (const file of fileList) {\n    const size = file.size // size kb\n\n    if (base64LimitSize && size <= base64LimitSize) {\n      // 允许 base64 ，而且 size 在 base64 限制之内，则插入 base64 格式\n      await insertBase64(editor, file)\n    } else if (customUpload) {\n      // 自定义上传\n      await customUpload(file, (src, alt, href) => insertImageNode(editor, src, alt, href), editor)\n    } else {\n      // 默认上传\n      uploadFileList.push(file)\n    }\n  }\n  // 默认上传\n  if (uploadFileList.length > 0) { await uploadFile(editor, uploadFileList) }\n}\n","/**\n * @description upload image menu\n * @author wangfupeng\n */\n\nimport { insertImageNode, isInsertImageMenuDisabled } from '@wangeditor-next/basic-modules'\nimport {\n  IButtonMenu, IDomEditor, t,\n} from '@wangeditor-next/core'\n\nimport { UPLOAD_IMAGE_SVG } from '../../constants/svg'\nimport $ from '../../utils/dom'\nimport uploadImages from '../upload-images'\n\nclass UploadImage implements IButtonMenu {\n  readonly title = t('uploadImgModule.uploadImage')\n\n  readonly iconSvg = UPLOAD_IMAGE_SVG\n\n  readonly tag = 'button'\n\n  getValue(_editor: IDomEditor): string | boolean {\n    // 插入菜单，不需要 value\n    return ''\n  }\n\n  isActive(_editor: IDomEditor): boolean {\n    // 任何时候，都不用激活 menu\n    return false\n  }\n\n  isDisabled(editor: IDomEditor): boolean {\n    return isInsertImageMenuDisabled(editor)\n  }\n\n  private getMenuConfig(editor: IDomEditor) {\n    // 获取配置，见 `./config.js`\n    return editor.getMenuConfig('uploadImage')\n  }\n\n  exec(editor: IDomEditor, _value: string | boolean) {\n    const { allowedFileTypes = [], customBrowseAndUpload } = this.getMenuConfig(editor)\n\n    // 自定义选择图片，并上传，如图床\n    if (customBrowseAndUpload) {\n      customBrowseAndUpload((src, alt, href) => insertImageNode(editor, src, alt, href))\n      return\n    }\n\n    // 设置选择文件的类型\n    let acceptAttr = ''\n\n    if (allowedFileTypes.length > 0) {\n      acceptAttr = `accept=\"${allowedFileTypes.join(', ')}\"`\n    }\n\n    // 添加 file input（每次重新创建 input）\n    const $body = $('body')\n    const $inputFile = $(`<input type=\"file\" ${acceptAttr} multiple/>`)\n\n    $inputFile.hide()\n    $body.append($inputFile)\n    $inputFile.click()\n    // 选中文件\n    $inputFile.on('change', () => {\n      const files = ($inputFile[0] as HTMLInputElement).files\n\n      uploadImages(editor, files) // 上传文件\n    })\n  }\n}\n\nexport default UploadImage\n","/**\n * @description icon svg\n * @author wangfupeng\n */\n\n/**\n * 【注意】svg 字符串的长度 ，否则会导致代码体积过大\n * 尽量选择 https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=20293\n * 找不到再从 iconfont.com 搜索\n */\n\n// 上传图片\nexport const UPLOAD_IMAGE_SVG = '<svg viewBox=\"0 0 1024 1024\"><path d=\"M828.708571 585.045333a48.761905 48.761905 0 0 0-48.737523 48.761905v18.529524l-72.143238-72.167619a135.972571 135.972571 0 0 0-191.585524 0l-34.133334 34.133333-120.880762-120.953905a138.898286 138.898286 0 0 0-191.585523 0l-72.167619 72.167619V292.400762a48.786286 48.786286 0 0 1 48.761904-48.761905h341.23581a48.737524 48.737524 0 0 0 34.474667-83.285333 48.737524 48.737524 0 0 0-34.474667-14.287238H146.236952A146.212571 146.212571 0 0 0 0 292.400762v585.289143A146.358857 146.358857 0 0 0 146.236952 1024h584.996572a146.212571 146.212571 0 0 0 146.236952-146.310095V633.807238a48.786286 48.786286 0 0 0-48.761905-48.761905zM146.261333 926.45181a48.737524 48.737524 0 0 1-48.761904-48.761905v-174.128762l141.409523-141.458286a38.497524 38.497524 0 0 1 53.126096 0l154.526476 154.624 209.627428 209.724953H146.236952z m633.734096-48.761905c-0.073143 9.337905-3.145143 18.383238-8.777143 25.843809l-219.843048-220.94019 34.133333-34.133334a37.546667 37.546667 0 0 1 53.613715 0l140.873143 141.897143V877.714286zM1009.615238 160.231619L863.329524 13.897143a48.737524 48.737524 0 0 0-16.091429-10.24c-11.849143-4.87619-25.161143-4.87619-37.059047 0a48.761905 48.761905 0 0 0-16.067048 10.24l-146.236952 146.334476a49.005714 49.005714 0 0 0 69.217523 69.241905l62.902858-63.390476v272.627809a48.761905 48.761905 0 1 0 97.475047 0V166.083048l62.902857 63.390476a48.737524 48.737524 0 0 0 69.217524 0 48.761905 48.761905 0 0 0 0-69.241905z\"></path></svg>'\n","/**\n * @description uploadImage module\n * @author wangfupeng\n */\n\nimport { IModuleConf } from '@wangeditor-next/core'\n\nimport { uploadImageMenuConf } from './menu/index'\nimport withUploadImage from './plugin'\n\nconst uploadImage: Partial<IModuleConf> = {\n  menus: [uploadImageMenuConf],\n  editorPlugin: withUploadImage,\n}\n\nexport default uploadImage\n","/**\n * @description upload image menu\n * @author wangfupeng\n */\n\nimport { genUploadImageConfig } from './config'\nimport UploadImageMenu from './UploadImageMenu'\n\nexport const uploadImageMenuConf = {\n  key: 'uploadImage',\n  factory() {\n    return new UploadImageMenu()\n  },\n\n  // 默认的菜单菜单配置，将存储在 editorConfig.MENU_CONF[key] 中\n  // 创建编辑器时，可通过 editorConfig.MENU_CONF[key] = {...} 来修改\n  config: genUploadImageConfig(),\n}\n","/**\n * @description upload image config\n * @author wangfupeng\n */\n\nimport { IUploadImageConfig } from '@wangeditor-next/core'\n\n// 生成默认配置\nexport function genUploadImageConfig(): IUploadImageConfig {\n  return {\n    server: '', // server API 地址，需用户配置\n\n    fieldName: 'wangeditor-uploaded-image', // formData 中，文件的 key\n    maxFileSize: 2 * 1024 * 1024, // 2M\n    maxNumberOfFiles: 100, // 最多上传 xx 张图片\n    allowedFileTypes: ['image/*'],\n    meta: {\n      // 自定义上传参数，例如传递验证的 token 等。参数会被添加到 formData 中，一起上传到服务端。\n      // 例如：token: 'xxxxx', x: 100\n    },\n    metaWithUrl: false,\n    // headers: {\n    //   // 自定义 http headers\n    //   // 例如：Accept: 'text/x-json', a: 100,\n    // },\n    withCredentials: false,\n    timeout: 10 * 1000, // 10s\n\n    onBeforeUpload: (files: any) => files, // 返回 false 则终止上传\n    onProgress: (_progress: number) => {\n      /* on progress */\n    },\n    onSuccess: (_file: any, _res: any) => {\n      /* on success */\n    },\n    onFailed: (file: any, res: any) => {\n      console.error(`'${file.name}' upload failed`, res)\n    },\n    onError: (file: any, err: any, res: any) => {\n      /* on error */\n      /* on timeout */\n      console.error(`'${file.name}' upload error`, res)\n    },\n\n    // 自定义插入图片，用户配置\n    // customInsert: (res, insertFn) => {},\n\n    // 自定义上传图片，用户配置\n    // customUpload: (file, insertFn) => {},\n\n    // 自定义上传适配器，默认仍使用内置 Uppy\n    // uploadAdapter: ({ config, editor }) => ({ addFiles() {}, upload: async () => {} }),\n\n    // 小于 xxx 就插入 base64\n    base64LimitSize: 0,\n\n    // 自定义选择，并上传图片，如：图床 （用户配置）\n    // customBrowseAndUpload: insertFn => {},\n  }\n}\n","/**\n * @description editor 插件，重写 editor API\n * @author wangfupeng\n */\n\nimport { isInsertImageMenuDisabled } from '@wangeditor-next/basic-modules'\nimport { IDomEditor } from '@wangeditor-next/core'\n\nimport uploadImages from './upload-images'\n\nfunction withUploadImage<T extends IDomEditor>(editor: T): T {\n  const { insertData } = editor\n  const newEditor = editor\n\n  // 重写 insertData - 粘贴图片、拖拽上传图片\n  newEditor.insertData = (data: DataTransfer) => {\n    if (isInsertImageMenuDisabled(newEditor)) {\n      insertData(data)\n      return\n    }\n\n    // 如有 text ，则优先粘贴 text\n    const text = data.getData('text/plain')\n\n    if (text) {\n      insertData(data)\n      return\n    }\n\n    // 获取文件\n    const { files } = data\n\n    if (files.length <= 0) {\n      insertData(data)\n      return\n    }\n\n    // 判断是否有图片文件（可能是其他类型的文件）\n    const fileList = Array.prototype.slice.call(files)\n    const hasImageFiles = fileList.some(file => {\n      const [mime] = file.type.split('/')\n\n      return mime === 'image'\n    })\n\n    if (hasImageFiles) {\n      // 有图片文件，则上传图片\n      uploadImages(editor, files)\n    } else {\n      // 如果没有， 则继续 insertData\n      insertData(data)\n    }\n  }\n\n  // 返回 editor ，重要！\n  return newEditor\n}\n\nexport default withUploadImage\n"],"names":["i18nAddResources","uploadImgModule","uploadImage","uploadError","append","$","fn","on","remove","val","click","hide","EDITOR_TO_UPLOADER_MAP","WeakMap","getMenuConfig","editor","insertBase64","file","Promise","resolve","reader","FileReader","readAsDataURL","onload","result","src","toString","href","indexOf","insertImageNode","name","uploadFile","files","uploader","get","menuConfig","onSuccess","onProgress","onFailed","customInsert","onError","createUploader","__assign","progress","showProgressBar","res","alt","_a","errno","_b","data","Array","isArray","forEach","item","url","_c","_d","_e","err","set","getUploader","uploadList","map","type","size","addFiles","upload","sent","uploadImages","fileList","prototype","slice","call","customUpload","base64LimitSize","uploadFileList","fileList_1","__asyncValues","fileList_1_1","value","_f","push","length","UploadImage","this","title","t","iconSvg","tag","getValue","_editor","isActive","isDisabled","isInsertImageMenuDisabled","exec","_value","allowedFileTypes","customBrowseAndUpload","acceptAttr","join","$body","$inputFile","menus","key","factory","UploadImageMenu","config","server","fieldName","maxFileSize","maxNumberOfFiles","meta","metaWithUrl","withCredentials","timeout","onBeforeUpload","_progress","_file","_res","console","error","concat","editorPlugin","insertData","newEditor","getData","some","__read","split"],"mappings":"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"}

package/dist/upload-image-module/src/utils/dom.d.ts

@@ -3,5 +3,5 @@
  * @author wangfupeng
  */
 import $ from 'dom7';
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wangeditor-next/upload-image-module",
-  "version": "6.1.1",
+  "version": "6.2.0",
   "description": "wangEditor upload-image module",
   "author": "cycleccc <2991205548@qq.com>",
   "type": "module",
@@ -41,8 +41,8 @@
     "lodash.foreach": "^4.5.0",
     "slate": "^0.124.0",
     "snabbdom": "^3.6.0",
-    "@wangeditor-next/basic-modules": "^6.1.1",
-    "@wangeditor-next/core": "^6.1.1"
+    "@wangeditor-next/basic-modules": "^6.2.0",
+    "@wangeditor-next/core": "^6.2.0"
   },
   "devDependencies": {
     "@wangeditor-next-shared/rollup-config": "^0.0.2"