@mixd-id/web-scaffold 0.1.240411021 → 0.1.240411022

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.240411021",
+  "version": "0.1.240411022",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/Article.vue

@@ -1,11 +1,10 @@
 <template>
-  <article ref="article" :class="$style.article"
+  <article :class="$style.article"
            v-html="computedHtml"
            :style="computedStyle"
-           :contenteditable="editMode === 1"
            @input="onInput"
            @click="onClick"
-           @paste="onPaste"></article>
+           @paste="onPaste" />
 </template>
 
 <script>
@@ -26,7 +25,7 @@ export default{
 	methods: {
 
 		getSelection(){
-			const { text = '', href = '', target = '' } = saveSelection(this.$refs.article)
+			const { text = '', href = '', target = '' } = saveSelection(this.$el)
 			return {
 				text,
 				href,
@@ -54,7 +53,7 @@ export default{
 
 		onClick(){
 			if(this.editMode){
-				let { element } = getSelection(this.$refs.article)
+				let { element } = getSelection(this.$el)
 
 				const table = this.closest(element, 'table')
 
@@ -80,7 +79,7 @@ export default{
 				uid: this.uid,
 				type: 'setProp',
 				value: {
-					htmlText: this.$refs.article.innerHTML
+					htmlText: this.$el.innerHTML
 				}
 			}, '*')
 		},
@@ -99,7 +98,7 @@ export default{
 
 		addTableColumn(){
 
-			let { element } = getSelection(this.$refs.article)
+			let { element } = getSelection(this.$el)
 			if(element.nodeType !== 1)
 				element = element.parentNode
 			const table = this.closest(element, 'table')
@@ -128,7 +127,7 @@ export default{
 
 		addTableRow(){
 
-			let { element } = getSelection(this.$refs.article)
+			let { element } = getSelection(this.$el)
 			if(element.nodeType !== 1)
 				element = element.parentNode
 			const table = this.closest(element, 'table')
@@ -152,7 +151,7 @@ export default{
 
 		removeTableRow(){
 
-			let { element } = getSelection(this.$refs.article)
+			let { element } = getSelection(this.$el)
 			if(element.nodeType !== 1)
 				element = element.parentNode
 			const table = this.closest(element, 'table')
@@ -169,7 +168,7 @@ export default{
 
 		removeTableColumn(){
 
-			let { element } = getSelection(this.$refs.article)
+			let { element } = getSelection(this.$el)
 			if(element.nodeType !== 1)
 				element = element.parentNode
 			const table = this.closest(element, 'table')
@@ -230,7 +229,7 @@ export default{
 
 						case 'saveSelection':
 						case 'getSelection':
-							const sel = saveSelection(this.$refs.article)
+							const sel = saveSelection(this.$el)
 							const { text, target, href } = sel
 							result = {
 								text,
@@ -255,7 +254,7 @@ export default{
 							break
 
 						case 'removeLink':
-							const { element } = getSelection(this.$refs.article)
+							const { element } = getSelection(this.$el)
 
 							let a = element
 							while(a && a.tagName !== 'A'){
@@ -314,7 +313,7 @@ export default{
 									document.execCommand(type, false, value);
 									break
 							}
-              this.$refs.article.focus()
+              this.$el.focus()
 							break
 
 					}
@@ -323,6 +322,8 @@ export default{
 				}
 
 			})
+
+      this.$el.setAttribute('contenteditable', 'true')
 		}
 	},
 
@@ -330,7 +331,7 @@ export default{
 
     computedHtml(){
       return this.htmlText
-    },
+    }
 
   },
 

package/src/components/Image.vue

@@ -164,7 +164,8 @@ export default{
         let reader
 
         if(typeof src === 'string') {
-          if(src.indexOf('://') < 0 && src.substring(0, 1) !== '/'){
+          if(src.indexOf('://') < 0 && src.substring(0, 1) !== '/' &&
+              src.indexOf('<svg') < 0 && src.indexOf(';base64') < 0){
             src = ((import.meta.env.VITE_IMAGE_HOST ?? '') + '/' + src)
           }
 

package/src/components/List.vue

@@ -379,6 +379,7 @@ export default{
         return this.socket.send(this.computedSrc, {
           ...this.preset,
           id: undefined,
+          uid: undefined,
           itemsPerPage: this.data.itemsPerPage,
         })
             .then(data => {
@@ -406,6 +407,7 @@ export default{
         this.socket.send(this.computedSrc, {
           ...this.preset,
           id: undefined,
+          uid: undefined,
           itemsPerPage: this.data.itemsPerPage,
           afterItem,
         })
@@ -511,6 +513,8 @@ export default{
       this.readyState = 3
       return this.socket.send(this.computedSrc, {
         ...this.preset,
+        id: undefined,
+        uid: undefined,
         filters: [
           ...(this.preset.filters ?? []),
           ...(this.extBar.filters ?? [])
@@ -528,6 +532,8 @@ export default{
 
       return this.socket.send(this.computedSrc, {
         ...this.preset,
+        id: undefined,
+        uid: undefined,
         filters: [
           ...(this.preset.filters ?? []),
           ...(this.extBar.filters ?? [])
@@ -617,6 +623,8 @@ export default{
 
       this.socket.send(this.computedSrc, {
         ...this.preset,
+        id: undefined,
+        uid: undefined,
         [key]: items.map(item => item[key]),
         _signal: true
       })

package/src/mixin/component.js

@@ -232,7 +232,6 @@ export const componentMixin = {
 
     getGuide2(){
       if(!guide2){
-        console.log('create')
         guide2 = document.createElement('div')
         guide2.className = "absolute border-[2px] border-blue-600 pointer-events-none"
       }

package/src/utils/wss.mjs

@@ -93,8 +93,6 @@ class WSS extends EventEmitter2{
   }
 
   flushPending(){
-    console.log('flushPending', this._pendingSend)
-
     for(let sendParams of this._pendingSend){
       this.sendSync(sendParams.path, sendParams.params, sendParams.cb, sendParams.err)
     }