@pisell/materials 1.0.680 → 1.0.682

package/es/components/dataSourceComponents/hooks/usePlatform.js

@@ -0,0 +1,12 @@
+import useEngineContext from "../../../hooks/useEngineContext";
+var usePlatform = function usePlatform() {
+  var _context$appHelper;
+  var context = useEngineContext();
+  var platform = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.constants) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.platform;
+  return platform;
+};
+var useIsShop = function useIsShop() {
+  var platform = usePlatform();
+  return platform === 'shop';
+};
+export { usePlatform, useIsShop };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "./types";
 declare const Filter: (props: FilterProps) => JSX.Element | null;
 export default Filter;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const List: {
     (props: any): JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type LowCodePageProps = {
     id: number;
 };

package/es/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface PisellAdjustPriceProps {
     value?: number;

package/es/components/pisellInput/components/Copy/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps, ButtonProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 export interface CopyProps extends InputProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from '../pisell-config-provider/context';
 declare const PisellInput: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {

package/es/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
     id?: number;

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

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

package/es/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {

package/es/components/table/Actions/component/Group/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableProps } from 'antd';
 declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/es/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/es/components/table/Gallery/components/GalleryItem/components/RenderFields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type RenderFieldsProps = {
     fields: string[];

package/es/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

package/es/components/table/Table/SelectField/index.d.ts

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {
@@ -197,12 +198,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

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

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: {

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

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

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: {

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: {

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

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

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: {

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: {

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

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

package/es/components/table/Table/utils.d.ts

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;

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

@@ -27,41 +27,21 @@ export interface WalletCardProps {
     /** 自定义背景图 */
     customBackgroundImage?: string;
     /** 图标：可以是React组件或图片URL */
-    icon?: React.ReactNode | string;
+    showIcon?: boolean;
+    showWalletName?: boolean;
+    iconImg?: string;
     /** 钱包名称 */
     walletName?: string;
     /** 店铺名称 */
     shopName?: string;
     /** 是否显示店铺名称 */
-    isShowShopName?: boolean;
+    showShopName?: boolean;
     /** 卡号 */
     cardNo?: string;
     /** 是否显示卡号 */
-    isShowCardNo?: boolean;
+    showCardNo?: boolean;
     /** 是否显示二维码 */
     showCode?: boolean;
-    /** 是否显示积分卡信息 */
-    points?: boolean;
-    /** 是否显示余额信息 */
-    balance?: boolean;
-    /** 是否显示折扣信息 */
-    coupon?: boolean;
-    /** 是否显示优惠券数量 */
-    isShowVouCher?: boolean;
-    /** 是否显示折扣卡数量 */
-    isShowDiscountCard?: boolean;
-    /** 积分卡金额 */
-    pointsValue?: number;
-    /** 余额 */
-    balanceValue?: number;
-    /** 优惠券金额 */
-    couponValue?: number;
-    /** 优惠券金额 */
-    vouCherValue?: number;
-    /** 折扣卡金额 */
-    discountCardValue?: number;
-    /** 卡片内容项 */
-    items: WalletCardItem[];
     /** 点击二维码/条形码的回调 */
     onCodeClick?: () => void;
     /** 货币符号 */
@@ -70,6 +50,7 @@ export interface WalletCardProps {
     onClick?: () => void;
     /** 自定义类名 */
     className?: string;
+    items: WalletCardItem[];
     /** 自定义样式 */
     style?: React.CSSProperties;
 }

package/es/components/walletCard/index.js

@@ -1,7 +1,9 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -9,7 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 React, { useState, useMemo } from 'react';
-import { Card, QRCode, Divider, Button } from 'antd';
+import { Card, QRCode } from 'antd';
 import Iconfont from "./../iconfont";
 import Barcode from 'react-barcode';
 import Amount from "./../pisellText/components/Amount";
@@ -25,26 +27,37 @@ import "./index.less";
 // 默认值
 var DEFAULT_PROPS = {
   symbol: '$',
-  mode: 'dark',
+  mode: 'light',
+  iconImg: '',
+  showIcon: true,
+  showWalletName: true,
+  shopName: 'Store name',
+  showShopName: true,
+  cardNo: 'Wallet number',
   cardStyle: 'normal',
   codeType: 'barCode',
   platform: 'pc',
   codeDirection: 'bottom',
-  isShowShopName: true,
-  isShowCardNo: true,
+  showCardNo: true,
   showCode: true,
-  walletName: '',
-  points: true,
-  balance: true,
-  coupon: true,
-  isShowVouCher: true,
-  isShowDiscountCard: true,
-  pointsValue: 0,
-  balanceValue: 0,
-  vouCherValue: 0,
-  couponValue: 0,
-  discountCardValue: 0,
-  items: []
+  walletName: 'Level',
+  items: [{
+    key: 'rechargeable',
+    label: 'rechargeable',
+    value: 0
+  }, {
+    key: 'piont',
+    label: 'piont',
+    value: 10
+  }, {
+    key: 'voucher',
+    label: 'Discount cardvoucher',
+    value: 0
+  }, {
+    key: 'discount',
+    label: 'discount',
+    value: 0
+  }]
 };
 
 // 自定义钩子：处理二维码/条形码模态框
@@ -90,16 +103,23 @@ var CardIcon = function CardIcon(_ref) {
 
 // 子组件：卡片头部
 var CardHeader = function CardHeader(_ref2) {
-  var icon = _ref2.icon,
-    walletName = _ref2.walletName,
-    shopName = _ref2.shopName,
-    _ref2$isShowShopName = _ref2.isShowShopName,
-    isShowShopName = _ref2$isShowShopName === void 0 ? true : _ref2$isShowShopName,
-    cardNo = _ref2.cardNo,
-    _ref2$isShowCardNo = _ref2.isShowCardNo,
-    isShowCardNo = _ref2$isShowCardNo === void 0 ? true : _ref2$isShowCardNo,
+  var _ref2$showIcon = _ref2.showIcon,
+    showIcon = _ref2$showIcon === void 0 ? true : _ref2$showIcon,
+    _ref2$showWalletName = _ref2.showWalletName,
+    showWalletName = _ref2$showWalletName === void 0 ? true : _ref2$showWalletName,
+    _ref2$showShopName = _ref2.showShopName,
+    showShopName = _ref2$showShopName === void 0 ? true : _ref2$showShopName,
+    _ref2$showCardNo = _ref2.showCardNo,
+    showCardNo = _ref2$showCardNo === void 0 ? true : _ref2$showCardNo,
     _ref2$showCode = _ref2.showCode,
     showCode = _ref2$showCode === void 0 ? true : _ref2$showCode,
+    iconImg = _ref2.iconImg,
+    _ref2$walletName = _ref2.walletName,
+    walletName = _ref2$walletName === void 0 ? 'Level' : _ref2$walletName,
+    _ref2$shopName = _ref2.shopName,
+    shopName = _ref2$shopName === void 0 ? 'Store name' : _ref2$shopName,
+    _ref2$cardNo = _ref2.cardNo,
+    cardNo = _ref2$cardNo === void 0 ? 'Wallet number' : _ref2$cardNo,
     _ref2$cardStyle = _ref2.cardStyle,
     cardStyle = _ref2$cardStyle === void 0 ? 'normal' : _ref2$cardStyle,
     _ref2$codeType = _ref2.codeType,
@@ -111,11 +131,11 @@ var CardHeader = function CardHeader(_ref2) {
     className: "pisell-wallet-card-header-left"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-level"
-  }, icon && /*#__PURE__*/React.createElement(CardIcon, {
-    icon: icon
-  }), walletName && /*#__PURE__*/React.createElement("div", {
+  }, showIcon && iconImg && /*#__PURE__*/React.createElement(CardIcon, {
+    icon: iconImg
+  }), showWalletName && walletName && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-level-text"
-  }, walletName)), isShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), isShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo)), /*#__PURE__*/React.createElement("div", {
+  }, walletName)), showShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), showCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo)), /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-right"
   }, showCode && cardStyle === 'normal' && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-icon-wrapper",
@@ -227,49 +247,33 @@ var CodeModal = function CodeModal(_ref6) {
     cardNo: cardNo
   }), codeType === 'orCode' && /*#__PURE__*/React.createElement("div", {
     className: "pisell-qrcode-modal-value"
-  }, cardNo), /*#__PURE__*/React.createElement(Divider, {
-    className: "pisell-lowcode-divider"
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    className: "pisell-qrcode-modal-button",
-    onClick: onClose
-  }, getText('walletCard-done'))));
+  }, cardNo)));
 };
 
 // 主组件
 var WalletCard = function WalletCard(props) {
-  var _props$mode = props.mode,
-    mode = _props$mode === void 0 ? DEFAULT_PROPS.mode : _props$mode,
-    _props$cardStyle = props.cardStyle,
-    cardStyle = _props$cardStyle === void 0 ? DEFAULT_PROPS.cardStyle : _props$cardStyle,
-    _props$codeType = props.codeType,
-    codeType = _props$codeType === void 0 ? DEFAULT_PROPS.codeType : _props$codeType,
-    _props$platform = props.platform,
-    platform = _props$platform === void 0 ? DEFAULT_PROPS.platform : _props$platform,
-    _props$codeDirection = props.codeDirection,
-    codeDirection = _props$codeDirection === void 0 ? DEFAULT_PROPS.codeDirection : _props$codeDirection,
-    customBackgroundImage = props.customBackgroundImage,
-    icon = props.icon,
-    _props$walletName = props.walletName,
-    walletName = _props$walletName === void 0 ? DEFAULT_PROPS.walletName : _props$walletName,
-    _props$shopName = props.shopName,
-    shopName = _props$shopName === void 0 ? '' : _props$shopName,
-    _props$isShowShopName = props.isShowShopName,
-    isShowShopName = _props$isShowShopName === void 0 ? DEFAULT_PROPS.isShowShopName : _props$isShowShopName,
-    _props$cardNo = props.cardNo,
-    cardNo = _props$cardNo === void 0 ? '' : _props$cardNo,
-    _props$isShowCardNo = props.isShowCardNo,
-    isShowCardNo = _props$isShowCardNo === void 0 ? DEFAULT_PROPS.isShowCardNo : _props$isShowCardNo,
-    _props$showCode = props.showCode,
-    showCode = _props$showCode === void 0 ? DEFAULT_PROPS.showCode : _props$showCode,
-    _props$items = props.items,
-    items = _props$items === void 0 ? _toConsumableArray(DEFAULT_PROPS.items) : _props$items,
-    onCodeClick = props.onCodeClick,
-    _props$symbol = props.symbol,
-    symbol = _props$symbol === void 0 ? DEFAULT_PROPS.symbol : _props$symbol,
-    onClick = props.onClick,
-    className = props.className,
-    style = props.style;
+  var _DEFAULT_PROPS$props = _objectSpread(_objectSpread({}, DEFAULT_PROPS), props),
+    symbol = _DEFAULT_PROPS$props.symbol,
+    mode = _DEFAULT_PROPS$props.mode,
+    iconImg = _DEFAULT_PROPS$props.iconImg,
+    showIcon = _DEFAULT_PROPS$props.showIcon,
+    showWalletName = _DEFAULT_PROPS$props.showWalletName,
+    shopName = _DEFAULT_PROPS$props.shopName,
+    showShopName = _DEFAULT_PROPS$props.showShopName,
+    cardNo = _DEFAULT_PROPS$props.cardNo,
+    cardStyle = _DEFAULT_PROPS$props.cardStyle,
+    codeType = _DEFAULT_PROPS$props.codeType,
+    platform = _DEFAULT_PROPS$props.platform,
+    codeDirection = _DEFAULT_PROPS$props.codeDirection,
+    showCardNo = _DEFAULT_PROPS$props.showCardNo,
+    showCode = _DEFAULT_PROPS$props.showCode,
+    walletName = _DEFAULT_PROPS$props.walletName,
+    _DEFAULT_PROPS$props$ = _DEFAULT_PROPS$props.items,
+    items = _DEFAULT_PROPS$props$ === void 0 ? [] : _DEFAULT_PROPS$props$,
+    onCodeClick = _DEFAULT_PROPS$props.onCodeClick,
+    onClick = _DEFAULT_PROPS$props.onClick,
+    className = _DEFAULT_PROPS$props.className,
+    style = _DEFAULT_PROPS$props.style;
 
   // 使用自定义钩子处理模态框逻辑
   var _useCodeModal = useCodeModal(cardNo, onCodeClick),
@@ -279,13 +283,16 @@ var WalletCard = function WalletCard(props) {
 
   // 计算背景样式
   var backgroundStyle = useMemo(function () {
-    if (customBackgroundImage) {
+    if (props.customBackgroundImage) {
+      return {
+        backgroundImage: "url(".concat(props.customBackgroundImage, ")")
+      };
+    } else {
       return {
-        backgroundImage: "url(".concat(customBackgroundImage, ")")
+        backgroundImage: "url(https://file.mypisell-dev.com/pisel/image/9/".concat(mode === 'dark' ? '3d039c83ff5b84fadafb8a23c33d6cc42025_02_26_00_42_53_288_08413160975__720_456__' : '61dcbe950c9451164a6bb1d17d5bc5f02025_02_26_00_43_42_741_04853453608__720_456__', ".png)")
       };
     }
-    return {};
-  }, [customBackgroundImage]);
+  }, [props.customBackgroundImage, mode]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-wrapper', className),
     style: style,
@@ -295,17 +302,22 @@ var WalletCard = function WalletCard(props) {
       padding: 0
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-wallet-card-container"
+    className: "pisell-wallet-card-container",
+    style: {
+      flexDirection: codeDirection === 'top' ? 'column-reverse' : 'column'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-content', mode),
     style: backgroundStyle
   }, /*#__PURE__*/React.createElement(CardHeader, {
-    icon: icon,
+    showWalletName: showWalletName,
+    showIcon: showIcon,
+    iconImg: iconImg,
     walletName: walletName,
     shopName: shopName,
-    isShowShopName: isShowShopName,
+    showShopName: showShopName,
     cardNo: cardNo,
-    isShowCardNo: isShowCardNo,
+    showCardNo: showCardNo,
     showCode: showCode,
     cardStyle: cardStyle,
     codeType: codeType,
@@ -313,8 +325,8 @@ var WalletCard = function WalletCard(props) {
   }), /*#__PURE__*/React.createElement(CardContent, {
     items: items,
     symbol: symbol
-  })), showCode && cardStyle === 'full' && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-wallet-card-showCode"
+  })), cardStyle === 'full' && /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-wallet-card-showCode', codeDirection === 'top' ? 'code-top' : 'code-bottom')
   }, /*#__PURE__*/React.createElement(CodeDisplay, {
     codeType: codeType,
     cardNo: cardNo