@pisell/private-materials 3.4.16 → 3.4.18

package/es/components/appointmentBooking/components/Content/index.js

@@ -251,7 +251,7 @@ var Layout = function Layout() {
     if (isMobile()) {
       var _header$getBoundingCl, _footer$getBoundingCl;
       var header = document.querySelector('.event-progress-bar');
-      var footer = document.querySelector('.pisell-section-footers-wrapper');
+      var footer = document.querySelector('.pisell-section-footers-wrapper') || document.querySelector('#layout-footer');
       var content = document.querySelector('.parallel-content-mobile-wrap');
       var headerHeight = (header === null || header === void 0 || (_header$getBoundingCl = header.getBoundingClientRect()) === null || _header$getBoundingCl === void 0 ? void 0 : _header$getBoundingCl.height) || 0;
       var footerHeight = (footer === null || footer === void 0 || (_footer$getBoundingCl = footer.getBoundingClientRect()) === null || _footer$getBoundingCl === void 0 ? void 0 : _footer$getBoundingCl.height) || 0;

package/es/components/appointmentBooking/components/Content/index.less

@@ -7,7 +7,7 @@
   flex: 1;
 
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 77px !important;
     }
   }
@@ -50,7 +50,7 @@
   flex: none;
 
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 0 !important;
     }
   }
@@ -97,7 +97,7 @@
 
 .parallel-content-retail-wrap {
   .pisell-product-select-wrapper {
-    .pisell-product-select-tabs-wrapper {
+    .pisell-product-select__tabs-wrapper {
       top: 0px !important;
     }
   }

package/es/components/appointmentBooking/components/Services/index.js

@@ -16,7 +16,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useEffect, forwardRef, useImperativeHandle, useMemo } from 'react';
 import dayjs from 'dayjs';
 import { isMobile, locales } from '@pisell/utils';
-import ProductSelect from "../../../productSelect";
+import ProductSelect from "../../../../plus/productSelect";
 import useEngineContext from "../../../../hooks/useEngineContext";
 import { useAppointmentBookingContext } from "../../context";
 import { useAppointmentBooking, useAppointmentBookingSetting, useAppointmentBookingProduct, useAppointmentBookingStep } from "../../hooks";
@@ -240,7 +240,7 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
   var _isMobile = useMemo(function () {
     if (typeof isMobile === 'function') return isMobile();
     return isMobile;
-  }, isMobile);
+  }, [isMobile]);
   return /*#__PURE__*/React.createElement("div", {
     className: "appointment-service-wrap"
   }, /*#__PURE__*/React.createElement(ProductSelect, {

package/es/components/appointmentBooking/index.js

@@ -30,10 +30,16 @@ var AppointmentBooking = function AppointmentBooking() {
   useEffect(function () {
     var setRealVH = function setRealVH() {
       // window.innerHeight 会返回视口真实的高度（不包括工具栏）
-      var vh = window.innerHeight * 0.01;
+      var height = window.innerHeight;
+
+      // 检查 URL 参数中是否有 fromTabbar
+      var urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.has('fromTabbar')) {
+        height = height - 54;
+      }
+      var vh = height * 0.01;
       document.documentElement.style.setProperty('--vh', "".concat(vh, "px"));
     };
-
     // 页面加载和窗口大小变化时都重新计算
     setRealVH();
     window.addEventListener('resize', setRealVH);

package/es/components/booking/info2/service/addTimeModal/index.js

@@ -272,7 +272,6 @@ var AddTimeModal = function AddTimeModal() {
           case 3:
             newList = _context2.sent;
             list = newList.map(function (d) {
-              debugger;
               // 是否可用
               var isUsable = isUsableProduct(d.add_time, state.service.cacheItem);
               return _objectSpread(_objectSpread({}, d), {}, {

package/es/components/booking/utils.d.ts

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/es/components/eftposPay/hooks.d.ts

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "windcave" | "payo" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/es/components/eftposPay/store/index.d.ts

@@ -297,8 +297,8 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
-        action?: "amount" | "deviceList" | "pay" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | "linkly" | undefined;
+        action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;

package/es/components/eventBooking/index.js

@@ -61,7 +61,14 @@ var Content = function Content() {
   useEffect(function () {
     var setRealVH = function setRealVH() {
       // window.innerHeight 会返回视口真实的高度（不包括工具栏）
-      var vh = window.innerHeight * 0.01;
+      var height = window.innerHeight;
+
+      // 检查 URL 参数中是否有 formTabbar
+      var urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.has('formTabbar')) {
+        height = height - 54;
+      }
+      var vh = height * 0.01;
       document.documentElement.style.setProperty('--vh', "".concat(vh, "px"));
     };
 

package/es/components/ticketBooking/components/addServiceVariant/addService.js

@@ -27,7 +27,7 @@ import { holderId, isDaysBooking, isNormalProductByDurationSchedule } from "../.
 import { getIsBundleOrCombination, isBooking4Shop } from "../../../booking/info/utils";
 import { getProductDetail } from "../../../booking/info/service/serve";
 import { useService } from "../../../booking/info/service/serviceManager";
-import ProductSelect from "../../../productSelect";
+import ProductSelect from "../../../../plus/productSelect";
 import "./index.less";
 import { addService, addServiceScroll, createSimpleCacheItem, genServiceKey, getIsShowNumber, isSameProduct } from "../../utils";
 import NotAvailable from "../notAvailable";
@@ -584,8 +584,8 @@ var AddSerivce = function AddSerivce(props) {
           isTitle: 1,
           isSubtitle: 1,
           isPrice: 1,
-          isOriginPrice: 1,
-          isStock: 1
+          isOriginPrice: 0,
+          isStock: 0
         }
       }), /*#__PURE__*/React.createElement(NotAvailable, {
         ref: notAvailableRef

package/es/hooks/useWindowSize.js

@@ -7,7 +7,14 @@ export var useWindowSize = function useWindowSize() {
     var timeoutId;
     var setRealVH = function setRealVH() {
       // window.innerHeight 会返回视口真实的高度（不包括工具栏）
-      var vh = window.innerHeight * 0.01;
+      var height = window.innerHeight;
+
+      // 检查 URL 参数中是否有 formTabbar
+      var urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.has('formTabbar')) {
+        height = height - 54;
+      }
+      var vh = height * 0.01;
       document.documentElement.style.setProperty('--vh', "".concat(vh, "px"));
     };
     var debouncedHandleResize = function debouncedHandleResize() {

package/es/index.d.ts

@@ -45,3 +45,6 @@ export { default as TicketBooking } from './components/ticketBooking';
 export { default as SubTotal } from './components/subTotal';
 export { default as EditBookingModal } from './components/booking/editBookingModal';
 export { default as StepController } from './components/stepController';
+export { default as SaasLogin } from './plus/saasLogin';
+export { default as SaasRegister } from './plus/saasRegister';
+export { default as SaasCreateOrganization } from './plus/saasCreateOrganization';

package/es/index.js

@@ -48,4 +48,7 @@ export { default as AppointmentDeposit } from "./components/appointmentBooking/d
 export { default as TicketBooking } from "./components/ticketBooking";
 export { default as SubTotal } from "./components/subTotal";
 export { default as EditBookingModal } from "./components/booking/editBookingModal";
-export { default as StepController } from "./components/stepController";
+export { default as StepController } from "./components/stepController";
+export { default as SaasLogin } from "./plus/saasLogin";
+export { default as SaasRegister } from "./plus/saasRegister";
+export { default as SaasCreateOrganization } from "./plus/saasCreateOrganization";

package/es/plus/productSelect/CategoryTabs/CategorySkeleton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './CategorySkeleton.less';
+interface CategorySkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    tabCount?: number;
+    animated?: boolean;
+}
+declare const CategorySkeleton: React.FC<CategorySkeletonProps>;
+export default CategorySkeleton;

package/es/plus/productSelect/CategoryTabs/CategorySkeleton.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import classNames from 'classnames';
+import "./CategorySkeleton.less";
+var CategorySkeleton = function CategorySkeleton(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    _ref$tabCount = _ref.tabCount,
+    tabCount = _ref$tabCount === void 0 ? 5 : _ref$tabCount,
+    _ref$animated = _ref.animated,
+    animated = _ref$animated === void 0 ? true : _ref$animated;
+  var containerClass = classNames('category-skeleton', {
+    'category-skeleton--animated': animated
+  }, className);
+  return /*#__PURE__*/React.createElement("div", {
+    className: containerClass,
+    style: style
+  }, Array.from({
+    length: tabCount
+  }, function (_, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "category-skeleton__tab",
+      style: {
+        width: "".concat(Math.floor(Math.random() * 40) + 80, "px")
+      }
+    });
+  }));
+};
+export default CategorySkeleton;

package/es/plus/productSelect/CategoryTabs/CategorySkeleton.less

@@ -0,0 +1,30 @@
+.category-skeleton {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 12px;
+
+  &__tab {
+    height: 32px;
+    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+    background-size: 200% 100%;
+    border-radius: 20px;
+    flex-shrink: 0;
+    height: 40px;
+  }
+
+  &--animated {
+    .category-skeleton__tab {
+      animation: skeleton-loading 1.5s ease-in-out infinite;
+    }
+  }
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}

package/es/plus/productSelect/CategoryTabs/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import '../components/TabsStructure/TabsStructure.less';
+import CategorySkeleton from './CategorySkeleton';
+declare type TabItem = {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+};
+interface IProps {
+    items: TabItem[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    loading?: boolean;
+    skeleton?: React.ReactNode;
+}
+declare const CategoryTabs: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
+export default CategoryTabs;
+export { CategorySkeleton };

package/es/plus/productSelect/CategoryTabs/index.js

@@ -0,0 +1,171 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { forwardRef, useCallback, useRef, useState, useEffect } from 'react';
+import IntersectionObserverProvider, { IntersectionTrigger } from "../components/IntersectionObserver";
+import { TabsStructure, useSelectionIndicator } from "../components/TabsStructure";
+import "../components/TabsStructure/TabsStructure.less";
+import CategorySkeleton from "./CategorySkeleton";
+import { PREFIX } from "../index";
+var CategoryTabs = /*#__PURE__*/forwardRef(function (props, ref) {
+  var items = props.items,
+    activeKey = props.activeKey,
+    onChange = props.onChange,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    skeleton = props.skeleton;
+  var railRef = useRef(null);
+
+  // 使用IntersectionTrigger来优雅地控制滚动状态
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAtStart = _useState2[0],
+    setIsAtStart = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isAtEnd = _useState4[0],
+    setIsAtEnd = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    needsScrollButtons = _useState6[0],
+    setNeedsScrollButtons = _useState6[1];
+
+  // 滚动函数
+  var scrollLeft = useCallback(function () {
+    if (!railRef.current) return;
+    var container = railRef.current;
+    var scrollAmount = container.clientWidth * 0.8;
+    var newPosition = Math.max(0, container.scrollLeft - scrollAmount);
+    container.scrollTo({
+      left: newPosition,
+      behavior: 'smooth'
+    });
+  }, []);
+  var scrollRight = useCallback(function () {
+    if (!railRef.current) return;
+    var container = railRef.current;
+    var scrollAmount = container.clientWidth * 0.8;
+    var maxScroll = container.scrollWidth - container.clientWidth;
+    var newPosition = Math.min(maxScroll, container.scrollLeft + scrollAmount);
+    container.scrollTo({
+      left: newPosition,
+      behavior: 'smooth'
+    });
+  }, []);
+
+  // 检测是否需要滚动按钮
+  useEffect(function () {
+    var updateScrollButtonsVisibility = function updateScrollButtonsVisibility() {
+      if (railRef.current) {
+        var _railRef$current = railRef.current,
+          scrollWidth = _railRef$current.scrollWidth,
+          clientWidth = _railRef$current.clientWidth;
+        console.log('检测滚动按钮需求:', {
+          scrollWidth: scrollWidth,
+          clientWidth: clientWidth,
+          needsScroll: scrollWidth > clientWidth
+        });
+        setNeedsScrollButtons(scrollWidth > clientWidth);
+      }
+    };
+    var resizeObserver = null;
+
+    // 确保DOM已经渲染完成
+    var timer = setTimeout(function () {
+      var container = railRef.current;
+      if (!container) {
+        console.log('容器未找到，跳过滚动按钮检测');
+        return;
+      }
+      updateScrollButtonsVisibility();
+      resizeObserver = new ResizeObserver(updateScrollButtonsVisibility);
+      resizeObserver.observe(container);
+    }, 100);
+    return function () {
+      clearTimeout(timer);
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+    };
+  }, [items]); // 依赖items，当标签项变化时重新检测
+
+  // 获取选择指示器和列表容器属性
+  var _useSelectionIndicato = useSelectionIndicator(railRef, activeKey || ''),
+    selectionIndicatorProps = _useSelectionIndicato.selectionIndicatorProps,
+    listContainerProps = _useSelectionIndicato.listContainerProps;
+
+  // 如果正在加载且提供了骨架屏组件，显示骨架屏
+  if (loading && skeleton) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, skeleton);
+  }
+  return /*#__PURE__*/React.createElement(IntersectionObserverProvider, null, items.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "__tabs-wrapper")
+  }, /*#__PURE__*/React.createElement(TabsStructure, {
+    variant: "pill",
+    backgroundVariant: "onPage",
+    selectedTab: activeKey
+  }, needsScrollButtons && /*#__PURE__*/React.createElement(TabsStructure.ChevronButton, {
+    direction: "prev",
+    disabled: isAtStart,
+    onClick: scrollLeft,
+    style: {
+      marginRight: '8px'
+    }
+  }), /*#__PURE__*/React.createElement(TabsStructure.Rail, {
+    ref: railRef
+  }, /*#__PURE__*/React.createElement(IntersectionTrigger, {
+    onShow: function onShow() {
+      console.log('is start');
+      setIsAtStart(true);
+    },
+    onHide: function onHide() {
+      console.log('is start false');
+      setIsAtStart(false);
+    },
+    style: {
+      width: 1,
+      height: 1,
+      flexShrink: 0,
+      background: 'rgba(0,0,0,0)'
+    },
+    className: "visibility-detector start-detector"
+  }), /*#__PURE__*/React.createElement(TabsStructure.SelectionIndicator, selectionIndicatorProps), /*#__PURE__*/React.createElement(TabsStructure.ListContainer, listContainerProps, items.map(function (item) {
+    return /*#__PURE__*/React.createElement(TabsStructure.Item, {
+      key: item.key,
+      tabId: item.key,
+      "aria-selected": activeKey === item.key,
+      onClick: function onClick() {
+        return onChange(item.key);
+      },
+      className: "tab-item"
+    }, item.label);
+  })), /*#__PURE__*/React.createElement(IntersectionTrigger, {
+    className: "visibility-detector end-detector",
+    onShow: function onShow() {
+      console.log('is end');
+      setIsAtEnd(true);
+    },
+    onHide: function onHide() {
+      console.log('is end false');
+      setIsAtEnd(false);
+    },
+    style: {
+      width: 1,
+      height: 1,
+      flexShrink: 0,
+      background: 'rgba(0,0,0,0)'
+    }
+  })), needsScrollButtons && /*#__PURE__*/React.createElement(TabsStructure.ChevronButton, {
+    direction: "next",
+    disabled: isAtEnd,
+    onClick: scrollRight,
+    style: {
+      marginLeft: '8px'
+    }
+  }))));
+});
+export default CategoryTabs;
+export { CategorySkeleton };

package/es/plus/productSelect/ProductCard/ProductCardSkeleton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ProductCardSkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    isProductCover?: boolean;
+    item?: any;
+    index?: number;
+}
+declare const ProductCardSkeleton: React.FC<ProductCardSkeletonProps>;
+export default ProductCardSkeleton;

package/es/plus/productSelect/ProductCard/ProductCardSkeleton.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import classNames from 'classnames';
+import { Skeleton } from 'antd';
+import { PREFIX } from "../index";
+var ProductCardSkeleton = function ProductCardSkeleton(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    _ref$isProductCover = _ref.isProductCover,
+    isProductCover = _ref$isProductCover === void 0 ? true : _ref$isProductCover,
+    item = _ref.item;
+  // 如果item.__typename为'category'，显示简单的输入框骨架屏
+  if ((item === null || item === void 0 ? void 0 : item.__typename) === 'category') {
+    return /*#__PURE__*/React.createElement(Skeleton.Input, {
+      active: true,
+      size: "small",
+      block: false
+    });
+  }
+
+  // 默认显示产品卡片骨架屏
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX, "__product-card"), className),
+    style: style
+  }, isProductCover && /*#__PURE__*/React.createElement(Skeleton.Image, {
+    active: true,
+    style: {
+      width: 180,
+      height: 126
+    }
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    active: true,
+    paragraph: {
+      rows: 2
+    }
+  }));
+};
+export default ProductCardSkeleton;

package/es/plus/productSelect/ProductCard/ProductCardSkeleton.less

@@ -0,0 +1,81 @@
+.product-card-skeleton {
+  display: flex;
+  gap: 12px;
+  padding: 8px;
+  border-radius: 12px;
+  background: #fff;
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+
+  &__cover {
+    width: 180px;
+    height: 126px;
+    border-radius: 6px;
+    flex-shrink: 0;
+  }
+
+  &__content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  &__title {
+    height: 20px;
+    border-radius: 4px;
+  }
+
+  &__specs {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+  }
+
+  &__spec-item {
+    height: 24px;
+    width: 60px;
+    border-radius: 12px;
+  }
+
+  &__price {
+    height: 18px;
+    width: 60%;
+    border-radius: 4px;
+  }
+}
+
+.skeleton-item {
+  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+  background-size: 200% 100%;
+  display: block;
+  position: relative;
+  overflow: hidden;
+
+  &--animated {
+    animation: skeleton-loading 1.5s ease-in-out infinite;
+  }
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+// 网格布局中的产品卡片骨架屏样式调整
+.product-grid-wrapper {
+  .product-card-skeleton {
+    min-width: unset;
+    width: 100%;
+  }
+}
+
+// 列表布局中的产品卡片骨架屏样式调整
+.product-list-wrapper {
+  .product-card-skeleton {
+    width: 100%;
+  }
+}

package/es/plus/productSelect/ProductCard/index.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import ProductCardSkeleton from './ProductCardSkeleton';
+import './index.less';
+declare type BoolConfigVal = 0 | 1;
+export interface ProductCardConfig {
+    isProductCover?: BoolConfigVal;
+    imgWidth?: string;
+    imgHeight?: string;
+    radius?: number;
+    isTitle?: BoolConfigVal;
+    isSubtitle?: BoolConfigVal;
+    showSpec?: boolean;
+    isTag?: BoolConfigVal;
+    isPrice?: BoolConfigVal;
+    isOriginPrice?: BoolConfigVal;
+    showZeroPrice?: boolean;
+    showMarketingTag?: boolean;
+    showRemark?: boolean;
+    isStock?: BoolConfigVal;
+}
+export interface ProductCardProps {
+    item: any;
+    index: number;
+    context?: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    };
+    className?: string;
+    onSelectProduct?: (item: any) => void;
+    currentProductId?: number;
+    onSelect?: (item: any) => void;
+    isSelected?: boolean;
+    decorateConfig?: ProductCardConfig;
+}
+export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, isSelected, className, decorateConfig, }: ProductCardProps) => JSX.Element>;
+export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
+    item: any;
+    index: number;
+    context?: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    } | undefined;
+}) => JSX.Element>;
+export default ProductCard;
+export { ProductCardSkeleton };