@mixd-id/web-scaffold 0.1.230406083 → 0.1.230406085

package/package.json

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

package/src/components/Paragraph.vue

@@ -21,8 +21,7 @@ export default{
 		compClass(){
 			return [
 				this.$style.comp,
-				this.extClass,
-				'text-xl'
+				this.extClass
 			]
 				.join(' ')
 		},

package/src/widgets/ComponentSetting.vue

@@ -116,6 +116,11 @@
 							<option :value="`${viewType}max-w-2xl`">Extra Large 2</option>
 							<option :value="`${viewType}max-w-3xl`">Extra Large 3</option>
 							<option :value="`${viewType}max-w-4xl`">Extra Large 4</option>
+							<option :value="`${viewType}max-w-screen-sm`">Screen - Small</option>
+							<option :value="`${viewType}max-w-screen-md`">Screen - Medium</option>
+							<option :value="`${viewType}max-w-screen-lg`">Screen - Large</option>
+							<option :value="`${viewType}max-w-screen-xl`">Screen - Extra Large</option>
+							<option :value="`${viewType}max-w-screen-2xl`">Screen - Extra Large 2</option>
 						</Dropdown>
 					</div>
 				</div>

package/src/widgets/FeatureList.vue

@@ -1,7 +1,7 @@
 <template>
 	<div :class="compClass">
 		<div v-if="id" :id="id" :class="$style.anchor"></div>
-		<h3>{{ title ?? 'Untitled' }}</h3>
+		<h3>{{ title ?? '' }}</h3>
 		<p v-if="description" class="mt-2 text-lg">{{ description }}</p>
 		<div class="grid gap-6 mt-8" :class="computedClass">
 			<div v-for="item in items" class="flex gap-4" :class="computedItem">

package/src/widgets/ParagraphSetting.vue

@@ -18,7 +18,6 @@
 		</div>
 
 		<div class="grid grid-cols-2 gap-4">
-
 			<div>
 				<label class="text-text-400">Font</label>
 				<Dropdown v-for="(_, index) in viewTypes"
@@ -32,6 +31,26 @@
 				</Dropdown>
 			</div>
 
+			<div>
+				<label class="text-text-400">Size</label>
+				<Dropdown v-for="(_, index) in viewTypes"
+									v-show="_.value === viewType"
+									v-model="fontSize[index]"
+									@change="$emit('change')">
+					<option :value="`${viewType}text-xs`">Extra Small</option>
+					<option :value="`${viewType}text-sm`">Small</option>
+					<option :value="`${viewType}text-base`">Normal</option>
+					<option :value="`${viewType}text-lg`">Large</option>
+					<option :value="`${viewType}text-xl`">Extra Large</option>
+					<option :value="`${viewType}text-2xl`">Extra Large 2</option>
+					<option :value="`${viewType}text-3xl`">Extra Large 3</option>
+					<option :value="`${viewType}text-4xl`">Extra Large 4</option>
+					<option :value="`${viewType}text-5xl`">Extra Large 5</option>
+					<option :value="`${viewType}text-6xl`">Extra Large 6</option>
+					<option value="">Not Set</option>
+				</Dropdown>
+			</div>
+
 			<div>
 				<label class="text-text-400">Weight</label>
 				<Dropdown v-for="(_, index) in viewTypes"
@@ -113,6 +132,13 @@ export default{
 			return this.item.props.fontFamily
 		},
 
+		fontSize(){
+			if(!Array.isArray(this.item.props.fontSize))
+				this.item.props.fontSize = []
+
+			return this.item.props.fontSize
+		},
+
 		fontWeight(){
 			if(!Array.isArray(this.item.props.fontWeight))
 				this.item.props.fontWeight = []

package/src/widgets/Share.vue

@@ -49,7 +49,7 @@ export default{
 		},
 
 		currentUrl(){
-			return `${import.meta.env.VITE_WEB_HOST}${this.$route.fullPath}`
+			return `${import.meta.env.VITE_WEB_HOST}${this.$route.path}`
 		},
 
 		fbShareUrl(){

package/src/widgets/TextBlockSetting.vue

@@ -26,7 +26,7 @@
 				<label class="text-text-400">Size</label>
 				<Dropdown v-for="(_, index) in viewTypes"
 									v-show="_.value === viewType"
-									v-model="item.props.fontSize[index]"
+									v-model="fontSize[index]"
 									@change="$emit('change')">
 					<option :value="`${viewType}text-xs`">Extra Small</option>
 					<option :value="`${viewType}text-sm`">Small</option>
@@ -110,6 +110,13 @@ export default{
 			return this.item.props.fontFamily
 		},
 
+		fontSize(){
+			if(!Array.isArray(this.item.props.fontSize))
+				this.item.props.fontSize = []
+
+			return this.item.props.fontSize
+		},
+
 		fontWeight(){
 			if(!Array.isArray(this.item.props.fontWeight))
 				this.item.props.fontWeight = []

package/src/widgets/WebPageBuilder.vue

@@ -412,10 +412,7 @@ export default{
 			obj = JSON.parse(JSON.stringify(obj))
 
 			Object.assign(obj.props, {
-				enabled: true,
-				//padding: [],
-				margin: [],
-				display: [ true, true ]
+				enabled: true
 			})
 
 			obj.uid = md5(obj.type + new Date().getTime())
@@ -795,6 +792,7 @@ export default{
 				...this.moreComponents
 			]
 				.filter((_) => !this.excludeComponents.includes(_.type))
+				.sort((a, b) => a.type > b.type ? 1 : -1)
 		}
 
 	},