@stephenchenorg/astro 4.0.3 → 5.0.1

package/dist/product-variant/ProductVariantSelector.d.ts

@@ -0,0 +1,42 @@
+import type { ProductVariant, ProductVariantAttribute } from './types';
+export declare class ProductVariantSelector {
+    /**
+     * 可用的商品變體列表（所有 SKU）
+     */
+    availableVariants: ProductVariant[];
+    /**
+     * 商品屬性選項列表（如顏色、尺寸等）
+     */
+    variantAttributes: ProductVariantAttribute[];
+    /**
+     * 使用者已選擇的屬性值
+     */
+    selectedAttributes: Record<number, {
+        optionId: number;
+        label: string;
+    }>;
+    /**
+     * 匹配到的商品規格物件
+     */
+    currentVariant: ProductVariant | undefined;
+    constructor({ availableVariants, variantAttributes }: {
+        availableVariants: ProductVariant[];
+        variantAttributes: ProductVariantAttribute[];
+    });
+    /**
+     * 選擇商品規格
+     */
+    selectVariant(attributeId: number, optionId: number, label: string): void;
+    /**
+     * 獲取已選擇的商品規格選項標籤
+     */
+    getSelectedAttributesLabel(): string;
+    /**
+     * 確認是否已選擇所有商品規格選項
+     */
+    areAllAttributesSelected(): boolean;
+    /**
+     * 確認是否有足夠的庫存
+     */
+    hasEnoughStock(stock: number): boolean;
+}

package/dist/product-variant/ProductVariantSelector.js

@@ -0,0 +1,52 @@
+export class ProductVariantSelector {
+  /**
+   * 可用的商品變體列表（所有 SKU）
+   */
+  availableVariants = [];
+  /**
+   * 商品屬性選項列表（如顏色、尺寸等）
+   */
+  variantAttributes = [];
+  /**
+   * 使用者已選擇的屬性值
+   */
+  selectedAttributes = {};
+  /**
+   * 匹配到的商品規格物件
+   */
+  currentVariant = void 0;
+  constructor({ availableVariants, variantAttributes }) {
+    this.availableVariants = availableVariants;
+    this.variantAttributes = variantAttributes;
+    if (availableVariants.length === 1 && availableVariants[0].combination_key === null) {
+      this.currentVariant = availableVariants[0];
+    }
+  }
+  /**
+   * 選擇商品規格
+   */
+  selectVariant(attributeId, optionId, label) {
+    this.selectedAttributes[attributeId] = { optionId, label };
+    const variantCombinationKey = Object.values(this.selectedAttributes).map((attr) => attr.optionId).sort((a, b) => a - b).join("-");
+    this.currentVariant = this.availableVariants.find((variant) => variant.combination_key === variantCombinationKey);
+  }
+  /**
+   * 獲取已選擇的商品規格選項標籤
+   */
+  getSelectedAttributesLabel() {
+    return Object.values(this.selectedAttributes).map((attr) => attr.label).join(", ");
+  }
+  /**
+   * 確認是否已選擇所有商品規格選項
+   */
+  areAllAttributesSelected() {
+    return Object.keys(this.selectedAttributes).length === this.variantAttributes.length;
+  }
+  /**
+   * 確認是否有足夠的庫存
+   */
+  hasEnoughStock(stock) {
+    const specificationStock = this.currentVariant?.inventory || 0;
+    return specificationStock > 0 && specificationStock >= stock;
+  }
+}

package/dist/product-variant/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ProductVariantSelector';
+export * from './types';

package/dist/product-variant/index.js

@@ -0,0 +1,2 @@
+export * from "./ProductVariantSelector.js";
+export * from "./types.js";

package/dist/{product-sku → product-variant}/types.d.ts

@@ -1,20 +1,20 @@
-export interface ProductAttribute {
-    id: number;
-    title: string;
-    items: ProductAttributeItem[];
-}
-export interface ProductAttributeItem {
-    id: number;
-    title: string;
-}
-export interface ProductSpecification {
+export interface ProductVariant {
     id: number;
     /** 商品規格 Key */
     combination_key: string | null;
     /** 原價 */
-    listing_price: string;
+    listing_price: number;
     /** 實際售價 */
-    selling_price: string;
+    selling_price: number;
     /** 商品庫存數量 */
     inventory: number;
 }
+export interface ProductVariantAttribute {
+    id: number;
+    title: string;
+    options: ProductVariantAttributeOption[];
+}
+export interface ProductVariantAttributeOption {
+    id: number;
+    title: string;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stephenchenorg/astro",
   "type": "module",
-  "version": "4.0.3",
+  "version": "5.0.1",
   "description": "Stephenchenorg Astro 前端通用套件",
   "license": "MIT",
   "homepage": "https://stephenchenorg-astro.netlify.app",
@@ -41,9 +41,9 @@
       "types": "./dist/pagination-vue/index.d.ts",
       "import": "./dist/pagination-vue/index.js"
     },
-    "./product-sku": {
-      "types": "./dist/product-sku/index.d.ts",
-      "import": "./dist/product-sku/index.js"
+    "./product-variant": {
+      "types": "./dist/product-variant/index.d.ts",
+      "import": "./dist/product-variant/index.js"
     },
     "./query-params": {
       "types": "./dist/query-params/index.d.ts",

package/dist/product-sku/index.d.ts

@@ -1,2 +0,0 @@
-export { ProductSkuManager } from './productSku';
-export * from './types';

package/dist/product-sku/index.js

@@ -1,2 +0,0 @@
-export { ProductSkuManager } from "./productSku.js";
-export * from "./types.js";

package/dist/product-sku/productSku.d.ts

@@ -1,39 +0,0 @@
-import type { ProductAttribute, ProductSpecification } from './types';
-export declare class ProductSkuManager {
-    /**
-     * 商品規格選項列表
-     */
-    attributes: ProductAttribute[];
-    /**
-     * 商品規格列表
-     */
-    specifications: ProductSpecification[];
-    /**
-     * 已經選中商品規格選項的參數 ID
-     */
-    selectedSkuAttrs: Record<number, {
-        itemId: number;
-        label: string;
-    }>;
-    /**
-     * 匹配到的商品規格 SKU 物件
-     */
-    specification: ProductSpecification | undefined;
-    constructor({ attributes, specifications }: {
-        attributes: ProductAttribute[];
-        specifications: ProductSpecification[];
-    });
-    /**
-     * 選擇商品規格選項
-     */
-    selectSkuAttr(skuAttrId: number, skuItemId: number, label: string): void;
-    getSpecificationLabel(): string;
-    /**
-     * 確認商品規格選項都已經選擇
-     */
-    areAllSkuAttrsSelected(): boolean;
-    /**
-     * 確認商品規格還有庫存
-     */
-    isSpecificationInStock(stock: number): boolean;
-}

package/dist/product-sku/productSku.js

@@ -1,52 +0,0 @@
-export class ProductSkuManager {
-  /**
-   * 商品規格選項列表
-   */
-  attributes = [];
-  /**
-   * 商品規格列表
-   */
-  specifications = [];
-  /**
-   * 已經選中商品規格選項的參數 ID
-   */
-  selectedSkuAttrs = {};
-  /**
-   * 匹配到的商品規格 SKU 物件
-   */
-  specification = void 0;
-  constructor({ attributes, specifications }) {
-    this.attributes = attributes;
-    this.specifications = specifications;
-    if (specifications.length === 1 && specifications[0].combination_key === null) {
-      this.specification = specifications[0];
-    }
-  }
-  /**
-   * 選擇商品規格選項
-   */
-  selectSkuAttr(skuAttrId, skuItemId, label) {
-    this.selectedSkuAttrs[skuAttrId] = {
-      itemId: skuItemId,
-      label
-    };
-    const skuAttrIds = Object.values(this.selectedSkuAttrs).map((attr) => attr.itemId).sort((a, b) => a - b);
-    this.specification = this.specifications.find((specification) => specification.combination_key === skuAttrIds.join("-"));
-  }
-  getSpecificationLabel() {
-    return Object.values(this.selectedSkuAttrs).map((attr) => attr.label).join(", ");
-  }
-  /**
-   * 確認商品規格選項都已經選擇
-   */
-  areAllSkuAttrsSelected() {
-    return Object.keys(this.selectedSkuAttrs).length === this.attributes.length;
-  }
-  /**
-   * 確認商品規格還有庫存
-   */
-  isSpecificationInStock(stock) {
-    const specificationStock = this.specification?.inventory || 0;
-    return specificationStock > 0 && specificationStock >= stock;
-  }
-}