2023-11-2-1

2023-11-02 11:00:38 +08:00
parent 2fbd72e151
commit 769c06e6f9
20 changed files with 1352 additions and 336 deletions
--- a/src/component/Detail/DesignDetail.vue
+++ b/src/component/Detail/DesignDetail.vue
@@ -228,6 +228,11 @@ export default defineComponent({
 			handler: function(newval) {
 			}
 		},
+		designDetailShow:{
+			handler: function(newval) {
+				this.removeRevocation()
+			}
+		}
 	},
 	provide() {
 		return {
@@ -301,7 +306,6 @@ export default defineComponent({
 				DesignDetailAlter.terminate()
 				// this.designItemDetail = {}
 				this.frontBack = {}
-				this.removeRevocation()
            }else{
                this.designShowPrview = 1;
 				this.designItemDetailUrl = {}
@@ -371,8 +375,6 @@ export default defineComponent({
 						body = item
 					}
 				});
-				console.log(body?.layersObject?.[0]?.imageUrl);
-				
 				let ratio:any = await this?.setPostition(body?.layersObject?.[0]?.imageUrl)
 				let frontIndex = 6
 				let backIndex = 3
@@ -430,6 +432,7 @@ export default defineComponent({
            }
 			this.designShowPrview = 1
            // this.showDesignDetailModal(data,str)
+            this.loadingShow = false
 		},
 		removeRevocation(){
 			sessionStorage.removeItem('oppositeRevocation')
@@ -521,10 +524,11 @@ export default defineComponent({
 			this.store.commit('setDesignPreviewData',data)
 			return data
 		},
-		setSubmit(str:any){
+		async setSubmit(str:any){
 			let setDesignItem:any = this.$refs.setDesignItem	
 			let data = this.setSubmitItem(str)
-			setDesignItem.setPreview(data)
+            this.loadingShow = true
+			await setDesignItem.setPreview(data)
 		},
 		async submit(){
 			let data = this.setSubmitItem('')
@@ -558,8 +562,6 @@ export default defineComponent({
 		async setPostition(url:any){
 			let img:any = await loadImage(url)
 			let modal_body = <HTMLImageElement>document.getElementsByClassName('detail_modal_model')[0]
-				console.log(modal_body);
-				
 			const num = modal_body?.offsetWidth / img.width;
 			function loadImage(url:any) {
 				return new Promise((resolve, reject) => {
@@ -1168,4 +1170,12 @@ export default defineComponent({
   
    
 }
+</style>
+<style lang="less">
+.design_detail_modal_component{
+	.mark_loading{
+		position: absolute;
+	}
+}
+
 </style>
--- a/src/component/Detail/DesignDetailAlter.vue
+++ b/src/component/Detail/DesignDetailAlter.vue
@@ -196,7 +196,7 @@
                <div class="right_content_line right_content_line_upload">
                    <div class="upload_right_header">
 						<i class="color_edit fi fi-bs-comments" ></i>
-                        <span>{{ $t('DesignDetailAlter.AutoRecognize') }}</span>
+                        <span>{{ $t('DesignDetailAlter.UploadImage') }}</span>
                    </div>
 					<div class="upload_centetn">
 						<div class="upload_item">
--- a/src/component/Detail/DesignDetailEnd.vue
+++ b/src/component/Detail/DesignDetailEnd.vue
@@ -87,11 +87,11 @@
 		<div v-show="type_ == 1 || type_ == 3" @click.stop="setPreview" class="subitOkPreviewBtn">{{ $t('DesignDetailEnd.preview') }}</div>
 		<div v-if="type_ == 2 && current?.printObject?.prints?.[0]?.path != null" @click.stop="setPrint" class="subitOkPreviewBtn">{{ $t('DesignDetailEnd.Layout') }}</div>
 		<div v-else-if="type_ == 2 && current?.printObject?.prints?.[0]?.path == null" @click.stop="setPreview" class="subitOkPreviewBtn">{{ $t('DesignDetailEnd.preview') }}</div>
-		<div class="mark_loading" v-show="loadingShow">
-            <a-spin size="large" />
-        </div>
+		
 	<DesignPrintOperation ref="DesignPrintOperation"></DesignPrintOperation>
-
+	</div>
+	<div class="mark_loading" v-show="loadingShow">
+		<a-spin size="large" />
 	</div>
 </template>
 <script>
--- a/src/component/Detail/DesignPrintOperation.vue
+++ b/src/component/Detail/DesignPrintOperation.vue
@@ -696,6 +696,9 @@ export default defineComponent({
 <style lang="less">
 .designOpenrtion_modal {
 	// max-width: 1440px;
+	.mark_loading{
+		position: absolute;
+	}
 	.ant-modal-body{
 		padding: 4rem 5rem 0rem!important;
 		// height: calc(65vh - 6.4rem);
--- a/src/component/Detail/setDesignItem.vue
+++ b/src/component/Detail/setDesignItem.vue
@@ -31,10 +31,8 @@
 			<div @click="setPreviewData" class="subitOkPreviewBtn">OK</div>
 		</div>
 		<div class="designOpenrtion_imgMask_open" @click.stop="deleteBorder"></div>
-		<div class="mark_loading" v-show="loadingShow">
-            <a-spin size="large" />
-        </div>
 	</div>
+	
 </template>

 <script >
@@ -372,10 +370,9 @@ export default defineComponent({
 					item.scale = front?.imageSize?Number(((front?.style?.width.replace(/px/g,'')*ratio)/front?.imageSize[0]).toFixed(2)):1
 				}
 			})
-			this.loadingShow = true
 			Https.axiosPost(Https.httpUrls.designSingle, data).then(
                (rv) => {
-                    this.loadingShow = false
+                    this.$parent.loadingShow = false
 					let designItemDetail = JSON.parse(JSON.stringify(this.store.state.DesignDetailModule.designItemDetail))
 					designItemDetail.designItemUrl = rv.designItemUrl
 					designItemDetail.ifSubmit = true
@@ -392,7 +389,6 @@ export default defineComponent({
 					this.setRevocation(designItemDetail,data)
                }
            ).catch(res=>{ 
-                this.loadingShow = false
            });
 		},
    },
--- a/src/component/HomePage/ColorboardUpload.vue
+++ b/src/component/HomePage/ColorboardUpload.vue
@@ -58,7 +58,7 @@
                <div class="right_content_line right_content_line_upload">
                    <div class="upload_right_header">
 						<i class="color_edit fi fi-bs-comments" ></i>
-                        <span>{{ $t('ColorboardUpload.AutoRecognize') }}</span>
+                        <span>{{ $t('ColorboardUpload.UploadImage') }}</span>
                    </div>
 					<div class="upload_centetn">
 						<div class="upload_item">
@@ -157,6 +157,7 @@ export default defineComponent({
            this.colorList[this.selectIndex] = newVal.rgba
            let colorList =this.colorList.filter((v) => v && Object.keys(v).length)
            this.setColorboardList(colorList)
+			this.clearSelectColor()
        }
    },
    computed:{
@@ -164,10 +165,14 @@ export default defineComponent({
            return (selectColor)=>{
                let rgba = selectColor.rgba
                let data = {
-                    r:rgba?.r || rgba?.r===0 ? rgba?.r  : 255,
-                    g:rgba?.g || rgba?.g===0 ? rgba?.g  : 255,
-                    b:rgba?.b || rgba?.b===0 ? rgba?.b  : 255,
-                    a:rgba?.a || rgba?.a===1 ? rgba?.a  : 1,
+                    r:rgba?.r,
+                    g:rgba?.g,
+                    b:rgba?.b,
+                    a:rgba?.a,
+					// r:rgba?.r || rgba?.r===0 ? rgba?.r  : 255,
+                    // g:rgba?.g || rgba?.g===0 ? rgba?.g  : 255,
+                    // b:rgba?.b || rgba?.b===0 ? rgba?.b  : 255,
+                    // a:rgba?.a || rgba?.a===1 ? rgba?.a  : 1,
 					hex:selectColor.hex == undefined ? '#FFFFFF':selectColor.hex
                }
 				if(data.a != 1 || data.a != 0){
@@ -225,6 +230,7 @@ export default defineComponent({
 				message.warning(this.t('ColorboardUpload.jsContent1'))
 			}
 		})
+		this.clearSelectColor()
 		// if ("EyeDropper" in window) {
 		// 	console.log(true);
 		// }
@@ -233,7 +239,17 @@ export default defineComponent({
 		// }
    },
    methods:{
-		
+		clearSelectColor(){
+			let colorBg0 = document.getElementsByClassName('colorboard_upload_modal')[0].getElementsByClassName('color_block_bg')[0]
+			let colorBg1 = document.getElementsByClassName('colorboard_upload_modal')[0].getElementsByClassName('color_block_bg')[1]
+			if(this.selectColor?.rgba?.r || this.selectColor?.rgb?.r){
+				colorBg0.style.opacity = 1
+				colorBg1.style.opacity = 1
+			}else{
+ 				colorBg0.style.opacity = 0
+				colorBg1.style.opacity = 0
+			}
+		},
        //选择不同的色块
        selectColorItem(index,color){
 			let hex
@@ -805,6 +821,7 @@ export default defineComponent({
 									height: 1.5rem;
 									// margin-right: .5rem;
 									display: flex;
+									background-color: rgba(0, 0, 0, 0);
 									justify-content: space-between;
 								}
 							}
--- a/src/component/HomePage/Generate.vue
+++ b/src/component/HomePage/Generate.vue
@@ -166,11 +166,10 @@
 					<i v-else class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike')"></i>
 				</div>
            </div>
-			<div class="mark_loading" v-show="loadingShow">
-				<a-spin size="large" />
-			</div>
        </div>
-		
+		<div class="mark_loading" v-show="loadingShow">
+			<a-spin size="large" />
+		</div>
    </div>
 </template>
 <script lang="ts">
@@ -571,10 +570,16 @@ export default defineComponent({
 	display: flex;
    flex-direction: column;
    border-right: 1px solid #e5e5e5;
+	position: relative;
    &.generate::-webkit-scrollbar {
        display: none;
    }
-	
+	.mark_loading{
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		z-index: 99;
+	}
    .generate_checkbox,
    .generage_input {
        display: flex;
@@ -638,12 +643,6 @@ export default defineComponent({
        flex-wrap: wrap;
 		align-content: flex-start;
 		flex: 1;
-		.mark_loading{
-			position: absolute;
-			width: 100%;
-			height: 100%;
-			z-index: 99;
-		}
        .generage_img_item {
            cursor: pointer;
            margin: 0 2rem 2rem 0;
--- a/src/component/HomePage/Header.vue
+++ b/src/component/HomePage/Header.vue
@@ -64,15 +64,21 @@
 			<!-- <div class="select_item" @click="showBindEmailModal()">
 				<span class="icon iconfont icon-youxiang"></span><span class="select_item_des">{{$t('Header.bindEmail')}}</span>
 			</div> -->
+			<div class="select_item" @click.stop="isLanguage = !isLanguage">
+				<span class="icon iconfont icon-yuyan"></span>
+				<span class="select_item_des">{{$t('Header.language')}}</span>
+			</div>
 			<div class="select_item" @click="logout()">
 				<span class="icon iconfont icon-tuichu"></span
 				><span class="select_item_des">{{$t('Header.logOff')}}</span>
 			</div>
-			<div class="select_item" @click="setLocale()">
-				<span class="icon iconfont icon-yuyan"></span>
-				<span class="select_item_des">切换语言</span>
-			</div>
+			
 		</nav>
+		<ul class="select_block select_list" v-show="isLanguage && isShowOperate">
+			<li class="select_item" v-for="item in language"  @click="setLocale(item.value)">
+				<span class="select_item_des">{{ item.name }}</span>
+			</li>
+		</ul>
        <a-modal
            class="modal_component"
            v-model:visible="bindEmailVisible"
@@ -177,6 +183,18 @@ export default defineComponent({
            numTime: 30,
            timerSec: null,
            modalWarning: null,
+            isLanguage: false,
+			language:[
+				{name:'English',value:'en'},
+				{name:'中文',value:'cn'},
+				{name:'한국인',value:'kr'},
+				{name:'にほんご',value:'ja'},
+				{name:'Русский',value:'ru'},
+				{name:'Français',value:'fr'},
+				{name:'แบบไทย',value:'th'},
+				{name:'Tiếng Việt',value:'vn'},
+				{name:'Italiano',value:'it'},
+			]
        };
    },
    mounted() {
@@ -214,6 +232,7 @@ export default defineComponent({
        //关闭下拉图标
        closeShowOperateContent() {
            this.isShowOperate = false;
+			this.isLanguage = false
            document.removeEventListener("click", this.closeShowOperateContent);
        },

@@ -350,12 +369,13 @@ export default defineComponent({
                }
            }, 1000);
        },
-		setLocale(){
+		setLocale(v){
 			// window.location.reload();
 			let name = 'home'
 			let noRefresh = true;
            this.$router.push({ name: name, params: { noRefresh: noRefresh } });
-			this.locale == 'zh-cn'?this.locale = 'en':this.locale = 'zh-cn'
+			this.locale = v
+			// this.locale == 'zh-cn'?this.locale = 'en':this.locale = 'zh-cn'
 		}
    },
 });
@@ -501,7 +521,10 @@ export default defineComponent({
 	box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.1);
 	overflow: hidden;
 	border: 1px solid #000000;
-
+	&.select_list{
+		// display: none;
+		transform: translateX(105%);
+	}
 	.select_item {
 		padding-left: 1.5rem;
 		height: 4.1rem;
--- a/src/component/HomePage/MoodboardUpload.vue
+++ b/src/component/HomePage/MoodboardUpload.vue
@@ -120,23 +120,27 @@
 					</div>
 				</div>
 			</div>
-			<div v-show="moodboarList.length > 1" class="modal_accomplish">
+			<div v-show="moodboarList.length > 1 || edieShow" class="modal_accomplish">
 				<div class="modal_text">
 					<div>Layout of selected moodboard</div>
 					<div class="modal_btn started_btn" @click.stop="changeTemplateModal()">Edit</div>
 				</div>
-				<div v-if="!modalImg[0]?.id" class="modal_img" id="modal_img" :class="{active:flex_direction}">
-					<div v-for="item,index in layoutList" :class="[moodb_className[index]]"  class="modal_imgItem">
-						<img :src="item.imgUrl" v-modelImg>
+				<div class="modal_img_max">
+					<div v-if="!modalImg[0]?.id" class="modal_img" id="modal_img" :class="{active:flex_direction}">
+						<div v-for="item,index in layoutList" :class="[moodb_className[index]]"  class="modal_imgItem">
+							<img :src="item.imgUrl" v-modelImg>
+						</div>
+					</div>
+					<div v-else class="modal_img">
+						<img :src="modalImg[0].imgUrl">
+					</div>
+					<div class="mark_loading" v-show="loadingShow">
+						<a-spin size="large" />
 					</div>
 				</div>
-				<div v-else class="modal_img">
-					<img :src="modalImg[0].imgUrl">
-				</div>
-			</div>
-			<div class="mark_loading" v-show="loadingShow">
-				<a-spin size="large" />
+				
 			</div>
+			
 		</div>
 		<layout ref="layout" :moodb_className="moodb_className" :flex_direction="flex_direction" @setmoodbClass="setmoodbClass"></layout>
       
@@ -177,6 +181,7 @@ export default defineComponent({
 			return store.state.UploadFilesModule.disposeMoodboard
 		})
 		let uploading:any = ref([])
+		let edieShow:any = ref()
 		let {t} = useI18n()
        return {
            fileList,
@@ -192,6 +197,7 @@ export default defineComponent({
 			loadingShow,
 			modalImg,
 			uploading,
+			edieShow,
 			t,
        };
    },
@@ -352,6 +358,7 @@ export default defineComponent({
 			if(this.store.state.UploadFilesModule.moodboard.length == 0){
 				this.store.commit("clearMoodTemplateId");
 				this.layoutList = []
+				this.edieShow = false
 			}
        },
        recollection() {
@@ -372,8 +379,6 @@ export default defineComponent({
 				material:[] as any,
 				moodboard:[] as any,
 			}
-			console.log(disposeMoodboard);
-			
 			arr.forEach((v:any)=>{
 				if(v.type_.type1 == 'generate'){
 					setboard.generate.push(v)
@@ -391,7 +396,7 @@ export default defineComponent({
        },

        changeTemplateModal() {
-			if(this.layoutOpen){
+			if(this.modalImg[0]?.id){
 				let layout:any = this.$refs.layout
 				// layout.init('moodboard')
 				layout.init()
@@ -402,6 +407,7 @@ export default defineComponent({
        },
 		layout(){
 			this.loadingShow = true
+			this.edieShow = true
 			this.store.commit("setDisposeMoodboard", []);
 			let arr = JSON.parse(JSON.stringify(this.store.state.UploadFilesModule.moodboard))
 			this.layoutList = arr
@@ -412,10 +418,13 @@ export default defineComponent({
 			}else{
 				this.flex_direction = false
 			}
-			if(JSON.stringify(this.moodb_className) == JSON.stringify(this.moodb_[arr.length-1][random])){
-				this.layout()
-				return
+			if(this.moodb_[arr.length-1].length != 1){
+				if(JSON.stringify(this.moodb_className) == JSON.stringify(this.moodb_[arr.length-1][random])){
+					this.layout()
+					return
+				}
 			}
+			
 			if(this.moodb_[arr.length-1].length == 2){
 				this.moodb_className = this.moodb_[arr.length-1][0]
 			}else{
@@ -555,6 +564,8 @@ export default defineComponent({
 	.modal_right{
 		flex: 1;
 		margin-left: 3rem;
+		display: flex;
+		flex-direction: column;
 		.modal_layout,.modal_accomplish{
 			.modal_text{
 				font-size: 1.2rem;
@@ -609,19 +620,30 @@ export default defineComponent({
 			// margin-top: 2rem;
 			height: 30rem;
 			display: flex;
+			flex: 1;
 			flex-direction: column;
 			.modal_text{
 				padding-top: 2rem;
 				padding-block: 2rem;
 			}
+			.modal_img_max{
+				// flex: 1;
+				height: 35rem;
+				position: relative;
+				.mark_loading{
+					position: absolute;
+				}
+			}
 			.modal_img{
-				flex: 1;
+				height: 100%;
 				display: flex;
 				flex-direction: column;
 				justify-content: space-between;
 				flex-wrap: wrap;
 				align-items: center;
 				flex-direction: column;
+				position: relative;
+				
 				>img{
 					// height: 100%;
 					width: 100%;
--- a/src/component/HomePage/PrintboardUpload.vue
+++ b/src/component/HomePage/PrintboardUpload.vue
@@ -76,7 +76,6 @@
                                </div>
                            </a-upload>
                        </div>
-                        
                    </div>
                </div>
            </div>
@@ -117,9 +116,10 @@
 							<a-checkbox v-model:checked="item.pin">{{ $t('PrintboardUpload.PIN') }}</a-checkbox>
 						</div>
 					</div>
-					<div class="mark_loading" v-show="loadingShow">
-						<a-spin size="large" />
-					</div>
+					
+				</div>
+				<div class="mark_loading" v-show="loadingShow">
+					<a-spin size="large" />
 				</div>
 			</div>
 		</div>
@@ -818,6 +818,13 @@ export default defineComponent({
 			display: flex;
 			flex-direction: column;
 			flex: 1;
+			position: relative;
+			.mark_loading{
+				position: absolute;
+				width: 100%;
+				height: 100%;
+				z-index: 99;
+			}
            // overflow-x: hidden;
 			&.modal_accomplish::-webkit-scrollbar {
                display: none;
@@ -839,13 +846,6 @@ export default defineComponent({
 				justify-content: flex-start;
 				position: relative;
 				align-content: flex-start;
-
-				.mark_loading{
-					position: absolute;
-					width: 100%;
-					height: 100%;
-					z-index: 99;
-				}
 				.modal_imgItem{
 					margin: 0 2rem 5rem 0;
 					display: inline-block;
--- a/src/component/HomePage/SketchboardUpload.vue
+++ b/src/component/HomePage/SketchboardUpload.vue
@@ -235,9 +235,9 @@
 							<a-checkbox v-model:checked="item.pin">{{ $t('SketchboardUpload.PIN') }}</a-checkbox>
 						</div>
 					</div>
-					<div class="mark_loading" v-show="loadingShow">
-						<a-spin size="large" />
-					</div>
+				</div>
+				<div class="mark_loading" v-show="loadingShow">
+					<a-spin size="large" />
 				</div>
 			</div>
 		</div>
@@ -878,6 +878,11 @@ export default defineComponent({
 			display: flex;
 			flex-direction: column;
 			flex: 1;
+			position: relative;
+			.mark_loading{
+				position: absolute;
+				z-index: 99;
+			}
            // overflow-x: hidden;
 			&.modal_accomplish::-webkit-scrollbar {
                display: none;
@@ -901,12 +906,6 @@ export default defineComponent({
 				justify-content: flex-start;
 				align-content: flex-start;
 				position: relative;
-				.mark_loading{
-					position: absolute;
-					width: 100%;
-					height: 100%;
-					z-index: 99;
-				}
 				.modal_imgItem{
 					margin: 0 2rem 4rem 0;
 					display: inline-block;
--- a/src/component/HomePage/layout.vue
+++ b/src/component/HomePage/layout.vue
@@ -59,6 +59,9 @@
 				</div>
               
 				<div class="layout_left">
+					<div class="layout_left_text">
+						{{ $t('layout.LayerOptions') }}
+					</div>
 					<div v-for="item,index in moodbList" class="layout_left_items" @click="setmoodb(item)">
 						<div v-for="clasitem,clasindex in item" :class="clasitem" class="layout_left_item">
 						</div>
@@ -701,7 +704,9 @@ export default defineComponent({
 		}
 		.layout_centent{
 			display: flex;
-			height: 55%;
+			// height: 55%;
+			height: 35rem;
+			width: 57rem;
 			// height: 60%;
 			flex-direction: column;
 			flex-wrap: wrap;
@@ -880,7 +885,7 @@ export default defineComponent({
 			position: absolute;
 			top: 50%;
 			transform: translateY(-50%);
-			left: 2rem;
+			left: 5rem;
 			overflow-x: hidden;
 			// background-color: #000;
 			width: 8%;
@@ -888,6 +893,11 @@ export default defineComponent({
 			&.layout_left::-webkit-scrollbar {
                display: none;
            }
+			.layout_left_text{
+				font-size: 1.6rem;
+				margin-bottom: 1rem;
+				color: #000;
+			}
 			.layout_left_items{
 				width: 100%;
 				height: 6rem;
@@ -908,5 +918,8 @@ export default defineComponent({
            margin: 2rem auto 0;
        }
    }
+	.mark_loading{
+		position: absolute;
+	}
 }
 </style>
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -6,6 +6,7 @@ export default {
 		HISTORY:'历史',
 		bindEmail:'绑定邮箱',
 		logOff:'退出登录',
+		language:'语言',
 		skip:'跳过',
 		emailContent:'你绑定了的邮箱',
 		Email:'邮箱',
@@ -179,7 +180,7 @@ export default {
 		Palette:'调色板',
 		HEX:'HEX',
 		RGBA:'RGBA',
-		AutoRecognize:'识别图片颜色',
+		UploadImage:'上传图片',
 		ColorCode:'颜色代码',
 		ExtractColor:'提取颜色',
 		jsContent1:"您的浏览器不支持",
@@ -221,6 +222,7 @@ export default {
 	},
 	layout:{
 		MoodBoardDesign:'设计情绪板',
+		LayerOptions:'图层选项',
 		Submit:'保存',
 	},
 	Generate:{
@@ -268,7 +270,7 @@ export default {
 		Palette:'调色板',
 		HEX:'HEX',
 		RGBA:'RGBA',
-		AutoRecognize:'识别图片颜色',
+		UploadImage:'上传图片',
 		Delete:'删除',
 		ColorCode:'颜色代码',
 		jsContent1:"您的浏览器不支持",
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -6,6 +6,7 @@ export default {
 		HISTORY:'HISTORY',
 		bindEmail:'bind email',
 		logOff:'log off',
+		language:'language',
 		skip:'skip',
 		emailContent:'you have binded email',
 		Email:'Email',
@@ -179,7 +180,7 @@ export default {
 		Palette:'Palette',
 		HEX:'HEX',
 		RGBA:'RGBA',
-		AutoRecognize:'Auto Recognize',
+		UploadImage:'Upload Image',////////////
 		ColorCode:'Color Code',
 		ExtractColor:'Extract Color',
 		jsContent1:"Your browser does not support it",
@@ -221,6 +222,7 @@ export default {
 	},
 	layout:{
 		MoodBoardDesign:'MoodBoard Design',
+		LayerOptions:'Layer Options',
 		Submit:'Submit',
 	},
 	Generate:{
@@ -268,7 +270,7 @@ export default {
 		Palette:'Palette',
 		HEX:'HEX',
 		RGBA:'RGBA',
-		AutoRecognize:'Auto Recognize',
+		UploadImage:'Upload Image',////////////
 		Delete:'Delete',
 		ColorCode:'Color Code',
 		jsContent1:"Your browser does not support it",
--- a/src/lang/fr.ts
+++ b/src/lang/fr.ts
@@ -0,0 +1,307 @@
+export default {
+	Header:{
+		hello:'Bonjour',
+		HOME:'MAISON',
+		LIBRARY:'BIBLIOTHÈQUE',
+		HISTORY:'HISTOIRE',
+		bindEmail:'lier un e-mail',
+		logOff:'se déconnecter',
+		language:'changer de langue',
+		skip:'sauter',
+		emailContent:'vous avez un e-mail lié',
+		Email:'E-mail',
+		NextStep:"L'étape suivante",
+		verification:'Entrez le code de vérification',
+		SentTo:'Envoyé à',
+		Resend:'Renvoyer',
+		jsContent1:"Le format de l'e-mail est incorrect",
+		jsContent2:"J'ai réussi à lier la boîte aux lettres.",
+		jsContent3:`Vous n'avez effectué aucune opération depuis longtemps. Vous devez être actif, sinon vous vous déconnecterez dans {numTime} S`,
+	},
+	Habit:{
+		Workspace:'Espace de travail',
+		WorkspaceSetting:"Paramètres de l'espace de travail",
+		settingWorkspace:'ajustez les paramètres de votre espace de travail',
+		Overall:"Dans l'ensemble",
+		Single:'Célibataire',
+		System:'Système',
+		Designer:'Designer',
+		Mannequin:'Mannequin',
+		Current:'Actuel',
+		User:'Utilisateur',
+		jsContent1:"S'il faut supprimer l'espace de travail?",
+		jsContent2:"Veuillez saisir un nom d'atelier",
+	},
+	RobotAssist:{
+		inputContent1:"écrire un message~",
+		jsContent1:"Veuillez saisir le contenu",
+	},
+
+	HomeView:{
+		GetStarted:'Get Started',
+		Start:'Start',
+		Edit:'Edit',
+		Design:'Design',
+		Redesign:'Redesign',
+		GeneratedDesign:'Generated Design',
+		SelectedDesign:'Selected Design',
+		Export:'Export',
+		jsContent1:'You must choose one or more colors for further process.',
+		jsContent2:'You must choose one or more colors for further process.',
+		jsContent3:'Failed to export the file',
+	},
+	LibraryPage:{
+		Upload:'Upload',
+		Generate:'Generate',
+		Delete:'Delete',
+		Rename:'Rename',
+		inputContent1:'Search by your style code',
+		all:'all',
+		ImageOnly:'Image Only',
+		TextOnly:'Text Only',
+		TextImage:'Text-Image',
+		inputContent2:'Prompt input',
+		maximumLength:'The entered content exceeds the maximum length.',
+		Model1:'Model1',
+		Model2:'Model2',
+		inputContent3:'Prompt input',
+		Cancel:'Cancel',
+		Sure:'Sure',
+		Moodboard:'Moodboard',
+		Prints:'Prints',
+		Sketches:'Sketches',
+		Mannequins:'Mannequins',
+		model:'model',
+		jsContent1:'Are you sure to delete the picture?',
+		jsContent2:'Are you sure to delete the picture?',
+		jsContent3:'You can only upload Image file!',
+		jsContent4:'Image must smaller than 2MB!',
+		jsContent5:'This picture has been uploaded whether to continue uploading？',
+		jsContent6:'The entered content exceeds the maximum length.',
+		jsContent7:'Please enter content',
+		jsContent8:'upload failed',
+		jsContent9:'Please enter content',
+	},
+	HistoryPage:{
+		History:'History',
+		StartDate:'Start Date',
+		EndDate:'End Date',
+		inputContent1:'Search by collection name',
+		Detail:'Detail',
+		Rename:'Rename',
+		Retrieve:'Retrieve',
+		Delete:'Delete',
+		inputContent2:'Enter a new name',
+		Submit:'Submit',
+		CollectionsName:'Collections Name',
+		UptateTime:'Uptate Time',
+		SketchCounts:'Sketch Counts',
+		Operations:'Operations',
+		jsContent1:'Deleted successfully',
+		jsContent2:'Do you really want to delete this collection? ',
+		jsContent3:'Change successfully',
+		jsContent4:'Image must smaller than 2MB!',
+		jsContent5:'This picture has been uploaded whether to continue uploading？',
+		jsContent6:'The entered content exceeds the maximum length.',
+		jsContent7:'Please enter content',
+	},
+	ModelPlacement:{
+		Registration:'Registration',
+		Submit:'Submit',
+		Preview:'Preview',
+		Back:'Back',
+		Restore:'Restore',
+		System:'Système',
+		Library:'Library',
+		Point:'Point',
+		RemovePoint:'Remove Point',
+		mannequinHint:'Please change the pure white inside the mannequin for another color to enhance your experience',
+		SHOULDER:'SHOULDER',
+		WAISTBAND:'WAISTBAND',
+		HAND:'HAND',
+		jsContent1:"You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
+		jsContent2:'This picture has been uploaded whether to continue uploading？',
+	},
+	ModelPlacementMobile:{
+		Registration:'Registration',
+		Submit:'Submit',
+		Preview:'Preview',
+		Back:'Back',
+		Restore:'Restore',
+		Point:'Point',
+		RemovePoint:'Remove Point',
+		mannequinHint:'Please change the pure white inside the mannequin for another color to enhance your experience',
+		SHOULDER:'SHOULDER',
+		WAISTBAND:'WAISTBAND',
+		HAND:'HAND',
+		jsContent1:"You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
+		jsContent2:'This picture has been uploaded whether to continue uploading？',
+	},
+	Upload:{
+		Delete:'Delete',
+		Maximum2M:'Maximum 10 images can be uploaded, Maximum 2M per image',
+		jsContent1:'You can only upload Image file!',
+		jsContent2:'Image must smaller than 2MB!',
+		jsContent3:'upload failed',
+	},
+	SketchboardUpload:{
+		Upload:'Upload',
+		Library:'Library',
+		Generate:'Generate',
+		PIN:'PIN',
+		Thumbnail:'Thumbnail preview of selected sketchboard',
+		inputContent1:'Caption generation',
+		maximumLength:'The entered content exceeds the maximum length.',
+		jsContent1:"upload failed",
+		jsContent2:"You can only upload Image file!",
+		jsContent3:'Image must smaller than 2MB!',
+		jsContent4:"Maximum number of allowable file uploads has been exceeded",
+		jsContent5:"Please select a picture",
+		jsContent6:"The entered content exceeds the maximum length.",
+		jsContent7:"Please enter content",
+	},
+	PrintboardUpload:{
+		Upload:'Upload',
+		Library:'Library',
+		Generate:'Generate',
+		PIN:'PIN',
+		Thumbnail:'Thumbnail preview of selected printboard',
+		inputContent1:'Caption generation',
+		maximumLength:'The entered content exceeds the maximum length.',
+		jsContent1:"You can only upload Image file!",
+		jsContent2:'Image must smaller than 2MB!',
+		jsContent3:"Maximum number of allowable file uploads has been exceeded",
+		jsContent4:"Please select a picture",
+		jsContent5:"The entered content exceeds the maximum length.",
+		jsContent6:"Please enter content",
+	},
+	ColorboardUpload:{
+		Thumbnail:'Thumbnail preview of selected colorboard',
+		Clear:'Clear',
+		Palette:'Palette',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'Upload Image',
+		ColorCode:'Color Code',
+		ExtractColor:'Extract Color',
+		jsContent1:"Your browser does not support it",
+		jsContent2:"Can't find the TCX color",
+		jsContent3:"You can only upload Image file!",
+		jsContent4:'Image must smaller than 2MB!',
+	},
+	MoodboardUpload:{
+		Upload:'Upload',
+		Library:'Library',
+		Generate:'Generate',
+		Delete:'Delete',
+		Thumbnail:'Thumbnail preview of selected moodboard',
+		layout:'layout',
+		jsContent1:'You can select up to 8 images',
+		jsContent2:"upload failed",
+		jsContent3:"You can only upload Image file!",
+		jsContent4:'Image must smaller than 2MB!',
+		jsContent5:'Please click Layout to sort randomly',
+	},
+	Cropper:{
+		Cutpicture:'Cut picture',
+		Finish:'Finish',
+		Cancel:'Cancel',
+		CropPreview:'Crop Preview',
+	},
+	Material:{
+		inputContent1:'Please input',
+		PIN:'PIN',
+	},
+	MarketingSketchUpload:{
+		Upload:'Upload',
+		MyLibrary:'My Library',
+		maximumLength:'Maximum 15 images can be uploaded, Maximum 2M per image',
+		jsContent1:'upload failed',
+		jsContent2:"You can only upload Image file!",
+		jsContent3:'Image must smaller than 2MB!',
+		jsContent5:'Maximum number of allowable file uploads has been exceeded',
+	},
+	layout:{
+		MoodBoardDesign:'MoodBoard Design',
+		LayerOptions:'Layer Options',
+		Submit:'Submit',
+	},
+	Generate:{
+		ImageOnly:'Image Only',
+		TextOnly:'Text Only',
+		TextImage:'Text-Image',
+		Model1:'Model1',
+		Model2:'Model2',
+		inputContent1:'Prompt input',
+		Generate:'Generate',
+		maximumLength:'The entered content exceeds the maximum length.',
+		jsContent1:"You can only upload Image file!",
+		jsContent2:'Image must smaller than 2MB!',
+		jsContent3:"Please enter content",
+		jsContent4:'The entered content exceeds the maximum length.',
+		jsContent5:"Please enter content",
+		jsContent6:"You can select up to 8 images",
+		jsContent7:"upload failed",
+	},
+	collectionModal:{
+		Moodboard:'Moodboard',
+		Printboard:'Printboard',
+		Colorboard:'Colorboard',
+		Sketchboard:'Sketchboard',
+		MoodCollection:'select moodboard for your collection',
+		PrinCollection:'select printboard for your collection',
+		ColorCollection:'select colors for your collection',
+		SketchCollection:'select sketchboard for your collection',
+		jsContent1:'You must select the image and then use the layout.',
+		jsContent2:'The uploaded files will not be saved, being sure to continue? ',
+		jsContent3:'You must choose one or more colors for further process.',
+	},
+	DesignDetail:{
+		Details:'Details',
+		EditDetails:'Edit the details of your design',
+		Submit:'Submit',
+		CurrentApparel:'Current Apparel',
+		CurrentPrint:'Current Print',
+		CurrentColor:'Current Color',
+	},
+	DesignDetailAlter:{
+		Upload:'Upload',
+		Library:'Library',
+		inputContent1:'Please input',
+		Palette:'Palette',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'Upload Image',
+		Delete:'Delete',
+		ColorCode:'Color Code',
+		jsContent1:"Your browser does not support it",
+		jsContent2:"You can select up to 8 images",
+		jsContent3:"upload failed",
+		jsContent4:'You can only upload Image file!',
+		jsContent5:'Image must smaller than 5MB!',
+		jsContent6:"Can't find the TCX color",
+	},
+	DesignDetailEnd:{
+		NewApparel:'New Apparel',
+		NewPrint:'New Print',
+		Placement:'Placement',
+		Overall:"Dans l'ensemble",
+		Single:'Célibataire',
+		NewColor:'New Color',
+		preview:'preview',
+		Layout:'Layout',
+		jsContent1:'Please select print',
+	},
+	DesignPrintOperation:{
+		Placement:'Placement',
+		Overall:"Dans l'ensemble",
+		Single:'Célibataire',
+		Random:'Random',
+		inputContent:'Please input',
+		preview:'preview',
+		jsContent1:'The above changes are not saved, being sure to continue? ',
+	},
+	uploadFile:{
+		jsContent1:'You can select up to 8 images',
+	},
+}
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -2,11 +2,13 @@ import { createI18n } from 'vue-i18n'

 // element-plus 中的语言配置
 import elementEnLocale from './en'
-import elementZhLocale from './zh-cn'
+import elementZhLocale from './cn'
+import elementthLocale from './th'

 // 自己的语言配置
 import enLocale from './en'
-import zhLocale from './zh-cn'
+import zhLocale from './cn'
+import thLocale from './th'

 // 语言配置整合
 const messages = {
@@ -14,9 +16,13 @@ const messages = {
    ...enLocale,
    ...elementEnLocale
  },
-  'zh-cn':{
+  'cn':{
    ...zhLocale,
    ...elementZhLocale
+  },
+  'th':{
+    ...thLocale,
+    ...elementthLocale
  }
 }

--- a/src/lang/it.ts
+++ b/src/lang/it.ts
@@ -0,0 +1,308 @@
+export default {
+	Header:{
+		hello:'Ciao',
+		HOME:'CASA',
+		LIBRARY:'BIBLIOTECA',
+		HISTORY:'STORIA',
+		bindEmail:"associare l'e-mail",
+		logOff:'disconnettersi',
+		language:'cambiare la lingua',
+		skip:'saltare',
+		emailContent:'hai legato la posta elettronica',
+		Email:'E-mail',
+		NextStep:'Passo successivo',
+		verification:'Inserisci il codice di verifica',
+		SentTo:'Inviato a',
+		Resend:'Invia nuovamente',
+		jsContent1:"Il formato dell'e-mail non è corretto",
+		jsContent2:'Impossibile vincolare la casella di posta.',
+		jsContent3:`Non hai eseguito alcuna operazione per molto tempo. Devi essere attivo altrimenti ti disconnetterai in {numTime} S`,
+	},
+	Habit:{
+		Workspace:'Spazio di lavoro',
+		WorkspaceSetting:"Impostazione dell'area di lavoro",
+		settingWorkspace:"modificare l'impostazione dell'area di lavoro",
+		Overall:'Complessivamente',
+		Single:'Separare',
+		System:'Sistema',
+		Designer:'progettista',
+		Mannequin:'Manichino',
+		Current:'Attuale',
+		User:'Utente',
+		jsContent1:"Indica se eliminare l'area di lavoro?",
+		jsContent2:"Inserisci un nome per l'ambiente di lavoro",
+	},
+	RobotAssist:{
+		inputContent1:"Scrivi un messaggio~",
+		jsContent1:"Inserisci il contenuto",
+	},
+	HomeView:{
+		GetStarted:'Iniziare',
+		Start:'Inizio',
+		Edit:'Modificare',
+		Design:'Progetto',
+		Redesign:'Riprogettazione',
+		GeneratedDesign:'Progettazione generata',
+		SelectedDesign:'Disegno selezionato',
+		Export:'Esportare',
+		jsContent1:"È necessario scegliere uno o più colori per l'ulteriore elaborazione.",
+		jsContent2:"È necessario scegliere uno o più colori per l'ulteriore elaborazione.",
+		jsContent3:'Impossibile esportare il file',
+	},
+	LibraryPage:{
+		Upload:'Caricamento',
+		Generate:'creare',
+		Delete:'Eliminare',
+		Rename:'Rinominare',
+		inputContent1:'Search by your style code',
+		all:'Tutto',
+		ImageOnly:'Solo immagine',
+		TextOnly:'Solo testo',
+		TextImage:'Testo-immagine',
+		inputContent2:'Immissione rapida',
+		maximumLength:'Il contenuto inserito supera la lunghezza massima.',
+		Model1:'Modello1',
+		Model2:'Modello2',
+		inputContent3:'Immissione rapida',
+		Cancel:'Annulla',
+		Sure:'Sicuro',
+		Moodboard:"Tavola d'atmosfera",
+		Prints:'Stampe',
+		Sketches:'Schizzi',
+		Mannequins:'Manichino',
+		model:'modello',
+		jsContent1:"Sei sicuro di eliminare l'immagine?",
+		jsContent2:"Sei sicuro di eliminare l'immagine?",
+		jsContent3:'Puoi caricare solo il file immagine!',
+		jsContent4:"L'immagine deve essere inferiore a 2 MB!",
+		jsContent5:'Questa immagine è stata caricata se continua a caricare？',
+		jsContent6:'Il contenuto inserito supera la lunghezza massima.',
+		jsContent7:'Inserisci il contenuto',
+		jsContent8:'caricamento fallito',
+		jsContent9:'Inserisci il contenuto',
+	},
+	HistoryPage:{
+		History:'Storia',
+		StartDate:"Data d'inizio",
+		EndDate:'Data di fine',
+		inputContent1:'Cerca per nome della raccolta',
+		Detail:'Dettaglio',
+		Rename:'Rinominare',
+		Retrieve:'Recuperare',
+		Delete:'Eliminare',
+		inputContent2:'Inserisci un nuovo nome',
+		Submit:'Invia',
+		CollectionsName:'Nome della raccolta',
+		UptateTime:'Tempo di aggiornamento',
+		SketchCounts:'Lo schizzo conta',
+		Operations:'Operazioni',
+		jsContent1:'Eliminato con successo',
+		jsContent2:'Vuoi davvero eliminare questa raccolta?? ',
+		jsContent3:'Modifica con successo',
+		jsContent4:"L'immagine deve essere inferiore a 2 MB!",
+		jsContent5:'Questa immagine è stata caricata se continua a caricare？',
+		jsContent6:'Il contenuto inserito supera la lunghezza massima.',
+		jsContent7:'Inserisci il contenuto',
+	},
+	ModelPlacement:{
+		Registration:'Registrazione',
+		Submit:'Invia',
+		Preview:'Anteprima',
+		Back:'Indietro',
+		Restore:'Ristabilire',
+		System:'Sistema',
+		Library:'Biblioteca',
+		Point:'Punto',
+		RemovePoint:'Rimuovi punto',
+		mannequinHint:"Per favore cambia il bianco puro all'interno del manichino con un altro colore per migliorare la tua esperienza",
+		SHOULDER:'SPALLA',
+		WAISTBAND:'CINTURA',
+		HAND:'MANO',
+		jsContent1:"Non hai ancora contrassegnato l'immagine e il modello non verrà caricato. Sei sicuro di volerlo chiudere?",
+		jsContent2:'Questa immagine è stata caricata se continua a caricare？',
+	},
+	ModelPlacementMobile:{
+		Registration:'Registrazione',
+		Submit:'Invia',
+		Preview:'Anteprima',
+		Back:'Indietro',
+		Restore:'Ristabilire',
+		System:'Sistema',
+		Library:'Biblioteca',
+		Point:'Punto',
+		RemovePoint:'Rimuovi punto',
+		mannequinHint:"Per favore cambia il bianco puro all'interno del manichino con un altro colore per migliorare la tua esperienza",
+		SHOULDER:'SPALLA',
+		WAISTBAND:'CINTURA',
+		HAND:'MANO',
+		jsContent1:"Non hai ancora contrassegnato l'immagine e il modello non verrà caricato. Sei sicuro di volerlo chiudere?",
+		jsContent2:'Questa immagine è stata caricata se continua a caricare？',
+	},
+	Upload:{
+		Delete:'Eliminare',
+		Maximum2M:'È possibile caricare un massimo di 10 immagini, massimo 2 milioni per immagine',
+		jsContent1:'Puoi caricare solo il file immagine!',
+		jsContent2:"L'immagine deve essere inferiore a 2 MB!",
+		jsContent3:'caricamento fallito',
+	},
+	SketchboardUpload:{
+		Upload:'Caricamento',
+		Library:'Biblioteca',
+		Generate:'creare',
+		PIN:'PIN',
+		Thumbnail:'Anteprima in miniatura dello sketchboard selezionato',
+		inputContent1:'Generazione didascalie',
+		maximumLength:'Il contenuto inserito supera la lunghezza massima.',
+		jsContent1:"caricamento fallito",
+		jsContent2:"Puoi caricare solo il file immagine!",
+		jsContent3:"L'immagine deve essere inferiore a 2 MB!",
+		jsContent4:"È stato superato il numero massimo di caricamenti di file consentiti",
+		jsContent5:"Seleziona un'immagine",
+		jsContent6:"Il contenuto inserito supera la lunghezza massima.",
+		jsContent7:"Inserisci il contenuto",
+	},
+	PrintboardUpload:{
+		Upload:'Caricamento',
+		Library:'Biblioteca',
+		Generate:'creare',
+		PIN:'PIN',
+		Thumbnail:'Anteprima in miniatura della scheda di stampa selezionata',
+		inputContent1:'Generazione didascalie',
+		maximumLength:'Il contenuto inserito supera la lunghezza massima.',
+		jsContent1:"Puoi caricare solo il file immagine!",
+		jsContent2:"L'immagine deve essere inferiore a 2 MB!",
+		jsContent3:"È stato superato il numero massimo di caricamenti di file consentiti",
+		jsContent4:"Seleziona un'immagine",
+		jsContent5:"Il contenuto inserito supera la lunghezza massima.",
+		jsContent6:"Inserisci il contenuto",
+	},
+	ColorboardUpload:{
+		Thumbnail:'Anteprima in miniatura della tavola colorata selezionata',
+		Clear:'Chiaro',
+		Palette:'Tavolozza',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'Carica immagine',
+		ColorCode:'Codice colore',
+		ExtractColor:'Estrai colore',
+		jsContent1:"Il tuo browser non lo supporta",
+		jsContent2:"Impossibile trovare il colore TCX",
+		jsContent3:"Puoi caricare solo il file immagine!",
+		jsContent4:"L'immagine deve essere inferiore a 2 MB!",
+	},
+	MoodboardUpload:{
+		Upload:'Caricamento',
+		Library:'Biblioteca',
+		Generate:'creare',
+		Delete:'Eliminare',
+		Thumbnail:'Anteprima in miniatura della moodboard selezionata',
+		layout:'disposizione',
+		jsContent1:'È possibile selezionare fino a 8 immagini',
+		jsContent2:"caricamento fallito",
+		jsContent3:"Puoi caricare solo il file immagine!",
+		jsContent4:"L'immagine deve essere inferiore a 2 MB!",
+		jsContent5:'Fare clic su Layout per ordinare in modo casuale',
+	},
+	Cropper:{
+		Cutpicture:"Taglia l'immagine",
+		Finish:'Fine',
+		Cancel:'Annulla',
+		CropPreview:'Anteprima del ritaglio',
+	},
+	Material:{
+		inputContent1:'Per favore inserisci',
+		PIN:'PIN',
+	},
+	MarketingSketchUpload:{
+		Upload:'Caricamento',
+		MyLibrary:'La mia biblioteca',
+		maximumLength:'È possibile caricare un massimo di 15 immagini, massimo 2 milioni per immagine',
+		jsContent1:'caricamento fallito',
+		jsContent2:"Puoi caricare solo il file immagine!",
+		jsContent3:"L'immagine deve essere inferiore a 2 MB!",
+		jsContent5:'È stato superato il numero massimo di caricamenti di file consentiti',
+	},
+	layout:{
+		MoodBoardDesign:'Progettazione del moodboard',
+		LayerOptions:'Opzioni del livello',
+		Submit:'Invia',
+	},
+	Generate:{
+		ImageOnly:'Solo immagine',
+		TextOnly:'Solo testo',
+		TextImage:'Testo-immagine',
+		Model1:'Modello1',
+		Model2:'Modello2',
+		inputContent1:'Immissione rapida',
+		Generate:'creare',
+		maximumLength:'Il contenuto inserito supera la lunghezza massima.',
+		jsContent1:"Puoi caricare solo il file immagine!",
+		jsContent2:"L'immagine deve essere inferiore a 2 MB!",
+		jsContent3:"Inserisci il contenuto",
+		jsContent4:'Il contenuto inserito supera la lunghezza massima.',
+		jsContent5:"Inserisci il contenuto",
+		jsContent6:"È possibile selezionare fino a 8 immagini",
+		jsContent7:"caricamento fallito",
+	},
+	collectionModal:{
+		Moodboard:"Tavola d'atmosfera",
+		Printboard:'Cartoncino',
+		Colorboard:'Tavola colorata',
+		Sketchboard:'Tavola da disegno',
+		MoodCollection:'seleziona la moodboard per la tua collezione',
+		PrinCollection:'seleziona la scheda di stampa per la tua collezione',
+		ColorCollection:'seleziona i colori per la tua collezione',
+		SketchCollection:'seleziona lo sketchboard per la tua collezione',
+		jsContent1:"È necessario selezionare l'immagine e quindi utilizzare il layout.",
+		jsContent2:'I file caricati non verranno salvati, assicurandosi di continuare? ',
+		jsContent3:"È necessario scegliere uno o più colori per l'ulteriore elaborazione.",
+	},
+	DesignDetail:{
+		Details:'Dettagli',
+		EditDetails:'Modifica i dettagli del tuo progetto',
+		Submit:'Invia',
+		CurrentApparel:'Attuale Abbigliamento',
+		CurrentPrint:'Stampa Attuale',
+		CurrentColor:'Colore Attuale',
+	},
+	DesignDetailAlter:{
+		Upload:'Caricamento',
+		Library:'Biblioteca',
+		inputContent1:'Per favore inserisci',
+		Palette:'Tavolozza',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'Carica immagine',
+		Delete:'Eliminare',
+		ColorCode:'Codice colore',
+		jsContent1:"Il tuo browser non lo supporta",
+		jsContent2:"È possibile selezionare fino a 8 immagini",
+		jsContent3:"caricamento fallito",
+		jsContent4:'Puoi caricare solo il file immagine!',
+		jsContent5:"L'immagine deve essere inferiore a 5 MB!",
+		jsContent6:"Impossibile trovare il colore TCX",
+	},
+	DesignDetailEnd:{
+		NewApparel:'Nuovo abbigliamento',
+		NewPrint:'Nuova stampa',
+		Placement:'Posizionamento',
+		Overall:'Complessivamente',
+		Single:'Separare',
+		NewColor:'Nuovo colore',
+		preview:'anteprima',
+		Layout:'Disposizione',
+		jsContent1:'Seleziona stampa',
+	},
+	DesignPrintOperation:{
+		Placement:'Posizionamento',
+		Overall:'Complessivamente',
+		Single:'Separare',
+		Random:'Casuale',
+		inputContent:'Per favore inserisci',
+		preview:'anteprima',
+		jsContent1:'Le modifiche di cui sopra non vengono salvate, assicurandosi di continuare? ',
+	},
+	uploadFile:{
+		jsContent1:'È possibile selezionare fino a 8 immagini',
+	},
+}
--- a/src/lang/th.ts
+++ b/src/lang/th.ts
@@ -1,304 +1,306 @@
 export default {
 	Header:{
-		hello:'hello',
-		HOME:'HOME',
-		LIBRARY:'LIBRARY',
-		HISTORY:'HISTORY',
-		bindEmail:'bind email',
-		logOff:'log off',
-		skip:'skip',
-		emailContent:'you have binded email',
-		Email:'Email',
-		NextStep:'Next step',
-		verification:'Enter verification code',
-		SentTo:'Sent to',
-		Resend:'Resend',
-		jsContent1:'The email format is incorrect',
-		jsContent2:'Succeeded in binding the mailbox.',
-		jsContent3:`You have not performed any operation for a long time. You must be active;otherwise, you will log out in {numTime} S`,
+		hello:'สวัสดี',
+		HOME:'หน้าแรก',
+		LIBRARY:'ไลบรารี',
+		HISTORY:'ประวัติความเป็นมา',
+		bindEmail:'ผูกอีเมล',
+		logOff:'ออกจากระบบ',
+		language:'เปลี่ยนภาษา',
+		skip:'ข้าม',
+		emailContent:'ที่อยู่อีเมลที่ถูกผูกไว้ของคุณ',
+		Email:'อีเมล',
+		NextStep:'ขั้นตอนต่อไป',
+		verification:'ใส่รหัสยืนยัน',
+		SentTo:'ส่งไปยัง',
+		Resend:'ส่งอีกครั้ง',
+		jsContent1:'รูปแบบอีเมลไม่ถูกต้อง',
+		jsContent2:'ประสบความสำเร็จในการผูกกล่องจดหมาย.',
+		jsContent3:`เป็นเวลานานแล้วที่คุณไม่ได้ทำอะไรเลย คุณต้องใช้งานอยู่ ไม่เช่นนั้นคุณจะออกจากระบบหลังจากผ่านไป {numTime} วินาที`,
 	},
 	Habit:{
-		Workspace:'Workspace',
-		WorkspaceSetting:'Workspace Setting',
-		settingWorkspace:'adjust your workspace setting',
-		Overall:'Overall',
-		Single:'Single',
-		System:'System',
-		Designer:'Designer',
-		Mannequin:'Mannequin',
-		Current:'Current',
-		User:'User',
-		jsContent1:'Whether to delete the workspace?',
-		jsContent2:'Please enter a workbench name',
+		Workspace:'พื้นที่ทำงาน',
+		WorkspaceSetting:'การตั้งค่าพื้นที่ทำงาน',
+		settingWorkspace:'ปรับการตั้งค่าพื้นที่ทำงานของคุณ',
+		Overall:'โดยรวม',
+		Single:'เดี่ยว',
+		System:'ระบบ',
+		Designer:'ดีไซเนอร์',
+		Mannequin:'นางแบบ',
+		Current:'ปัจจุบัน',
+		User:'ผู้ใช้',
+		jsContent1:'ไม่ว่าจะลบพื้นที่ทำงาน?',
+		jsContent2:'โปรดป้อนชื่อเวิร์กเบนช์',
 	},
 	RobotAssist:{
-		inputContent1:"write a message~",
-		jsContent1:"Please enter content",
+		inputContent1:"เขียนข้อความ~",
+		jsContent1:"กรุณากรอกเนื้อหา",
 	},
 	HomeView:{
-		GetStarted:'Get Started',
-		Start:'Start',
-		Edit:'Edit',
-		Design:'Design',
-		Redesign:'Redesign',
-		GeneratedDesign:'Generated Design',
-		SelectedDesign:'Selected Design',
-		Export:'Export',
-		jsContent1:'You must choose one or more colors for further process.',
-		jsContent2:'You must choose one or more colors for further process.',
-		jsContent3:'Failed to export the file',
+		GetStarted:'เริ่มต้น',
+		Start:'เริ่ม',
+		Edit:'แก้ไข',
+		Design:'ออกแบบ',
+		Redesign:'ออกแบบใหม่',
+		GeneratedDesign:'การออกแบบที่สร้างขึ้น',
+		SelectedDesign:'การออกแบบที่เลือก',
+		Export:'ส่งออก',
+		jsContent1:'คุณต้องเลือกหนึ่งสีขึ้นไปเพื่อดำเนินการต่อไป.',
+		jsContent2:'คุณต้องเลือกหนึ่งสีขึ้นไปเพื่อดำเนินการต่อไป.',
+		jsContent3:'ล้มเหลวในการส่งออกไฟล์',
 	},
 	LibraryPage:{
-		Upload:'Upload',
-		Generate:'Generate',
-		Delete:'Delete',
-		Rename:'Rename',
-		inputContent1:'Search by your style code',
-		all:'all',
-		ImageOnly:'Image Only',
-		TextOnly:'Text Only',
-		TextImage:'Text-Image',
-		inputContent2:'Prompt input',
-		maximumLength:'The entered content exceeds the maximum length.',
-		Model1:'Model1',
-		Model2:'Model2',
-		inputContent3:'Prompt input',
-		Cancel:'Cancel',
-		Sure:'Sure',
-		Moodboard:'Moodboard',
-		Prints:'Prints',
-		Sketches:'Sketches',
-		Mannequins:'Mannequins',
-		model:'model',
-		jsContent1:'Are you sure to delete the picture?',
-		jsContent2:'Are you sure to delete the picture?',
-		jsContent3:'You can only upload Image file!',
-		jsContent4:'Image must smaller than 2MB!',
-		jsContent5:'This picture has been uploaded whether to continue uploading？',
-		jsContent6:'The entered content exceeds the maximum length.',
-		jsContent7:'Please enter content',
-		jsContent8:'upload failed',
-		jsContent9:'Please enter content',
+		Upload:'อัปโหลด',
+		Generate:'กำเนิด',
+		Delete:'ลบ',
+		Rename:'เปลี่ยนชื่อ',
+		inputContent1:'ค้นหาตามรหัสสไตล์ของคุณ',
+		all:'ทั้งหมด',
+		ImageOnly:'รูปภาพเท่านั้น',
+		TextOnly:'ข้อความเท่านั้น',
+		TextImage:'ข้อความ-รูปภาพ',
+		inputContent2:'ป้อนข้อมูลทันที',
+		maximumLength:'เนื้อหาที่ป้อนเกินความยาวสูงสุด.',
+		Model1:'แบบอย่าง1',
+		Model2:'แบบอย่าง2',
+		inputContent3:'ป้อนข้อมูลทันที',
+		Cancel:'ยกเลิก',
+		Sure:'ได้เลย',
+		Moodboard:'มูดบอร์ด',
+		Prints:'พิมพ์',
+		Sketches:'สเก็ตช์',
+		Mannequins:'หุ่นจำลอง',
+		model:'แบบอย่าง',
+		jsContent1:'แน่ใจนะว่าจะลบรูปนี้?',
+		jsContent2:'แน่ใจนะว่าจะลบรูปนี้?',
+		jsContent3:'คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!',
+		jsContent4:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
+		jsContent5:'รูปภาพนี้ถูกอัปโหลดแล้วว่าจะอัปโหลดต่อหรือไม่？',
+		jsContent6:'เนื้อหาที่ป้อนเกินความยาวสูงสุด.',
+		jsContent7:'กรุณากรอกเนื้อหา',
+		jsContent8:'การอัพโหลดล้มเหลว',
+		jsContent9:'กรุณากรอกเนื้อหา',
 	},
 	HistoryPage:{
-		History:'History',
-		StartDate:'Start Date',
-		EndDate:'End Date',
-		inputContent1:'Search by collection name',
-		Detail:'Detail',
-		Rename:'Rename',
-		Retrieve:'Retrieve',
-		Delete:'Delete',
-		inputContent2:'Enter a new name',
-		Submit:'Submit',
-		CollectionsName:'Collections Name',
-		UptateTime:'Uptate Time',
-		SketchCounts:'Sketch Counts',
-		Operations:'Operations',
-		jsContent1:'Deleted successfully',
-		jsContent2:'Do you really want to delete this collection? ',
-		jsContent3:'Change successfully',
-		jsContent4:'Image must smaller than 2MB!',
-		jsContent5:'This picture has been uploaded whether to continue uploading？',
-		jsContent6:'The entered content exceeds the maximum length.',
-		jsContent7:'Please enter content',
+		History:'ประวัติความเป็นมา',
+		StartDate:'วันที่เริ่มต้น',
+		EndDate:'วันที่สิ้นสุด',
+		inputContent1:'ค้นหาตามชื่อคอลเลกชัน',
+		Detail:'รายละเอียด',
+		Rename:'เปลี่ยนชื่อ',
+		Retrieve:'ดึงข้อมูล',
+		Delete:'ลบ',
+		inputContent2:'ป้อนชื่อใหม่',
+		Submit:'บันทึก',
+		CollectionsName:'ชื่อคอลเลกชัน',
+		UptateTime:'เวลาอัปเดต',
+		SketchCounts:'จำนวนภาพร่าง',
+		Operations:'การดำเนินงาน',
+		jsContent1:'ลบ ประสบความสำเร็จ',
+		jsContent2:'คุณต้องการลบคอลเล็กชันนี้จริงๆ หรือไม่? ',
+		jsContent3:'เปลี่ยนสำเร็จ',
+		jsContent4:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
+		jsContent5:'รูปภาพนี้ถูกอัปโหลดแล้วว่าจะอัปโหลดต่อหรือไม่？',
+		jsContent6:'เนื้อหาที่ป้อนเกินความยาวสูงสุด.',
+		jsContent7:'กรุณากรอกเนื้อหา',
 	},
 	ModelPlacement:{
-		Registration:'Registration',
-		Submit:'Submit',
-		Preview:'Preview',
-		Back:'Back',
-		Restore:'Restore',
-		System:'System',
-		Library:'Library',
-		Point:'Point',
-		RemovePoint:'Remove Point',
-		mannequinHint:'Please change the pure white inside the mannequin for another color to enhance your experience',
-		SHOULDER:'SHOULDER',
-		WAISTBAND:'WAISTBAND',
-		HAND:'HAND',
-		jsContent1:"You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
-		jsContent2:'This picture has been uploaded whether to continue uploading？',
+		Registration:'การลงทะเบียน',
+		Submit:'บันทึก',
+		Preview:'ดูตัวอย่าง',
+		Back:'กลับ',
+		Restore:'คืนค่า',
+		System:'ระบบ',
+		Library:'ห้องสมุด',
+		Point:'จุด',
+		RemovePoint:'ถอดจุด',
+		mannequinHint:'โปรดเปลี่ยนสีขาวบริสุทธิ์ภายในหุ่นเป็นสีอื่นเพื่อเพิ่มประสบการณ์ของคุณ',
+		SHOULDER:'ไหล่',
+		WAISTBAND:'ขอบเอว',
+		HAND:'มือ',
+		jsContent1:"คุณยังไม่ได้ทำเครื่องหมายรูปภาพ และแบบจำลองจะไม่ถูกอัปโหลด คุณแน่ใจหรือไม่ว่าต้องการปิด?",
+		jsContent2:'รูปภาพนี้ถูกอัปโหลดแล้วว่าจะอัปโหลดต่อหรือไม่？',
 	},
 	ModelPlacementMobile:{
-		Registration:'Registration',
-		Submit:'Submit',
-		Preview:'Preview',
-		Back:'Back',
-		Restore:'Restore',
-		Point:'Point',
-		RemovePoint:'Remove Point',
-		mannequinHint:'Please change the pure white inside the mannequin for another color to enhance your experience',
-		SHOULDER:'SHOULDER',
-		WAISTBAND:'WAISTBAND',
-		HAND:'HAND',
-		jsContent1:"You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
-		jsContent2:'This picture has been uploaded whether to continue uploading？',
+		Registration:'การลงทะเบียน',
+		Submit:'บันทึก',
+		Preview:'ดูตัวอย่าง',
+		Back:'กลับ',
+		Restore:'คืนค่า',
+		Point:'จุด',
+		RemovePoint:'ถอดจุด',
+		mannequinHint:'โปรดเปลี่ยนสีขาวบริสุทธิ์ภายในหุ่นเป็นสีอื่นเพื่อเพิ่มประสบการณ์ของคุณ',
+		SHOULDER:'ไหล่',
+		WAISTBAND:'ขอบเอว',
+		HAND:'มือ',
+		jsContent1:"คุณยังไม่ได้ทำเครื่องหมายรูปภาพ และแบบจำลองจะไม่ถูกอัปโหลด คุณแน่ใจหรือไม่ว่าต้องการปิด?",
+		jsContent2:'รูปภาพนี้ถูกอัปโหลดแล้วว่าจะอัปโหลดต่อหรือไม่？',
 	},
 	Upload:{
-		Delete:'Delete',
-		Maximum2M:'Maximum 10 images can be uploaded, Maximum 2M per image',
-		jsContent1:'You can only upload Image file!',
-		jsContent2:'Image must smaller than 2MB!',
-		jsContent3:'upload failed',
+		Delete:'ลบ',
+		Maximum2M:'สามารถอัพโหลดภาพได้สูงสุด 10 ภาพ สูงสุด 2M ต่อภาพ',
+		jsContent1:'คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!',
+		jsContent2:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
+		jsContent3:'การอัพโหลดล้มเหลว',
 	},
 	SketchboardUpload:{
-		Upload:'Upload',
-		Library:'Library',
-		Generate:'Generate',
+		Upload:'อัปโหลด',
+		Library:'ห้องสมุด',
+		Generate:'กำเนิด',
 		PIN:'PIN',
-		Thumbnail:'Thumbnail preview of selected sketchboard',
-		inputContent1:'Caption generation',
-		maximumLength:'The entered content exceeds the maximum length.',
-		jsContent1:"upload failed",
-		jsContent2:"You can only upload Image file!",
-		jsContent3:'Image must smaller than 2MB!',
-		jsContent4:"Maximum number of allowable file uploads has been exceeded",
-		jsContent5:"Please select a picture",
-		jsContent6:"The entered content exceeds the maximum length.",
-		jsContent7:"Please enter content",
+		Thumbnail:'ภาพตัวอย่างขนาดย่อของกระดานร่างภาพที่เลือก',
+		inputContent1:'การสร้างคำบรรยายภาพ',
+		maximumLength:'เนื้อหาที่ป้อนเกินความยาวสูงสุด.',
+		jsContent1:"การอัพโหลดล้มเหลว",
+		jsContent2:"คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!",
+		jsContent3:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
+		jsContent4:"เกินจำนวนการอัปโหลดไฟล์ที่อนุญาตสูงสุดแล้ว",
+		jsContent5:"กรุณาเลือกรูปภาพ",
+		jsContent6:"เนื้อหาที่ป้อนเกินความยาวสูงสุด.",
+		jsContent7:"กรุณากรอกเนื้อหา",
 	},
 	PrintboardUpload:{
-		Upload:'Upload',
-		Library:'Library',
-		Generate:'Generate',
+		Upload:'อัปโหลด',
+		Library:'ห้องสมุด',
+		Generate:'กำเนิด',
 		PIN:'PIN',
-		Thumbnail:'Thumbnail preview of selected printboard',
-		inputContent1:'Caption generation',
-		maximumLength:'The entered content exceeds the maximum length.',
-		jsContent1:"You can only upload Image file!",
-		jsContent2:'Image must smaller than 2MB!',
-		jsContent3:"Maximum number of allowable file uploads has been exceeded",
-		jsContent4:"Please select a picture",
-		jsContent5:"The entered content exceeds the maximum length.",
-		jsContent6:"Please enter content",
+		Thumbnail:'ภาพตัวอย่างขนาดย่อของบอร์ดพิมพ์ที่เลือก',
+		inputContent1:'การสร้างคำบรรยายภาพ',
+		maximumLength:'เนื้อหาที่ป้อนเกินความยาวสูงสุด.',
+		jsContent1:"คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!",
+		jsContent2:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
+		jsContent3:"เกินจำนวนการอัปโหลดไฟล์ที่อนุญาตสูงสุดแล้ว",
+		jsContent4:"กรุณาเลือกรูปภาพ",
+		jsContent5:"เนื้อหาที่ป้อนเกินความยาวสูงสุด.",
+		jsContent6:"กรุณากรอกเนื้อหา",
 	},
 	ColorboardUpload:{
-		Thumbnail:'Thumbnail preview of selected colorboard',
-		Clear:'Clear',
-		Palette:'Palette',
+		Thumbnail:'ภาพตัวอย่างขนาดย่อของกระดานสีที่เลือก',
+		Clear:'ชัดเจน',
+		Palette:'จานสี',
 		HEX:'HEX',
 		RGBA:'RGBA',
-		AutoRecognize:'Auto Recognize',
-		ColorCode:'Color Code',
-		ExtractColor:'Extract Color',
-		jsContent1:"Your browser does not support it",
-		jsContent2:"Can't find the TCX color",
-		jsContent3:"You can only upload Image file!",
-		jsContent4:'Image must smaller than 2MB!',
+		UploadImage:'อัพโหลดรูปภาพ',
+		ColorCode:'รหัสสี',
+		ExtractColor:'สารสกัดจากสี',
+		jsContent1:"เบราว์เซอร์ของคุณไม่รองรับ",
+		jsContent2:"ไม่พบสี TCX",
+		jsContent3:"คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!",
+		jsContent4:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
 	},
 	MoodboardUpload:{
-		Upload:'Upload',
-		Library:'Library',
-		Generate:'Generate',
-		Delete:'Delete',
-		Thumbnail:'Thumbnail preview of selected moodboard',
-		layout:'layout',
-		jsContent1:'You can select up to 8 images',
-		jsContent2:"upload failed",
-		jsContent3:"You can only upload Image file!",
-		jsContent4:'Image must smaller than 2MB!',
-		jsContent5:'Please click Layout to sort randomly',
+		Upload:'อัปโหลด',
+		Library:'ห้องสมุด',
+		Generate:'กำเนิด',
+		Delete:'ลบ',
+		Thumbnail:'ภาพตัวอย่างขนาดย่อของมูดบอร์ดที่เลือก',
+		layout:'เลย์เอาต์',
+		jsContent1:'คุณสามารถเลือกได้สูงสุด 8 ภาพ',
+		jsContent2:"การอัพโหลดล้มเหลว",
+		jsContent3:"คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!",
+		jsContent4:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
+		jsContent5:'กรุณาคลิกเค้าโครงเพื่อเรียงลำดับแบบสุ่ม',
 	},
 	Cropper:{
-		Cutpicture:'Cut picture',
-		Finish:'Finish',
-		Cancel:'Cancel',
-		CropPreview:'Crop Preview',
+		Cutpicture:'ตัดภาพ',
+		Finish:'เสร็จ',
+		Cancel:'ยกเลิก',
+		CropPreview:'ครอบตัดตัวอย่าง',
 	},
 	Material:{
-		inputContent1:'Please input',
+		inputContent1:'กรุณาป้อนข้อมูล',
 		PIN:'PIN',
 	},
 	MarketingSketchUpload:{
-		Upload:'Upload',
-		MyLibrary:'My Library',
-		maximumLength:'Maximum 15 images can be uploaded, Maximum 2M per image',
-		jsContent1:'upload failed',
-		jsContent2:"You can only upload Image file!",
-		jsContent3:'Image must smaller than 2MB!',
-		jsContent5:'Maximum number of allowable file uploads has been exceeded',
+		Upload:'อัปโหลด',
+		MyLibrary:'ห้องสมุดของฉัน',
+		maximumLength:'สามารถอัปโหลดได้สูงสุด 15 ภาพ สูงสุด 2M ต่อภาพ',
+		jsContent1:'การอัพโหลดล้มเหลว',
+		jsContent2:"คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!",
+		jsContent3:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
+		jsContent5:'เกินจำนวนการอัปโหลดไฟล์ที่อนุญาตสูงสุดแล้ว',
 	},
 	layout:{
 		MoodBoardDesign:'MoodBoard Design',
-		Submit:'Submit',
+		LayerOptions:'ตัวเลือกเลเยอร์',
+		Submit:'บันทึก',
 	},
 	Generate:{
-		ImageOnly:'Image Only',
-		TextOnly:'Text Only',
-		TextImage:'Text-Image',
-		Model1:'Model1',
-		Model2:'Model2',
-		inputContent1:'Prompt input',
-		Generate:'Generate',
-		maximumLength:'The entered content exceeds the maximum length.',
-		jsContent1:"You can only upload Image file!",
-		jsContent2:'Image must smaller than 2MB!',
-		jsContent3:"Please enter content",
-		jsContent4:'The entered content exceeds the maximum length.',
-		jsContent5:"Please enter content",
-		jsContent6:"You can select up to 8 images",
-		jsContent7:"upload failed",
+		ImageOnly:'รูปภาพเท่านั้น',
+		TextOnly:'ข้อความเท่านั้น',
+		TextImage:'ข้อความ-รูปภาพ',
+		Model1:'แบบอย่าง1',
+		Model2:'แบบอย่าง2',
+		inputContent1:'ป้อนข้อมูลทันที',
+		Generate:'กำเนิด',
+		maximumLength:'เนื้อหาที่ป้อนเกินความยาวสูงสุด.',
+		jsContent1:"คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!",
+		jsContent2:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
+		jsContent3:"กรุณากรอกเนื้อหา",
+		jsContent4:'เนื้อหาที่ป้อนเกินความยาวสูงสุด.',
+		jsContent5:"กรุณากรอกเนื้อหา",
+		jsContent6:"คุณสามารถเลือกได้สูงสุด 8 ภาพ",
+		jsContent7:"การอัพโหลดล้มเหลว",
 	},
 	collectionModal:{
-		Moodboard:'Moodboard',
-		Printboard:'Printboard',
-		Colorboard:'Colorboard',
-		Sketchboard:'Sketchboard',
-		MoodCollection:'select moodboard for your collection',
-		PrinCollection:'select printboard for your collection',
-		ColorCollection:'select colors for your collection',
-		SketchCollection:'select sketchboard for your collection',
-		jsContent1:'You must select the image and then use the layout.',
-		jsContent2:'The uploaded files will not be saved, being sure to continue? ',
-		jsContent3:'You must choose one or more colors for further process.',
+		Moodboard:'มูดบอร์ด',
+		Printboard:'บอร์ดพิมพ์',
+		Colorboard:'กระดานสี',
+		Sketchboard:'กระดานสเก็ตช์',
+		MoodCollection:'เลือกมูดบอร์ดสำหรับคอลเลกชันของคุณ',
+		PrinCollection:'เลือกกระดานพิมพ์สำหรับคอลเลกชันของคุณ',
+		ColorCollection:'เลือกสีสำหรับคอลเลกชันของคุณ',
+		SketchCollection:'เลือกกระดานร่างสำหรับคอลเลกชันของคุณ',
+		jsContent1:'คุณต้องเลือกรูปภาพแล้วใช้เค้าโครง.',
+		jsContent2:'ไฟล์ที่อัพโหลดจะไม่ถูกบันทึก โปรดดำเนินการต่อ? ',
+		jsContent3:'คุณต้องเลือกหนึ่งสีขึ้นไปเพื่อดำเนินการต่อไป.',
 	},
 	DesignDetail:{
-		Details:'Details',
-		EditDetails:'Edit the details of your design',
-		Submit:'Submit',
-		CurrentApparel:'Current Apparel',
-		CurrentPrint:'Current Print',
-		CurrentColor:'Current Color',
+		Details:'รายละเอียด',
+		EditDetails:'แก้ไขรายละเอียดการออกแบบของคุณ',
+		Submit:'บันทึก',
+		CurrentApparel:'เครื่องแต่งกายปัจจุบัน',
+		CurrentPrint:'การพิมพ์ในปัจจุบัน',
+		CurrentColor:'สีปัจจุบัน',
 	},
 	DesignDetailAlter:{
-		Upload:'Upload',
-		Library:'Library',
-		inputContent1:'Please input',
-		Palette:'Palette',
+		Upload:'อัปโหลด',
+		Library:'ห้องสมุด',
+		inputContent1:'กรุณาป้อนข้อมูล',
+		Palette:'จานสี',
 		HEX:'HEX',
 		RGBA:'RGBA',
-		AutoRecognize:'Auto Recognize',
-		Delete:'Delete',
-		ColorCode:'Color Code',
-		jsContent1:"Your browser does not support it",
-		jsContent2:"You can select up to 8 images",
-		jsContent3:"upload failed",
-		jsContent4:'You can only upload Image file!',
-		jsContent5:'Image must smaller than 5MB!',
-		jsContent6:"Can't find the TCX color",
+		UploadImage:'อัพโหลดรูปภาพ',
+		Delete:'ลบ',
+		ColorCode:'รหัสสี',
+		jsContent1:"เบราว์เซอร์ของคุณไม่รองรับ",
+		jsContent2:"คุณสามารถเลือกได้สูงสุด 8 ภาพ",
+		jsContent3:"การอัพโหลดล้มเหลว",
+		jsContent4:'คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!',
+		jsContent5:'รูปภาพต้องมีขนาดเล็กกว่า 5MB!',
+		jsContent6:"ไม่พบสี TCX",
 	},
 	DesignDetailEnd:{
-		NewApparel:'New Apparel',
-		NewPrint:'New Print',
-		Placement:'Placement',
-		Overall:'Overall',
-		Single:'Single',
-		NewColor:'New Color',
-		preview:'preview',
-		Layout:'Layout',
-		jsContent1:'Please select print',
+		NewApparel:'เครื่องแต่งกายใหม่',
+		NewPrint:'พิมพ์ใหม่',
+		Placement:'ตำแหน่ง',
+		Overall:'โดยรวม',
+		Single:'เดี่ยว',
+		NewColor:'สีใหม่',
+		preview:'ดูตัวอย่าง',
+		Layout:'เลย์เอาต์',
+		jsContent1:'กรุณาเลือกพิมพ์',
 	},
 	DesignPrintOperation:{
-		Placement:'Placement',
-		Overall:'Overall',
-		Single:'Single',
-		Random:'Random',
-		inputContent:'Please input',
-		preview:'preview',
-		jsContent1:'The above changes are not saved, being sure to continue? ',
+		Placement:'ตำแหน่ง',
+		Overall:'โดยรวม',
+		Single:'เดี่ยว',
+		Random:'สุ่ม',
+		inputContent:'กรุณาป้อนข้อมูล',
+		preview:'ดูตัวอย่าง',
+		jsContent1:'การเปลี่ยนแปลงข้างต้นไม่ได้รับการบันทึก โปรดดำเนินการต่อ? ',
 	},
 	uploadFile:{
-		jsContent1:'You can select up to 8 images',
+		jsContent1:'คุณสามารถเลือกได้สูงสุด 8 ภาพ',
 	},
 }
--- a/src/lang/vn.ts
+++ b/src/lang/vn.ts
@@ -0,0 +1,308 @@
+export default {
+	Header:{
+		hello:'Xin chào',
+		HOME:'TRANG CHỦ',
+		LIBRARY:'THƯ VIỆN',
+		HISTORY:'LỊCH SỬ',
+		bindEmail:'liên kết email',
+		logOff:'đăng xuất',
+		language:'chuyển đổi ngôn ngữ',
+		skip:'nhảy',
+		emailContent:'bạn có email bị ràng buộc',
+		Email:'E-mail',
+		NextStep:'Bước tiếp theo',
+		verification:'Nhập mã xác nhận',
+		SentTo:'Gửi đến',
+		Resend:'Gửi lại',
+		jsContent1:'Định dạng email không chính xác',
+		jsContent2:'Đã thành công trong việc ràng buộc hộp thư.',
+		jsContent3:`Bạn đã không thực hiện bất kỳ thao tác nào trong một thời gian dài. Bạn phải hoạt động; nếu không, bạn sẽ đăng xuất khỏi {numTime} S`,
+	},
+	Habit:{
+		Workspace:'Không gian làm việc',
+		WorkspaceSetting:'Cài đặt không gian làm việc',
+		settingWorkspace:'điều chỉnh cài đặt không gian làm việc của bạn',
+		Overall:'Tổng thể',
+		Single:'Đơn',
+		System:'Hệ thống',
+		Designer:'Nhà thiết kế',
+		Mannequin:'Ma nơ canh',
+		Current:'Hiện hành',
+		User:'Người dùng',
+		jsContent1:'Có nên xóa không gian làm việc?',
+		jsContent2:'Vui lòng nhập tên bàn làm việc',
+	},
+	RobotAssist:{
+		inputContent1:"viết tin nhắn~",
+		jsContent1:"Vui lòng nhập nội dung",
+	},
+	HomeView:{
+		GetStarted:'Bắt đầu',
+		Start:'Bắt đầu',
+		Edit:'Biên tập',
+		Design:'Thiết kế',
+		Redesign:'Thiết kế lại',
+		GeneratedDesign:'Thiết kế được tạo',
+		SelectedDesign:'Thiết kế đã chọn',
+		Export:'Xuất khẩu',
+		jsContent1:'Bạn phải chọn một hoặc nhiều màu để xử lý tiếp.',
+		jsContent2:'Bạn phải chọn một hoặc nhiều màu để xử lý tiếp.',
+		jsContent3:'Không xuất được tệp',
+	},
+	LibraryPage:{
+		Upload:'Tải lên',
+		Generate:'Phát ra',
+		Delete:'Xóa bỏ',
+		Rename:'Đổi tên',
+		inputContent1:'Tìm kiếm theo mã kiểu của bạn',
+		all:'tất cả',
+		ImageOnly:'Chỉ hình ảnh',
+		TextOnly:'Chỉ văn bản',
+		TextImage:'Văn bản-Hình ảnh',
+		inputContent2:'Nhập liệu nhanh chóng',
+		maximumLength:'Nội dung đã nhập vượt quá độ dài tối đa.',
+		Model1:'Người mẫu1',
+		Model2:'Người mẫu2',
+		inputContent3:'Nhập liệu nhanh chóng',
+		Cancel:'Hủy bỏ',
+		Sure:'Chắc chắn',
+		Moodboard:'Bảng tâm trạng',
+		Prints:'Bản in',
+		Sketches:'Bản phác thảo',
+		Mannequins:'ma-nơ-canh',
+		model:'người mẫu',
+		jsContent1:'Bạn có chắc chắn xóa hình ảnh?',
+		jsContent2:'Bạn có chắc chắn xóa hình ảnh?',
+		jsContent3:'YBạn chỉ có thể tải lên tệp Hình ảnh!',
+		jsContent4:'Hình ảnh phải nhỏ hơn 2MB!',
+		jsContent5:'Ảnh này đã được tải lên có nên tiếp tục tải lên không？',
+		jsContent6:'Nội dung đã nhập vượt quá độ dài tối đa.',
+		jsContent7:'Vui lòng nhập nội dung',
+		jsContent8:'Tải lên thất bại',
+		jsContent9:'Vui lòng nhập nội dung',
+	},
+	HistoryPage:{
+		History:'Lịch sử',
+		StartDate:'Ngày bắt đầu',
+		EndDate:'Ngày cuối',
+		inputContent1:'Tìm kiếm theo tên bộ sưu tập',
+		Detail:'Chi tiết',
+		Rename:'Đổi tên',
+		Retrieve:'Lấy lại',
+		Delete:'Xóa bỏ',
+		inputContent2:'Nhập tên mới',
+		Submit:'Nộp',
+		CollectionsName:'Tên bộ sưu tập',
+		UptateTime:'Cập nhật thời gian',
+		SketchCounts:'Số lượng phác thảo',
+		Operations:'Hoạt động',
+		jsContent1:'Đã xoá thành công',
+		jsContent2:'Bạn có thực sự muốn xóa bộ sưu tập này? ',
+		jsContent3:'Thay đổi thành công',
+		jsContent4:'Hình ảnh phải nhỏ hơn 2MB!',
+		jsContent5:'Ảnh này đã được tải lên có nên tiếp tục tải lên không？',
+		jsContent6:'Nội dung đã nhập vượt quá độ dài tối đa.',
+		jsContent7:'Vui lòng nhập nội dung',
+	},
+	ModelPlacement:{
+		Registration:'Sự đăng ký',
+		Submit:'Nộp',
+		Preview:'Xem trước',
+		Back:'Mặt sau',
+		Restore:'Khôi phục',
+		System:'Hệ thống',
+		Library:'Thư viện',
+		Point:'Điểm',
+		RemovePoint:'Xóa điểm',
+		mannequinHint:'Vui lòng thay đổi màu trắng tinh khiết bên trong ma-nơ-canh bằng màu khác để nâng cao trải nghiệm của bạn',
+		SHOULDER:'VAI',
+		WAISTBAND:'DÂY THẮT LƯNG',
+		HAND:'TAY',
+		jsContent1:"Bạn chưa đánh dấu hình ảnh và mô hình sẽ không được tải lên. Bạn có chắc chắn muốn đóng nó không?",
+		jsContent2:'Ảnh này đã được tải lên có nên tiếp tục tải lên không？',
+	},
+	ModelPlacementMobile:{
+		Registration:'Sự đăng ký',
+		Submit:'Nộp',
+		Preview:'Xem trước',
+		Back:'Mặt sau',
+		Restore:'Khôi phục',
+		System:'Hệ thống',
+		Library:'Thư viện',
+		Point:'Điểm',
+		RemovePoint:'Xóa điểm',
+		mannequinHint:'Vui lòng thay đổi màu trắng tinh khiết bên trong ma-nơ-canh bằng màu khác để nâng cao trải nghiệm của bạn',
+		SHOULDER:'VAI',
+		WAISTBAND:'DÂY THẮT LƯNG',
+		HAND:'TAY',
+		jsContent1:"Bạn chưa đánh dấu hình ảnh và mô hình sẽ không được tải lên. Bạn có chắc chắn muốn đóng nó không?",
+		jsContent2:'Ảnh này đã được tải lên có nên tiếp tục tải lên không？',
+	},
+	Upload:{
+		Delete:'Xóa bỏ',
+		Maximum2M:'Có thể tải lên tối đa 10 hình ảnh, Tối đa 2M mỗi hình ảnh',
+		jsContent1:'YBạn chỉ có thể tải lên tệp Hình ảnh!',
+		jsContent2:'Hình ảnh phải nhỏ hơn 2MB!',
+		jsContent3:'Tải lên thất bại',
+	},
+	SketchboardUpload:{
+		Upload:'Tải lên',
+		Library:'Thư viện',
+		Generate:'Phát ra',
+		PIN:'PIN',
+		Thumbnail:'Xem trước hình thu nhỏ của bảng phác thảo đã chọn',
+		inputContent1:'Tạo phụ đề',
+		maximumLength:'Nội dung đã nhập vượt quá độ dài tối đa.',
+		jsContent1:"Tải lên thất bại",
+		jsContent2:"YBạn chỉ có thể tải lên tệp Hình ảnh!",
+		jsContent3:'Hình ảnh phải nhỏ hơn 2MB!',
+		jsContent4:"Đã vượt quá số lượng tệp tải lên tối đa cho phép",
+		jsContent5:"Vui lòng chọn một hình ảnh",
+		jsContent6:"Nội dung đã nhập vượt quá độ dài tối đa.",
+		jsContent7:"Vui lòng nhập nội dung",
+	},
+	PrintboardUpload:{
+		Upload:'Tải lên',
+		Library:'Thư viện',
+		Generate:'Phát ra',
+		PIN:'PIN',
+		Thumbnail:'Xem trước hình thu nhỏ của bảng in đã chọn',
+		inputContent1:'Tạo phụ đề',
+		maximumLength:'Nội dung đã nhập vượt quá độ dài tối đa.',
+		jsContent1:"YBạn chỉ có thể tải lên tệp Hình ảnh!",
+		jsContent2:'Hình ảnh phải nhỏ hơn 2MB!',
+		jsContent3:"Đã vượt quá số lượng tệp tải lên tối đa cho phép",
+		jsContent4:"Vui lòng chọn một hình ảnh",
+		jsContent5:"Nội dung đã nhập vượt quá độ dài tối đa.",
+		jsContent6:"Vui lòng nhập nội dung",
+	},
+	ColorboardUpload:{
+		Thumbnail:'Xem trước hình thu nhỏ của bảng màu đã chọn',
+		Clear:'Thông thoáng',
+		Palette:'Bảng màu',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'Tải hình ảnh lên',
+		ColorCode:'Mã màu',
+		ExtractColor:'Trích xuất màu',
+		jsContent1:"Trình duyệt của bạn không hỗ trợ nó",
+		jsContent2:"Không tìm thấy màu TCX",
+		jsContent3:"YBạn chỉ có thể tải lên tệp Hình ảnh!",
+		jsContent4:'Hình ảnh phải nhỏ hơn 2MB!',
+	},
+	MoodboardUpload:{
+		Upload:'Tải lên',
+		Library:'Thư viện',
+		Generate:'Phát ra',
+		Delete:'Xóa bỏ',
+		Thumbnail:'Xem trước hình thu nhỏ của bảng tâm trạng đã chọn',
+		layout:'cách trình bày',
+		jsContent1:'Bạn có thể chọn tối đa 8 hình ảnh',
+		jsContent2:"Tải lên thất bại",
+		jsContent3:"YBạn chỉ có thể tải lên tệp Hình ảnh!",
+		jsContent4:'Hình ảnh phải nhỏ hơn 2MB!',
+		jsContent5:'Hãy nhấn vào Bố cục để sắp xếp ngẫu nhiên',
+	},
+	Cropper:{
+		Cutpicture:'Cắt ảnh',
+		Finish:'Hoàn thành',
+		Cancel:'Hủy bỏ',
+		CropPreview:'Cắt xem trước',
+	},
+	Material:{
+		inputContent1:'Xin vui lòng nhập',
+		PIN:'PIN',
+	},
+	MarketingSketchUpload:{
+		Upload:'Tải lên',
+		Library:'Thư viện',
+		maximumLength:'Có thể tải lên tối đa 15 hình ảnh, Tối đa 2M mỗi hình ảnh',
+		jsContent1:'Tải lên thất bại',
+		jsContent2:"YBạn chỉ có thể tải lên tệp Hình ảnh!",
+		jsContent3:'Hình ảnh phải nhỏ hơn 2MB!',
+		jsContent5:'Đã vượt quá số lượng tệp tải lên tối đa cho phép',
+	},
+	layout:{
+		MoodBoardDesign:'Thiết kế MoodBoard',
+		LayerOptions:'Tùy chọn lớp',
+		Submit:'Nộp',
+	},
+	Generate:{
+		ImageOnly:'Chỉ hình ảnh',
+		TextOnly:'Chỉ văn bản',
+		TextImage:'Văn bản-Hình ảnh',
+		Model1:'Người mẫu1',
+		Model2:'Người mẫu2',
+		inputContent1:'Nhập liệu nhanh chóng',
+		Generate:'Phát ra',
+		maximumLength:'Nội dung đã nhập vượt quá độ dài tối đa.',
+		jsContent1:"YBạn chỉ có thể tải lên tệp Hình ảnh!",
+		jsContent2:'Hình ảnh phải nhỏ hơn 2MB!',
+		jsContent3:"Vui lòng nhập nội dung",
+		jsContent4:'Nội dung đã nhập vượt quá độ dài tối đa.',
+		jsContent5:"Vui lòng nhập nội dung",
+		jsContent6:"Bạn có thể chọn tối đa 8 hình ảnh",
+		jsContent7:"Tải lên thất bại",
+	},
+	collectionModal:{
+		Moodboard:'Bảng tâm trạng',
+		Printboard:'Bảng in',
+		Colorboard:'Bảng màu',
+		Sketchboard:'Bảng phác thảo',
+		MoodCollection:'chọn moodboard cho bộ sưu tập của bạn',
+		PrinCollection:'chọn bảng in cho bộ sưu tập của bạn',
+		ColorCollection:'chọn màu cho bộ sưu tập của bạn',
+		SketchCollection:'chọn bảng phác thảo cho bộ sưu tập của bạn',
+		jsContent1:'Bạn phải chọn hình ảnh rồi sử dụng bố cục.',
+		jsContent2:'Các tập tin đã tải lên sẽ không được lưu, hãy nhớ tiếp tục? ',
+		jsContent3:'Bạn phải chọn một hoặc nhiều màu để xử lý tiếp.',
+	},
+	DesignDetail:{
+		Details:'Chi tiết',
+		EditDetails:'Chỉnh sửa chi tiết thiết kế của bạn',
+		Submit:'Nộp',
+		CurrentApparel:'Trang phục hiện tại',
+		CurrentPrint:'Bản in hiện tại',
+		CurrentColor:'Màu hiện tại',
+	},
+	DesignDetailAlter:{
+		Upload:'Tải lên',
+		Library:'Thư viện',
+		inputContent1:'Xin vui lòng nhập',
+		Palette:'Bảng màu',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'Tải hình ảnh lên',
+		Delete:'Xóa bỏ',
+		ColorCode:'Mã màu',
+		jsContent1:"Trình duyệt của bạn không hỗ trợ nó",
+		jsContent2:"Bạn có thể chọn tối đa 8 hình ảnh",
+		jsContent3:"Tải lên thất bại",
+		jsContent4:'YBạn chỉ có thể tải lên tệp Hình ảnh!',
+		jsContent5:'Hình ảnh phải nhỏ hơn 5MB!',
+		jsContent6:"Không tìm thấy màu TCX",
+	},
+	DesignDetailEnd:{
+		NewApparel:'Trang phục mới',
+		NewPrint:'Bản in mới',
+		Placement:'Vị trí',
+		Overall:'Tổng thể',
+		Single:'Đơn',
+		NewColor:'Màu mới',
+		preview:'xem trước',
+		Layout:'Cách trình bày',
+		jsContent1:'Vui lòng chọn in',
+	},
+	DesignPrintOperation:{
+		Placement:'Vị trí',
+		Overall:'Tổng thể',
+		Single:'Đơn',
+		Random:'Ngẫu nhiên',
+		inputContent:'Xin vui lòng nhập',
+		preview:'xem trước',
+		jsContent1:'Những thay đổi trên không được lưu, hãy chắc chắn để tiếp tục? ',
+	},
+	uploadFile:{
+		jsContent1:'Bạn có thể chọn tối đa 8 hình ảnh',
+	},
+}
--- a/src/views/LibraryPage.vue
+++ b/src/views/LibraryPage.vue
@@ -819,7 +819,6 @@ export default defineComponent({


        customRequest(event:any){
-		
 			if(this.selectCode == "Models"){
 				return
 			}
@@ -828,7 +827,7 @@ export default defineComponent({
                file:event.file,
                level1Type:this.selectCode,
                level2Type:designType,
-				sex:this.selectCode == 'Models' ? this.sex:'',
+				sex:this.selectCode == 'Sketchboard' ? this.sex:'',
 				modelType:'',
 				checkMd5:1,
                timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,