@pisell/materials 1.0.892 → 1.0.893

package/lib/components/virtual-keyboard/Number/types.d.ts

@@ -0,0 +1,25 @@
+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;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+    keyboardBackgroundColor?: string;
+    keyboardButtonBackgroundColor?: string;
+    keyboardButtonTextColor?: string;
+    keyboardButtonHoverColor?: string;
+}

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

@@ -0,0 +1,25 @@
+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;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    keyboardBackgroundColor?: string;
+    keyboardButtonBackgroundColor?: string;
+    keyboardButtonTextColor?: string;
+    keyboardButtonHoverColor?: string;
+    primaryButtonBackgroundColor?: string;
+    primaryButtonTextColor?: string;
+}
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
+export default VirtualKeyboard;

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

@@ -51,9 +51,19 @@ var Guide = (props) => {
     return (setting == null ? void 0 : setting.walletGuideConfig) || {};
   }, [setting == null ? void 0 : setting.walletGuideConfig]);
   const handleClick = (e) => {
-    var _a2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     e.stopPropagation();
     if (!((_a2 = _setting == null ? void 0 : _setting.skipLink) == null ? void 0 : _a2.page)) return;
+    if ((_d2 = (_c2 = (_b2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _b2.utils) == null ? void 0 : _c2.isAppEnv) == null ? void 0 : _d2.call(_c2)) {
+      (_g2 = (_e2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e2.postMessageToApp) == null ? void 0 : _g2.call(_e2, {
+        module: "global",
+        key: "openNative",
+        data: {
+          link: (_f2 = _setting == null ? void 0 : _setting.skipLink) == null ? void 0 : _f2.page
+        }
+      });
+      return;
+    }
     utils == null ? void 0 : utils.jumpPageByLink(_setting == null ? void 0 : _setting.skipLink);
   };
   return /* @__PURE__ */ import_react.default.createElement(

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.892",
+  "version": "1.0.893",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const _default: any;
-export default _default;

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import { FormInstance } from 'antd';
-import { ModeType } from './type';
-import './style.less';
-export interface WithModeProps {
-    renderMode?: ModeType;
-    value?: any;
-    onChange?: (value: any) => void;
-    [key: string]: any;
-}
-/**
- * @title: 增加renderMode属性
- * @description: 基于renderMode属性控制渲染模式
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-23 17:13:18
- */
-export declare const withMode: <P extends object>(FieldComponent: React.ComponentType<P>, ReadPrettyComponent?: React.ComponentType<P & {
-    renderMode: ModeType;
-}> | undefined, transformProps?: ((props: P, renderMode: ModeType) => P) | undefined) => React.FC<P & WithModeProps>;
-export interface WithFormItemProps {
-    name: string;
-    label?: string;
-    mode?: ModeType;
-    [key: string]: any;
-}
-export declare const formItemNameReplace: (name: string) => string;
-export declare const formItemNameReverse: (name: string) => string;
-export declare const isValidDomain: (value: string) => boolean;
-/**
- * @title: 追加formItem层
- * @description:
- * @return: *
- * @Author: shengjie.zuo
- * @Date: 2024-11-23 17:14:25
- */
-export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
-    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
-    innerProps?: Record<string, any> | undefined;
-} | undefined) => React.FC<P & WithFormItemProps>;
-export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
-    dataSource?: any;
-}) => JSX.Element;
-export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
-    options?: any;
-    optionSourceType?: "custom" | "api" | "default" | undefined;
-    labelField: string;
-    valueField: string;
-    extraParams?: Record<string, any> | undefined;
-}) => JSX.Element;
-export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
-export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
-export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
-export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
-export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
-export declare const setFormFieldsUntouched: (form: FormInstance) => void;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,39 +0,0 @@
-import { Drawer } from 'antd';
-import React from 'react';
-import { OperationItem } from '../type';
-declare const useDrawerState: (operationContent?: {
-    [key: string]: React.ReactNode;
-} | undefined) => {
-    drawerVisible: boolean;
-    setDrawerVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    openDrawer: (item: OperationItem) => void;
-    closeDrawer: () => void;
-    drawerContent: React.ReactNode;
-    Container: {
-        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
-        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
-        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
-    } | typeof Drawer;
-    containerProps: {};
-};
-export default useDrawerState;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -1,99 +0,0 @@
-import React from 'react';
-import { DataSourceTableProps } from '../type';
-import { OperationItem } from '../type';
-interface UseTablePropsProps {
-    data: any;
-    originProps: DataSourceTableProps;
-    openDrawer: (type: OperationItem) => void;
-    closeDrawer: () => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    tableRef: any;
-}
-/**
- * 处理table的props
- * 转换title
- * @param props
- * @returns
- */
-declare const useTableProps: (props: UseTablePropsProps) => {
-    title: string | number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
-    pagination: {
-        total: number;
-        current: number;
-        pageSize: number;
-        size: string;
-        showSizeChanger: boolean;
-    };
-    columns: import("./useColumns").Column[];
-    subTitle: string | number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
-    buttons: any[] | null;
-    filter: JSX.Element | null;
-    onRow: (record: any) => any;
-    actionButtons: any[] | null;
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    operation?: {
-        /**
-         * 处理table的props
-         * 转换title
-         * @param props
-         * @returns
-         */
-        show: boolean;
-        title: string;
-        width: number;
-        align: "center" | "left" | "right";
-        fixed: false | "left" | "right";
-        type: "link" | "button";
-        items: OperationItem[];
-    } | undefined;
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    } | undefined;
-    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    } | undefined;
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
-        openTitle: string;
-        key: string;
-    } | undefined;
-    filterBy?: Record<string, any> | undefined;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    } | undefined;
-    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
-    onDeleteFinish?: ((record: Record<string, any>) => void) | undefined;
-    extraParams?: {
-        list?: Record<string, any> | undefined;
-        get?: Record<string, any> | undefined;
-        update?: Record<string, any> | undefined;
-        create?: Record<string, any> | undefined;
-        destroy?: Record<string, any> | undefined;
-    } | undefined;
-};
-export default useTableProps;

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,80 +0,0 @@
-/// <reference types="react" />
-import { ColumnType } from 'antd/es/table';
-import { DataSourceType } from '../provider/dataSource/DataSourceContext';
-export declare type OperationItem = {
-    label?: string;
-    openMode: 'modal' | 'drawer' | 'custom';
-    openContentSize: 'small' | 'middle' | 'large';
-    openTitle: string;
-    actionType: 'detail' | 'edit' | 'delete' | 'custom';
-    key: string;
-    buttonProps?: any;
-    onClick?: (record: any) => void;
-    afterClose?: () => void;
-};
-export interface DataSourceTableProps {
-    title?: string | React.ReactNode | (() => React.ReactNode);
-    subTitle?: string | React.ReactNode | (() => React.ReactNode);
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    buttons?: any[];
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: 'left' | 'center' | 'right';
-        fixed: 'left' | 'right' | false;
-        type: 'link' | 'button';
-        items: OperationItem[];
-    };
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    };
-    dataSource: DataSourceType;
-    columns: ColumnType<any>[];
-    filter: any;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    };
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: 'modal' | 'drawer';
-        openContentSize: 'small' | 'middle' | 'large';
-        openTitle: string;
-        key: string;
-    };
-    onRow?: any;
-    filterBy?: Record<string, any>;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    };
-    onValuesChange?: (changedValues: any, values: any) => void;
-    onDeleteFinish?: (record: Record<string, any>) => void;
-    extraParams?: {
-        list?: Record<string, any>;
-        get?: Record<string, any>;
-        update?: Record<string, any>;
-        create?: Record<string, any>;
-        destroy?: Record<string, any>;
-    };
-}

package/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-import { ModeType } from "../../dataSourceForm/type";
-declare type PhoneValue = string | {
-    phone: string;
-    countryCallingCode: string;
-};
-export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
-    renderMode: ModeType;
-    value?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    returnFormat?: 'string' | 'object';
-    inputRef?: any;
-}
-declare const MobileNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
-export default MobileNumberInputWithMode;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-import { ModeType } from "../../dataSourceForm/type";
-declare type PhoneValue = string | {
-    phone: string;
-    countryCallingCode: string;
-};
-export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
-    renderMode: ModeType;
-    value?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    returnFormat?: 'string' | 'object';
-    inputRef?: any;
-}
-declare const PhoneNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
-export default PhoneNumberInputWithMode;

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

@@ -1,73 +0,0 @@
-import React from 'react';
-import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
-import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellWalletPassCardProps } 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;
-    /** 是否展示详情按钮 */
-    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) => void;
-}
-declare const _default: React.NamedExoticComponent<PisellCardListProps>;
-export default _default;

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

@@ -1,37 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellCheckboxGroupOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    [key: string]: any;
-}
-declare type PisellCheckboxGroupValue = string | string[] | any;
-export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    platform?: PisellContextType['platform'];
-    direction?: 'horizontal' | 'vertical';
-    fullWidth?: boolean;
-    gap?: number;
-    padding?: number;
-    options: PisellCheckboxGroupOption[];
-    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
-    value?: PisellCheckboxGroupValue;
-    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
-    rowKey?: string;
-    mode?: 'multiple' | 'single';
-    iconPosition?: 'left' | 'right' | 'hide';
-    optionClassName?: string;
-    optionActiveClassName?: string;
-    onChangeDebounce?: boolean;
-}
-/**
- * @title: PisellCheckboxGroup
- * @description: 选中组件
- * @param {PisellCheckboxGroupProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-08-16 10:34
- */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
-export default PisellCheckboxGroup;

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

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