fix sku display

src/components/ProductSelector.vue

@@ -9,6 +9,7 @@
 	>
 		<span class="picker-text" v-text="selectedProductName || props.placeholder" />
 	</t-form-item>
+	<product-sku-form-item :sku="selectedSku" :unit="selectedUnit" />
 	<bottom-popup
 		v-model="visible"
 		title="选择产品 SKU"
@@ -103,6 +104,7 @@
 <script setup lang="ts">
 import { BottomPopup } from "timi-tdesign-mobile";
 import ProductAPI from "@/api/ProductAPI";
+import ProductSkuFormItem from "@/components/ProductSkuFormItem.vue";
 import type {
 	Product,
 	ProductSelection,
@@ -143,6 +145,8 @@ const selectedProduct = computed(() => {
 	return props.selectedProduct || productList.value.find(item => item.skuList?.some(sku => sku.id === props.modelValue?.skuId));
 });
 const selectedProductName = computed(() => selectedProduct.value?.name || "");
+const selectedSku = computed(() => selectedProduct.value?.skuList?.find(sku => sku.id === props.modelValue?.skuId));
+const selectedUnit = computed(() => selectedSku.value?.unitList?.find(unit => unit.id === props.modelValue?.skuUnitId));
 const filteredProductList = computed(() => {
 	const text = keyword.value.toLocaleLowerCase();
 	return productList.value.filter(item => !text || `${item.name}${item.code}`.toLocaleLowerCase().includes(text));