@pisell/private-materials 3.4.47 → 3.4.49

package/lib/plus/contactInfo/components/Avatar/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AvatarConfig } from '../../types';
+import '../../index.less';
+interface AvatarProps {
+    config?: AvatarConfig;
+    name: string;
+    cover?: string;
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/lib/plus/contactInfo/components/SwipeAction/index.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+declare type NativeProps<S extends string = never> = {
+    className?: string;
+    style?: React.CSSProperties & Partial<Record<S, string>>;
+};
+declare type PropagationEvent = 'click';
+import './index.less';
+declare type SideType = 'left' | 'right';
+export declare type SwipeActionRef = {
+    close: () => void;
+    show: (side?: SideType) => void;
+};
+declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type Action = {
+    key: string | number;
+    text: ReactNode;
+    color?: ActionColor | string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: React.CSSProperties;
+};
+export declare type SwipeActionProps = {
+    rightActions?: Action[];
+    leftActions?: Action[];
+    onAction?: (action: Action, e: React.MouseEvent) => void;
+    closeOnTouchOutside?: boolean;
+    closeOnAction?: boolean;
+    children: ReactNode;
+    stopPropagation?: PropagationEvent[];
+    onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
+    escapeDom?: string;
+} & NativeProps<'--background'>;
+export declare const SwipeAction: React.ForwardRefExoticComponent<{
+    rightActions?: Action[] | undefined;
+    leftActions?: Action[] | undefined;
+    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
+    closeOnTouchOutside?: boolean | undefined;
+    closeOnAction?: boolean | undefined;
+    children: ReactNode;
+    stopPropagation?: "click"[] | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    escapeDom?: string | undefined;
+} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
+export {};

package/lib/plus/contactInfo/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ContactInfoProps } from './types';
+import './index.less';
+export declare const PREFIX = "pisell-plus-contact-info";
+declare const ContactInfo: React.FC<ContactInfoProps>;
+export default ContactInfo;

package/lib/plus/contactInfo/locales.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    en: {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+    'zh-CN': {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+    'zh-HK': {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+};
+export default _default;

package/lib/plus/contactInfo/types.d.ts

@@ -0,0 +1,91 @@
+import React, { CSSProperties } from 'react';
+/**
+ * 联系信息数据
+ */
+export interface ContactInfoData {
+    first_name?: string;
+    last_name?: string;
+    phone?: {
+        phone: string;
+        country_calling_code: string;
+        country_code?: string;
+    };
+    email?: string;
+    avatar?: string;
+}
+/**
+ * 卡片布局类型
+ */
+export declare type Direction = 'horizontal' | 'vertical';
+/**
+ * 头像尺寸类型
+ */
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+/**
+ * 头像形状类型
+ */
+export declare type AvatarShape = 'circle' | 'square';
+/**
+ * 头像配置
+ */
+export interface AvatarConfig {
+    shape?: AvatarShape;
+    borderRadius?: number;
+    size?: AvatarSize;
+    useTextAvatar?: boolean;
+    children?: string;
+}
+/**
+ * 姓名样式配置
+ */
+export interface NameStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+    textDecoration?: string;
+}
+export interface StyleConfig {
+    width?: number | string;
+    border?: 'solid' | 'unset';
+    borderWidth?: number | string;
+    borderColor?: string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    [key: string]: any;
+}
+/**
+ * 文本样式配置
+ */
+export interface TextStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+}
+/**
+ * ContactInfo 组件属性接口
+ */
+export interface ContactInfoProps {
+    dataSource?: ContactInfoData;
+    defaultName?: string;
+    placeholder?: string | React.ReactNode;
+    isShowDelete?: boolean;
+    children?: React.ReactNode;
+    direction?: Direction;
+    horizontalGap?: number | string;
+    verticalGap?: number | string;
+    isShowAvatar?: boolean;
+    isShowPhone?: boolean;
+    isShowEmail?: boolean;
+    avatar?: AvatarConfig;
+    style?: StyleConfig;
+    nameStyle?: NameStyle;
+    textStyle?: TextStyle;
+    placeholderStyle?: CSSProperties;
+    button?: {
+        addButtonIcon?: string;
+        editButtonIcon?: string;
+    };
+    onSave?: (value: any) => void;
+    onDelete?: () => void;
+    onCancel?: () => void;
+}

package/lib/plus/contactInfo/utils.d.ts

@@ -0,0 +1,7 @@
+interface FieldMapping<T = any, R = any> {
+    [key: string]: string | ((data: T) => R) | undefined;
+}
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string): R | undefined;
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string, mapping: FieldMapping<T, R>): R | undefined;
+export declare const getAvatarText: (name: string) => string;
+export {};

package/lib/plus/contactInfoModal/ContactInfoContent.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const ContactInfoContent: (props: any) => JSX.Element;
+export default ContactInfoContent;

package/lib/plus/contactInfoModal/index.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import './index.less';
+interface ContactInfoModalProps {
+    open: boolean;
+    title?: string;
+    onCancel: () => void;
+    onSave: (values: any) => void;
+    isShowDelete?: boolean;
+    onDelete: () => void;
+    dataSource?: {
+        first_name?: string;
+        last_name?: string;
+        display_name?: string;
+        email?: string;
+        phone?: {
+            phone: string;
+            country_calling_code: string;
+            country_code?: string;
+        };
+    };
+    config?: {
+        first_name?: {
+            visible?: boolean;
+            required?: boolean;
+        };
+        last_name?: {
+            visible?: boolean;
+            required?: boolean;
+        };
+        phone?: {
+            visible?: boolean;
+            required?: boolean;
+        };
+        email?: {
+            visible?: boolean;
+            required?: boolean;
+        };
+    };
+}
+declare const ContactInfoModal: React.FC<ContactInfoModalProps>;
+export default ContactInfoModal;

package/lib/plus/contactInfoModal/locales.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    en: {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+    'zh-CN': {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+    'zh-HK': {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+};
+export default _default;

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

@@ -7,11 +7,13 @@ declare type TabItem = {
     icon?: React.ReactNode;
 };
 interface IProps {
+    className?: string;
     items: TabItem[];
     activeKey: string;
     onChange: (key: string) => void;
     loading?: boolean;
     skeleton?: React.ReactNode;
+    style?: React.CSSProperties;
 }
 declare const CategoryTabs: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
 export default CategoryTabs;

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

@@ -40,7 +40,15 @@ var import_TabsStructure2 = require("../components/TabsStructure/TabsStructure.l
 var import_CategorySkeleton = __toESM(require("./CategorySkeleton"));
 var import__ = require("../index");
 var CategoryTabs = (0, import_react.forwardRef)((props, ref) => {
-  const { items, activeKey, onChange, loading = false, skeleton } = props;
+  const {
+    className,
+    items,
+    activeKey,
+    onChange,
+    loading = false,
+    skeleton,
+    style
+  } = props;
   const railRef = (0, import_react.useRef)(null);
   const [isAtStart, setIsAtStart] = (0, import_react.useState)(true);
   const [isAtEnd, setIsAtEnd] = (0, import_react.useState)(false);
@@ -100,81 +108,88 @@ var CategoryTabs = (0, import_react.forwardRef)((props, ref) => {
   if (loading && skeleton) {
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, skeleton);
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_IntersectionObserver.default, null, items.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__tabs-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
-    import_TabsStructure.TabsStructure,
+  return /* @__PURE__ */ import_react.default.createElement(import_IntersectionObserver.default, null, items.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      variant: "pill",
-      backgroundVariant: "onPage",
-      selectedTab: activeKey
+      className: `${import__.PREFIX}__tabs-wrapper ${className || ""}`,
+      style
     },
-    needsScrollButtons && /* @__PURE__ */ import_react.default.createElement(
-      import_TabsStructure.TabsStructure.ChevronButton,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_TabsStructure.TabsStructure,
       {
-        direction: "prev",
-        disabled: isAtStart,
-        onClick: scrollLeft,
-        style: { marginRight: "8px" }
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.Rail, { ref: railRef }, /* @__PURE__ */ import_react.default.createElement(
-      import_IntersectionObserver.IntersectionTrigger,
-      {
-        onShow: () => {
-          console.log("is start");
-          setIsAtStart(true);
-        },
-        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__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.SelectionIndicator, { ...selectionIndicatorProps }), /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.ListContainer, { ...listContainerProps }, items.map((item) => /* @__PURE__ */ import_react.default.createElement(
-      import_TabsStructure.TabsStructure.Item,
-      {
-        key: item.key,
-        tabId: item.key,
-        "aria-selected": activeKey === item.key,
-        onClick: () => onChange(item.key),
-        className: "tab-item"
+        variant: "pill",
+        backgroundVariant: "onPage",
+        selectedTab: activeKey
       },
-      item.label
-    ))), /* @__PURE__ */ import_react.default.createElement(
-      import_IntersectionObserver.IntersectionTrigger,
-      {
-        className: "visibility-detector end-detector",
-        onShow: () => {
-          console.log("is end");
-          setIsAtEnd(true);
-        },
-        onHide: () => {
-          console.log("is end false");
-          setIsAtEnd(false);
+      needsScrollButtons && /* @__PURE__ */ import_react.default.createElement(
+        import_TabsStructure.TabsStructure.ChevronButton,
+        {
+          direction: "prev",
+          disabled: isAtStart,
+          onClick: scrollLeft,
+          style: { marginRight: "8px" }
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.Rail, { ref: railRef }, /* @__PURE__ */ import_react.default.createElement(
+        import_IntersectionObserver.IntersectionTrigger,
+        {
+          onShow: () => {
+            console.log("is start");
+            setIsAtStart(true);
+          },
+          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__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.SelectionIndicator, { ...selectionIndicatorProps }), /* @__PURE__ */ import_react.default.createElement(import_TabsStructure.TabsStructure.ListContainer, { ...listContainerProps }, items.map((item) => /* @__PURE__ */ import_react.default.createElement(
+        import_TabsStructure.TabsStructure.Item,
+        {
+          key: item.key,
+          tabId: item.key,
+          "aria-selected": activeKey === item.key,
+          onClick: () => onChange(item.key),
+          className: "tab-item"
         },
-        style: {
-          width: 1,
-          height: 1,
-          flexShrink: 0,
-          background: "rgba(0,0,0,0)"
+        item.label
+      ))), /* @__PURE__ */ import_react.default.createElement(
+        import_IntersectionObserver.IntersectionTrigger,
+        {
+          className: "visibility-detector end-detector",
+          onShow: () => {
+            console.log("is end");
+            setIsAtEnd(true);
+          },
+          onHide: () => {
+            console.log("is end false");
+            setIsAtEnd(false);
+          },
+          style: {
+            width: 1,
+            height: 1,
+            flexShrink: 0,
+            background: "rgba(0,0,0,0)"
+          }
         }
-      }
-    )),
-    needsScrollButtons && /* @__PURE__ */ import_react.default.createElement(
-      import_TabsStructure.TabsStructure.ChevronButton,
-      {
-        direction: "next",
-        disabled: isAtEnd,
-        onClick: scrollRight,
-        style: { marginLeft: "8px" }
-      }
+      )),
+      needsScrollButtons && /* @__PURE__ */ import_react.default.createElement(
+        import_TabsStructure.TabsStructure.ChevronButton,
+        {
+          direction: "next",
+          disabled: isAtEnd,
+          onClick: scrollRight,
+          style: { marginLeft: "8px" }
+        }
+      )
     )
-  )));
+  ));
 });
 var CategoryTabs_default = CategoryTabs;
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -0,0 +1,47 @@
+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;
+    onSelectCover?: (item: any) => void;
+    onSelectInfo?: (item: any) => void;
+    isSelected?: boolean;
+    decorateConfig?: ProductCardConfig;
+}
+export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, 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 };

package/lib/plus/productSelect/components/TabsStructure/TabsStructure.less

@@ -129,17 +129,6 @@
     border-radius: calc(20px - 2px);
   }
 
-  &::after {
-    content: '';
-    position: absolute;
-    inset-block-start: 1px;
-    inset-inline-start: 1px;
-    inset-inline-end: 1px;
-    block-size: 50%;
-    background-color: var(--ps-color-primary, #7f56d9);
-    border-radius: 20px 20px 0 0;
-  }
-
   &--focused {
     .pisell-tabstruct-focus-ring();
   }

package/lib/plus/productSelect/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import './index.less';
+interface ProductSelectProps {
+    dataSource: any[];
+    showSearch?: boolean;
+    showTab?: boolean;
+    layout?: {
+        grid: boolean;
+        config: string;
+    };
+    onChange: (value: any, type?: string) => void;
+    value?: number;
+    loading?: boolean;
+    style?: React.CSSProperties;
+    emptyDescription?: string;
+    /** 当前滚动元素 */
+    scrollDom?: string;
+    /** 商品列表上方的其它组件 */
+    offsetDom?: any;
+    /** 样式变量 */
+    token?: Partial<any>;
+    /** 后台装修单选模式下的已选中项 */
+    selectedItems?: Array<any>;
+    /** 后台装修配置 */
+    productListSetting?: Partial<any>;
+    /** 兼容scrollDom */
+    customScrollParent?: HTMLElement | string;
+    hideCategoryWhenOne?: boolean;
+}
+export declare const PREFIX = "pisell-product-select";
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => JSX.Element;
+export default index;

package/lib/plus/productSelect/utils.js

@@ -94,7 +94,6 @@ function groupProductsByCategory(products) {
     });
     result.push(...sortedUncategorizedProducts);
   }
-  console.log("xxxxxx", result);
   return result;
 }
 function getElementByIdentifier(elementIdentifier) {

package/lib/plus/walletEditor/WalletEditor.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { WalletEditorProps, WalletEditorRef } from './types';
+import './WalletEditor.less';
+declare const WalletEditor: React.ForwardRefExoticComponent<WalletEditorProps & React.RefAttributes<WalletEditorRef>>;
+export default WalletEditor;