@blueking/ai-ui-sdk 0.0.15-beta.6 → 0.0.15-beta.8

package/dist/component/render-input/index.vue.css

@@ -1,37 +1,37 @@
 
 .send-prompt-container {
-&[data-v-jzxupr6c] {
+&[data-v-nsdpu5n5] {
   width: 800px;
   z-index: 1501;
   overflow: visible;
   position: relative;
 }
-[data-v-jzxupr6c] .textarea-list {
+[data-v-nsdpu5n5] .textarea-list {
     bottom: var(--textarea-bottom);
 }
 &:hover {
-.clear-icon[data-v-jzxupr6c] {
+.clear-icon[data-v-nsdpu5n5] {
       display: inline-flex !important;
 }
 }
 }
 .quill-container {
-&[data-v-jzxupr6c] {
+&[data-v-nsdpu5n5] {
   background: #fff;
   box-shadow: 0 0 6px 0 #0000001a;
   border-radius: 4px;
   box-sizing: border-box !important;
   border: 1px solid transparent;
 }
-&.active[data-v-jzxupr6c] {
+&.active[data-v-nsdpu5n5] {
     border: 1px solid #3A84FF !important;
 }
-&[data-v-jzxupr6c]:has(.ql-editor:focus) {
+&[data-v-nsdpu5n5]:has(.ql-editor:focus) {
     border: 1px solid #3A84FF !important;
 }
 }
 .send-prompt {
-&[data-v-jzxupr6c] {
+&[data-v-nsdpu5n5] {
   width: 800px;
   border: 1px solid transparent;
   flex-direction: row;
@@ -41,28 +41,28 @@
   border-radius: 4px;
   border: 1px solid transparent !important;
 }
-[data-v-jzxupr6c] .content-input-wrapper {
+[data-v-nsdpu5n5] .content-input-wrapper {
     padding: 0 !important;
     height: 100% !important;
 }
-[data-v-jzxupr6c] .auto-textarea-wrapper {
+[data-v-nsdpu5n5] .auto-textarea-wrapper {
     height: 100% !important;
 }
-[data-v-jzxupr6c] .v-note-panel {
+[data-v-nsdpu5n5] .v-note-panel {
     border-radius: 4px;
 }
-[data-v-jzxupr6c] .scroll-style {
+[data-v-nsdpu5n5] .scroll-style {
     overflow-y: hidden !important;
 }
-[data-v-jzxupr6c] .auto-textarea-block {
+[data-v-nsdpu5n5] .auto-textarea-block {
     display: none;
 }
-&[data-v-jzxupr6c]:has(.ql-editor:focus) {
+&[data-v-nsdpu5n5]:has(.ql-editor:focus) {
     height: var(--text-height);
 }
 }
 .bkaidev-fasong {
-&[data-v-jzxupr6c] {
+&[data-v-nsdpu5n5] {
   width: 28px;
   height: 28px;
   line-height: 28px;
@@ -76,16 +76,16 @@
   text-align: center;
   z-index: 1501;
 }
-&[data-v-jzxupr6c]:hover {
+&[data-v-nsdpu5n5]:hover {
     background: #F0F5FF;
     color: #3a84ff;
 }
-&.disable[data-v-jzxupr6c] {
+&.disable[data-v-nsdpu5n5] {
     color: #dcdee5;
     cursor: not-allowed;
 }
 }
-.clear-icon[data-v-jzxupr6c] {
+.clear-icon[data-v-nsdpu5n5] {
   display: none !important;
   position: absolute;
   bottom: 42px;

package/dist/component/render-input/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js';
-script.__scopeId = "data-v-jzxupr6c";
+script.__scopeId = "data-v-nsdpu5n5";
 script.__file = "./src/component/render-input/index.vue";
 import './index.vue.css';
 export default script;

package/dist/component/render-input/render-drag.vue.css

@@ -1,6 +1,6 @@
 
 .send-tool-container {
-&[data-v-0yp8a4wv] {
+&[data-v-4l6k1tmh] {
   position: absolute;
   left: 50%;
   top: 16px;
@@ -14,18 +14,18 @@
   z-index: 15001;
 }
 &.bottom {
-&[data-v-0yp8a4wv] {
+&[data-v-4l6k1tmh] {
     bottom: 0;
     top: auto;
 }
-.bkaidev-gengduo[data-v-0yp8a4wv] {
+.bkaidev-gengduo[data-v-4l6k1tmh] {
       margin-top: -10px;
 }
 }
-&[data-v-0yp8a4wv]:hover, &.is-dragging[data-v-0yp8a4wv] {
+&[data-v-4l6k1tmh]:hover, &.is-dragging[data-v-4l6k1tmh] {
     background: #3A84FF;
 }
-.bkaidev-gengduo[data-v-0yp8a4wv] {
+.bkaidev-gengduo[data-v-4l6k1tmh] {
     margin-top: -2px;
     color: #63656E;
 }

package/dist/component/render-input/render-drag.vue.js

@@ -1,5 +1,5 @@
 import script from './render-drag.script.vue.js';
-script.__scopeId = "data-v-0yp8a4wv";
+script.__scopeId = "data-v-4l6k1tmh";
 script.__file = "./src/component/render-input/render-drag.vue";
 import './render-drag.vue.css';
 export default script;

package/dist/component/render-input/render-quill.script.vue.js

@@ -2,10 +2,8 @@ import { defineComponent as _defineComponent } from 'vue';
 import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 import Quill from '../../../dist/node_modules/quill/dist/quill.js';
 import Delta from '../../../dist/node_modules/quill-delta/lib/delta.js';
-import ImageUploader from '../../../dist/node_modules/quill-image-uploader/src/quill.imageUploader.js';
 import { getCurrentInstance, onMounted, watch } from 'vue';
 import '../../../dist/node_modules/quill/dist/quill.snow.css';
-import '../../../dist/node_modules/quill-image-uploader/dist/quill.imageUploader.min.css';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         placeholder: {},
@@ -25,7 +23,6 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { expose: __expose, emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        Quill.register('modules/imageUploader', ImageUploader);
         const vm = getCurrentInstance();
         let quill;
         const allowedImageType = [

package/dist/component/render-input/render-quill.vue.d.ts

@@ -1,6 +1,5 @@
 import type { RangeStatic } from 'quill';
 import 'quill/dist/quill.snow.css';
-import 'quill-image-uploader/dist/quill.imageUploader.min.css';
 interface IProps {
     placeholder: string;
     value?: string;

package/dist/component/render-knowledge-icon/index.vue.css

@@ -1,4 +1,4 @@
 
-.bkaidev-icon[data-v-2uacz259] {
+.bkaidev-icon[data-v-jwo9ftvp] {
   color: #C4C6CC;
 }

package/dist/component/render-knowledge-icon/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js';
-script.__scopeId = "data-v-2uacz259";
+script.__scopeId = "data-v-jwo9ftvp";
 script.__file = "./src/component/render-knowledge-icon/index.vue";
 import './index.vue.css';
 export default script;

package/dist/component/render-message/image-not-supported-message.vue.css

@@ -1,11 +1,11 @@
 
-.ai-message-home[data-v-ywbl9i29] {
+.ai-message-home[data-v-lankuj51] {
   justify-content: center;
   align-items: flex-start;
   width: 100%;
 }
 .ai-content {
-&[data-v-ywbl9i29] {
+&[data-v-lankuj51] {
   flex: 1;
   background: #FFFFFF;
   line-height: 22px;
@@ -17,17 +17,17 @@
   padding-top: 12px;
   margin-right: 52px;
   }
-.bkaidev-warning-circle-fill[data-v-ywbl9i29] {
+.bkaidev-warning-circle-fill[data-v-lankuj51] {
     color: #EA3636;
     font-size: 18px;
     margin-right: 2px;
 }
-.message-check[data-v-ywbl9i29] {
+.message-check[data-v-lankuj51] {
     position: absolute;
     top: 0;
     left: -80px;
 }
-&[data-v-ywbl9i29]::before {
+&[data-v-lankuj51]::before {
     position: absolute;
     content: '';
     width: 15px;
@@ -37,17 +37,17 @@
     rotate: 45deg;
     background: #FFFFFF;
 }
-&.fail[data-v-ywbl9i29] {
+&.fail[data-v-lankuj51] {
     padding: 12px;
 }
 }
 .message-photo {
-&[data-v-ywbl9i29] {
+&[data-v-lankuj51] {
   width: 52px;
   text-align: right;
   user-select: none;
   }
-img[data-v-ywbl9i29] {
+img[data-v-lankuj51] {
     margin-right: 16px;
     margin-top: 5px;
     width: 36px;
@@ -55,11 +55,11 @@ img[data-v-ywbl9i29] {
 }
 }
 .model-message {
-&[data-v-ywbl9i29] {
+&[data-v-lankuj51] {
   color: #3a84ff;
   cursor: pointer;
   }
-&.disabled[data-v-ywbl9i29] {
+&.disabled[data-v-lankuj51] {
     cursor: not-allowed;
     color: #C4C6CC;
 }

package/dist/component/render-message/image-not-supported-message.vue.js

@@ -1,5 +1,5 @@
 import script from './image-not-supported-message.script.vue.js';
-script.__scopeId = "data-v-ywbl9i29";
+script.__scopeId = "data-v-lankuj51";
 script.__file = "./src/component/render-message/image-not-supported-message.vue";
 import './image-not-supported-message.vue.css';
 export default script;

package/dist/component/render-message/openai-message.vue.css

@@ -1,11 +1,11 @@
 
-.ai-message-home[data-v-wr23wimt] {
+.ai-message-home[data-v-lc086rbu] {
   justify-content: center;
   align-items: flex-start;
   width: 100%;
 }
 .ai-content {
-&[data-v-wr23wimt] {
+&[data-v-lc086rbu] {
   flex: 1;
   max-width: calc(100% - 104px);
   background: #FFFFFF;
@@ -18,12 +18,12 @@
   padding-top: 12px;
   margin-right: 52px;
   }
-.bkaidev-warning-circle-fill[data-v-wr23wimt] {
+.bkaidev-warning-circle-fill[data-v-lc086rbu] {
     color: #EA3636;
     font-size: 18px;
     margin-right: 2px;
 }
-.bkaidev-quanquan[data-v-wr23wimt] {
+.bkaidev-quanquan[data-v-lc086rbu] {
     display: inline-block;
     color: #3A84FF;
     animation: rotate 800ms linear infinite;
@@ -32,12 +32,12 @@
     top: 23px;
     z-index: 1501;
 }
-.message-check[data-v-wr23wimt] {
+.message-check[data-v-lc086rbu] {
     position: absolute;
     top: 0;
     left: -80px;
 }
-&[data-v-wr23wimt]::before {
+&[data-v-lc086rbu]::before {
     position: absolute;
     content: '';
     width: 15px;
@@ -47,25 +47,25 @@
     rotate: 45deg;
     background: #FFFFFF;
 }
-&.fail[data-v-wr23wimt] {
+&.fail[data-v-lc086rbu] {
     padding: 12px;
     word-break: break-all;
 }
-&.loading[data-v-wr23wimt] {
+&.loading[data-v-lc086rbu] {
     padding: 12px 0;
     word-break: break-all;
 }
 }
-.skeleton-message[data-v-wr23wimt] {
+.skeleton-message[data-v-lc086rbu] {
   margin-right: 52px;
 }
 .message-photo {
-&[data-v-wr23wimt] {
+&[data-v-lc086rbu] {
   width: 52px;
   text-align: right;
   user-select: none;
   }
-img[data-v-wr23wimt] {
+img[data-v-lc086rbu] {
     margin-right: 16px;
     margin-top: 5px;
     width: 36px;
@@ -73,24 +73,24 @@ img[data-v-wr23wimt] {
 }
 }
 .message-tools {
-&[data-v-wr23wimt] {
+&[data-v-lc086rbu] {
   margin: 12px 12px 12px;
   padding-top: 10px;
   justify-content: space-between;
   border-top: 1px solid #EAEBF0;
   }
-.rate-tip[data-v-wr23wimt] {
+.rate-tip[data-v-lc086rbu] {
     font-size: 12px;
     color: #979BA5;
     margin-left: 7px;
 }
 .tool-icons {
 .bkaidev-icon {
-&[data-v-wr23wimt] {
+&[data-v-lc086rbu] {
       cursor: pointer;
       color: #979BA5;
       }
-&[data-v-wr23wimt]:hover {
+&[data-v-lc086rbu]:hover {
         color: #3A84FF;
 }
 }

package/dist/component/render-message/openai-message.vue.js

@@ -1,5 +1,5 @@
 import script from './openai-message.script.vue.js';
-script.__scopeId = "data-v-wr23wimt";
+script.__scopeId = "data-v-lc086rbu";
 script.__file = "./src/component/render-message/openai-message.vue";
 import './openai-message.vue.css';
 export default script;

package/dist/component/render-message/skeleton-message.vue.css

@@ -1,5 +1,5 @@
 
-.skeleton-message[data-v-uoadr032] {
+.skeleton-message[data-v-nlrcvqi6] {
   height: 50px;
   flex: 1;
   background-color: #EBECF3;

package/dist/component/render-message/skeleton-message.vue.js

@@ -1,6 +1,6 @@
 import { render } from './skeleton-message.script.vue.js';
 const script = { render };
-script.__scopeId = "data-v-uoadr032";
+script.__scopeId = "data-v-nlrcvqi6";
 script.__file = "./src/component/render-message/skeleton-message.vue";
 import './skeleton-message.vue.css';
 export default script;

package/dist/component/render-message/system-message.vue.css

@@ -1,6 +1,6 @@
 
 .system-message {
-&[data-v-y0e2ioxx] {
+&[data-v-92p3rsg8] {
   position: relative;
   width: calc(100% - 204px) !important;
   max-width: 800px !important;
@@ -8,7 +8,7 @@
   border-bottom: 1px dashed #DCDEE5;
   margin: 24px 0 40px !important;
 }
-span[data-v-y0e2ioxx] {
+span[data-v-92p3rsg8] {
     position: absolute;
     left: 50%;
     top: 50%;

package/dist/component/render-message/system-message.vue.js

@@ -1,5 +1,5 @@
 import script from './system-message.script.vue.js';
-script.__scopeId = "data-v-y0e2ioxx";
+script.__scopeId = "data-v-92p3rsg8";
 script.__file = "./src/component/render-message/system-message.vue";
 import './system-message.vue.css';
 export default script;

package/dist/component/render-message/time-message.vue.css

@@ -1,5 +1,5 @@
 
-.time-message[data-v-p7b9k6ro] {
+.time-message[data-v-4z887r2l] {
   position: relative;
   padding: 0 8px !important;
   height: 22px;

package/dist/component/render-message/time-message.vue.js

@@ -1,5 +1,5 @@
 import script from './time-message.script.vue.js';
-script.__scopeId = "data-v-p7b9k6ro";
+script.__scopeId = "data-v-4z887r2l";
 script.__file = "./src/component/render-message/time-message.vue";
 import './time-message.vue.css';
 export default script;

package/dist/component/render-message/token-expired-message.vue.css

@@ -1,11 +1,11 @@
 
-.ai-message-home[data-v-biekl39f] {
+.ai-message-home[data-v-wzkp9c06] {
   justify-content: center;
   align-items: flex-start;
   width: 100%;
 }
 .ai-content {
-&[data-v-biekl39f] {
+&[data-v-wzkp9c06] {
   flex: 1;
   background: #FFFFFF;
   line-height: 22px;
@@ -17,17 +17,17 @@
   padding-top: 12px;
   margin-right: 52px;
   }
-.bkaidev-warning-circle-fill[data-v-biekl39f] {
+.bkaidev-warning-circle-fill[data-v-wzkp9c06] {
     color: #EA3636;
     font-size: 18px;
     margin-right: 2px;
 }
-.message-check[data-v-biekl39f] {
+.message-check[data-v-wzkp9c06] {
     position: absolute;
     top: 0;
     left: -80px;
 }
-&[data-v-biekl39f]::before {
+&[data-v-wzkp9c06]::before {
     position: absolute;
     content: '';
     width: 15px;
@@ -37,24 +37,24 @@
     rotate: 45deg;
     background: #FFFFFF;
 }
-&.fail[data-v-biekl39f] {
+&.fail[data-v-wzkp9c06] {
     padding: 12px;
 }
 }
 .message-photo {
-&[data-v-biekl39f] {
+&[data-v-wzkp9c06] {
   width: 52px;
   text-align: right;
   user-select: none;
   }
-img[data-v-biekl39f] {
+img[data-v-wzkp9c06] {
     margin-right: 16px;
     margin-top: 5px;
     width: 36px;
     height: 36px;
 }
 }
-.clear-message[data-v-biekl39f] {
+.clear-message[data-v-wzkp9c06] {
   color: #3a84ff;
   cursor: pointer;
 }

package/dist/component/render-message/token-expired-message.vue.js

@@ -1,5 +1,5 @@
 import script from './token-expired-message.script.vue.js';
-script.__scopeId = "data-v-biekl39f";
+script.__scopeId = "data-v-wzkp9c06";
 script.__file = "./src/component/render-message/token-expired-message.vue";
 import './token-expired-message.vue.css';
 export default script;

package/dist/component/render-message/user-message.vue.css

@@ -1,23 +1,23 @@
 
-.user-message-home[data-v-sfxzzb1m] {
+.user-message-home[data-v-40ds50n3] {
   align-items: flex-start;
   justify-content: flex-end;
 }
 .user-message-extra {
-&[data-v-sfxzzb1m] {
+&[data-v-40ds50n3] {
   padding: 0 52px;
   }
-&[data-v-sfxzzb1m]:after {
+&[data-v-40ds50n3]:after {
     content: '';
     display: table;
     clear: both;
 }
-.bkaidev-icon[data-v-sfxzzb1m] {
+.bkaidev-icon[data-v-40ds50n3] {
     font-size: 14px;
 }
 }
 .user-content {
-&[data-v-sfxzzb1m] {
+&[data-v-40ds50n3] {
   flex: 1;
   max-width: calc(100% - 104px);
   background: #E1ECFF;
@@ -30,7 +30,7 @@
   margin-left: 52px;
   }
 .bkaidev-icon {
-&[data-v-sfxzzb1m] {
+&[data-v-40ds50n3] {
     width: 28px;
     height: 28px;
     background: #FFFFFF;
@@ -45,20 +45,20 @@
     margin-right: 8px;
     margin-top: 8px;
     }
-&.hover-show[data-v-sfxzzb1m] {
+&.hover-show[data-v-40ds50n3] {
       display: none;
 }
-&.bkaidev-yinyong-2[data-v-sfxzzb1m]:hover, &.bkaidev-copy[data-v-sfxzzb1m]:hover, &.bkaidev-baocun[data-v-sfxzzb1m]:hover, &.bkaidev-delete[data-v-sfxzzb1m]:hover {
+&.bkaidev-yinyong-2[data-v-40ds50n3]:hover, &.bkaidev-copy[data-v-40ds50n3]:hover, &.bkaidev-baocun[data-v-40ds50n3]:hover, &.bkaidev-delete[data-v-40ds50n3]:hover {
       color: #3A84FF;
       border-color: #3A84FF;
 }
 }
 &:hover {
-.hover-show[data-v-sfxzzb1m] {
+.hover-show[data-v-40ds50n3] {
       display: flex;
 }
 }
-&[data-v-sfxzzb1m]::after {
+&[data-v-40ds50n3]::after {
     position: absolute;
     content: '';
     width: 15px;
@@ -69,24 +69,24 @@
     background: #E1ECFF;
 }
 }
-.message-tools[data-v-sfxzzb1m] {
+.message-tools[data-v-40ds50n3] {
   justify-content: flex-end;
   position: absolute;
   width: 150px;
   left: -150px;
   top: 2px;
 }
-.message-check[data-v-sfxzzb1m] {
+.message-check[data-v-40ds50n3] {
   position: absolute;
   top: 0;
   left: -80px;
 }
 .message-photo {
-&[data-v-sfxzzb1m] {
+&[data-v-40ds50n3] {
   width: 52px;
   user-select: none;
   }
-img[data-v-sfxzzb1m] {
+img[data-v-40ds50n3] {
     margin-left: 16px;
     margin-top: 5px;
     width: 36px;
@@ -95,6 +95,6 @@ img[data-v-sfxzzb1m] {
     border-radius: 100%;
 }
 }
-.skeleton-message[data-v-sfxzzb1m] {
+.skeleton-message[data-v-40ds50n3] {
   margin-left: 52px;
 }

package/dist/component/render-message/user-message.vue.js

@@ -1,5 +1,5 @@
 import script from './user-message.script.vue.js';
-script.__scopeId = "data-v-sfxzzb1m";
+script.__scopeId = "data-v-40ds50n3";
 script.__file = "./src/component/render-message/user-message.vue";
 import './user-message.vue.css';
 export default script;

package/dist/main.d.ts

@@ -16,6 +16,7 @@ export * from './hooks/use-http';
 export * from './event';
 import fetch from '@/http/fetch';
 export { fetch };
-export * from './component/render-markdown/mark-down';
-export * from './component/render-message/index.vue';
-export * from './component/render-input/index.vue';
+import RenderMarkdown from './component/render-markdown/mark-down';
+import RenderMessage from './component/render-message/index.vue';
+import RenderInput from './component/render-input/index.vue';
+export { RenderMarkdown, RenderMessage, RenderInput };

package/dist/main.js

@@ -23,6 +23,7 @@ export * from './event/index.js';
 import fetch from './http/fetch/index.js';
 export { fetch };
 // component
-export * from './component/render-markdown/mark-down.js';
-export * from './component/render-message/index.vue.js';
-export * from './component/render-input/index.vue.js';
+import RenderMarkdown from './component/render-markdown/mark-down.js';
+import RenderMessage from './component/render-message/index.vue.js';
+import RenderInput from './component/render-input/index.vue.js';
+export { RenderMarkdown, RenderMessage, RenderInput };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/ai-ui-sdk",
-  "version": "0.0.15-beta.6",
+  "version": "0.0.15-beta.8",
   "description": "蓝鲸AI UI SDK",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -19,7 +19,6 @@
     "bkui-vue": "^2.0.1-beta.100",
     "dayjs": "^1.11.13",
     "quill": "^1.3.7",
-    "quill-image-uploader": "^1.3.0",
     "vue": "^3.5.13",
     "vue-tsc": "^2.2.10",
     "x-mavon-editor": "^0.0.15"

package/dist/node_modules/quill-image-uploader/dist/blots/image.js

@@ -1,30 +0,0 @@
-import Quill from '../../../quill/dist/quill.js';
-
-const InlineBlot = Quill.import("blots/block");
-
-class LoadingImage extends InlineBlot {
-    static create(src) {
-        const node = super.create(src);
-        if (src === true) return node;
-
-        const image = document.createElement("img");
-        image.setAttribute("src", src);
-        node.appendChild(image);
-        return node;
-    }
-    deleteAt(index, length) {
-        super.deleteAt(index, length);
-        this.cache = {};
-    }
-    static value(domNode) {
-        const { src, custom } = domNode.dataset;
-        return { src, custom };
-    }
-}
-
-LoadingImage.blotName = "imageBlot";
-LoadingImage.className = "image-uploading";
-LoadingImage.tagName = "span";
-Quill.register({ "formats/imageBlot": LoadingImage });
-
-export default LoadingImage;

package/dist/node_modules/quill-image-uploader/dist/quill.imageUploader.js

@@ -1,198 +0,0 @@
-import LoadingImage from './blots/image.js';
-
-class ImageUploader {
-    constructor(quill, options) {
-        this.quill = quill;
-        this.options = options;
-        this.range = null;             
-        this.placeholderDelta = null; 
-
-        if (typeof this.options.upload !== "function")
-            console.warn(
-                "[Missing config] upload function that returns a promise is required"
-            );
-
-        var toolbar = this.quill.getModule("toolbar");
-        if (toolbar) {
-            toolbar.addHandler("image", this.selectLocalImage.bind(this));
-        }
-
-        this.handleDrop = this.handleDrop.bind(this);
-        this.handlePaste = this.handlePaste.bind(this);
-
-        this.quill.root.addEventListener("drop", this.handleDrop, false);
-        this.quill.root.addEventListener("paste", this.handlePaste, false);
-    }
-
-    selectLocalImage() {
-        this.quill.focus();
-        this.range = this.quill.getSelection();
-        this.fileHolder = document.createElement("input");
-        this.fileHolder.setAttribute("type", "file");
-        this.fileHolder.setAttribute("accept", "image/*");
-        this.fileHolder.setAttribute("style", "visibility:hidden");
-
-        this.fileHolder.onchange = this.fileChanged.bind(this);
-
-        document.body.appendChild(this.fileHolder);
-
-        this.fileHolder.click();
-
-        window.requestAnimationFrame(() => {
-            document.body.removeChild(this.fileHolder);
-        });
-    }
-
-    handleDrop(evt) {
-        if (
-            evt.dataTransfer &&
-            evt.dataTransfer.files &&
-            evt.dataTransfer.files.length
-        ) {
-            evt.stopPropagation();
-            evt.preventDefault();
-            if (document.caretRangeFromPoint) {
-                const selection = document.getSelection();
-                const range = document.caretRangeFromPoint(evt.clientX, evt.clientY);
-                if (selection && range) {
-                    selection.setBaseAndExtent(
-                        range.startContainer,
-                        range.startOffset,
-                        range.startContainer,
-                        range.startOffset
-                    );
-                }
-            } else {
-                const selection = document.getSelection();
-                const range = document.caretPositionFromPoint(evt.clientX, evt.clientY);
-                if (selection && range) {
-                    selection.setBaseAndExtent(
-                        range.offsetNode,
-                        range.offset,
-                        range.offsetNode,
-                        range.offset
-                    );
-                }
-            }
-
-            this.quill.focus();
-            this.range = this.quill.getSelection();
-            let file = evt.dataTransfer.files[0];
-
-            setTimeout(() => {
-                this.quill.focus();
-                this.range = this.quill.getSelection();
-                this.readAndUploadFile(file);
-            }, 0);
-        }
-    }
-
-    handlePaste(evt) {
-        let clipboard = evt.clipboardData || window.clipboardData;
-
-        // IE 11 is .files other browsers are .items
-        if (clipboard && (clipboard.items || clipboard.files)) {
-            let items = clipboard.items || clipboard.files;
-            const IMAGE_MIME_REGEX = /^image\/(jpe?g|gif|png|svg|webp)$/i;
-
-            for (let i = 0; i < items.length; i++) {
-                if (IMAGE_MIME_REGEX.test(items[i].type)) {
-                    let file = items[i].getAsFile ? items[i].getAsFile() : items[i];
-
-                    if (file) {
-                        this.quill.focus();
-                        this.range = this.quill.getSelection();
-                        evt.preventDefault();
-                        setTimeout(() => {
-                            this.quill.focus();
-                            this.range = this.quill.getSelection();
-                            this.readAndUploadFile(file);
-                        }, 0);
-                    }
-                }
-            }
-        }
-    }
-
-    readAndUploadFile(file) {
-        let isUploadReject = false;
-
-        const fileReader = new FileReader();
-
-        fileReader.addEventListener(
-            "load",
-            () => {
-                if (!isUploadReject) {
-                    let base64ImageSrc = fileReader.result;
-                    this.insertBase64Image(base64ImageSrc);
-                }
-            },
-            false
-        );
-
-        if (file) {
-            fileReader.readAsDataURL(file);
-        }
-
-        this.options.upload(file).then(
-            (imageUrl) => {
-                this.insertToEditor(imageUrl);
-            },
-            (error) => {
-                isUploadReject = true;
-                this.removeBase64Image();
-                console.warn(error);
-            }
-        );
-    }
-
-    fileChanged() {
-        const file = this.fileHolder.files[0];
-        this.readAndUploadFile(file);
-    }
-
-    insertBase64Image(url) {
-        const range = this.range;
-                
-        this.placeholderDelta = this.quill.insertEmbed(
-            range.index,
-            LoadingImage.blotName,
-            `${url}`,
-            "user"
-        );
-    }
-
-    insertToEditor(url) {
-        const range = this.range;        
-
-        const lengthToDelete = this.calculatePlaceholderInsertLength();        
-        
-        // Delete the placeholder image
-        this.quill.deleteText(range.index, lengthToDelete, "user");
-        // Insert the server saved image
-        this.quill.insertEmbed(range.index, "image", `${url}`, "user");
-
-        range.index++;
-        this.quill.setSelection(range, "user");
-    }
-
-    // The length of the insert delta from insertBase64Image can vary depending on what part of the line the insert occurs
-    calculatePlaceholderInsertLength() {
-        return this.placeholderDelta.ops.reduce((accumulator, deltaOperation) => {            
-            if (deltaOperation.hasOwnProperty('insert'))
-                accumulator++;
-
-            return accumulator;
-        }, 0);
-    }
-
-    removeBase64Image() {        
-        const range = this.range;
-        const lengthToDelete = this.calculatePlaceholderInsertLength();
-
-        this.quill.deleteText(range.index, lengthToDelete, "user");
-    }
-}
-
-window.ImageUploader = ImageUploader;
-export default ImageUploader;

package/dist/node_modules/quill-image-uploader/dist/quill.imageUploader.min.css

@@ -1,33 +0,0 @@
-.image-uploading {
-  position: relative;
-  display: inline-block;
-}
-
-.image-uploading img {
-  max-width: 98% !important;
-  filter: blur(5px);
-  opacity: 0.3;
-}
-
-.image-uploading::before {
-  content: "";
-  box-sizing: border-box;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 30px;
-  height: 30px;
-  margin-top: -15px;
-  margin-left: -15px;
-  border-radius: 50%;
-  border: 3px solid #ccc;
-  border-top-color: #1e986c;
-  z-index: 1;
-  animation: spinner 0.6s linear infinite;
-}
-
-@keyframes spinner {
-  to {
-    transform: rotate(360deg);
-  }
-}