init dev-push code ui base design

components/common/input/InputText.vue

@@ -1,9 +1,12 @@
 <template>
-	<v-row class="search-box" align="center" no-gutters>
+	<v-row class="search-box" align="end" no-gutters>
 		<v-col v-if="label" :cols="labelCols">
 			<label for="" class="search-box-label">
-				<v-icon v-if="iconShow" x-small :color="required ? '#fb8200' : 'primary'" class="mr-1"
-					>mdi-record-circle</v-icon
+				<v-icon
+					v-if="iconShow"
+					small
+					:class="['mr-1', required ? 'icon-orange' : 'icon-blue']"
+					>$icoBulletPoint</v-icon
 				>
 				{{ label }}
 			</label>
@@ -12,6 +15,7 @@
 			<v-text-field
 				v-model="InputValue"
 				class="v-input__custom"
+				:class="customClass"
 				:disabled="disabled"
 				:readonly="readonly"
 				outlined
@@ -21,6 +25,9 @@
 				@keyup="keyupEvent"
 				:placeholder="placeholder"
 			></v-text-field>
+			<!-- <a-input v-model:value="InputValue" class="v-input__custom" :disabled="disabled" :readonly="readonly"
+				:placeholder="placeholder" @pressEnter="search" @keydown="keydownEvent" @keyup="keyupEvent" :size="size" /> -->
+
 		</v-col>
 	</v-row>
 </template>
@@ -58,12 +65,12 @@ export default {
 		labelCols: {
 			type: Number,
 			require: false,
-			default: 4,
+			default: 12,
 		},
 		textCols: {
 			type: Number,
 			require: false,
-			default: 7,
+			default: 12,
 		},
 		searchOption: {
 			type: Boolean,
@@ -74,19 +81,28 @@ export default {
 			require: false,
 			default: false,
 		},
-		iconShow:{
-			type:Boolean,
-			require:false,
-			default:true
+		iconShow: {
+			type: Boolean,
+			require: false,
+			default: true
 		},
-		replaceList:{
-			type:Array,
-			require:false,
-			default:null
+		replaceList: {
+			type: Array,
+			require: false,
+			default: null
 		},
-		placeholder:{
-			type:String,
-			require:false
+		placeholder: {
+			type: String,
+			require: false
+		},
+		size: {
+			type: String,
+			require: false,
+			default: "middle",
+		},
+		customClass: {
+			type: String,
+			require: false,
 		}
 	},
 	data() {
@@ -103,8 +119,8 @@ export default {
 			},
 			set(value) {
 				if (!this.diffModel) {
-					if(this.replaceList){
-						for(var i=0; i<this.replaceList; i++){
+					if (this.replaceList) {
+						for (var i = 0; i < this.replaceList; i++) {
 							value.replaceAll(this.replaceList[i]);
 						}
 					}
@@ -113,7 +129,7 @@ export default {
 			},
 		},
 	},
-	created() {},
+	created() { },
 	methods: {
 		...mapMutations({ setPageData: 'setPageData' }),
 		search() {
@@ -121,11 +137,11 @@ export default {
 				this.setPageData({ isFind: true });
 			}
 		},
-		keydownEvent($event){
+		keydownEvent($event) {
 		},
-		keyupEvent($event){
-			if(this.replaceList){
-				for(var i=0; i<this.replaceList.length; i++){
+		keyupEvent($event) {
+			if (this.replaceList) {
+				for (var i = 0; i < this.replaceList.length; i++) {
 					this.InputValue = this.InputValue.replaceAll(this.replaceList[i], '');
 				}
 			}