<we-product-variant> AEM We.Retail源代码中标记的实现在哪里？

Question

我是AEM的新学习者，我在这里发现了示例We.Retail的源代码。这里是产品来源的一部分.html

<div class="we-Product cq-dd-product-data-reference"
 data-sly-use.productModel="we.retail.core.model.ProductModel"
 data-sly-use.hapiProduct="${'org.apache.sling.hapi.sightly.HApiUse' @ type='/apps/public/weretail/hapi_types/product'}"
 data-sly-attribute="${hapiProduct.itemtype}">
<div data-sly-test="${wcmmode.edit && !model.hasVariants}" class="cq-placeholder"
     data-emptytext="Product Component"></div>
<we-product-variant
    data-sly-repeat.productItem="${productModel.productItem.variants}"
    is-base="${productItemList.first ? 1 : 0}"
    path="${productItem.path}"
    page-path="${productItem.pagePath}"
    variants="${productItem.variants}"
    sku="${productItem.sku}"
    title="${productItem.title}"
    description="${productItem.description}"
    price="${productItem.price}"
    summary="${productItem.summary}"
    features="${productItem.features}"
    image="${productItem.imageUrl}"
    thumbnail="${productItem.thumbnailUrl}"
    variant-axes="${productItem.variantAxesMapJson}"></we-product-variant>
    ....
</div>

我无法找到自定义标签<我们产品变体>的实现，所以我不明白这个标签的用途是什么？所以请帮忙指出我！

对不起，我不擅长英语。

Answer 1

这是支持该标签的 Vue 组件的实现 - https://github.com/Adobe-Marketing-Cloud/aem-sample-we-retail/blob/master/ui.apps/src/main/content/jcr_root/apps/weretail/components/structure/product/clientlibs/js/product.js