add price into product

src/components/BasicSelect.vue

@@ -12,7 +12,9 @@
       :mode="props.mode"
       :style="props.style"
       :multiple="props.multiple"
-      :dropdown-style="dropdownStyle"
+      :dropdown-style="mergedDropdownStyle"
+      :popup-class-name="props.popupClassName"
+      :dropdown-match-select-width="props.dropdownMatchSelectWidth"
       @change="handleChange"
       :placeholder="props.placeholder"
       :allowClear="props.allowClear"
@@ -60,13 +62,22 @@ interface Prop {
   allowClear?: boolean
   hasTooltip?: boolean
   noData?: string
+  popupClassName?: string
+  dropdownMatchSelectWidth?: boolean
+  dropdownStyle?: Record<string, string | number>
 }
 
 const props = withDefaults(defineProps<Prop>(), {
   allowClear: true,
-  hasTooltip: true
+  hasTooltip: true,
+  dropdownMatchSelectWidth: true
 })
 
+const mergedDropdownStyle = computed(() => ({
+  ...dropdownStyle,
+  ...(props.dropdownStyle ?? {})
+}))
+
 // console.log('props.items ====>', props.items)
 //define emits
 const emit = defineEmits(['update:value', 'change'])