init dev-push code ui base design

components/common/select/SelectBoxMulti.vue

@@ -2,9 +2,12 @@
 	<v-row class="search-box" align="center" 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>
 		</v-col>
@@ -14,16 +17,16 @@
 				:items="itemList"
 				item-text="text"
 				item-value="value"
-				solo
 				outlined
 				:multiple="multiple"
 				:hide-details="true"
-				append-icon="mdi-chevron-down"
-				class="v-select__custom"
+				append-icon=""
+				:class="['v-select__custom', customClass]"
 				:disabled="disabled"
 				:readonly="readonly"
-			></v-select>
-			<!-- @change="updateBlocCode($event)" -->
+				><template v-slot:append>
+					<v-icon>$icoChevronDown</v-icon>
+				</template></v-select>
 		</v-col>
 	</v-row>
 </template>
@@ -87,6 +90,10 @@ export default {
 			require:false,
 			default:false
 		},
+		customClass: {
+			type: String,
+			require: false,
+		},
 	},
 	emits: ['update:propsValue'],
 	data() {