@pisell/materials 6.0.19 → 6.0.20

package/lib/components/tabs/index.js

@@ -35,73 +35,73 @@ module.exports = __toCommonJS(tabs_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_warning = require("../../utils/warning");
+var import_badge = __toESM(require("./../badge"));
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
 var Tabs = class extends import_react.Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      activeKey: this.props.activeKey ?? this.props.defaultActiveKey
-    };
-    this._handleChange = (key) => {
-      this.setActiveKey(key);
-    };
-    // 编辑器里可以通过 this.$(refId).setActiveKey(key) 调用
-    this.setActiveKey = (key) => {
-      const { onChange = () => {
-      } } = this.props;
-      this.setState({ activeKey: key });
-      onChange(key);
-    };
-    // 编辑器里可以通过 this.$(refId).getActiveKey() 调用
-    this.getActiveKey = () => {
-      return this.state.activeKey;
+  state = {
+    activeKey: this.props.activeKey ?? this.props.defaultActiveKey
+  };
+  componentDidMount() {
+    document.body.id = "body";
+  }
+  _handleChange = (key) => {
+    this.setActiveKey(key);
+  };
+  // 编辑器里可以通过 this.$(refId).setActiveKey(key) 调用
+  setActiveKey = (key) => {
+    const { onChange = () => {
+    } } = this.props;
+    this.setState({ activeKey: key });
+    onChange(key);
+  };
+  // 编辑器里可以通过 this.$(refId).getActiveKey() 调用
+  getActiveKey = () => {
+    return this.state.activeKey;
+  };
+  renderIconLabelTabBar = (props, DefaultTabBar) => {
+    var _a;
+    const { items, sidebarWidth } = this.props;
+    let wrapStyle = {
+      gap: props.tabBarGutter
     };
-    this.renderIconLabelTabBar = (props, DefaultTabBar) => {
-      var _a;
-      const { items, sidebarWidth } = this.props;
-      let wrapStyle = {
-        gap: props.tabBarGutter
+    if (["left", "right"].includes(props.tabPosition)) {
+      wrapStyle = {
+        ...wrapStyle,
+        width: sidebarWidth || 130
       };
-      if (["left", "right"].includes(props.tabPosition)) {
-        wrapStyle = {
-          ...wrapStyle,
-          width: sidebarWidth || 130
-        };
-      }
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(
-            "pisell-lowcode-tabs-nav",
-            `${prefix}tab-bar-wrap`,
-            `${prefix}tab-bar-wrap-${props.tabPosition}`,
-            (_a = this.props) == null ? void 0 : _a.className
-          ),
-          style: wrapStyle
-        },
-        this.filterHiddenTabs(items).map((item) => {
-          return /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              className: (0, import_classnames.default)(`${prefix}tab-bar-item`, {
-                [`${prefix}tab-bar-item-active`]: item.key === props.activeKey
-              }),
-              key: item.key,
-              onClick: (e) => props.onTabClick(item.key, e)
-            },
-            /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { count: item.badge, offset: [0, 6] }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}tab-bar-icon-wrap` }, item.icon)),
-            /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
-          );
-        }),
-        props.extra
-      );
-    };
-    this.filterHiddenTabs = (tabs) => {
-      return tabs.filter((item) => !item.hidden);
-    };
-  }
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-lowcode-tabs-nav",
+          `${prefix}tab-bar-wrap`,
+          `${prefix}tab-bar-wrap-${props.tabPosition}`,
+          (_a = this.props) == null ? void 0 : _a.className
+        ),
+        style: wrapStyle
+      },
+      this.filterHiddenTabs(items).map((item) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: (0, import_classnames.default)(`${prefix}tab-bar-item`, {
+              [`${prefix}tab-bar-item-active`]: item.key === props.activeKey
+            }),
+            key: item.key,
+            onClick: (e) => props.onTabClick(item.key, e)
+          },
+          /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
+        );
+      }),
+      props.extra
+    );
+  };
+  filterHiddenTabs = (tabs) => {
+    return tabs.filter((item) => !item.hidden);
+  };
   render() {
     const { props } = this;
     const { activeKey } = this.state;
@@ -131,6 +131,14 @@ var Tabs = class extends import_react.Component {
         type: "line"
       };
     }
+    if (type === "line") {
+      items = items.map((item) => {
+        return {
+          ...item,
+          label: /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: "0 9px" } }, /* @__PURE__ */ import_react.default.createElement(import_badge.default, { styleType: "default", count: item.badge, offset: [18, 10] }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)))
+        };
+      });
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Tabs,
       {

package/lib/components/tabs/index.less

@@ -31,7 +31,7 @@
     border-radius: 99px;
     background: #f2f2f7;
     margin-bottom: 6px;
-    color: #ACACAC;
+    color: #acacac;
     transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
     border: 1px solid #f2f2f7;
     &:hover {
@@ -46,12 +46,12 @@
     line-height: 20px;
   }
 
-  &-tab-bar-item-active  &-tab-bar-icon-wrap {
-    background: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-icon-wrap {
+    background: var(--primary-600, #7f56d9);
     color: #fff;
   }
-  &-tab-bar-item-active > &-tab-bar-label {
-    color: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-label {
+    color: var(--primary-600, #7f56d9);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

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

@@ -1,3 +1,2 @@
-/// <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,2 @@
-/// <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/versionModal/index.js

@@ -50,10 +50,8 @@ var parseVersion = (version) => {
 var isVersionValid = (customVersion, currentVersion) => {
   const [cMajor, cMinor, cPatch] = parseVersion(customVersion);
   const [liveMajor, liveMinor, livePatch] = parseVersion(currentVersion);
-  if (cMajor > liveMajor)
-    return true;
-  if (cMajor === liveMajor && cMinor > liveMinor)
-    return true;
+  if (cMajor > liveMajor) return true;
+  if (cMajor === liveMajor && cMinor > liveMinor) return true;
   if (cMajor === liveMajor && cMinor === liveMinor && cPatch > livePatch)
     return true;
   return false;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {
@@ -14,5 +13,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/versionSelect/index.js

@@ -39,21 +39,15 @@ var import_pisellTags = __toESM(require("../pisellTags"));
 var import_locales = require("../../locales");
 var import_index = require("./index.less");
 var getStatusColor = (status) => {
-  if (status === "live")
-    return "success";
-  if (status === "draft")
-    return "gray";
-  if (status === "deprecated")
-    return "error";
+  if (status === "live") return "success";
+  if (status === "draft") return "gray";
+  if (status === "deprecated") return "error";
   return "gray";
 };
 var getStatusText = (status) => {
-  if (status === "live")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
-  if (status === "draft")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
-  if (status === "deprecated")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
+  if (status === "live") return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
+  if (status === "draft") return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
+  if (status === "deprecated") return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
 };
 var VersionSelect = (props) => {
   const { versions, value, onChange, ...rest } = props;

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

@@ -18,5 +18,5 @@ export interface AmountProps {
     defaultSelect?: boolean;
     inputFormat?: (_v: string) => React.ReactNode | null;
 }
-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

@@ -1,4 +1,3 @@
-import React from 'react';
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;
@@ -8,5 +7,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

@@ -15,5 +15,5 @@ export interface BaseNumberKeyboardProps {
     presets?: PresetsProps['presets'];
     defaultSelect?: boolean;
 }
-declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => React.JSX.Element;
+declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
 export default BaseNumberKeyboard;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.js

@@ -182,14 +182,12 @@ var BaseNumberKeyboard = (props) => {
   };
   const handleChangeValue = (val) => {
     const detail = checkValue(val);
-    if (detail)
-      return;
+    if (detail) return;
     setValue(val);
   };
   const actions = {
     ".": (val) => {
-      if (value.includes("."))
-        return;
+      if (value.includes(".")) return;
       actions.default(val);
     },
     delete: () => {

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,4 +1,3 @@
-import React from 'react';
 export interface NumberProps {
     max?: number;
     min?: number;
@@ -10,5 +9,5 @@ export interface NumberProps {
     onChange?: (val: string | number) => void;
     onEnter?: (val: string | number) => void;
 }
-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

@@ -1,9 +1,8 @@
-/// <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/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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {
@@ -8,5 +7,5 @@ export interface VirtualKeyInputProps extends InputProps {
     onValueSelect?: (selected: boolean) => void;
     defaultSelect?: boolean;
 }
-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

@@ -10,5 +10,5 @@ interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
     onChange?: (value?: any) => void;
     value?: 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

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

package/lib/components/walletCard/Guest/index.js

@@ -0,0 +1,138 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/walletCard/Guest/index.tsx
+var Guest_exports = {};
+__export(Guest_exports, {
+  default: () => Guest_default
+});
+module.exports = __toCommonJS(Guest_exports);
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_button = __toESM(require("../../button"));
+var import_index = require("./index.less");
+var Guest = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const { setting } = props;
+  const context = (0, import_useEngineContext.default)();
+  const { utils } = context.appHelper || {};
+  const goLogin = () => {
+    console.log(utils, "wh978796");
+    utils == null ? void 0 : utils.action({
+      type: "pisell1.login",
+      data: {},
+      callback: (status) => {
+        console.log(status, "wh978796");
+        if (status === "success") {
+        }
+      }
+    });
+  };
+  const getTextStyle = (config, otherConfig) => ({
+    color: (config == null ? void 0 : config.color) || (otherConfig == null ? void 0 : otherConfig.color) || "#fff",
+    fontSize: (config == null ? void 0 : config.size) || (otherConfig == null ? void 0 : otherConfig.size) || 14,
+    fontWeight: (config == null ? void 0 : config.weight) || (otherConfig == null ? void 0 : otherConfig.weight) || 400,
+    fontStyle: (config == null ? void 0 : config.style) || "normal"
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-wallet-guest-wrap",
+      style: {
+        backgroundColor: setting == null ? void 0 : setting.backgroundColor
+      }
+    },
+    ((_a = utils == null ? void 0 : utils.translation) == null ? void 0 : _a.call(utils, setting == null ? void 0 : setting.backgroundImage)) ? /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        className: "pisell-wallet-guest-bg",
+        src: ((_b = utils == null ? void 0 : utils.translation) == null ? void 0 : _b.call(utils, setting.backgroundImage)) || "",
+        alt: ((_c = utils == null ? void 0 : utils.translation) == null ? void 0 : _c.call(utils, setting == null ? void 0 : setting.backgroundImageAlt)) || "",
+        title: ((_d = utils == null ? void 0 : utils.translation) == null ? void 0 : _d.call(utils, setting == null ? void 0 : setting.backgroundImageAlt)) || ""
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `pisell-wallet-guest-content ${setting.align === "center" ? "pisell-wallet-guest-center" : ""}`
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-wallet-guest-title",
+          style: getTextStyle(setting == null ? void 0 : setting.titleConfig, {
+            size: 18,
+            weight: 600
+          })
+        },
+        ((_f = utils == null ? void 0 : utils.translation) == null ? void 0 : _f.call(
+          utils,
+          (setting == null ? void 0 : setting.title) || ((_e = setting == null ? void 0 : setting.titleConfig) == null ? void 0 : _e.text)
+        )) || ""
+      ), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-wallet-guest-subtitle",
+          style: getTextStyle(setting == null ? void 0 : setting.subtitleConfig, {
+            color: "#D0D5DD"
+          })
+        },
+        ((_h = utils == null ? void 0 : utils.translation) == null ? void 0 : _h.call(
+          utils,
+          (setting == null ? void 0 : setting.subtitle) || ((_g = setting == null ? void 0 : setting.subtitleConfig) == null ? void 0 : _g.text)
+        )) || ""
+      )),
+      ((_j = utils == null ? void 0 : utils.translation) == null ? void 0 : _j.call(
+        utils,
+        (setting == null ? void 0 : setting.buttonText) || ((_i = setting == null ? void 0 : setting.buttonConfig) == null ? void 0 : _i.text)
+      )) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-guest-button-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+        import_button.default,
+        {
+          style: {
+            backgroundColor: (setting == null ? void 0 : setting.buttonColor) || "#7F56D9",
+            borderColor: (setting == null ? void 0 : setting.buttonBorderColor) || "#7F56D9"
+          },
+          onClick: goLogin
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: getTextStyle(setting == null ? void 0 : setting.buttonConfig, {
+              weight: 600
+            })
+          },
+          ((_l = utils == null ? void 0 : utils.translation) == null ? void 0 : _l.call(
+            utils,
+            (setting == null ? void 0 : setting.buttonText) || ((_k = setting == null ? void 0 : setting.buttonConfig) == null ? void 0 : _k.text)
+          )) || ""
+        )
+      )) : null
+    )
+  );
+};
+var Guest_default = Guest;

package/lib/components/walletCard/Guest/index.less

@@ -0,0 +1,71 @@
+.pisell-wallet-guest-wrap {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: contain;
+  overflow: hidden;
+  position: relative;
+  min-height: 136px;
+  display: flex;
+  padding: 16px 18px;
+
+  .pisell-wallet-guest-bg {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  .pisell-wallet-guest-content {
+    position: relative;
+    text-align: left;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    flex: 1;
+    width: 100%;
+
+    &.pisell-wallet-guest-center {
+      text-align: center;
+      align-items: center;
+    }
+
+    .pisell-wallet-guest-title {
+      line-height: 28px;
+    }
+
+    .pisell-wallet-guest-subtitle {
+      line-height: 20px;
+    }
+
+    .pisell-wallet-guest-button-wrap {
+      display: flex;
+      width: fit-content;
+      max-width: 100%;
+    }
+
+    .pisell-lowcode-btn-default {
+      margin-top: 8px;
+      display: flex;
+      padding: 10px 16px;
+      justify-content: center;
+      align-items: center;
+      background: transparent;
+      border-color: transparent;
+      border-radius: 8px;
+      border: 1px solid var(--Primary-600, #7f56d9);
+      background: var(--Primary-600, #7f56d9);
+      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      max-width: 100%;
+      width: auto;
+      > div {
+        max-width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,65 @@
+import React from 'react';
+import './index.less';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [elemName: string]: any;
+        }
+    }
+}
+export interface WalletCardItem {
+    key: string;
+    label?: string;
+    hidden?: boolean;
+    value?: number;
+}
+export interface WalletCardProps {
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'orCode';
+    /** 二维码方向 */
+    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;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;