@shopbb/helium 0.2.0 → 0.3.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AddToCartButton.d.ts +41 -0
- package/dist/components/AddToCartButton.d.ts.map +1 -0
- package/dist/components/AddToCartButton.js +63 -0
- package/dist/components/AddToCartButton.js.map +1 -0
- package/dist/components/AnalyticsProvider.d.ts +106 -0
- package/dist/components/AnalyticsProvider.d.ts.map +1 -0
- package/dist/components/AnalyticsProvider.js +135 -0
- package/dist/components/AnalyticsProvider.js.map +1 -0
- package/dist/components/CartLineQuantityAdjustButton.d.ts +40 -0
- package/dist/components/CartLineQuantityAdjustButton.d.ts.map +1 -0
- package/dist/components/CartLineQuantityAdjustButton.js +58 -0
- package/dist/components/CartLineQuantityAdjustButton.js.map +1 -0
- package/dist/components/CartProvider.d.ts +111 -0
- package/dist/components/CartProvider.d.ts.map +1 -0
- package/dist/components/CartProvider.js +263 -0
- package/dist/components/CartProvider.js.map +1 -0
- package/dist/components/Image.d.ts +39 -0
- package/dist/components/Image.d.ts.map +1 -0
- package/dist/components/Image.js +28 -0
- package/dist/components/Image.js.map +1 -0
- package/dist/components/Money.d.ts +41 -0
- package/dist/components/Money.d.ts.map +1 -0
- package/dist/components/Money.js +53 -0
- package/dist/components/Money.js.map +1 -0
- package/dist/components/ProductOptionsProvider.d.ts +70 -0
- package/dist/components/ProductOptionsProvider.d.ts.map +1 -0
- package/dist/components/ProductOptionsProvider.js +93 -0
- package/dist/components/ProductOptionsProvider.js.map +1 -0
- package/dist/components/ProductPrice.d.ts +28 -0
- package/dist/components/ProductPrice.d.ts.map +1 -0
- package/dist/components/ProductPrice.js +10 -0
- package/dist/components/ProductPrice.js.map +1 -0
- package/dist/components/ShopProvider.d.ts +49 -0
- package/dist/components/ShopProvider.d.ts.map +1 -0
- package/dist/components/ShopProvider.js +62 -0
- package/dist/components/ShopProvider.js.map +1 -0
- package/dist/components/VariantSelector.d.ts +80 -0
- package/dist/components/VariantSelector.d.ts.map +1 -0
- package/dist/components/VariantSelector.js +87 -0
- package/dist/components/VariantSelector.js.map +1 -0
- package/dist/components/index.d.ts +41 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +33 -0
- package/dist/components/index.js.map +1 -0
- package/package.json +12 -4
- package/src/components/AddToCartButton.tsx +101 -0
- package/src/components/AnalyticsProvider.tsx +175 -0
- package/src/components/CartLineQuantityAdjustButton.tsx +119 -0
- package/src/components/CartProvider.tsx +378 -0
- package/src/components/Image.tsx +93 -0
- package/src/components/Money.tsx +112 -0
- package/src/components/ProductOptionsProvider.tsx +149 -0
- package/src/components/ProductPrice.tsx +61 -0
- package/src/components/ShopProvider.tsx +86 -0
- package/src/components/VariantSelector.tsx +148 -0
- package/src/components/index.ts +71 -0
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @shopbb/helium/components — 商家用 React 组件
|
|
3
|
+
*
|
|
4
|
+
* 用法:
|
|
5
|
+
* import {
|
|
6
|
+
* ShopProvider, CartProvider, AnalyticsProvider,
|
|
7
|
+
* useShop, useCart, useAnalytics,
|
|
8
|
+
* Money, Image, ProductPrice,
|
|
9
|
+
* AddToCartButton, CartLineQuantityAdjustButton,
|
|
10
|
+
* VariantSelector, ProductOptionsProvider, useProductOptions,
|
|
11
|
+
* Analytics,
|
|
12
|
+
* } from '@shopbb/helium/components';
|
|
13
|
+
*
|
|
14
|
+
* 设计原则:
|
|
15
|
+
* - 无样式:组件只管行为 + 语义化 DOM,样式商家自己写
|
|
16
|
+
* - data-* 钩子:方便选择器
|
|
17
|
+
* - 对齐 Shopify Hydrogen 同名组件的 API,迁移成本低
|
|
18
|
+
* - Provider 链:<ShopProvider> > <CartProvider> > <AnalyticsProvider> > App
|
|
19
|
+
* 组件优先从 Provider 拿;Provider 缺省时回退到 props 或 noop
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
// Providers + hooks
|
|
23
|
+
export { ShopProvider, useShop, useShopOptional } from './ShopProvider';
|
|
24
|
+
export type { ShopContextValue, ShopProviderProps } from './ShopProvider';
|
|
25
|
+
|
|
26
|
+
export { CartProvider, useCart, useCartOptional } from './CartProvider';
|
|
27
|
+
export type {
|
|
28
|
+
Cart,
|
|
29
|
+
CartLine,
|
|
30
|
+
CartLineMerchandise,
|
|
31
|
+
CartStatus,
|
|
32
|
+
CartUserError,
|
|
33
|
+
CartContextValue,
|
|
34
|
+
CartProviderProps,
|
|
35
|
+
} from './CartProvider';
|
|
36
|
+
|
|
37
|
+
export {
|
|
38
|
+
ProductOptionsProvider,
|
|
39
|
+
useProductOptions,
|
|
40
|
+
} from './ProductOptionsProvider';
|
|
41
|
+
export type {
|
|
42
|
+
ProductOptionsContextValue,
|
|
43
|
+
ProductOptionsProviderProps,
|
|
44
|
+
ProductOptionItem,
|
|
45
|
+
} from './ProductOptionsProvider';
|
|
46
|
+
|
|
47
|
+
export { AnalyticsProvider, useAnalytics, Analytics } from './AnalyticsProvider';
|
|
48
|
+
export type { AnalyticsEvent, AnalyticsContextValue, AnalyticsProviderProps } from './AnalyticsProvider';
|
|
49
|
+
|
|
50
|
+
// 展示型组件
|
|
51
|
+
export { Money } from './Money';
|
|
52
|
+
export type { MoneyProps, MoneyData, MoneyMeasurement } from './Money';
|
|
53
|
+
|
|
54
|
+
export { Image } from './Image';
|
|
55
|
+
export type { ImageProps, ImageData } from './Image';
|
|
56
|
+
|
|
57
|
+
export { ProductPrice } from './ProductPrice';
|
|
58
|
+
export type { ProductPriceProps } from './ProductPrice';
|
|
59
|
+
|
|
60
|
+
export { AddToCartButton } from './AddToCartButton';
|
|
61
|
+
export type { AddToCartButtonProps } from './AddToCartButton';
|
|
62
|
+
|
|
63
|
+
export { CartLineQuantityAdjustButton } from './CartLineQuantityAdjustButton';
|
|
64
|
+
export type { CartLineQuantityAdjustButtonProps } from './CartLineQuantityAdjustButton';
|
|
65
|
+
|
|
66
|
+
export { VariantSelector } from './VariantSelector';
|
|
67
|
+
export type {
|
|
68
|
+
VariantSelectorProps,
|
|
69
|
+
VariantSelectorRenderProps,
|
|
70
|
+
VariantOption,
|
|
71
|
+
} from './VariantSelector';
|