feat(sku): 支持商品属性必选配置 (#8558)

Co-authored-by: liu <liujie@youzan.com>

src/sku/Sku.js

@@ -183,9 +183,9 @@ export default createComponent({
       }
 
       // 属性未全选
-      return !this.propList.some(
+      return !this.propList
-        (it) => (this.selectedProp[it.k_id] || []).length < 1
+        .filter((i) => i.is_necessary !== false)
-      );
+        .some((i) => (this.selectedProp[i.k_id] || []).length === 0);
     },
 
     isSkuEmpty() {

src/sku/demo/data.ts

@@ -179,6 +179,24 @@ export function getSkuData(largeImageMode = false) {
           },
         ],
       },
+      {
+        k: '非必选属性',
+        k_id: 125,
+        is_multiple: true,
+        is_necessary: false,
+        v: [
+          {
+            id: 1234,
+            name: '属性1',
+            price: 3,
+          },
+          {
+            id: 1235,
+            name: '属性2',
+            price: 4,
+          },
+        ],
+      },
     ],
   };
 }

types/sku.d.ts

@@ -32,6 +32,7 @@ export type SkuPropItemData = {
   v: SkuPropItemValueData[];
   k_id: number;
   is_multiple?: boolean;
+  is_necessary?: boolean;
 };
 
 export type SkuPropItemValueData = {