@pisell/materials 6.8.7 → 6.8.8

package/lib/components/walletCard/index.d.ts

@@ -0,0 +1,77 @@
+import React from 'react';
+import './index.less';
+export interface WalletCardItem {
+    type: string;
+    custom_title?: string | {
+        original: string;
+        en: string;
+        'zh-CN': string;
+        'zh-HK': string;
+    };
+    display?: 0 | 1;
+    value?: number;
+}
+export interface WalletCardProps {
+    /** 钱包ID */
+    id?: string;
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'qrCode';
+    /** 二维码方向 */
+    codeDirection?: 'bottom' | 'top';
+    /** 自定义背景图 */
+    customBackgroundImage?: string;
+    /** 图标：可以是React组件或图片URL */
+    showIcon?: boolean;
+    showWalletName?: boolean;
+    iconImg?: string;
+    /** 钱包名称 */
+    walletName?: string;
+    /** 店铺名称 */
+    shopName?: string;
+    /** 是否显示店铺名称 */
+    showShopName?: boolean;
+    /** 卡号 */
+    cardNo?: string;
+    /** 是否显示卡号 */
+    showCardNo?: boolean;
+    /** 是否显示二维码 */
+    showCode?: boolean;
+    /** 点击二维码/条形码的回调 */
+    onCodeClick?: () => void;
+    /** 货币符号 */
+    symbol: string;
+    /** 点击卡片的回调 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    items: WalletCardItem[];
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    title?: string;
+    subTitle?: string;
+    align?: 'left' | 'center';
+    buttonText?: string;
+    [key: string]: any;
+    /** 是否已登录 */
+    isLogin?: boolean;
+    /** 是否是引导页 */
+    isGuide?: boolean;
+    /** 是否显示查看PIN */
+    showViewPin?: boolean;
+    /** 查看PIN的回调 */
+    onViewPinClick?: () => void;
+    /** 是否显示持有人 */
+    showHolderName?: boolean;
+    /** 持有人, 表单记录，展示时一般取main_field */
+    holder?: any;
+    /** 持有人点击回调 */
+    onSetHolder?: (currentValue?: any) => void;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;

package/lib/hooks/useMobile.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 响应式监听 Hook
+ * 监听窗口大小变化，返回当前是否为移动端
+ *
+ * @param breakpoint - 断点宽度（默认 768px）
+ * @returns 是否为移动端
+ */
+export declare function useMobile(breakpoint?: number): boolean;

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.8.7",
+  "version": "6.8.8",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -79,8 +79,8 @@
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "3.0.7",
-    "@pisell/icon": "0.0.11",
-    "@pisell/utils": "3.0.2"
+    "@pisell/utils": "3.0.2",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",