@pisell/materials 6.8.3 → 6.8.4

package/es/components/table/Table/fields/pSwitch/Config/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Config: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/pSwitch/Show/index.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
-import React from "react";
-declare const Show: (props: FieldPropsType) => React.JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/pSwitch/Sort/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Sort: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/pSwitch/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;
@@ -5,9 +6,9 @@ declare const _default: {
         field_type: string;
         default_value: boolean;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
 };
 export default _default;

package/es/components/table/Table/fields/rangePicker/Config/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Config: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/rangePicker/Show/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
-declare const Show: (props: FieldPropsType) => React.JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/rangePicker/Sort/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Sort: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/rangePicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {
@@ -6,10 +7,10 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
     filterFn: typeof filter;
 };
 export default _default;

package/es/components/table/Table/fields/search/Config/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Config: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/search/Show/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
-declare const Show: (props: FieldPropsType) => React.JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/search/Sort/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Sort: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/search/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {
@@ -6,10 +7,10 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
     filterFn: typeof filter;
 };
 export default _default;

package/es/components/table/Table/fields/select/Config/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Config: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/select/Show/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
-declare const Show: (props: FieldPropsType) => React.JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/select/Sort/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Sort: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/select/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {
@@ -6,10 +7,10 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
     filterFn: typeof filter;
 };
 export default _default;

package/es/components/table/Table/fields/text/Config/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Config: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/text/Show/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
-declare const Show: (props: FieldPropsType) => React.JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/text/Sort/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Sort: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {
@@ -6,10 +7,10 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
     filterFn: typeof filter;
 };
 export default _default;

package/es/components/table/Table/fields/treeSelect/Config/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Config: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/treeSelect/Show/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
-declare const Show: (props: FieldPropsType) => React.JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/treeSelect/Sort/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Sort: () => React.JSX.Element;
+/// <reference types="react" />
+declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {
@@ -6,10 +7,10 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
     filterFn: typeof filter;
 };
 export default _default;

package/es/components/table/Table/tableConfig/SortRow/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
-declare const SortRow: ({ children, rowKey, onSortChange }: any) => React.JSX.Element;
+declare const SortRow: ({ children, rowKey, onSortChange }: any) => JSX.Element;
 export default SortRow;

package/es/components/table/Table/tableConfig/summary/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const summary: (props: any) => React.JSX.Element;
+/// <reference types="react" />
+declare const summary: (props: any) => JSX.Element;
 export default summary;

package/es/components/table/TableFilter/SortIcon.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }
-declare const SortIcon: (props: SortIconProps) => React.JSX.Element;
+declare const SortIcon: (props: SortIconProps) => JSX.Element;
 export default SortIcon;

package/es/components/table/View/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default View;

package/es/components/table/hooks/useMergeColumnSetting.d.ts

@@ -12,7 +12,7 @@ declare type Params = {
 /** 已废弃 */
 declare const useMergeColumnSetting: (params: Params) => {
     columns: Record<string, any>[];
-    onChange: (this: unknown, newColumns: Record<string, any>[]) => void;
+    onChange: (newColumns: Record<string, any>[]) => void;
     hideColumns: Record<string, any>[];
 };
 export default useMergeColumnSetting;

package/es/components/table/hooks/useTableSetting.d.ts

@@ -15,7 +15,7 @@ declare type UseTableSettingProps = {
     localSettings?: LocalSettingsType;
 };
 declare const useTableSetting: (params: UseTableSettingProps) => {
-    setTableSetting: (this: unknown, values: Record<string, any>) => void;
+    setTableSetting: (values: Record<string, any>) => void;
     tableSetting: any;
 };
 export default useTableSetting;

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

@@ -18,7 +18,7 @@ interface FormState {
     currentDataSource: any[];
     originResultDataSource: any[];
 }
-export declare const Provider: (ComponentUi: any) => (props: any, ref: any) => import("react").JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/tabs/index.d.ts

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { TabsProps } from 'antd';
 import './index.less';
 declare class Tabs extends Component<any> {
@@ -12,6 +12,6 @@ declare class Tabs extends Component<any> {
     getActiveKey: () => any;
     renderIconLabelTabBar: TabsProps['renderTabBar'];
     filterHiddenTabs: (tabs: any[]) => any[];
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default Tabs;

package/es/components/time-picker/index.d.ts

@@ -1,2 +1,3 @@
-declare const TimePicker: (props: any) => import("react").JSX.Element;
+/// <reference types="react" />
+declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

package/es/components/upload/index.d.ts

@@ -1,2 +1,3 @@
-declare const Upload: (props: any) => import("react").JSX.Element;
+/// <reference types="react" />
+declare const Upload: (props: any) => JSX.Element;
 export default Upload;

package/es/components/versionSelect/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {
@@ -14,5 +14,5 @@ interface VersionSelectProps extends Omit<SelectProps<string>, 'onChange' | 'opt
     value?: string;
     onChange?: (value: string, version: Version) => void;
 }
-declare const VersionSelect: (props: VersionSelectProps) => React.JSX.Element;
+declare const VersionSelect: (props: VersionSelectProps) => JSX.Element;
 export default VersionSelect;

package/es/components/virtual-keyboard/Amount/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { AmountProps, RightItemsStyleProps } from './types';
 import './index.less';
 export type { AmountProps, RightItemsStyleProps };
-declare const Amount: (props: AmountProps) => React.JSX.Element;
+declare const Amount: (props: AmountProps) => JSX.Element;
 export default Amount;

package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -11,5 +11,5 @@ export interface PresetsProps {
     presets?: PresetsItem[];
     onChange: (val: string) => void;
 }
-declare const Presets: (props: PresetsProps) => React.JSX.Element | null;
+declare const Presets: (props: PresetsProps) => JSX.Element | null;
 export default Presets;

package/es/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts

@@ -21,5 +21,5 @@ export interface BaseNumberKeyboardProps {
     keyboardProps?: KeyboardProps;
     style?: React.CSSProperties;
 }
-declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => React.JSX.Element;
+declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
 export default BaseNumberKeyboard;

package/es/components/virtual-keyboard/Keyboard/index.d.ts

@@ -17,5 +17,5 @@ export interface KeyboardProps {
     rightItems?: Item[];
     keydown?: boolean;
 }
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
 export default _default;

package/es/components/virtual-keyboard/Number/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { NumberProps } from './types';
 import './index.less';
 export type { NumberProps };
-declare const Number: (props: NumberProps) => React.JSX.Element;
+declare const Number: (props: NumberProps) => JSX.Element;
 export default Number;

package/es/components/virtual-keyboard/Time/index.d.ts

@@ -9,5 +9,5 @@ export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivEl
     onEnter?: (value: any) => void;
     rightPanel?: React.ReactNode;
 }
-declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => React.JSX.Element;
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
 export default VirtualKeyboardTime;

package/es/components/virtual-keyboard/Time/utils.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;
     previewValueArray: string[];
-    previewValueArrayDom: import("react").JSX.Element[];
+    previewValueArrayDom: JSX.Element[];
     previewValueString: string;
     disabled: never[];
 };

package/es/components/virtual-keyboard/VirtualInput/index.d.ts

@@ -5,5 +5,5 @@ export interface VirtualInputProps extends React.HTMLAttributes<HTMLDivElement>
     autoFocus?: boolean;
     placeholder?: string;
 }
-declare const VirtualInput: (props: VirtualInputProps) => React.JSX.Element;
+declare const VirtualInput: (props: VirtualInputProps) => JSX.Element;
 export default VirtualInput;

package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -9,5 +9,5 @@ export interface VirtualKeyInputProps extends InputProps {
     defaultSelect?: boolean;
     style?: React.CSSProperties;
 }
-declare const VirtualKeyInput: (props: VirtualKeyInputProps) => React.JSX.Element;
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
 export default VirtualKeyInput;

package/es/components/virtual-keyboard/index.d.ts

@@ -21,5 +21,5 @@ interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
     primaryButtonBackgroundColor?: string;
     primaryButtonTextColor?: string;
 }
-declare const VirtualKeyboard: (props: VirtualKeyboardProps) => React.JSX.Element;
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
 export default VirtualKeyboard;

package/es/components/walletCard/Guest/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
-declare const Guest: (props: any) => React.JSX.Element;
+declare const Guest: (props: any) => JSX.Element;
 export default Guest;

package/es/components/walletCard/Guide/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
-declare const Guide: (props: any) => React.JSX.Element;
+declare const Guide: (props: any) => JSX.Element;
 export default Guide;

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

@@ -66,6 +66,12 @@ export interface WalletCardProps {
     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/es/components/walletCard/index.js

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Card, QRCode } from 'antd';
+import { Button, Card, QRCode } from 'antd';
 import classNames from 'classnames';
 import React, { useMemo, useState } from 'react';
 import Barcode from 'react-barcode';
@@ -44,6 +44,9 @@ var DEFAULT_PROPS = {
   showCode: true,
   walletName: 'Level',
   isLogin: true,
+  showHolderName: true,
+  holder: null,
+  onSetHolder: function onSetHolder() {},
   items: [{
     type: 'rechargeable',
     display: 1,
@@ -166,7 +169,9 @@ var CardHeader = function CardHeader(_ref2) {
     isLogin = _ref2$isLogin === void 0 ? false : _ref2$isLogin,
     _ref2$showViewPin = _ref2.showViewPin,
     showViewPin = _ref2$showViewPin === void 0 ? false : _ref2$showViewPin,
-    onViewPinClick = _ref2.onViewPinClick;
+    onViewPinClick = _ref2.onViewPinClick,
+    showHolderName = _ref2.showHolderName,
+    holderName = _ref2.holderName;
   // 处理可能为0/1的布尔值
   var processedShowIcon = toBooleanValue(showIcon);
   var processedShowWalletName = toBooleanValue(showWalletName);
@@ -191,7 +196,9 @@ var CardHeader = function CardHeader(_ref2) {
     }
   })) : null, processedShowWalletName && walletName && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-level-text"
-  }, walletName)), processedShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), processedShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo), processedShowViewPin && /*#__PURE__*/React.createElement("div", {
+  }, walletName)), showHolderName && /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-wallet-card-header-holder-name')
+  }, holderName), processedShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), processedShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo), processedShowViewPin && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-view-pin",
     onClick: onViewPinClick
   }, getText('walletCard-viewPin'), /*#__PURE__*/React.createElement(EyeOff, {
@@ -349,7 +356,10 @@ var WalletCard = function WalletCard(props) {
     onClick = mergedProps.onClick,
     className = mergedProps.className,
     style = mergedProps.style,
-    isGuide = mergedProps.isGuide;
+    isGuide = mergedProps.isGuide,
+    showHolderName = mergedProps.showHolderName,
+    holder = mergedProps.holder,
+    onSetHolder = mergedProps.onSetHolder;
 
   // 处理可能为0/1的布尔值props
   var showIcon = toBooleanValue(mergedProps.showIcon);
@@ -393,11 +403,13 @@ var WalletCard = function WalletCard(props) {
     if (!(items !== null && items !== void 0 && items.length)) {
       return;
     }
+    var data = {
+      id: props.id,
+      holder_id: holder === null || holder === void 0 ? void 0 : holder.holder_id
+    };
     utils === null || utils === void 0 || utils.action({
       type: 'pisell1.goWallet',
-      data: {
-        id: props.id
-      },
+      data: data,
       callback: function callback() {}
     });
   };
@@ -413,6 +425,40 @@ var WalletCard = function WalletCard(props) {
       console.error('onViewPinClick方法需要传入');
     }
   };
+  var _renderMask = function _renderMask() {
+    if (typeof onSetHolder !== 'function') return null;
+    if ((holder === null || holder === void 0 ? void 0 : holder.holder_type) === 'form' && !(holder !== null && holder !== void 0 && holder.holder_id)) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "pisell-wallet-add-holder-mask"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "pisell-wallet-add-holder-mask-text"
+      }, getText('pisell2.wallet-card.add-holder-tip')), /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        className: "pisell-wallet-add-holder-mask-button"
+        //@ts-ignore
+        ,
+        onClick: function onClick() {
+          return onSetHolder === null || onSetHolder === void 0 ? void 0 : onSetHolder();
+        }
+      }, getText('pisell2.wallet-card.add-holder-button-text'), /*#__PURE__*/React.createElement(Iconfont, {
+        type: "pisell2-user-edit",
+        style: {
+          fontSize: 16
+        }
+      })));
+    }
+    return null;
+  };
+  var _showHolderName = useMemo(function () {
+    return (holder === null || holder === void 0 ? void 0 : holder.holder_type) === 'form' && showHolderName;
+  }, [holder, showHolderName]);
+  var holderName = useMemo(function () {
+    var _holder$detail;
+    if ((holder === null || holder === void 0 ? void 0 : holder.holder_type) === 'form' && !(holder !== null && holder !== void 0 && holder.holder_id)) {
+      return '--';
+    }
+    return (holder === null || holder === void 0 || (_holder$detail = holder.detail) === null || _holder$detail === void 0 ? void 0 : _holder$detail.main_field) || '';
+  }, [holder]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-wrapper', className),
     style: style,
@@ -429,7 +475,7 @@ var WalletCard = function WalletCard(props) {
     style: {
       flexDirection: codeDirection === 'top' ? 'column-reverse' : 'column'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, _renderMask(), /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-content', mode, (!isLogin || isGuide) && 'pisell-wallet-card-guest-content'),
     style: backgroundStyle
   }, isLogin ? !isGuide ? /*#__PURE__*/React.createElement("div", {
@@ -452,7 +498,9 @@ var WalletCard = function WalletCard(props) {
     onCodeClick: handleCodeClick,
     isLogin: isLogin,
     showViewPin: showViewPin,
-    onViewPinClick: onViewPinClick
+    onViewPinClick: onViewPinClick,
+    showHolderName: _showHolderName,
+    holderName: holderName
   }), /*#__PURE__*/React.createElement(CardContent, {
     items: items,
     symbol: symbol