@pisell/materials 1.0.783 → 1.0.785
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/render/default/view.js +1 -1
- package/build/lowcode/view.js +1 -1
- package/es/components/appVersionControl/index.d.ts +4 -0
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +39 -0
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +98 -0
- package/es/components/dataSourceComponents/dataSourceTable/type.d.ts +79 -0
- package/es/components/drag-sort-tree/index.d.ts +3 -0
- package/es/components/login-and-register/index.d.ts +82 -0
- package/es/components/pisell-config-provider/index.d.ts +12 -0
- package/es/components/pisellCardList/index.d.ts +71 -0
- package/es/components/pisellCheckboxGroup/index.d.ts +36 -0
- package/es/components/pisellEmpty/index.d.ts +19 -0
- package/es/components/pisellInformationEntry/hooks/useNativeScanner.d.ts +4 -0
- package/es/components/pisellInformationEntry/index.d.ts +33 -0
- package/es/components/pisellText/components/Amount/index.d.ts +20 -0
- package/es/components/pisellWalletPassCard/index.d.ts +83 -0
- package/es/components/productCard/components/MultiDay/index.d.ts +1 -0
- package/es/components/productCard/components/Time/components/Like/index.d.ts +10 -0
- package/es/components/productCard/components/Time/components/Like/index.js +10 -9
- package/es/components/productCard/components/Time/components/SelectHolder/index.d.ts +4 -0
- package/es/components/productCard/components/Time/components/SelectResource/index.d.ts +1 -1
- package/es/components/productCard/components/Time/components/SelectResource/index.js +7 -8
- package/es/components/productCard/components/Time/index.js +5 -5
- package/es/components/productCard/locales.d.ts +54 -0
- package/es/components/productCard/types.d.ts +83 -0
- package/es/components/table/Actions/component/ExportImport/index.d.ts +7 -0
- package/es/components/table/Gallery/components/GalleryItem/index.d.ts +14 -0
- package/es/components/table/Gallery/index.d.ts +5 -0
- package/es/components/table/Table/index.d.ts +4 -0
- package/es/components/table/Table/utils.d.ts +173 -0
- package/es/components/table/hooks/useTableSetting.d.ts +22 -0
- package/es/components/table/hooks/useTransDataSource.d.ts +12 -0
- package/es/components/table/types.d.ts +253 -0
- package/es/components/versionModal/index.d.ts +24 -0
- package/es/index.d.ts +141 -0
- package/es/locales/en-US.d.ts +276 -0
- package/es/locales/zh-CN.d.ts +271 -0
- package/es/locales/zh-TW.d.ts +271 -0
- package/lib/components/appVersionControl/index.d.ts +4 -0
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +39 -0
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +98 -0
- package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts +79 -0
- package/lib/components/drag-sort-tree/index.d.ts +3 -0
- package/lib/components/login-and-register/index.d.ts +82 -0
- package/lib/components/pisell-config-provider/index.d.ts +12 -0
- package/lib/components/pisellCardList/index.d.ts +71 -0
- package/lib/components/pisellCheckboxGroup/index.d.ts +36 -0
- package/lib/components/pisellEmpty/index.d.ts +19 -0
- package/lib/components/pisellInformationEntry/hooks/useNativeScanner.d.ts +4 -0
- package/lib/components/pisellInformationEntry/index.d.ts +33 -0
- package/lib/components/pisellText/components/Amount/index.d.ts +20 -0
- package/lib/components/pisellWalletPassCard/index.d.ts +83 -0
- package/lib/components/productCard/components/MultiDay/index.d.ts +1 -0
- package/lib/components/productCard/components/Time/components/Like/index.d.ts +10 -0
- package/lib/components/productCard/components/Time/components/Like/index.js +10 -9
- package/lib/components/productCard/components/Time/components/SelectHolder/index.d.ts +4 -0
- package/lib/components/productCard/components/Time/components/SelectResource/index.d.ts +1 -1
- package/lib/components/productCard/components/Time/components/SelectResource/index.js +21 -24
- package/lib/components/productCard/components/Time/index.js +5 -5
- package/lib/components/productCard/locales.d.ts +54 -0
- package/lib/components/productCard/types.d.ts +83 -0
- package/lib/components/table/Actions/component/ExportImport/index.d.ts +7 -0
- package/lib/components/table/Gallery/components/GalleryItem/index.d.ts +14 -0
- package/lib/components/table/Gallery/index.d.ts +5 -0
- package/lib/components/table/Table/index.d.ts +4 -0
- package/lib/components/table/Table/utils.d.ts +173 -0
- package/lib/components/table/hooks/useTableSetting.d.ts +22 -0
- package/lib/components/table/hooks/useTransDataSource.d.ts +12 -0
- package/lib/components/table/types.d.ts +253 -0
- package/lib/components/versionModal/index.d.ts +24 -0
- package/lib/index.d.ts +141 -0
- package/lib/locales/en-US.d.ts +276 -0
- package/lib/locales/zh-CN.d.ts +271 -0
- package/lib/locales/zh-TW.d.ts +271 -0
- package/package.json +2 -2
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Drawer } from 'antd';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { OperationItem } from '../type';
|
|
4
|
+
declare const useDrawerState: (operationContent?: {
|
|
5
|
+
[key: string]: React.ReactNode;
|
|
6
|
+
} | undefined) => {
|
|
7
|
+
drawerVisible: boolean;
|
|
8
|
+
setDrawerVisible: React.Dispatch<React.SetStateAction<boolean>>;
|
|
9
|
+
openDrawer: (item: OperationItem) => void;
|
|
10
|
+
closeDrawer: () => void;
|
|
11
|
+
drawerContent: React.ReactNode;
|
|
12
|
+
Container: {
|
|
13
|
+
(props: import("../../../pisellModal").PisellModalProps): JSX.Element;
|
|
14
|
+
confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
|
|
15
|
+
destroy: () => void;
|
|
16
|
+
update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
|
|
17
|
+
};
|
|
18
|
+
info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
|
|
19
|
+
destroy: () => void;
|
|
20
|
+
update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
|
|
21
|
+
};
|
|
22
|
+
error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
|
|
23
|
+
destroy: () => void;
|
|
24
|
+
update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
|
|
25
|
+
};
|
|
26
|
+
warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
|
|
27
|
+
warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
|
|
28
|
+
destroy: () => void;
|
|
29
|
+
update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
|
|
30
|
+
};
|
|
31
|
+
success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
|
|
32
|
+
destroy: () => void;
|
|
33
|
+
update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
|
|
34
|
+
};
|
|
35
|
+
Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
|
|
36
|
+
} | typeof Drawer;
|
|
37
|
+
containerProps: {};
|
|
38
|
+
};
|
|
39
|
+
export default useDrawerState;
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DataSourceTableProps } from '../type';
|
|
3
|
+
import { OperationItem } from '../type';
|
|
4
|
+
interface UseTablePropsProps {
|
|
5
|
+
data: any;
|
|
6
|
+
originProps: DataSourceTableProps;
|
|
7
|
+
openDrawer: (type: OperationItem) => void;
|
|
8
|
+
closeDrawer: () => void;
|
|
9
|
+
refreshData: () => void;
|
|
10
|
+
handleFilterChange: (changedFields: any, allFields: any) => void;
|
|
11
|
+
tableRef: any;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* 处理table的props
|
|
15
|
+
* 转换title
|
|
16
|
+
* @param props
|
|
17
|
+
* @returns
|
|
18
|
+
*/
|
|
19
|
+
declare const useTableProps: (props: UseTablePropsProps) => {
|
|
20
|
+
title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
|
|
21
|
+
pagination: {
|
|
22
|
+
total: number;
|
|
23
|
+
current: number;
|
|
24
|
+
pageSize: number;
|
|
25
|
+
size: string;
|
|
26
|
+
showSizeChanger: boolean;
|
|
27
|
+
};
|
|
28
|
+
columns: import("./useColumns").Column[];
|
|
29
|
+
subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
|
|
30
|
+
buttons: any[] | null;
|
|
31
|
+
filter: JSX.Element | null;
|
|
32
|
+
onRow: (record: any) => any;
|
|
33
|
+
actionButtons: any[] | null;
|
|
34
|
+
titleButtons?: {
|
|
35
|
+
show: boolean;
|
|
36
|
+
maxCount: number;
|
|
37
|
+
items: OperationItem[];
|
|
38
|
+
} | undefined;
|
|
39
|
+
tableButtons?: {
|
|
40
|
+
show: boolean;
|
|
41
|
+
maxCount: number;
|
|
42
|
+
items: OperationItem[];
|
|
43
|
+
} | undefined;
|
|
44
|
+
operation?: {
|
|
45
|
+
show: boolean;
|
|
46
|
+
title: string; /**
|
|
47
|
+
* 处理table的props
|
|
48
|
+
* 转换title
|
|
49
|
+
* @param props
|
|
50
|
+
* @returns
|
|
51
|
+
*/
|
|
52
|
+
width: number;
|
|
53
|
+
align: "center" | "left" | "right";
|
|
54
|
+
fixed: false | "left" | "right";
|
|
55
|
+
type: "button" | "link";
|
|
56
|
+
items: OperationItem[];
|
|
57
|
+
} | undefined;
|
|
58
|
+
operationContent?: {
|
|
59
|
+
[key: string]: React.ReactNode;
|
|
60
|
+
} | undefined;
|
|
61
|
+
dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
|
|
62
|
+
search?: {
|
|
63
|
+
show: boolean;
|
|
64
|
+
placeholder: string;
|
|
65
|
+
} | undefined;
|
|
66
|
+
__designMode: string;
|
|
67
|
+
componentId: string;
|
|
68
|
+
clickToDetail?: {
|
|
69
|
+
show: boolean;
|
|
70
|
+
useCustomAction: boolean;
|
|
71
|
+
actionType: string;
|
|
72
|
+
openMode: "modal" | "drawer";
|
|
73
|
+
openContentSize: "small" | "large" | "middle";
|
|
74
|
+
openTitle: string;
|
|
75
|
+
key: string;
|
|
76
|
+
} | undefined;
|
|
77
|
+
filterBy?: Record<string, any> | undefined;
|
|
78
|
+
sortBy: string;
|
|
79
|
+
tabs?: {
|
|
80
|
+
show: boolean;
|
|
81
|
+
type: string;
|
|
82
|
+
items: {
|
|
83
|
+
name: string;
|
|
84
|
+
filterBy: Record<string, any>;
|
|
85
|
+
sortBy: string;
|
|
86
|
+
}[];
|
|
87
|
+
} | undefined;
|
|
88
|
+
onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
|
|
89
|
+
onDeleteFinish?: ((record: Record<string, any>) => void) | undefined;
|
|
90
|
+
extraParams?: {
|
|
91
|
+
list?: Record<string, any> | undefined;
|
|
92
|
+
get?: Record<string, any> | undefined;
|
|
93
|
+
update?: Record<string, any> | undefined;
|
|
94
|
+
create?: Record<string, any> | undefined;
|
|
95
|
+
destroy?: Record<string, any> | undefined;
|
|
96
|
+
} | undefined;
|
|
97
|
+
};
|
|
98
|
+
export default useTableProps;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ColumnType } from 'antd/es/table';
|
|
3
|
+
import { DataSourceType } from '../provider/dataSource/DataSourceContext';
|
|
4
|
+
export declare type OperationItem = {
|
|
5
|
+
label?: string;
|
|
6
|
+
openMode: 'modal' | 'drawer' | 'custom';
|
|
7
|
+
openContentSize: 'small' | 'middle' | 'large';
|
|
8
|
+
openTitle: string;
|
|
9
|
+
actionType: 'detail' | 'edit' | 'delete' | 'custom';
|
|
10
|
+
key: string;
|
|
11
|
+
buttonProps?: any;
|
|
12
|
+
onClick?: (record: any) => void;
|
|
13
|
+
};
|
|
14
|
+
export interface DataSourceTableProps {
|
|
15
|
+
title?: string | React.ReactNode | (() => React.ReactNode);
|
|
16
|
+
subTitle?: string | React.ReactNode | (() => React.ReactNode);
|
|
17
|
+
titleButtons?: {
|
|
18
|
+
show: boolean;
|
|
19
|
+
maxCount: number;
|
|
20
|
+
items: OperationItem[];
|
|
21
|
+
};
|
|
22
|
+
tableButtons?: {
|
|
23
|
+
show: boolean;
|
|
24
|
+
maxCount: number;
|
|
25
|
+
items: OperationItem[];
|
|
26
|
+
};
|
|
27
|
+
buttons?: any[];
|
|
28
|
+
operation?: {
|
|
29
|
+
show: boolean;
|
|
30
|
+
title: string;
|
|
31
|
+
width: number;
|
|
32
|
+
align: 'left' | 'center' | 'right';
|
|
33
|
+
fixed: 'left' | 'right' | false;
|
|
34
|
+
type: 'link' | 'button';
|
|
35
|
+
items: OperationItem[];
|
|
36
|
+
};
|
|
37
|
+
operationContent?: {
|
|
38
|
+
[key: string]: React.ReactNode;
|
|
39
|
+
};
|
|
40
|
+
dataSource: DataSourceType;
|
|
41
|
+
columns: ColumnType<any>[];
|
|
42
|
+
filter: any;
|
|
43
|
+
search?: {
|
|
44
|
+
show: boolean;
|
|
45
|
+
placeholder: string;
|
|
46
|
+
};
|
|
47
|
+
__designMode: string;
|
|
48
|
+
componentId: string;
|
|
49
|
+
clickToDetail?: {
|
|
50
|
+
show: boolean;
|
|
51
|
+
useCustomAction: boolean;
|
|
52
|
+
actionType: string;
|
|
53
|
+
openMode: 'modal' | 'drawer';
|
|
54
|
+
openContentSize: 'small' | 'middle' | 'large';
|
|
55
|
+
openTitle: string;
|
|
56
|
+
key: string;
|
|
57
|
+
};
|
|
58
|
+
onRow?: any;
|
|
59
|
+
filterBy?: Record<string, any>;
|
|
60
|
+
sortBy: string;
|
|
61
|
+
tabs?: {
|
|
62
|
+
show: boolean;
|
|
63
|
+
type: string;
|
|
64
|
+
items: {
|
|
65
|
+
name: string;
|
|
66
|
+
filterBy: Record<string, any>;
|
|
67
|
+
sortBy: string;
|
|
68
|
+
}[];
|
|
69
|
+
};
|
|
70
|
+
onValuesChange?: (changedValues: any, values: any) => void;
|
|
71
|
+
onDeleteFinish?: (record: Record<string, any>) => void;
|
|
72
|
+
extraParams?: {
|
|
73
|
+
list?: Record<string, any>;
|
|
74
|
+
get?: Record<string, any>;
|
|
75
|
+
update?: Record<string, any>;
|
|
76
|
+
create?: Record<string, any>;
|
|
77
|
+
destroy?: Record<string, any>;
|
|
78
|
+
};
|
|
79
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
/**
|
|
4
|
+
* loginAndRegister组件的属性接口
|
|
5
|
+
*/
|
|
6
|
+
export interface loginAndRegisterProps {
|
|
7
|
+
/** Logo相关配置 */
|
|
8
|
+
showLogo?: boolean;
|
|
9
|
+
logo?: string;
|
|
10
|
+
logoPosition?: 'left' | 'center' | 'right';
|
|
11
|
+
logoSize?: {
|
|
12
|
+
width?: number;
|
|
13
|
+
height?: number;
|
|
14
|
+
};
|
|
15
|
+
/** 标题相关配置 */
|
|
16
|
+
title?: string;
|
|
17
|
+
showTitle?: boolean;
|
|
18
|
+
titleAlign?: 'left' | 'center' | 'right';
|
|
19
|
+
/** 副标题相关配置 */
|
|
20
|
+
subtitle?: string;
|
|
21
|
+
showSubtitle?: boolean;
|
|
22
|
+
subtitleAlign?: 'left' | 'center' | 'right';
|
|
23
|
+
/** 登录方式配置 */
|
|
24
|
+
loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
|
|
25
|
+
defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
|
|
26
|
+
/** 表单配置 */
|
|
27
|
+
emailLabel?: string;
|
|
28
|
+
passwordLabel?: string;
|
|
29
|
+
emailPlaceholder?: string;
|
|
30
|
+
passwordPlaceholder?: string;
|
|
31
|
+
emailRules?: any[];
|
|
32
|
+
buttonText?: string;
|
|
33
|
+
rememberMeText?: string;
|
|
34
|
+
forgotPasswordText?: string;
|
|
35
|
+
showRememberMe?: boolean;
|
|
36
|
+
showForgotPassword?: boolean;
|
|
37
|
+
/** 社交登录配置 */
|
|
38
|
+
socialLoginTexts?: {
|
|
39
|
+
google?: string;
|
|
40
|
+
facebook?: string;
|
|
41
|
+
apple?: string;
|
|
42
|
+
};
|
|
43
|
+
/** 底部配置 */
|
|
44
|
+
showFooter?: boolean;
|
|
45
|
+
showSignUp?: boolean;
|
|
46
|
+
signUpText?: string;
|
|
47
|
+
signUpLink?: string;
|
|
48
|
+
signUpPosition?: 'left' | 'center' | 'right';
|
|
49
|
+
otherLinks?: Array<{
|
|
50
|
+
text: string;
|
|
51
|
+
url: string;
|
|
52
|
+
}>;
|
|
53
|
+
otherLinksPosition?: 'left' | 'center' | 'right';
|
|
54
|
+
/** 登录/注册切换配置 */
|
|
55
|
+
showTabs?: boolean;
|
|
56
|
+
loginTabText?: string;
|
|
57
|
+
registerTabText?: string;
|
|
58
|
+
/** 注册表单配置 */
|
|
59
|
+
registerEmailPlaceholder?: string;
|
|
60
|
+
registerPasswordPlaceholder?: string;
|
|
61
|
+
registerButtonText?: string;
|
|
62
|
+
/** 事件回调 */
|
|
63
|
+
onLogin?: (values: {
|
|
64
|
+
email: string;
|
|
65
|
+
loginMethod: string;
|
|
66
|
+
}) => void;
|
|
67
|
+
onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
|
|
68
|
+
onSignUp?: () => void;
|
|
69
|
+
onRegister?: (values: {
|
|
70
|
+
email: string;
|
|
71
|
+
password: string;
|
|
72
|
+
}) => void;
|
|
73
|
+
/** 新增背景图片属性 */
|
|
74
|
+
backgroundImage?: string;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Saas登录组件
|
|
78
|
+
* @param props - 组件属性
|
|
79
|
+
* @returns React组件
|
|
80
|
+
*/
|
|
81
|
+
declare const loginAndRegister: React.FC<loginAndRegisterProps>;
|
|
82
|
+
export default loginAndRegister;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PisellContextType } from './context';
|
|
3
|
+
interface PisellConfigProviderType {
|
|
4
|
+
platform?: PisellContextType['platform'];
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
/** 货币符号 */
|
|
7
|
+
symbol?: string;
|
|
8
|
+
/** 当前语言环境 */
|
|
9
|
+
locale?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
|
|
12
|
+
export default PisellConfigProvider;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
|
|
3
|
+
import { PisellContextType } from '../pisell-config-provider/context';
|
|
4
|
+
import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
|
|
5
|
+
import './index.less';
|
|
6
|
+
export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
|
|
7
|
+
platform?: PisellContextType['platform'];
|
|
8
|
+
/** 当用户查看完所有记录时,底部会显示此消息 */
|
|
9
|
+
endMessage?: React.ReactNode;
|
|
10
|
+
/** 加载下次数据时的加载站位 */
|
|
11
|
+
loader?: React.ReactNode;
|
|
12
|
+
/** 是否有更多数据 */
|
|
13
|
+
hasMore: boolean;
|
|
14
|
+
/** 加载更多数据回调 */
|
|
15
|
+
loadMoreData?: () => Promise<void>;
|
|
16
|
+
/** 当前list数据 */
|
|
17
|
+
data: PisellWalletPassCardProps[];
|
|
18
|
+
/** list空数据时展示内容 */
|
|
19
|
+
empty?: React.ReactNode;
|
|
20
|
+
/** 是否展示空状态 */
|
|
21
|
+
showEmpty?: boolean;
|
|
22
|
+
/** 是否展示卡片名称 */
|
|
23
|
+
showName?: boolean;
|
|
24
|
+
/** 是否展示店铺名称 */
|
|
25
|
+
showStoreName?: boolean;
|
|
26
|
+
/** 是否展示核销金额 */
|
|
27
|
+
showRedeem?: boolean;
|
|
28
|
+
/** 是否展示余额 */
|
|
29
|
+
showBalance?: boolean;
|
|
30
|
+
/** 是否展示编码 */
|
|
31
|
+
showCode?: boolean;
|
|
32
|
+
/** 是否展示到期时间 */
|
|
33
|
+
showValidDate?: boolean;
|
|
34
|
+
/** 是否展示详情按钮 */
|
|
35
|
+
showDetail?: boolean;
|
|
36
|
+
/** 是否展示二维码 */
|
|
37
|
+
showQrCode?: boolean;
|
|
38
|
+
/** 是否展示封面图 */
|
|
39
|
+
showCover?: boolean;
|
|
40
|
+
/** 是否余额货币单位 */
|
|
41
|
+
showBalanceSymbol?: boolean;
|
|
42
|
+
/** 卡片大小 */
|
|
43
|
+
type?: 'default' | 'mini';
|
|
44
|
+
/** 展示操作按钮 */
|
|
45
|
+
showActions?: boolean;
|
|
46
|
+
/** 操作按钮配置 */
|
|
47
|
+
actions?: {
|
|
48
|
+
/** 按钮展示方式 */
|
|
49
|
+
layout: 'expanded' | 'collapsed';
|
|
50
|
+
/** detail 按钮配置 */
|
|
51
|
+
detail?: {
|
|
52
|
+
visible: boolean;
|
|
53
|
+
iconColor: string;
|
|
54
|
+
};
|
|
55
|
+
/** edit按钮配置 */
|
|
56
|
+
edit?: {
|
|
57
|
+
visible: boolean;
|
|
58
|
+
iconColor: string;
|
|
59
|
+
dialogTitle: string;
|
|
60
|
+
enableDialog: boolean;
|
|
61
|
+
fields: {
|
|
62
|
+
name: string;
|
|
63
|
+
label: string;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
/** 编辑弹窗点击提交 */
|
|
68
|
+
onConfirmEdit?: (value: any, index: number) => void;
|
|
69
|
+
}
|
|
70
|
+
declare const _default: React.NamedExoticComponent<PisellCardListProps>;
|
|
71
|
+
export default _default;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PisellContextType } from '../pisell-config-provider/context';
|
|
3
|
+
import './index.less';
|
|
4
|
+
export interface PisellCheckboxGroupOption {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
}
|
|
10
|
+
declare type PisellCheckboxGroupValue = string | string[] | any;
|
|
11
|
+
export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
|
+
platform?: PisellContextType['platform'];
|
|
13
|
+
direction?: 'horizontal' | 'vertical';
|
|
14
|
+
fullWidth?: boolean;
|
|
15
|
+
gap?: number;
|
|
16
|
+
padding?: number;
|
|
17
|
+
options: PisellCheckboxGroupOption[];
|
|
18
|
+
onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
|
|
19
|
+
value?: PisellCheckboxGroupValue;
|
|
20
|
+
renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
|
|
21
|
+
rowKey?: string;
|
|
22
|
+
mode?: 'multiple' | 'single';
|
|
23
|
+
iconPosition?: 'left' | 'right' | 'hide';
|
|
24
|
+
optionClassName?: string;
|
|
25
|
+
optionActiveClassName?: string;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* @title: PisellCheckboxGroup
|
|
29
|
+
* @description: 选中组件
|
|
30
|
+
* @param {PisellCheckboxGroupProps} props
|
|
31
|
+
* @return {*}
|
|
32
|
+
* @Author: zhiwei.Wang
|
|
33
|
+
* @Date: 2024-08-16 10:34
|
|
34
|
+
*/
|
|
35
|
+
declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
|
|
36
|
+
export default PisellCheckboxGroup;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EmptyProps } from 'antd';
|
|
3
|
+
import { PisellContextType } from '../pisell-config-provider/context';
|
|
4
|
+
import './index.less';
|
|
5
|
+
export interface PisellEmptyProps extends EmptyProps {
|
|
6
|
+
/** 平台 */
|
|
7
|
+
platform?: PisellContextType['platform'];
|
|
8
|
+
/** 额外内容描述 */
|
|
9
|
+
extraDescription?: React.ReactNode;
|
|
10
|
+
/** 额外内容描述 */
|
|
11
|
+
icon?: React.ReactNode;
|
|
12
|
+
/** 自定义底部额外操作区域 */
|
|
13
|
+
footer?: React.ReactNode;
|
|
14
|
+
/** 最大宽度 */
|
|
15
|
+
maxWidth?: number;
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
}
|
|
18
|
+
declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
|
|
19
|
+
export default PisellEmpty;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PisellContextType } from '../pisell-config-provider/context';
|
|
3
|
+
import './index.less';
|
|
4
|
+
export declare type EntryModeType = {
|
|
5
|
+
/**
|
|
6
|
+
* 录入模式名称
|
|
7
|
+
* scanCode: 扫码录入
|
|
8
|
+
* input: 手动录入
|
|
9
|
+
* scanner: 扫码枪录入
|
|
10
|
+
* nfc: NFC录入
|
|
11
|
+
*/
|
|
12
|
+
type: 'scanCode' | 'input' | 'scanner' | 'nfc';
|
|
13
|
+
/**
|
|
14
|
+
* 录入模式文案 没有使用默认文案
|
|
15
|
+
*/
|
|
16
|
+
name?: string;
|
|
17
|
+
};
|
|
18
|
+
export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
|
|
19
|
+
/** 平台 */
|
|
20
|
+
platform?: PisellContextType['platform'];
|
|
21
|
+
/** 录入模式 */
|
|
22
|
+
entryModes: EntryModeType[];
|
|
23
|
+
/** 标题文案 */
|
|
24
|
+
title?: React.ReactNode;
|
|
25
|
+
/** 搜索框描述文案 */
|
|
26
|
+
searchDescribe?: React.ReactNode;
|
|
27
|
+
/** 录入信息值改变 */
|
|
28
|
+
onChange?: (val: string) => void;
|
|
29
|
+
/** 录入类型切换时候触发的 */
|
|
30
|
+
onChangeType?: (val: null | EntryModeType['type']) => void;
|
|
31
|
+
}
|
|
32
|
+
declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
|
|
33
|
+
export default PisellInformationEntry;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PisellContextType } from '../../../pisell-config-provider/context';
|
|
3
|
+
export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
4
|
+
/** 平台 */
|
|
5
|
+
platform?: PisellContextType['platform'];
|
|
6
|
+
/** 当前数值 */
|
|
7
|
+
value?: number | string;
|
|
8
|
+
/** 小数点后位数 默认是小数点后2位 */
|
|
9
|
+
precision?: number;
|
|
10
|
+
/** 显示货币符号 指的是 ¥$ 等货币符号等显隐,默认是展示 */
|
|
11
|
+
showCurrencySymbol?: boolean;
|
|
12
|
+
/** 千分位 指的是长金额的千分位逗号隔开,比如“123, 245, 315” 这种展现形式,默认是关闭 */
|
|
13
|
+
useThousandsSeparator?: boolean;
|
|
14
|
+
/** 整数位隐藏小数 指的是如果价格为整数,后面的".00" 将被省略以节省页面空间 */
|
|
15
|
+
hideDecimalForWholeNumbers?: boolean;
|
|
16
|
+
/** 货币符号 */
|
|
17
|
+
symbol?: string;
|
|
18
|
+
}
|
|
19
|
+
declare const Amount: (props: AmountProps) => JSX.Element;
|
|
20
|
+
export default Amount;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './index.less';
|
|
3
|
+
export interface PisellWalletPassCardProps {
|
|
4
|
+
id: number;
|
|
5
|
+
/** 卡片样式 */
|
|
6
|
+
type: 'default' | 'mini';
|
|
7
|
+
/** 商品名称 */
|
|
8
|
+
name: string;
|
|
9
|
+
/** 二维码 */
|
|
10
|
+
qrCode: string;
|
|
11
|
+
/** 共享店铺名称 */
|
|
12
|
+
storeName: string;
|
|
13
|
+
/** 余额 */
|
|
14
|
+
balance?: number;
|
|
15
|
+
/** 识别码编号 */
|
|
16
|
+
code: string;
|
|
17
|
+
/** 有效期 */
|
|
18
|
+
validDate: string;
|
|
19
|
+
/** 使用金额 */
|
|
20
|
+
redeem?: number;
|
|
21
|
+
/** 是否禁用 */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** 禁用原因 */
|
|
24
|
+
disabledReason?: string;
|
|
25
|
+
/** 是否展示禁用原因 */
|
|
26
|
+
showDisabledReason?: boolean;
|
|
27
|
+
/** 封面图 */
|
|
28
|
+
cover?: string;
|
|
29
|
+
/** 余额标题文案 */
|
|
30
|
+
balanceTitle?: string;
|
|
31
|
+
/** 使用金额标题文案 */
|
|
32
|
+
redeemTitle?: string;
|
|
33
|
+
/** 是否选中 */
|
|
34
|
+
active?: boolean;
|
|
35
|
+
/** 是否展示商品名称 */
|
|
36
|
+
showName?: boolean;
|
|
37
|
+
/** 是否展示共享店铺名称 */
|
|
38
|
+
showStoreName?: boolean;
|
|
39
|
+
/** 是否展示使用金额 */
|
|
40
|
+
showRedeem?: boolean;
|
|
41
|
+
/** 是否展示余额 */
|
|
42
|
+
showBalance?: boolean;
|
|
43
|
+
/** 是否展示识别码编号 */
|
|
44
|
+
showCode?: boolean;
|
|
45
|
+
/** 是否展示有效期 */
|
|
46
|
+
showValidDate?: boolean;
|
|
47
|
+
/** 是否展示右上角详情按钮 */
|
|
48
|
+
showDetail?: boolean;
|
|
49
|
+
/** 是否展示qrCode */
|
|
50
|
+
showQrCode?: boolean;
|
|
51
|
+
/** 是否展示封面 */
|
|
52
|
+
showCover?: boolean;
|
|
53
|
+
/** 是否展示余额货币符号 */
|
|
54
|
+
showBalanceSymbol?: boolean;
|
|
55
|
+
/** 展示操作按钮 */
|
|
56
|
+
showActions?: boolean;
|
|
57
|
+
/** 操作按钮配置 */
|
|
58
|
+
actions?: {
|
|
59
|
+
/** 按钮展示方式 */
|
|
60
|
+
layout: 'expanded' | 'collapsed';
|
|
61
|
+
/** detail 按钮配置 */
|
|
62
|
+
detail?: {
|
|
63
|
+
visible: boolean;
|
|
64
|
+
iconColor: string;
|
|
65
|
+
};
|
|
66
|
+
/** edit按钮配置 */
|
|
67
|
+
edit?: {
|
|
68
|
+
visible: boolean;
|
|
69
|
+
iconColor: string;
|
|
70
|
+
dialogTitle: string;
|
|
71
|
+
enableDialog: boolean;
|
|
72
|
+
fields: {
|
|
73
|
+
name: string;
|
|
74
|
+
label: string;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
/** 编辑弹窗点击提交 */
|
|
79
|
+
onConfirmEdit?: (value: any) => void;
|
|
80
|
+
[key: string]: any;
|
|
81
|
+
}
|
|
82
|
+
declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
|
|
83
|
+
export default PisellWalletPassCard;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './index.less';
|
|
3
|
+
declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
|
|
4
|
+
style?: any;
|
|
5
|
+
status: string;
|
|
6
|
+
onLike?: any;
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
isShowChangeResource?: boolean | undefined;
|
|
9
|
+
}) => JSX.Element;
|
|
10
|
+
export default Like;
|
|
@@ -10,20 +10,21 @@ var Like = function Like(_ref) {
|
|
|
10
10
|
style = _ref.style,
|
|
11
11
|
isShowChangeResource = _ref.isShowChangeResource;
|
|
12
12
|
var url = status === 'like' ? likeHeart : likeHideHeart;
|
|
13
|
+
var handleClick = function handleClick(e) {
|
|
14
|
+
if (!onLike) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
e.preventDefault();
|
|
18
|
+
e.stopPropagation();
|
|
19
|
+
onLike === null || onLike === void 0 || onLike(status === 'like' ? 'common' : 'like');
|
|
20
|
+
};
|
|
13
21
|
return /*#__PURE__*/React.createElement("div", {
|
|
22
|
+
onClick: handleClick,
|
|
14
23
|
className: "pisell-lowcode-product-card-like-wrap ".concat(isShowChangeResource ? 'pisell-lowcode-change-resource-like-wrap' : '')
|
|
15
24
|
}, /*#__PURE__*/React.createElement("img", {
|
|
16
25
|
style: style,
|
|
17
26
|
src: url,
|
|
18
|
-
className: classNames('like-icon', className)
|
|
19
|
-
onClick: function onClick(e) {
|
|
20
|
-
if (!onLike) {
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
e.preventDefault();
|
|
24
|
-
e.stopPropagation();
|
|
25
|
-
onLike === null || onLike === void 0 || onLike(status === 'like' ? 'common' : 'like');
|
|
26
|
-
}
|
|
27
|
+
className: classNames('like-icon', className)
|
|
27
28
|
}));
|
|
28
29
|
};
|
|
29
30
|
export default Like;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './index.less';
|
|
3
|
+
declare const SelectHolder: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, }: any) => JSX.Element;
|
|
4
|
+
export default SelectHolder;
|
|
@@ -14,5 +14,5 @@ interface SelectResourceProps {
|
|
|
14
14
|
isParallelResource?: boolean;
|
|
15
15
|
[key: string]: any;
|
|
16
16
|
}
|
|
17
|
-
declare const SelectResource: ({ lists, value, onChange, resourceMode,
|
|
17
|
+
declare const SelectResource: ({ lists, value, onChange, resourceMode, allowClear, onClearResource, maxLength, isErrorResource, resourceErrorText, ...props }: SelectResourceProps) => JSX.Element;
|
|
18
18
|
export default SelectResource;
|