@pisell/materials 1.0.961 → 1.0.962

package/lib/components/virtualInput/index.js

@@ -29,8 +29,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/virtualInput/index.tsx
 var virtualInput_exports = {};
 __export(virtualInput_exports, {
-  BaseVirtualInputProps: () => import_BaseVirtualInput2.BaseVirtualInputProps,
-  BaseVirtualInputRef: () => import_BaseVirtualInput2.BaseVirtualInputRef,
   default: () => virtualInput_default
 });
 module.exports = __toCommonJS(virtualInput_exports);
@@ -39,7 +37,6 @@ var import_classnames = __toESM(require("classnames"));
 var import_icon = __toESM(require("../icon"));
 var import_BaseVirtualInput = __toESM(require("./BaseVirtualInput"));
 var import_index = require("./index.less");
-var import_BaseVirtualInput2 = require("./BaseVirtualInput");
 var VirtualInput = (0, import_react.forwardRef)(
   ({
     topContent,
@@ -95,8 +92,3 @@ var VirtualInput = (0, import_react.forwardRef)(
 );
 VirtualInput.displayName = "VirtualInput";
 var virtualInput_default = VirtualInput;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BaseVirtualInputProps,
-  BaseVirtualInputRef
-});

package/lib/components/walletCard/index.js

@@ -62,6 +62,11 @@ var DEFAULT_PROPS = {
   showCode: true,
   walletName: "Level",
   isLogin: true,
+  showHolderName: true,
+  holderType: "customer",
+  holder: null,
+  onSetHolder: () => {
+  },
   items: [
     {
       type: "rechargeable",
@@ -166,7 +171,10 @@ var CardHeader = ({
   onCodeClick,
   isLogin = false,
   showViewPin = false,
-  onViewPinClick
+  onViewPinClick,
+  showHolderName,
+  holderName,
+  onHolderClick
 }) => {
   const processedShowIcon = toBooleanValue(showIcon);
   const processedShowWalletName = toBooleanValue(showWalletName);
@@ -181,7 +189,14 @@ 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"),
+      onClick: onHolderClick
+    },
+    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 +322,11 @@ var WalletCard = (props) => {
     onClick,
     className,
     style,
-    isGuide
+    isGuide,
+    showHolderName,
+    holderType,
+    holder,
+    onSetHolder
   } = mergedProps;
   const showIcon = toBooleanValue(mergedProps.showIcon);
   const showWalletName = toBooleanValue(mergedProps.showWalletName);
@@ -367,6 +386,36 @@ var WalletCard = (props) => {
       console.error("onViewPinClick方法需要传入");
     }
   };
+  const _renderMask = () => {
+    if (holderType === "customer") return null;
+    if (holderType === "custom" && !(holder == null ? void 0 : 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 holderType === "custom" && showHolderName;
+  }, [holderType, showHolderName]);
+  const holderName = (0, import_react.useMemo)(() => {
+    if (holderType === "custom" && !(holder == null ? void 0 : holder.id)) {
+      return "--";
+    }
+    return (holder == null ? void 0 : holder.name) || "";
+  }, [holderType, holder]);
+  const handleHolderClick = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+    onSetHolder == null ? void 0 : onSetHolder(holder);
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -382,6 +431,7 @@ var WalletCard = (props) => {
           flexDirection: codeDirection === "top" ? "column-reverse" : "column"
         }
       },
+      _renderMask(),
       /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
@@ -417,7 +467,10 @@ var WalletCard = (props) => {
               onCodeClick: handleCodeClick,
               isLogin,
               showViewPin,
-              onViewPinClick
+              onViewPinClick,
+              showHolderName: _showHolderName,
+              holderName,
+              onHolderClick: handleHolderClick
             }
           ),
           /* @__PURE__ */ import_react.default.createElement(

package/lib/components/walletCard/index.less

@@ -9,6 +9,35 @@
     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;
+
+    &-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 +64,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 +89,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 +107,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 +138,7 @@
         display: flex;
         align-items: center;
         gap: 10px;
-        margin-bottom: 8px;
+        margin-bottom: 4px;
 
         // 卡片名称文本
         .pisell-wallet-card-header-level-text {
@@ -157,7 +217,7 @@
 
   // 卡片内容列表
   .pisell-wallet-card-list {
-    margin-top: 30px;
+    margin-top: unset;
     height: 50px;
     box-sizing: border-box;
     display: flex;

package/lib/locales/en-US.js

@@ -399,15 +399,7 @@ var en_US_default = {
   "pisell-upload-camera-capture": "Capture",
   "pisell-upload-camera-retake": "Retake",
   "pisell-upload-camera-use": "Use photo",
-  // 列表组件
-  "pisell-list-tab-group-default": "Field",
-  "pisell-list-empty-text-default": "No data available",
-  "pisell-list-load-more": "Load More",
-  "pisell-list-view-less": "View Less",
-  "pisell-list-pagination-total": (start, end, total) => `Showing ${start}-${end} of ${total} items`,
-  "pisell-list-scroll-down": "Scroll Down",
-  "pisell-list-scroll-right": "Scroll Right",
-  "pisell-list-pagination-page-of": (current, total) => `Page ${current} of ${total}`,
-  "pisell-list-pagination-previous": "Previous",
-  "pisell-list-pagination-next": "Next"
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "To ensure your benefits, please\r\nassign a holder to activate this card.",
+  "pisell2.wallet-card.add-holder-button-text": "Set Holder"
 };

package/lib/locales/zh-CN.js

@@ -390,15 +390,7 @@ var zh_CN_default = {
   "pisell-upload-camera-capture": "拍摄/拍照",
   "pisell-upload-camera-retake": "重拍",
   "pisell-upload-camera-use": "使用照片",
-  // 列表组件
-  "pisell-list-tab-group-default": "字段",
-  "pisell-list-empty-text-default": "暂无数据",
-  "pisell-list-load-more": "查看更多",
-  "pisell-list-view-less": "查看更少",
-  "pisell-list-pagination-total": (start, end, total) => `显示第 ${start}-${end} 条，共 ${total} 条`,
-  "pisell-list-scroll-down": "向下滚动",
-  "pisell-list-scroll-right": "向右滚动",
-  "pisell-list-pagination-page-of": (current, total) => `第 ${current} 页 共 ${total} 页`,
-  "pisell-list-pagination-previous": "上一页",
-  "pisell-list-pagination-next": "下一页"
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "为确保您的权益，此卡\r\n需指定使用人后方可激活使用。",
+  "pisell2.wallet-card.add-holder-button-text": "添加持有人"
 };

package/lib/locales/zh-TW.js

@@ -391,15 +391,7 @@ var zh_TW_default = {
   "pisell-upload-camera-capture": "拍攝/拍照",
   "pisell-upload-camera-retake": "重拍",
   "pisell-upload-camera-use": "使用照片",
-  // 列表組件
-  "pisell-list-tab-group-default": "字段",
-  "pisell-list-empty-text-default": "暫無數據",
-  "pisell-list-load-more": "查看更多",
-  "pisell-list-view-less": "查看更少",
-  "pisell-list-pagination-total": (start, end, total) => `顯示第 ${start}-${end} 條，共 ${total} 條`,
-  "pisell-list-scroll-down": "向下滾動",
-  "pisell-list-scroll-right": "向右滾動",
-  "pisell-list-pagination-page-of": (current, total) => `第 ${current} 頁 共 ${total} 頁`,
-  "pisell-list-pagination-previous": "上一頁",
-  "pisell-list-pagination-next": "下一頁"
+  // 钱包卡片组件
+  "pisell2.wallet-card.add-holder-tip": "為確保您的權益，此卡\r\n需指定使用人後方可激活使用。",
+  "pisell2.wallet-card.add-holder-button-text": "添加使用人"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.961",
+  "version": "1.0.962",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -59,7 +59,7 @@
     "@use-gesture/react": "^10.3.1",
     "@zxing/library": "0.21.2",
     "ahooks": "^3.7.6",
-    "antd": "5.6.3",
+    "antd": "*",
     "antd-img-crop": "^4.23.0",
     "classnames": "^2.3.2",
     "crypto-js": "^4.2.0",

package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts

@@ -1,25 +0,0 @@
-/**
- * 获取nocobase数据列表
- */
-export declare const getCountryDataList: () => Promise<any>;
-export declare const getShopCountryDataList: (locale?: any) => Promise<any>;
-export interface Country {
-    id: number;
-    name: {
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        original: string;
-    };
-    code: string;
-    calling_code: string;
-    currency_code: string;
-    sort: number;
-    status: string;
-    created_at: string;
-    updated_at: string;
-    prefix: string;
-}
-export declare const useCountries: () => {
-    data: Country[];
-};

package/es/components/dataSourceComponents/provider/variables/VariablesContext.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export interface VariablesContextType {
-    children?: React.ReactNode;
-    variables?: Record<string, any>;
-    registerVariable?: (value: Record<string, any>) => void;
-    parseVariable?: (str: string, localVariables?: Record<string, any>) => any;
-    registerValueVariable?: (componentId: string, value: Record<string, any>) => void;
-    registerFunctionVariable?: (componentId: string, value: Record<string, any>) => void;
-    subscribeVariables?: (listener: (allVariables: Record<string, any>, updateVariables: Record<string, any>) => void) => () => void;
-}
-export declare const VariablesContext: import("react").Context<VariablesContextType>;
-export default VariablesContext;

package/es/components/dataSourceComponents/provider/variables/VariablesProvider.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { VariablesContextType } from './VariablesContext';
-declare const VariablesProvider: React.FC<VariablesContextType>;
-export default VariablesProvider;

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ConfigProviderProps } from '../config-provider';
-interface PageProps extends ConfigProviderProps {
-}
-declare const Page: (props: PageProps) => JSX.Element;
-export default Page;

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

@@ -1,107 +0,0 @@
-import React from 'react';
-import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
-import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellWalletPassCardProps, FormatOption } from '../pisellWalletPassCard';
-import './index.less';
-export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
-    platform?: PisellContextType['platform'];
-    /** 当用户查看完所有记录时，底部会显示此消息 */
-    endMessage?: React.ReactNode;
-    /** 加载下次数据时的加载站位 */
-    loader?: React.ReactNode;
-    /** 是否有更多数据 */
-    hasMore: boolean;
-    /** 加载更多数据回调 */
-    loadMoreData?: () => Promise<void>;
-    /** 当前list数据 */
-    data: PisellWalletPassCardProps[];
-    /** list空数据时展示内容 */
-    empty?: React.ReactNode;
-    /** 是否展示空状态 */
-    showEmpty?: boolean;
-    /** 是否展示卡片名称 */
-    showName?: boolean;
-    /** 是否展示店铺名称 */
-    showStoreName?: boolean;
-    /** 是否展示核销金额 */
-    showRedeem?: boolean;
-    /** 是否展示余额 */
-    showBalance?: boolean;
-    /** 是否展示编码 */
-    showCode?: boolean;
-    /** 是否展示到期时间 */
-    showValidDate?: boolean;
-    /** 使用日程信息计算有效期 */
-    validDateBySchedule?: boolean;
-    /** 日程列表 */
-    scheduleList?: any[];
-    /** 是否展示详情按钮 */
-    showDetail?: boolean;
-    /** 是否展示二维码 */
-    showQrCode?: boolean;
-    /** 是否展示封面图 */
-    showCover?: boolean;
-    /** 是否余额货币单位 */
-    showBalanceSymbol?: boolean;
-    /** 卡片大小 */
-    type?: 'default' | 'mini';
-    /** 展示操作按钮 */
-    showActions?: boolean;
-    /** 操作按钮配置 */
-    actions?: {
-        /** 按钮展示方式 */
-        layout: 'expanded' | 'collapsed';
-        /** detail 按钮配置 */
-        detail?: {
-            visible: boolean;
-            iconColor: string;
-        };
-        /** edit按钮配置 */
-        edit?: {
-            visible: boolean;
-            iconColor: string;
-            dialogTitle: string;
-            enableDialog: boolean;
-            fields: {
-                name: string;
-                label: string;
-            };
-        };
-    };
-    /** 编辑编辑按钮后，弹窗展示之前 */
-    beforeEdit?: (value: any, index: number) => Promise<any> | boolean | void;
-    /** 编辑弹窗点击提交 */
-    onConfirmEdit?: (value: any, index: number, data: any) => void;
-    /** 是否展示状态标识 */
-    showStatus?: boolean;
-    /** 名称标题字号字重颜色配置 */
-    nameTitleStyle?: {
-        fontSize: number;
-        fontWeight: number;
-        color: string;
-    };
-    /** 开启编辑金额 */
-    enableEditAmount?: boolean;
-    /** 编辑金额事件 */
-    onConfirmEditAmount?: (value: number, index: number, data: any) => void;
-    /** 是否使用外部详情处理 */
-    useExternalDetail?: boolean;
-    /** 详情事件 */
-    onDetail?: (value: any, index: number) => void;
-    /** 自定义余额格式化函数，如果提供则优先使用 */
-    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
-    /** 自定义余额标题格式化函数，如果提供则优先使用 */
-    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
-    /** 自定义使用金额格式化函数，如果提供则优先使用 */
-    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
-    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
-    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
-    /** 编辑金额前事件 */
-    onBeforeEditAmount?: (value: any, index: number, data: any) => Promise<any> | boolean | void;
-    /** 选项点击事件 */
-    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: any) => void;
-    /** 是否展示选中状态的背景色 */
-    showActiveBackground?: boolean;
-}
-declare const _default: React.NamedExoticComponent<PisellCardListProps>;
-export default _default;

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

@@ -1,50 +0,0 @@
-import React from 'react';
-import './index.less';
-interface ApplicableProductDetails {
-    amount: string;
-    type: string;
-    resource_id: number;
-    title: string;
-    original_amount: string;
-}
-interface Discount {
-    id: number;
-    product_name: string;
-    encoded: string;
-    code: string;
-    tag: string;
-    expire_time?: string;
-    product_id: number;
-    relation_type: string;
-    par_value: string;
-    used_par_value: string;
-    limit_status: string;
-    limited_relation_product_data: any;
-    balance: string;
-    format_title: any;
-    product: any;
-    savedAmount: number;
-    isDisabled: boolean;
-    isSelected?: boolean;
-    isAvailable?: boolean;
-    isUsed?: boolean;
-    applicableProductIds?: number[];
-    applicableProductDetails: ApplicableProductDetails[];
-    appliedProductDetails: any[];
-}
-export interface PisellGoodPassCardProps {
-    /**数据源 */
-    dataSource: Array<Discount>;
-    /**事件 */
-    onChange?: (current: {
-        id: string | number;
-        isSelected: boolean;
-    }) => void;
-    /**样式 */
-    style: React.CSSProperties;
-    /**快捷展示排序 */
-    mixedSort?: (val: Discount[]) => Discount[];
-    isInModal: boolean;
-}
-declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
-export default index;

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellQRScannerProps {
-    /** 是否可见 */
-    visible: boolean;
-    /** 是否显示上传图片按钮 */
-    showUpload?: boolean;
-    /** 关闭回调 */
-    onClose: () => void;
-    /** 扫码成功回调 */
-    onScan: (value: string) => void;
-    /**
-     * 样式属性，可选
-     * 注意: 不应传入renderMode等不必要属性
-     */
-    style?: React.CSSProperties;
-    /** 类名，可选 */
-    className?: string;
-}
-/**
- * 二维码扫描组件
- */
-declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
-export default PisellQRScanner;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.less';
-interface PisellQrcodeProps {
-    size?: number;
-    platform: 'pc' | 'h5' | 'ipad';
-    value: string;
-    className: string;
-}
-declare const PisellQrcode: React.FC<PisellQrcodeProps>;
-export default PisellQrcode;

package/es/components/pisellText/components/Editable/index.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type MultiLanguageValue = {
-    en: string;
-    'zh-CN': string;
-    'zh-HK': string;
-};
-export interface EditableConfig {
-    /** 是否禁用编辑 */
-    disabled?: boolean;
-    /** 最大长度 */
-    maxLength?: number;
-    /** 编辑图标 */
-    icon?: React.ReactNode;
-}
-export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** 文本内容，支持字符串或多语言对象 */
-    value?: string | MultiLanguageValue;
-    /** 子节点内容，优先级高于 value */
-    children?: string;
-    /** 可编辑配置，boolean 时使用默认配置 */
-    editable?: boolean | EditableConfig;
-    /** 编辑变更回调 */
-    onChange?: (value: string | MultiLanguageValue) => void;
-    /** 输入框尺寸 */
-    size?: 'large' | 'middle' | 'small';
-}
-declare const Editable: React.FC<EditableProps>;
-export default Editable;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
-declare const PisellText: {
-    (props: PisellTextProps): JSX.Element;
-    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
-    Editable: React.FC<import("./components/Editable").EditableProps>;
-};
-export default PisellText;