@mixd-id/web-scaffold 0.1.230406095 → 0.1.230406097

package/package.json

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

package/src/components/ColorPicker.vue

@@ -15,7 +15,7 @@
 					</div>
 				</div>
 				<div class="grid grid-cols-2 gap-4">
-					<button type="button" @click="select('transparent')"
+					<button type="button" @click="select('')"
 									class="w-full p-1 border-text-100 border-[1px] rounded-lg">None</button>
 					<button type="button" v-if="mode !== 'class' && Boolean(customColor)"
 									class="w-full p-1 border-text-100 border-[1px] rounded-lg"
@@ -70,9 +70,8 @@ export default{
 	methods: {
 
 		select(color){
-			console.log('select', this.mode, this.prefix, color)
 			if(this.mode === 'class'){
-				this.$emit('update:modelValue', this.prefix + color)
+				this.$emit('update:modelValue', color ? this.prefix + color : '')
 			}
 			else{
 				this.$emit('update:modelValue', color)

package/src/widgets/ComponentSetting.vue

@@ -447,8 +447,6 @@
 		<br />
 		<br />
 
-		<pre class="text-xs break-all">{{ item.instance }}</pre>
-
 	</div>
 </template>
 

package/src/widgets/WebPageBuilder.vue

@@ -695,8 +695,8 @@ export default{
 		}, 300),
 
 		saveLayout: throttle(function(reload = true){
-			//this.layout.headers = (this.layout.headers ?? []).map((_) => createComponentInstance(_))
-			//this.layout.footers = (this.layout.footers ?? []).map((_) => createComponentInstance(_))
+			this.layout.headers = (this.layout.headers ?? []).map((_) => this.createComponentInstance(_))
+			this.layout.footers = (this.layout.footers ?? []).map((_) => this.createComponentInstance(_))
 
 			this.socketEmit2('layout.save', this.layout)
 				.then(() => {
@@ -947,7 +947,7 @@ export default{
 					}},
 
 				{ type:'Flex', name:'Flex', group:'Layouts', items:[], props:{
-						flexColumns: [], direction: [ 'flex-col' ], gap: [],
+						flexColumns: [], direction: [ 'flex-row' ], gap: [],
 					}},
 
 				{ type:'Grid', name:'Grid', group:'Layouts', items:[], gap:[], props:{
@@ -990,6 +990,7 @@ export default{
 				'aspectRatio',
 				'bdSize', 'bdColor', 'bdRadius', 'bdStyle',
 				'bgColors', 'bgSize', 'bgPosition', 'bgRepeat',
+				'gap',
 				'padding', 'margin',
 				'direction', 'columns', 'display',
 				'width', 'minWidth', 'maxWidth',