@pisell/private-materials 6.3.3 → 6.3.5

package/es/components/wallet/DiscountCard/model.d.ts

@@ -1,14 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: number;
-    setup?: 'menu' | 'list' | 'detail' | string;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/es/components/wallet/PointCard/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: number;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/es/components/wallet/RechargeableCard/model.d.ts

@@ -1,29 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    selectedGiftOptionId: string | null;
-    cardList: Array<{
-        id: string;
-        name: string;
-        price: number;
-    }>;
-    selectedItem: {
-        id?: string;
-        gift_price?: number;
-        price?: number;
-        name?: string;
-        variant_id?: string;
-    };
-    productId?: string;
-    detailId?: string;
-    total: string | number;
-    rechargeModalOpen: boolean;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/es/components/wallet/Voucher/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: 0;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/es/components/wallet/hooks/useWalletCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IWalletListItemProps } from '../serve';
 /**
  * 钱包卡片Hook的参数

package/es/components/wallet/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from './serve';
 export interface WalletCardItemProps {
     id: string;
@@ -27,11 +26,4 @@ export interface WalletListProps {
     currentSearchListItemCode?: string;
     [key: string]: any;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    global_wallet: WalletListProps;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/es/hooks/useComponents.js

@@ -8,7 +8,7 @@ var useComponents = function useComponents(params) {
     var _utils$getComponents;
     var _ref = appHelper || {},
       utils = _ref.utils;
-    return (utils === null || utils === void 0 ? void 0 : (_utils$getComponents = utils.getComponents) === null || _utils$getComponents === void 0 ? void 0 : _utils$getComponents.call(utils, components)) || [];
+    return (utils === null || utils === void 0 || (_utils$getComponents = utils.getComponents) === null || _utils$getComponents === void 0 ? void 0 : _utils$getComponents.call(utils, components)) || [];
   }, [components]);
   return Cpt;
 };

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/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 };