@mixd-id/web-scaffold 0.1.230406094 → 0.1.230406096

package/package.json

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

package/src/components/ColorPicker.vue

@@ -70,6 +70,7 @@ export default{
 	methods: {
 
 		select(color){
+			console.log('select', this.mode, this.prefix, color)
 			if(this.mode === 'class'){
 				this.$emit('update:modelValue', this.prefix + color)
 			}

package/src/widgets/ArticleSetting.vue

@@ -55,7 +55,7 @@
 									 v-show="_viewType.value === viewType"
 									 v-model="textColor[index]"
 									 @change="$emit('change')"
-									 :prefix="viewType === 'desktop' ? 'md:text-' : 'text-'"
+									 :prefix="`${viewType}text-`"
 									 :custom-color="true">
 			</ColorPicker>
 		</div>

package/src/widgets/ComponentSetting.vue

@@ -256,7 +256,7 @@
 										 v-show="_viewType.value === viewType"
 										 v-model="bgColors[index]"
 										 @change="apply"
-										 :prefix="viewType === 'desktop' ? 'md:bg-' : 'bg-'"
+										 :prefix="`${viewType}bg-`"
 										 :custom-color="true">
 				</ColorPicker>
 			</div>
@@ -362,7 +362,7 @@
 										 v-show="_viewType.value === viewType"
 										 v-model="bdColor[index]"
 										 @change="apply"
-										 :prefix="viewType === 'desktop' ? 'md:border-' : 'border-'"
+										 :prefix="`${viewType}border-`"
 										 :custom-color="true">
 				</ColorPicker>
 			</div>

package/src/widgets/TextBlockSetting.vue

@@ -67,7 +67,7 @@
 									 v-show="_viewType.value === viewType"
 									 v-model="textColor[index]"
 									 @change="apply"
-									 :prefix="viewType === 'desktop' ? 'md:text-' : 'text-'"
+									 :prefix="`${viewType}text-`"
 									 :custom-color="true">
 			</ColorPicker>
 		</div>

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',