@anker-in/headless-ui 1.1.16 → 1.1.17-alpha.1765854227659

package/dist/esm/biz-components/CollectionsFilters/component/priceProps.d.ts

@@ -0,0 +1,215 @@
+export declare enum RuleType {
+    AUTO_FREE_GIFT = 1,// 自动赠品
+    BUNDLE = 2,// 组合
+    VOLUME_DISCOUNT = 3,// 量价折扣
+    ORDER_DISCOUNT = 4,// 订单折扣
+    PRICE_DISCOUNT = 5
+}
+export type FunctionMemberPriceResult = {
+    hasMemberPrice: boolean;
+    useCoupon: boolean;
+    originalPrice: number;
+    originalPriceWithCurrency: string;
+    salePrice: number;
+    salePriceWithCurrency: string;
+    salePriceWithoutCoupon: number;
+    salePriceWithoutCouponWithCurrency: string;
+    savePrice: number;
+    savePriceWithCurrency: string;
+    savePriceWithoutCoupon: number;
+    savePriceWithoutCouponWithCurrency: string;
+};
+export declare enum ProductionsCombination {
+    SAME_PRODUCT = 0,// 相同产品
+    SAME_VARIANT = 1,// 相同变体
+    MIX_MATCH = 2
+}
+export declare enum DiscountOptions {
+    MINIMUM_QUANTITY = 1,
+    FIXED_QUANTITY = 2,
+    TIERED_QUANTITY = 3
+}
+export declare enum DISCOUNT_TYPE {
+    PERCENTAGE = 1,// 百分比
+    FIXED_AMOUNT = 2,// 固定金额
+    FIXED_PRICE = 3
+}
+export declare enum ROUND_SELECTED {
+    ROUND_HIGHEST = 1,// 向上取整
+    ROUND_LOWEST = 2,// 向下取整
+    ROUND_NEAREST = 3
+}
+export declare enum DISCOUNT_BASE_TYPE {
+    CURRENT_PRICE = 1,// 折后价
+    COMPARE_AT_PRICE = 2
+}
+export type TieredDiscount = {
+    quantity: number;
+    discount: number;
+    discount_type: DISCOUNT_TYPE;
+};
+type VariantItem = {
+    variant_id: string;
+    sku: string;
+    handle: string;
+};
+export type RuleCondition = {
+    with_special_url_params: string[];
+    without_special_url_params: string[];
+    with_user_tags: string[];
+    without_user_tags: string[];
+};
+export type DiscountConfig = {
+    discount_type: DISCOUNT_TYPE;
+    discount_value: number;
+    price_ending_conf: {
+        apply_price_ending: boolean;
+        conf_one_decimal_place: boolean;
+        conf_two_decimal_place: false;
+        one_decimal_place: number;
+        two_decimal_place: number;
+        round_selected: ROUND_SELECTED;
+    };
+};
+export type FunctionDiscountConfig = {
+    rule_id: number;
+    rule_type: RuleType;
+    discount_labels: {
+        cart_checkout_label: string;
+        product_label: string;
+        sold_out_label: string;
+    };
+    discount_combinations: {
+        other_order_discounts: boolean;
+        other_product_discounts: boolean;
+        shipping_discounts: boolean;
+    };
+    rule_conditions: RuleCondition[];
+};
+export type VolumeConfig = {
+    result_detail: {
+        productions_combination: ProductionsCombination;
+        discount_options: DiscountOptions;
+        discount_exclude_customed_price: boolean;
+        tiered_discounts: TieredDiscount[];
+        main_product: {
+            variant_list: VariantItem[];
+            all_store_variant: boolean;
+        };
+    };
+} & FunctionDiscountConfig;
+export type FunctionMemberPriceConfig = {
+    result_detail: {
+        member_discounts: {
+            main_products: {
+                variants: {
+                    variant_id: string;
+                    sku: string;
+                    handle: string;
+                    discount_value: number;
+                }[];
+                skip_variants: {
+                    variant_id: string;
+                    sku: string;
+                    handle: string;
+                    discount_value: number;
+                }[];
+                dynamic_conf: {
+                    in_collections?: string[];
+                    not_in_collections?: string[];
+                    in_products?: string[];
+                    not_in_products?: string[];
+                    SKU: {
+                        in?: string[];
+                        not_in?: string[];
+                        start_with?: string;
+                        notstart_with?: string;
+                        end_with?: string;
+                        unend_with?: string;
+                        contain?: string;
+                        uncontain?: string;
+                    };
+                };
+                all_store_variant: boolean;
+            };
+            discount_conf: DiscountConfig;
+        }[];
+        limit_discount_max: number;
+    };
+} & FunctionDiscountConfig;
+export type PriceDiscountConfig = FunctionDiscountConfig & {
+    result_detail: {
+        main_product: {
+            variant_list: {
+                variant_id: string;
+                sku: string;
+                handle: string;
+            }[];
+            all_store_variant: boolean;
+        };
+        price_conf: {
+            discount_type: DISCOUNT_TYPE;
+            discount_base: DISCOUNT_BASE_TYPE;
+            discount_amount: number;
+            price_ending_conf: {
+                apply_price_ending: false;
+                one_decimal_place: number;
+                two_decimal_place: number;
+                round_selected: ROUND_SELECTED;
+            };
+        };
+    };
+};
+export type ProductImage = {
+    url: string;
+    alt?: string;
+};
+export type ProductOption = {
+    __typename?: 'MultipleChoiceOption';
+    id: string;
+    displayName: string;
+    values: ProductOptionValues[];
+};
+export type ProductOptionValues = {
+    label: string;
+    hexColors?: string[];
+};
+export type ProductVariant = {
+    id: string | number;
+    options: ProductOption[];
+    availableForSale?: boolean;
+    quantityAvailable: number;
+    metafields?: Record<string, any>;
+    [key: string]: any;
+};
+export type ProductPrice = {
+    value: number;
+    currencyCode?: 'USD' | 'EUR' | 'ARS' | string;
+    retailPrice?: number;
+    salePrice?: number;
+    listPrice?: number;
+    extendedSalePrice?: number;
+    extendedListPrice?: number;
+};
+export type Product = any & {
+    id: string;
+    name: string;
+    description: string;
+    descriptionHtml?: string;
+    productType?: string;
+    sku?: string;
+    slug?: string;
+    handle?: string;
+    path?: string;
+    images: ProductImage[];
+    variants: ProductVariant[];
+    price: ProductPrice;
+    listPrice?: number;
+    options: ProductOption[];
+    preRender?: string;
+    seo?: any;
+    metafields?: {
+        [key: string]: any;
+    };
+};
+export {};

package/dist/esm/biz-components/CollectionsFilters/component/priceProps.js

@@ -0,0 +1,2 @@
+var i=(n=>(n[n.AUTO_FREE_GIFT=1]="AUTO_FREE_GIFT",n[n.BUNDLE=2]="BUNDLE",n[n.VOLUME_DISCOUNT=3]="VOLUME_DISCOUNT",n[n.ORDER_DISCOUNT=4]="ORDER_DISCOUNT",n[n.PRICE_DISCOUNT=5]="PRICE_DISCOUNT",n))(i||{}),r=(t=>(t[t.SAME_PRODUCT=0]="SAME_PRODUCT",t[t.SAME_VARIANT=1]="SAME_VARIANT",t[t.MIX_MATCH=2]="MIX_MATCH",t))(r||{}),o=(t=>(t[t.MINIMUM_QUANTITY=1]="MINIMUM_QUANTITY",t[t.FIXED_QUANTITY=2]="FIXED_QUANTITY",t[t.TIERED_QUANTITY=3]="TIERED_QUANTITY",t))(o||{}),s=(t=>(t[t.PERCENTAGE=1]="PERCENTAGE",t[t.FIXED_AMOUNT=2]="FIXED_AMOUNT",t[t.FIXED_PRICE=3]="FIXED_PRICE",t))(s||{}),a=(t=>(t[t.ROUND_HIGHEST=1]="ROUND_HIGHEST",t[t.ROUND_LOWEST=2]="ROUND_LOWEST",t[t.ROUND_NEAREST=3]="ROUND_NEAREST",t))(a||{}),u=(e=>(e[e.CURRENT_PRICE=1]="CURRENT_PRICE",e[e.COMPARE_AT_PRICE=2]="COMPARE_AT_PRICE",e))(u||{});export{u as DISCOUNT_BASE_TYPE,s as DISCOUNT_TYPE,o as DiscountOptions,r as ProductionsCombination,a as ROUND_SELECTED,i as RuleType};
+//# sourceMappingURL=priceProps.js.map

package/dist/esm/biz-components/CollectionsFilters/component/priceProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/CollectionsFilters/component/priceProps.ts"],
+  "sourcesContent": ["export enum RuleType {\n  AUTO_FREE_GIFT = 1, // \u81EA\u52A8\u8D60\u54C1\n  BUNDLE = 2, // \u7EC4\u5408\n  VOLUME_DISCOUNT = 3, // \u91CF\u4EF7\u6298\u6263\n  ORDER_DISCOUNT = 4, // \u8BA2\u5355\u6298\u6263\n  PRICE_DISCOUNT = 5, // \u4EF7\u683C\u6298\u6263\n}\n\nexport type FunctionMemberPriceResult = {\n  // \u662F\u5426\u5305\u542B\u4F1A\u5458\u4EF7\n  hasMemberPrice: boolean\n  // \u662F\u5426\u53EF\u4EE5\u53E0\u52A0\u5238\n  useCoupon: boolean\n  // \u539F\u4EF7\n  originalPrice: number\n  // \u539F\u4EF7\u5E26\u8D27\u5E01\u7B26\u53F7\n  originalPriceWithCurrency: string\n  // \u6298\u540E\u4EF7\n  salePrice: number\n  // \u6298\u540E\u4EF7\u5E26\u8D27\u5E01\u7B26\u53F7\n  salePriceWithCurrency: string\n  // \u4E0D\u4F7F\u7528\u5238\u7684\u6298\u540E\u4EF7\n  salePriceWithoutCoupon: number\n  // \u4E0D\u4F7F\u7528\u5238\u7684\u6298\u540E\u4EF7\u5E26\u8D27\u5E01\u7B26\u53F7\n  salePriceWithoutCouponWithCurrency: string\n  // \u5305\u542B\u4F7F\u7528\u5238\u7684\u8282\u7701\u91D1\u989D\n  savePrice: number\n  // \u5305\u542B\u4F7F\u7528\u5238\u7684\u8282\u7701\u91D1\u989D\u5E26\u8D27\u5E01\u7B26\u53F7\n  savePriceWithCurrency: string\n  // \u4E0D\u4F7F\u7528\u5238\u7684\u8282\u7701\u91D1\u989D\n  savePriceWithoutCoupon: number\n  // \u4E0D\u4F7F\u7528\u5238\u7684\u8282\u7701\u91D1\u989D\u5E26\u8D27\u5E01\u7B26\u53F7\n  savePriceWithoutCouponWithCurrency: string\n}\n\nexport enum ProductionsCombination {\n  SAME_PRODUCT, // \u76F8\u540C\u4EA7\u54C1\n  SAME_VARIANT, // \u76F8\u540C\u53D8\u4F53\n  MIX_MATCH, // \u7EC4\u5408\n}\n\nexport enum DiscountOptions {\n  MINIMUM_QUANTITY = 1,\n  FIXED_QUANTITY,\n  TIERED_QUANTITY,\n}\n\nexport enum DISCOUNT_TYPE {\n  PERCENTAGE = 1, // \u767E\u5206\u6BD4\n  FIXED_AMOUNT, // \u56FA\u5B9A\u91D1\u989D\n  FIXED_PRICE, // \u56FA\u5B9A\u4EF7\u683C\n}\n\nexport enum ROUND_SELECTED {\n  ROUND_HIGHEST = 1, // \u5411\u4E0A\u53D6\u6574\n  ROUND_LOWEST, // \u5411\u4E0B\u53D6\u6574\n  ROUND_NEAREST, // \u56DB\u820D\u4E94\u5165\n}\n\nexport enum DISCOUNT_BASE_TYPE {\n  CURRENT_PRICE = 1, // \u6298\u540E\u4EF7\n  COMPARE_AT_PRICE = 2, // \u5404\u6E20\u9053\u62C9\u9F50\u7684\u539F\u4EF7\n}\n\nexport type TieredDiscount = {\n  quantity: number //\u6570\u91CF\n  discount: number //\u6298\u6263\n  discount_type: DISCOUNT_TYPE\n}\n\n// \u5B9A\u4E49\u53D8\u4F53\u9879\u7C7B\u578B\ntype VariantItem = {\n  variant_id: string // \u53D8\u4F53ID\n  sku: string // \u5E93\u5B58\u5355\u4F4D\n  handle: string // \u5904\u7406\u6807\u8BC6\n}\n\n// \u5B9A\u4E49\u89C4\u5219\u6761\u4EF6\u7C7B\u578B\nexport type RuleCondition = {\n  with_special_url_params: string[] // \u5305\u542B\u7279\u6B8AURL\u53C2\u6570\n  without_special_url_params: string[] // \u4E0D\u5305\u542B\u7279\u6B8AURL\u53C2\u6570\n  with_user_tags: string[] // \u5305\u542B\u7528\u6237\u6807\u7B7E\n  without_user_tags: string[] // \u4E0D\u5305\u542B\u7528\u6237\u6807\u7B7E\n}\n\n// \u4EF7\u683C\u8BA1\u7B97\u914D\u7F6E\uFF0C\u5C0F\u6570\u4F4D\u53D6\u820D\u89C4\u5219\nexport type DiscountConfig = {\n  discount_type: DISCOUNT_TYPE\n  discount_value: number\n  price_ending_conf: {\n    apply_price_ending: boolean\n    conf_one_decimal_place: boolean\n    conf_two_decimal_place: false\n    one_decimal_place: number\n    two_decimal_place: number\n    round_selected: ROUND_SELECTED\n  }\n}\n\n// function \u6298\u6263\u7C7B\u578B\u914D\u7F6E\u7684\u57FA\u7840\u7C7B\u578B\nexport type FunctionDiscountConfig = {\n  // \u89C4\u5219ID\n  rule_id: number\n  // \u89C4\u5219\u7C7B\u578B\n  rule_type: RuleType\n  // \u6298\u6263\u6807\u7B7E\n  discount_labels: {\n    // \u8D2D\u7269\u8F66\u7ED3\u8D26\u6807\u7B7E\n    cart_checkout_label: string\n    // \u4EA7\u54C1\u6807\u7B7E\n    product_label: string\n    // \u552E\u7F44\u6807\u7B7E\n    sold_out_label: string\n  }\n  // \u6298\u6263\u53EF\u7EC4\u5408\u89C4\u5219\n  discount_combinations: {\n    // \u662F\u5426\u4E0E\u5176\u4ED6\u8BA2\u5355\u6298\u6263\u7EC4\u5408\n    other_order_discounts: boolean\n    // \u662F\u5426\u4E0E\u5176\u4ED6\u4EA7\u54C1\u6298\u6263\u7EC4\u5408\n    other_product_discounts: boolean\n    // \u662F\u5426\u4E0E\u5176\u4ED6\u8FD0\u8D39\u6298\u6263\u7EC4\u5408\n    shipping_discounts: boolean\n  }\n  // \u89C4\u5219\u6761\u4EF6\n  rule_conditions: RuleCondition[]\n}\n\n// \u9636\u68AF\u6298\u6263\u7C7B\u578B\u914D\u7F6E\uFF08\u5C0Fb\uFF09\nexport type VolumeConfig = {\n  // \u89C4\u5219\u7ED3\u679C\n  result_detail: {\n    //\u4EA7\u54C1\u53E0\u52A0\u8BA1\u6570\u89C4\u5219\n    productions_combination: ProductionsCombination\n    //\u6298\u6263\u5E94\u7528\u65B9\u5F0F\n    discount_options: DiscountOptions\n    //\u4E0D\u5305\u542B\u5B9A\u5236\u5316\u4EF7\u683C\n    discount_exclude_customed_price: boolean //false.\u6298\u6263\u4E0D\u6392\u9664\u5B9A\u5236\u5316\u4EF7\u683C true.\u6298\u6263\u6392\u9664\u5B9A\u5236\u5316\u4EF7\u683C\n    //\u6298\u6263\u9636\u68AF\u5217\u8868\uFF08\u5012\u5E8F\uFF0C\u4ECE\u5927\u5230\u5C0F\uFF09\n    tiered_discounts: TieredDiscount[]\n    main_product: {\n      variant_list: VariantItem[] // \u53D8\u4F53\u5217\u8868\n      all_store_variant: boolean // \u6240\u6709\u5546\u5E97\u53D8\u4F53\n    }\n  }\n} & FunctionDiscountConfig\n\nexport type FunctionMemberPriceConfig = {\n  // \u89C4\u5219\u7ED3\u679C\n  result_detail: {\n    member_discounts: {\n      main_products: {\n        // \u6307\u5B9A\u751F\u6548\u7684 variant\n        variants: {\n          variant_id: string\n          sku: string\n          handle: string\n          discount_value: number\n        }[]\n        // \u4E0D\u751F\u6548\u7684 variant\n        skip_variants: {\n          variant_id: string\n          sku: string\n          handle: string\n          discount_value: number\n        }[]\n        // \u751F\u6548\u7684 variant \u7684\u52A8\u6001\u914D\u7F6E\u89C4\u5219\n        dynamic_conf: {\n          // \u5728\u6307\u5B9A collection \u4E2D\n          in_collections?: string[]\n          // \u4E0D\u5728\u6307\u5B9A collection \u4E2D\n          not_in_collections?: string[]\n          // \u5728\u6307\u5B9A\u4EA7\u54C1\u4E2D\n          in_products?: string[]\n          // \u4E0D\u5728\u6307\u5B9A\u4EA7\u54C1\u4E2D\n          not_in_products?: string[]\n          // SKU\u540D\u79F0\u89C4\u5219\n          SKU: {\n            // \u5FC5\u987B\u5728\u6307\u5B9ASKU\u8303\u56F4\u5185\n            in?: string[]\n            // \u5FC5\u987B\u4E0D\u5728\u6307\u5B9ASKU\u8303\u56F4\u5185\n            not_in?: string[]\n            // \u5FC5\u987B\u4EE5\u6307\u5B9A\u5B57\u7B26\u4E32\u5F00\u5934\n            start_with?: string\n            // \u5FC5\u987B\u4E0D\u4EE5\u6307\u5B9A\u5B57\u7B26\u4E32\u5F00\u5934\n            notstart_with?: string\n            // \u5FC5\u987B\u4EE5\u6307\u5B9A\u5B57\u7B26\u4E32\u7ED3\u675F\n            end_with?: string\n            // \u5FC5\u987B\u4E0D\u4EE5\u6307\u5B9A\u5B57\u7B26\u4E32\u7ED3\u675F\n            unend_with?: string\n            // \u5FC5\u987B\u5305\u542B\u6307\u5B9A\u5B57\u7B26\u4E32\n            contain?: string\n            // \u5FC5\u987B\u4E0D\u5305\u542B\u6307\u5B9A\u5B57\u7B26\u4E32\n            uncontain?: string\n          }\n        }\n        all_store_variant: boolean\n      }\n      discount_conf: DiscountConfig\n    }[]\n    limit_discount_max: number\n  }\n} & FunctionDiscountConfig\n\n// \u76F4\u964D\u6298\u6263\nexport type PriceDiscountConfig = FunctionDiscountConfig & {\n  result_detail: {\n    main_product: {\n      variant_list: {\n        variant_id: string\n        sku: string\n        handle: string\n      }[]\n      all_store_variant: boolean\n    }\n    price_conf: {\n      discount_type: DISCOUNT_TYPE\n      discount_base: DISCOUNT_BASE_TYPE\n      discount_amount: number\n      price_ending_conf: {\n        apply_price_ending: false\n        one_decimal_place: number\n        two_decimal_place: number\n        round_selected: ROUND_SELECTED\n      }\n    }\n  }\n}\n\nexport type ProductImage = {\n  url: string\n  alt?: string\n}\n\nexport type ProductOption = {\n  __typename?: 'MultipleChoiceOption'\n  id: string\n  displayName: string\n  values: ProductOptionValues[]\n}\n\nexport type ProductOptionValues = {\n  label: string\n  hexColors?: string[]\n}\n\nexport type ProductVariant = {\n  id: string | number\n  options: ProductOption[]\n  availableForSale?: boolean\n  quantityAvailable: number\n  metafields?: Record<string, any>\n  [key: string]: any\n}\n\nexport type ProductPrice = {\n  value: number\n  currencyCode?: 'USD' | 'EUR' | 'ARS' | string\n  retailPrice?: number\n  salePrice?: number\n  listPrice?: number\n  extendedSalePrice?: number\n  extendedListPrice?: number\n}\n\nexport type Product = any & {\n  id: string\n  name: string\n  description: string\n  descriptionHtml?: string\n  productType?: string\n  sku?: string\n  slug?: string\n  handle?: string\n  path?: string\n  images: ProductImage[]\n  variants: ProductVariant[]\n  price: ProductPrice\n  listPrice?: number\n  options: ProductOption[]\n  preRender?: string\n  seo?: any\n  metafields?: { [key: string]: any }\n}\n"],
+  "mappings": "AAAO,IAAKA,OACVA,IAAA,eAAiB,GAAjB,iBACAA,IAAA,OAAS,GAAT,SACAA,IAAA,gBAAkB,GAAlB,kBACAA,IAAA,eAAiB,GAAjB,iBACAA,IAAA,eAAiB,GAAjB,iBALUA,OAAA,IAmCAC,OACVA,IAAA,+BACAA,IAAA,+BACAA,IAAA,yBAHUA,OAAA,IAMAC,OACVA,IAAA,iBAAmB,GAAnB,mBACAA,IAAA,mCACAA,IAAA,qCAHUA,OAAA,IAMAC,OACVA,IAAA,WAAa,GAAb,aACAA,IAAA,+BACAA,IAAA,6BAHUA,OAAA,IAMAC,OACVA,IAAA,cAAgB,GAAhB,gBACAA,IAAA,+BACAA,IAAA,iCAHUA,OAAA,IAMAC,OACVA,IAAA,cAAgB,GAAhB,gBACAA,IAAA,iBAAmB,GAAnB,mBAFUA,OAAA",
+  "names": ["RuleType", "ProductionsCombination", "DiscountOptions", "DISCOUNT_TYPE", "ROUND_SELECTED", "DISCOUNT_BASE_TYPE"]
+}

package/dist/esm/biz-components/CollectionsFilters/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+type CollectionsFiltersProps = {
+    metafields: any;
+    result: any;
+    allResult: any;
+    pageSize?: number;
+    filterPrice: any;
+    isLoading?: boolean;
+    refreshStarRating?: () => void;
+    loadMore?: React.ReactNode;
+    noResultNode?: React.ReactNode;
+    data?: any;
+    onNextPage?: (v: string) => void;
+    onPrevPage?: (v: string) => void;
+    onFilteredChange?: (filtered: any) => void;
+    onSortAndReverseChange?: (sortKey: string, reverse: boolean) => void;
+    onPrimaryChange?: (item: any, sku: string) => void;
+    onSecondaryChange?: (item: any, sku: string) => void;
+};
+declare const _default: import("react").ForwardRefExoticComponent<Omit<CollectionsFiltersProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+} & import("react").RefAttributes<any>>;
+export default _default;

package/dist/esm/biz-components/CollectionsFilters/index.js

@@ -0,0 +1,2 @@
+import{jsx as l,jsxs as h}from"react/jsx-runtime";import $ from"./FilterList.js";import j from"./FilterHeader.js";import ee from"./FilterCardWrap.js";import{withLayout as te}from"../../shared/Styles.js";import oe from"./component/TabFilter.js";import{useState as o,useMemo as c,useEffect as O,useRef as w}from"react";import{handleSortKeyAndReverse as re,handleFilters as I,handleFilterOptions as ne,getComponentData as se}from"./component/filtersFun.js";function ae(L){const{data:i,result:n={},allResult:y={},loadMore:K=null,noResultNode:_=null,metafields:s={},filterPrice:v={},isLoading:b=!1,refreshStarRating:k,onFilteredChange:C,onSortAndReverseChange:M,onPrimaryChange:A,onSecondaryChange:V,onNextPage:z,onPrevPage:T}=L,{shop_filters_pair:a}=s,{data:F}=se(s,"FilterProduct"),[d,W]=o(!1),[E,P]=o(!1),[H,q]=o([]),[r,x]=o({}),[u,B]=o(0),[p,f]=o(1),[G,J]=o(!1),[Q,U]=o(!1),X=w(null),m=w(!1);c(()=>{const e=a?.filter_txt?.sortList,[t,Z]=re(e,u);M?.(t,Z)},[a?.filter_txt?.sortList,r,u]);const Y=e=>!e?.metafields?.seoSetting?.noindex,R=c(()=>y?.products?.filter(Y)?.length||0,[y?.products]),g=c(()=>ne(n,v,a,F),[v,n?.filters,a?.filter_txt?.offers?.name,a?.filter_txt?.offers?.onsale]),S=c(()=>g?.length?g?.map?.(e=>({...e,options:e?.options?.map?.(t=>({...t,checked:r?.[e?.value]?.indexOf?.(t?.value)>-1}))})):[],[r,g]),N=e=>{x?.({}),e&&f(1),C?.(I({}))},D=e=>{x(e),f(1),C?.(I(e))};return O(()=>{const t=(r?.offers||[])?.includes?.("onsale");J(t)},[r]),O(()=>{!m.current&&n?.products?.length&&(m.current=!0),m.current&&U(!0)},[n?.products]),h("div",{className:"box-border size-full",children:[l("div",{className:"laptop:mb-12 mb-6",children:l(oe,{tabs:i?.tabItems,filtered:r,filtersPair:S,filtersData:F,metafields:s,onTabClick:e=>D(e)})}),l(j,{total:R||0,metafields:s,closeFilter:d,sortKeyIndx:u,shopifyData:i,onSortChange:B,onCloseFilter:W,onClearFiltered:()=>N(),onMobileOpenDrawer:P}),h("div",{className:"tablet:flex desktop:gap-x-16 tablet:gap-x-8 flex-1 overflow-hidden",children:[!d&&l($,{shopifyData:i,filtered:r,openOptions:H,closeFilter:d,filtersPair:S,mobileDrawerVisible:E,onFilteredChange:D,onClearFiltered:()=>N(!1),onOpenOptions:q,onCloseDrawer:P}),h("div",{className:"relative flex-1 overflow-y-auto",children:[l(ee,{page:p,result:n,shopifyData:i,total:R,isSale:G,ref:X,metafields:s,closeFilter:d,noResultNode:Q&&!b?_:null,refreshStarRating:k,onNextPage:e=>{f(p+1),z?.(e)},onPrevPage:e=>{f(p-1),T?.(e)},onPrimaryChange:(e,t)=>A?.(e,t),onSecondaryChange:(e,t)=>V?.(e,t)}),b&&K||null]})]})]})}var me=te(ae);export{me as default};
+//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/CollectionsFilters/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/CollectionsFilters/index.tsx"],
+  "sourcesContent": ["import FilterList from './FilterList.js'\nimport FilterHeader from './FilterHeader.js'\nimport FilterCardWrap from './FilterCardWrap.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport TabFilter from './component/TabFilter.js'\nimport { useState, useMemo, useEffect, useRef } from 'react'\nimport {\n  handleSortKeyAndReverse,\n  handleFilters,\n  handleFilterOptions,\n  getComponentData,\n} from './component/filtersFun.js'\n\ntype CollectionsFiltersProps = {\n  metafields: any\n  result: any\n  allResult: any\n  pageSize?: number\n  filterPrice: any\n  isLoading?: boolean\n  refreshStarRating?: () => void\n  loadMore?: React.ReactNode\n  noResultNode?: React.ReactNode\n  data?: any\n  onNextPage?: (v: string) => void\n  onPrevPage?: (v: string) => void\n  onFilteredChange?: (filtered: any) => void\n  onSortAndReverseChange?: (sortKey: string, reverse: boolean) => void\n  onPrimaryChange?: (item: any, sku: string) => void\n  onSecondaryChange?: (item: any, sku: string) => void\n}\nfunction CollectionsFilters(props: CollectionsFiltersProps) {\n  const {\n    data,\n    result = {},\n    allResult = {},\n    loadMore = null,\n    noResultNode = null,\n    metafields = {},\n    filterPrice = {},\n    isLoading = false,\n    refreshStarRating,\n    onFilteredChange,\n    onSortAndReverseChange,\n    onPrimaryChange,\n    onSecondaryChange,\n    onNextPage,\n    onPrevPage,\n  } = props\n\n  const { shop_filters_pair } = metafields\n\n  const { data: filterProductData } = getComponentData(metafields, 'FilterProduct')\n\n  const [closeFilter, setCloseFilter] = useState<boolean>(false)\n  const [mobileDrawerVisible, setMobileDrawerVisible] = useState<boolean>(false) // \u79FB\u52A8\u7AEF\u7B5B\u9009\u9009\u9879\u5C55\u793A\u72B6\u6001\n  const [openOptions, setOpenOptions] = useState<any[]>([]) // \u5C55\u5F00\u7684\u7B5B\u9009\u9879\n  const [filtered, setFiltered] = useState<any>({}) // \u9009\u62E9\u7684\u7B5B\u9009\u9009\u9879\n  const [sortKeyIndx, setSortKeyIndx] = useState<number>(0) // \u6392\u5E8F\u65B9\u5F0F\n  const [currentPage, setCurrentPage] = useState<number>(1)\n  const [isSale, setIsSale] = useState<boolean>(false)\n  const [isRefresh, setIsRefresh] = useState<boolean>(false)\n\n  const filterCardWrapRef = useRef<any>(null)\n  const initRefresh = useRef<boolean>(false)\n\n  // \u5904\u7406\u6392\u5E8F\u6570\u636E\n  useMemo(() => {\n    const sortList = shop_filters_pair?.filter_txt?.sortList\n    const [sortKey, reverse] = handleSortKeyAndReverse(sortList, sortKeyIndx)\n    onSortAndReverseChange?.(sortKey, reverse)\n  }, [shop_filters_pair?.filter_txt?.sortList, filtered, sortKeyIndx])\n\n  const hasNoIndex = (product: { metafields: { seoSetting: { noindex: any } } }) => {\n    return !product?.metafields?.seoSetting?.noindex\n  }\n  const totalCount = useMemo(() => {\n    return allResult?.products?.filter(hasNoIndex)?.length || 0\n  }, [allResult?.products])\n\n  // \u5904\u7406\u7B5B\u9009\u9879\u6570\u636E\n  const filtersOptions = useMemo(() => {\n    return handleFilterOptions(result, filterPrice, shop_filters_pair, filterProductData)\n  }, [\n    filterPrice,\n    result?.filters,\n    shop_filters_pair?.filter_txt?.offers?.name,\n    shop_filters_pair?.filter_txt?.offers?.onsale,\n  ])\n\n  const filtersPair = useMemo(() => {\n    if (!filtersOptions?.length) return []\n    return filtersOptions?.map?.((filter: any) => {\n      return {\n        ...filter,\n        options: filter?.options?.map?.((opt: any) => {\n          return {\n            ...opt,\n            checked: filtered?.[filter?.value]?.indexOf?.(opt?.value) > -1,\n          }\n        }),\n      }\n    })\n  }, [filtered, filtersOptions])\n\n  const clearFiltered = (flag?: boolean) => {\n    setFiltered?.({})\n    if (flag) {\n      setCurrentPage(1)\n    }\n    onFilteredChange?.(handleFilters({}))\n  }\n\n  const filterChange = (v: any) => {\n    setFiltered(v)\n    setCurrentPage(1)\n    onFilteredChange?.(handleFilters(v))\n  }\n\n  useEffect(() => {\n    const offers = filtered?.offers || []\n    const isShowSale = offers?.includes?.('onsale')\n    setIsSale(isShowSale)\n  }, [filtered])\n\n  useEffect(() => {\n    if (!initRefresh.current && result?.products?.length) {\n      initRefresh.current = true\n    }\n    if (initRefresh.current) {\n      setIsRefresh(true)\n    }\n  }, [result?.products])\n\n  return (\n    <div className=\"box-border size-full\">\n      {/* \u5934\u90E8 */}\n      <div className=\"laptop:mb-12 mb-6\">\n        <TabFilter\n          tabs={data?.tabItems}\n          filtered={filtered}\n          filtersPair={filtersPair}\n          filtersData={filterProductData}\n          metafields={metafields}\n          onTabClick={v => filterChange(v)}\n        />\n      </div>\n      <FilterHeader\n        total={totalCount || 0}\n        metafields={metafields}\n        closeFilter={closeFilter}\n        sortKeyIndx={sortKeyIndx}\n        shopifyData={data}\n        onSortChange={setSortKeyIndx}\n        onCloseFilter={setCloseFilter}\n        onClearFiltered={() => clearFiltered()}\n        onMobileOpenDrawer={setMobileDrawerVisible}\n      />\n      {/* PC\u7B5B\u9009\u9009\u9879 */}\n      <div className=\"tablet:flex desktop:gap-x-16 tablet:gap-x-8 flex-1 overflow-hidden\">\n        {!closeFilter && (\n          <FilterList\n            shopifyData={data}\n            filtered={filtered}\n            openOptions={openOptions}\n            closeFilter={closeFilter}\n            filtersPair={filtersPair}\n            mobileDrawerVisible={mobileDrawerVisible}\n            onFilteredChange={filterChange}\n            onClearFiltered={() => clearFiltered(false)}\n            onOpenOptions={setOpenOptions}\n            onCloseDrawer={setMobileDrawerVisible}\n          />\n        )}\n        <div className=\"relative flex-1 overflow-y-auto\">\n          <FilterCardWrap\n            page={currentPage}\n            result={result}\n            shopifyData={data}\n            total={totalCount}\n            isSale={isSale}\n            ref={filterCardWrapRef}\n            metafields={metafields}\n            closeFilter={closeFilter}\n            noResultNode={isRefresh && !isLoading ? noResultNode : null}\n            refreshStarRating={refreshStarRating}\n            onNextPage={v => {\n              setCurrentPage(currentPage + 1)\n              onNextPage?.(v)\n            }}\n            onPrevPage={v => {\n              setCurrentPage(currentPage - 1)\n              onPrevPage?.(v)\n            }}\n            onPrimaryChange={(e, data) => onPrimaryChange?.(e, data)}\n            onSecondaryChange={(e, data) => onSecondaryChange?.(e, data)}\n          />\n          {isLoading ? loadMore || null : null}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default withLayout(CollectionsFilters)\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "FilterList", "FilterHeader", "FilterCardWrap", "withLayout", "TabFilter", "useState", "useMemo", "useEffect", "useRef", "handleSortKeyAndReverse", "handleFilters", "handleFilterOptions", "getComponentData", "CollectionsFilters", "props", "data", "result", "allResult", "loadMore", "noResultNode", "metafields", "filterPrice", "isLoading", "refreshStarRating", "onFilteredChange", "onSortAndReverseChange", "onPrimaryChange", "onSecondaryChange", "onNextPage", "onPrevPage", "shop_filters_pair", "filterProductData", "closeFilter", "setCloseFilter", "mobileDrawerVisible", "setMobileDrawerVisible", "openOptions", "setOpenOptions", "filtered", "setFiltered", "sortKeyIndx", "setSortKeyIndx", "currentPage", "setCurrentPage", "isSale", "setIsSale", "isRefresh", "setIsRefresh", "filterCardWrapRef", "initRefresh", "sortList", "sortKey", "reverse", "hasNoIndex", "product", "totalCount", "filtersOptions", "filtersPair", "filter", "opt", "clearFiltered", "flag", "filterChange", "v", "isShowSale", "CollectionsFilters_default"]
+}

package/dist/esm/biz-components/CreativeModule/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Img } from '../../types/props.js';
 export type CreativeModuleDataType = {
     img: Img;
@@ -15,7 +16,7 @@ type CreativeModuleType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<CreativeModuleType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/DownLoad/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Img } from '../../types/props.js';
 export type DownLoadDataType = {
     title: string;
@@ -14,7 +15,7 @@ type DownLoadType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<DownLoadType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Evaluate/index.d.ts

@@ -31,7 +31,7 @@ export interface EvaluateProps {
     key?: string;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<EvaluateProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Faq/Faq.d.ts

@@ -7,8 +7,8 @@ declare const FaqItem: {
     displayName: string;
 };
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<FaqProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;
 export { FaqItem };

package/dist/esm/biz-components/FeatureCards/FeatureCards.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FeatureCardsProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<FeatureCardsProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/dist/esm/biz-components/FeatureCards/FeatureCards.js

@@ -0,0 +1,2 @@
+"use client";import{Fragment as D,jsx as t,jsxs as l}from"react/jsx-runtime";import g,{useImperativeHandle as F,useRef as T}from"react";import{Heading as u,Picture as v,Text as c}from"../../components/index.js";import{cn as f}from"../../helpers/utils.js";import{withLayout as z}from"../../shared/Styles.js";import{useExposure as H}from"../../hooks/useExposure.js";import{trackUrlRef as R}from"../../shared/trackUrlRef.js";import{Swiper as $,SwiperSlide as S}from"swiper/react";const n="image",x="feature_cards",j=(a,r)=>r===2?a===0?"laptop:flex-[2]":"laptop:flex-[3]":r===3?"laptop:flex-[1]":r===4?a===0?"laptop:flex-[2]":a===1||a===2?"laptop:flex-[3]":"laptop:flex-[2]":r===5?a<3?"laptop:flex-[1]":a===3?"laptop:flex-[2]":"laptop:flex-[3]":"laptop:flex-[1]",L=(a,r)=>r===4&&a===1||r===5&&a===2,b=g.forwardRef(({data:a,className:r},k)=>{const{title:o,subtitle:i,items:p=[],theme:N="light"}=a,d=T(null);H(d,{componentType:n,componentName:x,componentTitle:o,componentDescription:i}),F(k,()=>d.current);const m="rounded-box",w=(e,s)=>{const h=l(D,{children:[t(v,{source:e.image?.url,alt:e.image?.alt||e.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),l("div",{className:"feature-cards__card-content z-10",children:[t(u,{size:3,as:"h2",className:"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]",children:e.title}),t(c,{size:4,as:"p",className:"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] text-[14px]",children:e.subtitle})]})]}),y="feature-cards__card relative flex h-[360px] max-h-[560px] flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]",C=s!==void 0?j(s,p.length):"flex-1",_=f(y,m,C,{"aiui-dark":e.theme==="dark","aiui-light":e.theme==="light"});return e.link?t("a",{href:R(e.link,`${n}_${x}`),className:_,"data-headless-type-name":`${n}#${x}`,"data-headless-title-desc-button":`${o}#${e.title}#${e.subtitle}`,children:h}):t("div",{className:_,children:h})};return l("section",{ref:d,"data-ui-component-id":"FeatureCards",className:f("feature-cards text-info-primary flex w-full flex-col justify-center",{"aiui-dark":N==="dark"},r),children:[l("div",{className:"feature-cards__header",children:[t(u,{size:4,as:"h1",className:"feature-cards__title laptop:text-center text-left",children:o}),i&&t(c,{size:2,as:"p",className:"feature-cards__subtitle laptop:text-center desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-left text-[14px]",children:i})]}),t("div",{className:"feature-cards__grid laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px] mt-[24px] hidden w-full flex-wrap gap-[16px]",children:p.map((e,s)=>l(g.Fragment,{children:[w(e,s),L(s,p.length)&&t("div",{className:"laptop:basis-full laptop:h-0"})]},e.title))}),t("div",{className:"feature-cards__swiper-container laptop:hidden mt-[24px] w-full",children:t($,{spaceBetween:12,slidesPerView:"auto",grabCursor:!0,className:"feature-cards__swiper relative w-full !overflow-visible",children:p.map(e=>t(S,{className:"feature-cards__swiper-slide relative !h-[360px] !w-[296px]",children:l("div",{className:f("feature-cards__card feature-cards__card--mobile text-info-primary absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px]",m,{"aiui-dark":e.theme==="dark","aiui-light":e.theme==="light"}),children:[t(v,{source:e.image?.url,alt:e.image?.alt||e.title,className:"feature-cards__card-image absolute inset-0 !h-full",imgClassName:"!h-full object-cover"}),l("div",{className:"feature-cards__card-content z-10",children:[t(u,{size:3,as:"h2",className:"feature-cards__card-title",children:e.title}),t(c,{size:4,as:"p",className:"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] overflow-visible text-[14px]",children:e.subtitle})]})]},e.title)},e.title))})})]})});b.displayName="FeatureCards";var q=z(b,{style:"overflow: hidden;"});export{q as default};
+//# sourceMappingURL=FeatureCards.js.map

package/dist/esm/biz-components/FeatureCards/FeatureCards.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/FeatureCards/FeatureCards.tsx"],
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport type { FeatureCardsProps, FeatureCardItem } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nconst componentType = 'image'\nconst componentName = 'feature_cards'\n\n/**\n * \u6839\u636E\u5361\u7247\u6570\u91CF\u83B7\u53D6\u684C\u9762\u7AEF\uFF08laptop+\uFF09\u7684\u7F51\u683C\u5E03\u5C40\u7C7B\u540D\n * - 2\u5F20\u5361\u7247: 2:3\n * - 3\u5F20\u5361\u7247: 1:1:1\n * - 4\u5F20\u5361\u7247: \u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\n * - 5\u5F20\u5361\u7247: \u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\n */\nconst getCardLayoutClasses = (index: number, totalCards: number): string => {\n  if (totalCards === 2) {\n    // 2:3 \u6BD4\u4F8B\n    return index === 0 ? 'laptop:flex-[2]' : 'laptop:flex-[3]'\n  }\n\n  if (totalCards === 3) {\n    // 1:1:1 \u6BD4\u4F8B\n    return 'laptop:flex-[1]'\n  }\n\n  if (totalCards === 4) {\n    // \u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\n    if (index === 0) return 'laptop:flex-[2]'\n    if (index === 1) return 'laptop:flex-[3]'\n    if (index === 2) return 'laptop:flex-[3]'\n    return 'laptop:flex-[2]'\n  }\n\n  if (totalCards === 5) {\n    // \u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\n    if (index < 3) return 'laptop:flex-[1]'\n    if (index === 3) return 'laptop:flex-[2]'\n    return 'laptop:flex-[3]'\n  }\n\n  // \u9ED8\u8BA4\u7B49\u5BBD\n  return 'laptop:flex-[1]'\n}\n\n/**\n * \u6839\u636E\u5361\u7247\u6570\u91CF\u786E\u5B9A\u662F\u5426\u9700\u8981\u6362\u884C\n * - 4\u5F20\u5361\u7247: \u7B2C\u4E00\u884C2\u5F20\uFF0C\u7B2C\u4E8C\u884C2\u5F20\n * - 5\u5F20\u5361\u7247: \u7B2C\u4E00\u884C3\u5F20\uFF0C\u7B2C\u4E8C\u884C2\u5F20\n */\nconst shouldBreakRow = (index: number, totalCards: number): boolean => {\n  if (totalCards === 4 && index === 1) return true\n  if (totalCards === 5 && index === 2) return true\n  return false\n}\n\nconst FeatureCards = React.forwardRef<HTMLDivElement, FeatureCardsProps>(({ data, className }, ref) => {\n  const { title, subtitle, items = [], theme = 'light' } = data\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subtitle,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  // \u7EDF\u4E00\u4F7F\u7528 rounded-box\n  const roundedClasses = 'rounded-box'\n\n  const renderCard = (item: FeatureCardItem, index?: number) => {\n    const cardContent = (\n      <>\n        <Picture\n          source={item.image?.url}\n          alt={item.image?.alt || item.title}\n          className=\"feature-cards__card-image absolute inset-0 !h-full\"\n          imgClassName=\"!h-full object-cover\"\n        />\n        <div className=\"feature-cards__card-content z-10\">\n          <Heading\n            size={3}\n            as=\"h2\"\n            className=\"feature-cards__card-title laptop:text-[20px] desktop:text-[32px] lg-desktop:text-[32px]\"\n          >\n            {item.title}\n          </Heading>\n          <Text\n            size={4}\n            as=\"p\"\n            className=\"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] text-[14px]\"\n          >\n            {item.subtitle}\n          </Text>\n        </div>\n      </>\n    )\n\n    // \u57FA\u7840\u6837\u5F0F\uFF08\u79FB\u9664\u539F\u6709\u7684 rounded \u7C7B\uFF09\n    const baseClasses =\n      'feature-cards__card relative flex h-[360px] max-h-[560px] flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px] text-info-primary tablet:h-[336px] laptop:h-[336px] laptop:px-[16px] laptop:py-[16px] desktop:h-[448px] desktop:px-[32px] desktop:py-[24px] lg-desktop:h-[560px]'\n\n    // \u83B7\u53D6\u54CD\u5E94\u5F0F\u5E03\u5C40\u7C7B\u540D\uFF08\u4EC5\u7528\u4E8E\u684C\u9762\u7AEF\uFF09\n    const layoutClasses = index !== undefined ? getCardLayoutClasses(index, items.length) : 'flex-1'\n\n    const cardClasses = cn(baseClasses, roundedClasses, layoutClasses, {\n      'aiui-dark': item.theme === 'dark',\n      'aiui-light': item.theme === 'light',\n    })\n\n    if (item.link) {\n      return (\n        <a\n          href={trackUrlRef(item.link, `${componentType}_${componentName}`)}\n          className={cardClasses}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${title}#${item.title}#${item.subtitle}`}\n        >\n          {cardContent}\n        </a>\n      )\n    }\n\n    return <div className={cardClasses}>{cardContent}</div>\n  }\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureCards\"\n      className={cn(\n        'feature-cards text-info-primary flex w-full flex-col justify-center',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className\n      )}\n    >\n      {/* \u6807\u9898\u533A\u57DF */}\n      <div className=\"feature-cards__header\">\n        <Heading size={4} as=\"h1\" className=\"feature-cards__title laptop:text-center text-left\">\n          {title}\n        </Heading>\n        {subtitle && (\n          <Text\n            size={2}\n            as=\"p\"\n            className=\"feature-cards__subtitle laptop:text-center desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-left text-[14px]\"\n          >\n            {subtitle}\n          </Text>\n        )}\n      </div>\n\n      {/* \u684C\u9762\u7AEF\u7F51\u683C\u5E03\u5C40 */}\n      <div className=\"feature-cards__grid laptop:mt-[32px] laptop:flex desktop:mt-[40px] lg-desktop:mt-[24px] mt-[24px] hidden w-full flex-wrap gap-[16px]\">\n        {items.map((item, index) => (\n          <React.Fragment key={item.title}>\n            {renderCard(item, index)}\n            {/* \u5728\u7279\u5B9A\u4F4D\u7F6E\u63D2\u5165\u6362\u884C */}\n            {shouldBreakRow(index, items.length) && <div className=\"laptop:basis-full laptop:h-0\" />}\n          </React.Fragment>\n        ))}\n      </div>\n\n      {/* \u79FB\u52A8\u7AEF Swiper \u5E03\u5C40 */}\n      <div className=\"feature-cards__swiper-container laptop:hidden mt-[24px] w-full\">\n        <Swiper\n          spaceBetween={12}\n          slidesPerView=\"auto\"\n          grabCursor\n          className=\"feature-cards__swiper relative w-full !overflow-visible\"\n        >\n          {items.map(item => (\n            <SwiperSlide key={item.title} className=\"feature-cards__swiper-slide relative !h-[360px] !w-[296px]\">\n              <div\n                key={item.title}\n                className={cn(\n                  'feature-cards__card feature-cards__card--mobile text-info-primary absolute inset-0 flex flex-1 flex-col justify-end gap-[16px] overflow-hidden px-[16px] py-[12px]',\n                  roundedClasses,\n                  {\n                    'aiui-dark': item.theme === 'dark',\n                    'aiui-light': item.theme === 'light',\n                  }\n                )}\n              >\n                <Picture\n                  source={item.image?.url}\n                  alt={item.image?.alt || item.title}\n                  className=\"feature-cards__card-image absolute inset-0 !h-full\"\n                  imgClassName=\"!h-full object-cover\"\n                />\n                <div className=\"feature-cards__card-content z-10\">\n                  <Heading size={3} as=\"h2\" className=\"feature-cards__card-title\">\n                    {item.title}\n                  </Heading>\n                  <Text\n                    size={4}\n                    as=\"p\"\n                    className=\"feature-cards__card-subtitle laptop:h-[42px] lg-desktop:h-[54px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[42px] overflow-visible text-[14px]\"\n                  >\n                    {item.subtitle}\n                  </Text>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </section>\n  )\n})\n\nFeatureCards.displayName = 'FeatureCards'\n\nexport default withLayout(FeatureCards, { style: 'overflow: hidden;' })\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useImperativeHandle", "useRef", "Heading", "Picture", "Text", "cn", "withLayout", "useExposure", "trackUrlRef", "Swiper", "SwiperSlide", "componentType", "componentName", "getCardLayoutClasses", "index", "totalCards", "shouldBreakRow", "FeatureCards", "data", "className", "ref", "title", "subtitle", "items", "theme", "boxRef", "roundedClasses", "renderCard", "item", "cardContent", "baseClasses", "layoutClasses", "cardClasses", "FeatureCards_default"]
+}

package/dist/esm/biz-components/FeatureCards/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FeatureCards.js';
+export type { FeatureCardsProps, FeatureCardItem } from './types.js';

package/dist/esm/biz-components/FeatureCards/index.js

@@ -0,0 +1,2 @@
+import{default as t}from"./FeatureCards.js";export{t as default};
+//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/FeatureCards/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/FeatureCards/index.ts"],
+  "sourcesContent": ["export { default } from './FeatureCards.js'\nexport type { FeatureCardsProps, FeatureCardItem } from './types.js'\n"],
+  "mappings": "AAAA,OAAS,WAAAA,MAAe",
+  "names": ["default"]
+}

package/dist/esm/biz-components/FeatureCards/types.d.ts

@@ -0,0 +1,27 @@
+import type { Media, Theme } from '../../types/props.js';
+export interface FeatureCardItem {
+    /** 卡片标题 */
+    title: string;
+    /** 卡片副标题/描述 */
+    subtitle: string;
+    /** 背景图片 URL */
+    image: Media;
+    /** 主题，默认 light */
+    theme?: Theme;
+    /** 链接地址 */
+    link?: string;
+}
+export interface FeatureCardsProps {
+    data: {
+        /** 主标题 */
+        title: string;
+        /** 副标题/描述 */
+        subtitle?: string;
+        /** 卡片列表 */
+        items: FeatureCardItem[];
+        /** 主题，默认 light */
+        theme?: Theme;
+    };
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/esm/biz-components/FeatureCards/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/FeatureCards/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/biz-components/FeatureShowcase/FeatureShowcase.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FeatureShowcaseProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<FeatureShowcaseProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/dist/esm/biz-components/FeatureShowcase/FeatureShowcase.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import f,{useRef as n,useImperativeHandle as _}from"react";import{Picture as s,Text as l,Heading as r}from"../../components/index.js";import{cn as w}from"../../helpers/utils.js";import{withLayout as v}from"../../shared/Styles.js";import{useExposure as g}from"../../hooks/useExposure.js";const N="image",k="feature_showcase",i=f.forwardRef(({data:c,className:m},x)=>{const{datalist:d=[],datalists:u=[],theme:h="light"}=c||{},o=n(null);return g(o,{componentType:N,componentName:k,componentTitle:"Feature Showcase"}),_(x,()=>o.current),a("section",{ref:o,"data-ui-component-id":"FeatureShowcase",className:w("feature-showcase scrollbar-hidden text-info-primary l:flex-row l:overflow-hidden l:overflow-x-scroll laptop:flex-col flex gap-[16px]",{"aiui-dark":h==="dark"},m),children:[e("div",{className:"feature-showcase__list flex gap-[16px]",children:d?.map((t,p)=>e("div",{className:"feature-showcase__item",children:a("div",{className:"feature-showcase__card relative",children:[e(s,{source:`${t.imageMob?.url}`,className:"feature-showcase__image feature-showcase__image--mobile rounded-box laptop:hidden w-[296px]"}),e(s,{source:`${t.image?.url} 1024`,className:"feature-showcase__image feature-showcase__image--desktop l:hidden"}),a("div",{className:"feature-showcase__content laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:p-[32px] absolute bottom-0 left-0 px-[16px] py-[12px] text-white",children:[e(r,{as:"h2",size:3,html:t?.title,className:"feature-showcase__title mt-[16px] md:text-[20px]"}),e(l,{as:"p",html:t.desc,size:4,className:"feature-showcase__description tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[40px] text-[14px]"})]})]})},p))}),e("div",{className:"feature-showcase__list flex gap-[16px]",children:u?.map((t,p)=>e("div",{className:"feature-showcase__item",children:a("div",{className:"feature-showcase__card relative",children:[e(s,{source:`${t.imageMob?.url}`,className:"feature-showcase__image feature-showcase__image--mobile rounded-box laptop:hidden w-[296px]"}),e(s,{source:`${t.image?.url} 1024`,className:"feature-showcase__image feature-showcase__image--desktop l:hidden"}),a("div",{className:"feature-showcase__content laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:p-[32px] absolute bottom-0 left-0 px-[16px] py-[12px] text-white",children:[e(r,{as:"h2",size:3,html:t?.title,className:"feature-showcase__title mt-[16px] md:text-[20px]"}),e(l,{as:"p",html:t.desc,size:4,className:"feature-showcase__description tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[40px] text-[14px]"})]})]})},p))})]})});i.displayName="FeatureShowcase";var H=v(i);export{H as default};
+//# sourceMappingURL=FeatureShowcase.js.map

package/dist/esm/biz-components/FeatureShowcase/FeatureShowcase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/FeatureShowcase/FeatureShowcase.tsx"],
+  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Picture, Text, Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { FeatureShowcaseProps, FeatureShowcaseItem } from './types.js'\n\nconst componentType = 'image'\nconst componentName = 'feature_showcase'\n\nconst FeatureShowcase = React.forwardRef<HTMLDivElement, FeatureShowcaseProps>(({ data, className }, ref) => {\n  const { datalist = [], datalists = [], theme = 'light' } = data || {}\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: 'Feature Showcase',\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureShowcase\"\n      className={cn(\n        'feature-showcase scrollbar-hidden text-info-primary l:flex-row l:overflow-hidden l:overflow-x-scroll laptop:flex-col flex gap-[16px]',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className\n      )}\n    >\n      <div className=\"feature-showcase__list flex gap-[16px]\">\n        {datalist?.map((item: FeatureShowcaseItem, index: number) => (\n          <div key={index} className=\"feature-showcase__item\">\n            <div className=\"feature-showcase__card relative\">\n              <Picture\n                source={`${item.imageMob?.url}`}\n                className=\"feature-showcase__image feature-showcase__image--mobile rounded-box laptop:hidden w-[296px]\"\n              />\n              <Picture\n                source={`${item.image?.url} 1024`}\n                className=\"feature-showcase__image feature-showcase__image--desktop l:hidden\"\n              />\n              <div className=\"feature-showcase__content laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:p-[32px] absolute bottom-0 left-0 px-[16px] py-[12px] text-white\">\n                <Heading\n                  as={'h2'}\n                  size={3}\n                  html={item?.title}\n                  className=\"feature-showcase__title mt-[16px] md:text-[20px]\"\n                />\n\n                <Text\n                  as={'p'}\n                  html={item.desc}\n                  size={4}\n                  className=\"feature-showcase__description tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[40px] text-[14px]\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n      <div className=\"feature-showcase__list flex gap-[16px]\">\n        {datalists?.map((item: FeatureShowcaseItem, index: number) => (\n          <div key={index} className=\"feature-showcase__item\">\n            <div className=\"feature-showcase__card relative\">\n              <Picture\n                source={`${item.imageMob?.url}`}\n                className=\"feature-showcase__image feature-showcase__image--mobile rounded-box laptop:hidden w-[296px]\"\n              />\n              <Picture\n                source={`${item.image?.url} 1024`}\n                className=\"feature-showcase__image feature-showcase__image--desktop l:hidden\"\n              />\n              <div className=\"feature-showcase__content laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:p-[32px] absolute bottom-0 left-0 px-[16px] py-[12px] text-white\">\n                <Heading\n                  as={'h2'}\n                  size={3}\n                  html={item?.title}\n                  className=\"feature-showcase__title mt-[16px] md:text-[20px]\"\n                />\n\n                <Text\n                  as={'p'}\n                  html={item.desc}\n                  size={4}\n                  className=\"feature-showcase__description tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[40px] text-[14px]\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </section>\n  )\n})\n\nFeatureShowcase.displayName = 'FeatureShowcase'\n\nexport default withLayout(FeatureShowcase)\n"],
+  "mappings": "aAwCc,cAAAA,EAQA,QAAAC,MARA,oBAvCd,OAAOC,GAAS,UAAAC,EAAQ,uBAAAC,MAA2B,QACnD,OAAS,WAAAC,EAAS,QAAAC,EAAM,WAAAC,MAAe,4BACvC,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,eAAAC,MAAmB,6BAG5B,MAAMC,EAAgB,QAChBC,EAAgB,mBAEhBC,EAAkBX,EAAM,WAAiD,CAAC,CAAE,KAAAY,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CAC3G,KAAM,CAAE,SAAAC,EAAW,CAAC,EAAG,UAAAC,EAAY,CAAC,EAAG,MAAAC,EAAQ,OAAQ,EAAIL,GAAQ,CAAC,EAE9DM,EAASjB,EAAuB,IAAI,EAE1C,OAAAO,EAAYU,EAAQ,CAClB,cAAAT,EACA,cAAAC,EACA,eAAgB,kBAClB,CAAC,EAEDR,EAAoBY,EAAK,IAAMI,EAAO,OAAyB,EAG7DnB,EAAC,WACC,IAAKmB,EACL,uBAAqB,kBACrB,UAAWZ,EACT,uIACA,CACE,YAAaW,IAAU,MACzB,EACAJ,CACF,EAEA,UAAAf,EAAC,OAAI,UAAU,yCACZ,SAAAiB,GAAU,IAAI,CAACI,EAA2BC,IACzCtB,EAAC,OAAgB,UAAU,yBACzB,SAAAC,EAAC,OAAI,UAAU,kCACb,UAAAD,EAACK,EAAA,CACC,OAAQ,GAAGgB,EAAK,UAAU,GAAG,GAC7B,UAAU,8FACZ,EACArB,EAACK,EAAA,CACC,OAAQ,GAAGgB,EAAK,OAAO,GAAG,QAC1B,UAAU,oEACZ,EACApB,EAAC,OAAI,UAAU,8KACb,UAAAD,EAACO,EAAA,CACC,GAAI,KACJ,KAAM,EACN,KAAMc,GAAM,MACZ,UAAU,mDACZ,EAEArB,EAACM,EAAA,CACC,GAAI,IACJ,KAAMe,EAAK,KACX,KAAM,EACN,UAAU,0KACZ,GACF,GACF,GAzBQC,CA0BV,CACD,EACH,EACAtB,EAAC,OAAI,UAAU,yCACZ,SAAAkB,GAAW,IAAI,CAACG,EAA2BC,IAC1CtB,EAAC,OAAgB,UAAU,yBACzB,SAAAC,EAAC,OAAI,UAAU,kCACb,UAAAD,EAACK,EAAA,CACC,OAAQ,GAAGgB,EAAK,UAAU,GAAG,GAC7B,UAAU,8FACZ,EACArB,EAACK,EAAA,CACC,OAAQ,GAAGgB,EAAK,OAAO,GAAG,QAC1B,UAAU,oEACZ,EACApB,EAAC,OAAI,UAAU,8KACb,UAAAD,EAACO,EAAA,CACC,GAAI,KACJ,KAAM,EACN,KAAMc,GAAM,MACZ,UAAU,mDACZ,EAEArB,EAACM,EAAA,CACC,GAAI,IACJ,KAAMe,EAAK,KACX,KAAM,EACN,UAAU,0KACZ,GACF,GACF,GAzBQC,CA0BV,CACD,EACH,GACF,CAEJ,CAAC,EAEDT,EAAgB,YAAc,kBAE9B,IAAOU,EAAQd,EAAWI,CAAe",
+  "names": ["jsx", "jsxs", "React", "useRef", "useImperativeHandle", "Picture", "Text", "Heading", "cn", "withLayout", "useExposure", "componentType", "componentName", "FeatureShowcase", "data", "className", "ref", "datalist", "datalists", "theme", "boxRef", "item", "index", "FeatureShowcase_default"]
+}

package/dist/esm/biz-components/FeatureShowcase/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FeatureShowcase.js';
+export type { FeatureShowcaseProps, FeatureShowcaseItem } from './types.js';

package/dist/esm/biz-components/FeatureShowcase/index.js

@@ -0,0 +1,2 @@
+import{default as o}from"./FeatureShowcase.js";export{o as default};
+//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/FeatureShowcase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/FeatureShowcase/index.ts"],
+  "sourcesContent": ["export { default } from './FeatureShowcase.js'\nexport type { FeatureShowcaseProps, FeatureShowcaseItem } from './types.js'\n"],
+  "mappings": "AAAA,OAAS,WAAAA,MAAe",
+  "names": ["default"]
+}

package/dist/esm/biz-components/FeatureShowcase/types.d.ts

@@ -0,0 +1,23 @@
+import type { Media, Theme } from '../../types/props';
+export interface FeatureShowcaseItem {
+    /** 标题 */
+    title: string;
+    /** 描述文本 */
+    desc: string;
+    /** 桌面端图片 URL */
+    image: Media;
+    /** 移动端图片 URL */
+    imageMob: Media;
+}
+export interface FeatureShowcaseProps {
+    data: {
+        /** 第一组数据列表 */
+        datalist: FeatureShowcaseItem[];
+        /** 第二组数据列表 */
+        datalists: FeatureShowcaseItem[];
+        /** 主题，默认 light */
+        theme?: Theme;
+    };
+    /** 自定义类名 */
+    className?: string;
+}

package/dist/esm/biz-components/FeatureShowcase/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/FeatureShowcase/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/biz-components/Features/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Img } from '../../types/props.js';
 export type FeaturesDataType = {
     img: Img;
@@ -20,7 +21,7 @@ type FeaturesType = {
     className?: string;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<FeaturesType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+    className?: string | undefined;
+    data?: Record<string, any> | undefined;
 } & import("react").RefAttributes<any>>;
 export default _default;