@pisell/materials 3.3.72 → 3.3.74

package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts

@@ -0,0 +1,7 @@
+interface IExportParams {
+    type: string;
+    originDataSource: any[];
+    currentDataSource: any[];
+}
+export declare const batchExport: (exportParams: IExportParams, exportImport: any) => Promise<true | undefined>;
+export {};

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

@@ -0,0 +1,17 @@
+import { FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
+import "./index.less";
+declare type ActionsProps = {
+    filter: FilterType;
+    tableId?: string;
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    sort: SortType;
+    localPagination?: boolean;
+    buttons: any[];
+    view: GridViewType;
+    gallery: GallerySettingType;
+    exportImport?: ExportImportType;
+};
+declare const Actions: ({ filter, sort, columnSetting, dataSourceGroup, tableId, localPagination, buttons, view, gallery, exportImport, }: ActionsProps) => JSX.Element | null;
+export default Actions;

package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const AddFieldModal: React.FC;
+export default AddFieldModal;

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/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: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

package/es/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/es/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/es/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;
-}) => ("filters" | "order_by" | "group_by" | "column_setting" | "gallery_setting" | "filter_setting" | "view_mode")[];
+}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filters" | "filter_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/hooks/useTableSetting.d.ts

@@ -0,0 +1,21 @@
+import { FilterType } from "../../filter/types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType, ExportImportModeType, LocalSettingsType } from "../types";
+declare type UseTableSettingProps = {
+    tableId?: string;
+    filter: FilterType;
+    columns: Record<string, any>[];
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    sort?: SortType;
+    view: GridViewType;
+    currentViewMode: ModeType;
+    gallery?: GallerySettingType;
+    currentSettingHash: string;
+    exportImport?: ExportImportModeType;
+    localSettings?: LocalSettingsType;
+};
+declare const useTableSetting: (params: UseTableSettingProps) => {
+    setTableSetting: (values: Record<string, any>) => void;
+    tableSetting: any;
+};
+export default useTableSetting;

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

@@ -0,0 +1,14 @@
+import { FormInstance } from "antd/es/form";
+declare type UseTransColumnsProps = {
+    columns: Record<string, any>[];
+    form: FormInstance;
+    localPagination: boolean;
+    handleSave?: (row: Record<string, any>) => void;
+    handleResize?: (index: number, record: Record<string, any>) => (e: any, p2: any) => void;
+    dragSort: boolean;
+    bordered: boolean;
+};
+declare const useTransColumns: (params: UseTransColumnsProps) => {
+    columns: any[];
+};
+export default useTransColumns;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -0,0 +1,13 @@
+declare type exportParams = {
+    ids?: Array<string | number>;
+    file_name?: string;
+    form_id?: string | number;
+    code?: string;
+    url?: string;
+};
+export declare const exportData: (params: exportParams) => Promise<any>;
+export declare const batchImport: (params: any) => Promise<any>;
+export declare const importTemplate: (params: exportParams) => Promise<any>;
+export declare const getExportFile: (params: any) => Promise<any>;
+export declare const getImportLog: (params: any) => Promise<any>;
+export {};

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

@@ -0,0 +1,17 @@
+import { Component } from 'react';
+import { TabsProps } from 'antd';
+import './index.less';
+declare class Tabs extends Component<any> {
+    state: {
+        activeKey: any;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<any>): void;
+    private _handleChange;
+    setActiveKey: (key: string) => void;
+    getActiveKey: () => any;
+    renderIconLabelTabBar: TabsProps['renderTabBar'];
+    filterHiddenTabs: (tabs: any[]) => any[];
+    render(): JSX.Element;
+}
+export default Tabs;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BaseNumberKeyboardProps } from '../BaseNumberKeyboard';
+export interface AmountProps {
+    max?: number;
+    min?: number;
+    doneText?: string;
+    resetText?: string;
+    defaultValue?: string | number;
+    placeholder?: string;
+    amountProps?: {
+        showCurrencySymbol: boolean;
+        useThousandsSeparator: boolean;
+    };
+    presets?: BaseNumberKeyboardProps['presets'];
+    value?: string | number;
+    onChange?: (val: string | number) => void;
+    onEnter?: (val: string | number) => void;
+    defaultSelect?: boolean;
+    inputFormat?: (_v: string) => React.ReactNode | null;
+}
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { PresetsProps } from "./Presets";
+import './index.less';
+export interface BaseNumberKeyboardProps {
+    placeholder?: string;
+    format?: (val: string) => React.ReactNode;
+    defaultValue?: string | number;
+    doneText?: string;
+    resetText?: string;
+    onChange?: (val: string) => void;
+    onEnter?: (val: string) => void;
+    value?: string | number;
+    max?: number;
+    min?: number;
+    presets?: PresetsProps['presets'];
+    defaultSelect?: boolean;
+}
+declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
+export default BaseNumberKeyboard;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export declare type ItemValue = string | number;
+export interface Item {
+    value: ItemValue;
+    label: React.ReactNode;
+    disabled: boolean;
+    type: 'text' | 'primary';
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface KeyboardProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+    rightItems?: Item[];
+    keydown?: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,13 @@
+export interface NumberProps {
+    max?: number;
+    min?: number;
+    doneText?: string;
+    resetText: string;
+    defaultValue?: string | number;
+    placeholder?: string;
+    value?: string | number;
+    onChange?: (val: string | number) => void;
+    onEnter?: (val: string | number) => void;
+}
+declare const Number: (props: NumberProps) => JSX.Element;
+export default Number;

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

@@ -0,0 +1,11 @@
+import { InputProps } from 'antd';
+import './index.less';
+export interface VirtualKeyInputProps extends InputProps {
+    previewValue?: string;
+    renderInput?: (props: any) => any;
+    showDelete?: boolean;
+    onValueSelect?: (selected: boolean) => void;
+    defaultSelect?: boolean;
+}
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
+export default VirtualKeyInput;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { KeyboardProps } from "./Keyboard";
+import { VirtualKeyInputProps } from "./VirtualKeyInput";
+import "./index.less";
+interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
+    keyboardProps?: KeyboardProps;
+    virtualKeyInputProps?: VirtualKeyInputProps;
+    rightPanel?: React.ReactNode;
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: string;
+}
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
+export default VirtualKeyboard;

package/es/components/walletCard/index.js

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

package/es/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;