@pisell/materials 6.8.2 → 6.8.4

package/lib/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/lib/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/lib/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/lib/components/table/Table/fields/search/index.d.ts

@@ -7,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/lib/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/lib/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/lib/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/lib/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

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

@@ -7,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/lib/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/lib/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/lib/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/lib/components/table/Table/fields/text/index.d.ts

@@ -7,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/lib/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/lib/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/lib/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/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

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

@@ -7,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/lib/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/lib/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/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting" | "filters")[];
+}) => ("filters" | "filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/components/time-picker/index.d.ts

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

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

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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -3,7 +3,7 @@ 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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/components/walletCard/index.js

@@ -62,6 +62,10 @@ var DEFAULT_PROPS = {
   showCode: true,
   walletName: "Level",
   isLogin: true,
+  showHolderName: true,
+  holder: null,
+  onSetHolder: () => {
+  },
   items: [
     {
       type: "rechargeable",
@@ -166,7 +170,9 @@ var CardHeader = ({
   onCodeClick,
   isLogin = false,
   showViewPin = false,
-  onViewPinClick
+  onViewPinClick,
+  showHolderName,
+  holderName
 }) => {
   const processedShowIcon = toBooleanValue(showIcon);
   const processedShowWalletName = toBooleanValue(showWalletName);
@@ -181,7 +187,7 @@ var CardHeader = ({
       alt: "wallet icon",
       style: { width: "20px", height: "20px" }
     }
-  )) : null, processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo), processedShowViewPin && /* @__PURE__ */ import_react.default.createElement(
+  )) : null, processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), showHolderName && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-header-holder-name") }, holderName), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo), processedShowViewPin && /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-wallet-card-header-view-pin",
@@ -307,7 +313,10 @@ var WalletCard = (props) => {
     onClick,
     className,
     style,
-    isGuide
+    isGuide,
+    showHolderName,
+    holder,
+    onSetHolder
   } = mergedProps;
   const showIcon = toBooleanValue(mergedProps.showIcon);
   const showWalletName = toBooleanValue(mergedProps.showWalletName);
@@ -350,11 +359,13 @@ var WalletCard = (props) => {
     if (!(items == null ? void 0 : items.length)) {
       return;
     }
+    const data = {
+      id: props.id,
+      holder_id: holder == null ? void 0 : holder.holder_id
+    };
     utils == null ? void 0 : utils.action({
       type: "pisell1.goWallet",
-      data: {
-        id: props.id
-      },
+      data,
       callback: () => {
       }
     });
@@ -367,6 +378,32 @@ var WalletCard = (props) => {
       console.error("onViewPinClick方法需要传入");
     }
   };
+  const _renderMask = () => {
+    if (typeof onSetHolder !== "function") return null;
+    if ((holder == null ? void 0 : holder.holder_type) === "form" && !(holder == null ? void 0 : holder.holder_id)) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask-text" }, (0, import_locales.getText)("pisell2.wallet-card.add-holder-tip")), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "primary",
+          className: "pisell-wallet-add-holder-mask-button",
+          onClick: () => onSetHolder == null ? void 0 : onSetHolder()
+        },
+        (0, import_locales.getText)("pisell2.wallet-card.add-holder-button-text"),
+        /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-user-edit", style: { fontSize: 16 } })
+      ));
+    }
+    return null;
+  };
+  const _showHolderName = (0, import_react.useMemo)(() => {
+    return (holder == null ? void 0 : holder.holder_type) === "form" && showHolderName;
+  }, [holder, showHolderName]);
+  const holderName = (0, import_react.useMemo)(() => {
+    var _a2;
+    if ((holder == null ? void 0 : holder.holder_type) === "form" && !(holder == null ? void 0 : holder.holder_id)) {
+      return "--";
+    }
+    return ((_a2 = holder == null ? void 0 : holder.detail) == null ? void 0 : _a2.main_field) || "";
+  }, [holder]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -382,6 +419,7 @@ var WalletCard = (props) => {
           flexDirection: codeDirection === "top" ? "column-reverse" : "column"
         }
       },
+      _renderMask(),
       /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
@@ -417,7 +455,9 @@ var WalletCard = (props) => {
               onCodeClick: handleCodeClick,
               isLogin,
               showViewPin,
-              onViewPinClick
+              onViewPinClick,
+              showHolderName: _showHolderName,
+              holderName
             }
           ),
           /* @__PURE__ */ import_react.default.createElement(

package/lib/components/walletCard/index.less

@@ -9,6 +9,36 @@
     width: 100%;
     display: flex;
     cursor: pointer;
+    position: relative;
+  }
+
+  .pisell-wallet-add-holder-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.6);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+    z-index: 9;
+
+    &-text {
+      color: #fff;
+      text-align: center;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 24px;
+      white-space: pre-line;
+    }
+
+    &-button {
+      font-weight: bold;
+    }
   }
 
   // 卡片内容区域
@@ -35,6 +65,12 @@
           color: #fff;
         }
       }
+
+      .pisell-wallet-card-header-holder-name {
+        color: var(--Gray-900, #101828);
+        border: 1px solid var(--Gray-100, #f2f4f7);
+        background: var(--Gray-100, #f2f4f7);
+      }
     }
 
     // 亮色主题
@@ -54,6 +90,12 @@
           color: #101828;
         }
       }
+
+      .pisell-wallet-card-header-holder-name {
+        color: #fff;
+        border: 1px solid var(--Gray-600, #475467);
+        background: var(--Gray-600, #475467);
+      }
     }
   }
 
@@ -66,6 +108,25 @@
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
+    min-height: 100px;
+
+    .pisell-wallet-card-header-holder-name {
+      cursor: pointer;
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      padding: 2px 8px;
+      border-radius: 16px;
+      height: 22px;
+      min-width: 50px;
+      text-align: center;
+      font-size: 12px;
+      line-height: 16px;
+      max-width: 100%;
+      font-style: normal;
+      font-weight: 500;
+    }
 
     // 头部左侧
     .pisell-wallet-card-header-left {
@@ -78,7 +139,7 @@
         display: flex;
         align-items: center;
         gap: 10px;
-        margin-bottom: 8px;
+        margin-bottom: 4px;
 
         // 卡片名称文本
         .pisell-wallet-card-header-level-text {
@@ -157,7 +218,7 @@
 
   // 卡片内容列表
   .pisell-wallet-card-list {
-    margin-top: 30px;
+    margin-top: unset;
     height: 50px;
     box-sizing: border-box;
     display: flex;

package/lib/index.d.ts

@@ -96,7 +96,7 @@ export { default as PisellStatisticList } from './components/pisellStatisticList
 export { default as PisellSteps } from './components/PisellSteps';
 export type { PisellStepsProps, PisellStepItem, } from './components/PisellSteps/types';
 export { default as PisellProcedure } from './components/PisellProcedure';
-export type { PisellProcedureProps, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, } from './components/PisellProcedure/types';
+export type { PisellProcedureProps, PisellProcedureRef, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, } from './components/PisellProcedure/types';
 export { default as PisellTags } from './components/pisellTags';
 export { default as PisellText } from './components/pisellText';
 export { default as PisellToast, useToast } from './components/pisellToast';