@mixd-id/web-scaffold 0.1.230406158 → 0.1.230406160

package/package.json

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

package/src/components/Article.vue

@@ -315,6 +315,7 @@ export default{
 									document.execCommand(type, false, value);
 									break
 							}
+              this.$refs.article.focus()
 							break
 
 					}

package/src/utils/selection.js

@@ -16,7 +16,8 @@ const getSelection = (container) => {
     end: start + range.toString().length,
     container,
     text: range.toString(),
-    element: range.startContainer
+    element: range.startContainer,
+    range
   }
 }
 
@@ -28,39 +29,11 @@ const saveSelection = (container) =>{
 const restoreSelection = () => {
   if(!selection) return
 
-  const range = document.createRange();
-  range.setStart(selection.container, 0);
-  range.collapse(true);
-
-  const savedSel = selection
-
-  let charIndex = 0
-  let nodeStack = [selection.container], node, foundStart = false, stop = false;
-  while (!stop && (node = nodeStack.pop())) {
-    if (node.nodeType === 3) {
-      var nextCharIndex = charIndex + node.length;
-      if (!foundStart && savedSel.start >= charIndex && savedSel.start <= nextCharIndex) {
-        range.setStart(node, savedSel.start - charIndex);
-        foundStart = true;
-      }
-      if (foundStart && savedSel.end >= charIndex && savedSel.end <= nextCharIndex) {
-        range.setEnd(node, savedSel.end - charIndex);
-        stop = true;
-      }
-      charIndex = nextCharIndex;
-    } else {
-      var i = node.childNodes.length;
-      while (i--) {
-        nodeStack.push(node.childNodes[i]);
-      }
-    }
-  }
-
   const sel = window.getSelection();
   sel.removeAllRanges();
-  sel.addRange(range);
+  sel.addRange(selection.range);
 
-  return range
+  return selection.range
 }
 
 export {

package/src/widgets/WebPageBuilder.vue

@@ -257,9 +257,9 @@
           <Tabs :items="previewModes" v-model="store.previewMode" variant="button"></Tabs>
 
 					<div class="flex-1">
-						<Textbox :readonly="1" :value="iframeSrc" class="w-full">
+						<Textbox :readonly="1" :value="iframeSrc" class="w-full rounded-xl">
 							<template #start>
-								<div class="flex flex-row items-center mr-3">
+								<div class="flex flex-row items-center mr-2">
                   <button @click="reloadIframe" class="p-3">
                     <svg width="14" height="14" viewBox="0 0 24 24" class="fill-text" xmlns="http://www.w3.org/2000/svg">
                       <path d="M3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C14.7802 3.75 17.1982 5.12612 18.6816 7.24467L16.5022 7.23828C16.088 7.23707 15.7512 7.57187 15.75 7.98608C15.7488 8.4003 16.0836 8.73706 16.4978 8.73828L19.9491 8.74839C19.9817 8.75065 20.0147 8.75076 20.0477 8.74868L20.4978 8.75C20.6971 8.75058 20.8884 8.67182 21.0296 8.53111C21.1707 8.39039 21.25 8.19929 21.25 8L21.25 4C21.25 3.58579 20.9142 3.25 20.5 3.25C20.0858 3.25 19.75 3.58579 19.75 4L19.75 6.16237C17.9894 3.79113 15.2004 2.25 12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C15.8354 21.75 19.0799 19.5367 20.6716 16.3338C20.856 15.9628 20.7047 15.5127 20.3338 15.3284C19.9628 15.144 19.5127 15.2953 19.3284 15.6662C17.9747 18.3902 15.2321 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"/>
@@ -314,10 +314,9 @@
 		<div v-if="currentItem" class="flex flex-col bg-base-400 dark:bg-base-300"
 			:style="section3Style">
 
-			<div class="px-6 pt-6 pb-2 bg-base-300">
-				<strong>
-					{{ currentItem.type }}
-				</strong>
+			<div class="px-6 pt-6 pb-4 bg-base-300 flex flex-col">
+        <small class="text-xs">Properties</small>
+				<strong>{{ currentItem.type }}</strong>
 			</div>
 
 			<div class="px-4 bg-base-300 pt-2 relative">