@pisell/materials 3.3.47 → 3.3.49
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/es/components/TimeResourceSelector/index.d.ts +21 -0
- package/es/components/badge/index.d.ts +8 -0
- package/es/components/buttonGroupPreview/index.d.ts +19 -0
- package/es/components/cardPro/index.d.ts +4 -0
- package/es/components/collapse/index.d.ts +15 -0
- package/es/components/cropPhoto/index.d.ts +3 -0
- package/es/components/dataSourceComponents/dataSourceMenu/Basic.d.ts +8 -0
- package/es/components/dataSourceComponents/dataSourceMenu/index.d.ts +8 -0
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +2 -2
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +4 -4
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +33 -0
- package/es/components/dataSourceComponents/fields/DatePicker/ReadPretty.d.ts +5 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts +24 -0
- package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts +24 -0
- package/es/components/dataSourceComponents/fields/Upload/serve.d.ts +20 -0
- package/es/components/dataSourceComponents/fields/Upload/type.d.ts +37 -0
- package/es/components/dataSourceComponents/hooks/usePlatform.d.ts +3 -0
- package/es/components/div/index.d.ts +19 -0
- package/es/components/drag-sort-tree/TreeItem/index.d.ts +18 -0
- package/es/components/iconfont/index.d.ts +8 -0
- package/es/components/login-and-register/index.d.ts +82 -0
- package/es/components/page/index.d.ts +6 -0
- package/es/components/pisell-config-provider/index.d.ts +12 -0
- package/es/components/pisellAnchor/index.d.ts +23 -0
- package/es/components/pisellAvatar/index.d.ts +19 -0
- package/es/components/pisellCard/index.d.ts +20 -0
- package/es/components/pisellCustomCheckboxGroup/index.d.ts +16 -0
- package/es/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts +9 -0
- package/es/components/pisellDraggable/components/TreeItem/TreeItem.d.ts +24 -0
- package/es/components/pisellDraggable/components/TreeItem/index.d.ts +2 -0
- package/es/components/pisellDraggable/index.d.ts +35 -0
- package/es/components/pisellDropSort/PisellDropSort.d.ts +5 -0
- package/es/components/pisellDropSort/components/SortableItem/index.d.ts +26 -0
- package/es/components/pisellDropSort/types.d.ts +58 -0
- package/es/components/pisellDropdown/index.d.ts +20 -0
- package/es/components/pisellEmpty/index.d.ts +19 -0
- package/es/components/pisellHeaderProgressBar/index.d.ts +29 -0
- package/es/components/pisellImageCarousels/index.d.ts +18 -0
- package/es/components/pisellInformationEntry/hooks/useNativeScanner.d.ts +4 -0
- package/es/components/pisellInformationEntry/index.d.ts +33 -0
- package/es/components/pisellList01/index.d.ts +17 -0
- package/es/components/pisellMenu/PisellMenu.d.ts +11 -0
- package/es/components/pisellMenu/types.d.ts +27 -0
- package/es/components/pisellNavigationMenu/types.d.ts +85 -0
- package/es/components/pisellQrcode/index.d.ts +10 -0
- package/es/components/pisellSectionHeaders/index.d.ts +21 -0
- package/es/components/pisellStatisticList/index.d.ts +21 -0
- package/es/components/productCard/components/Action/index.d.ts +4 -0
- package/es/components/productCard/components/Divider/index.d.ts +4 -0
- package/es/components/productCard/components/Header/DeleteButton/index.d.ts +4 -0
- package/es/components/productCard/components/MultiDay/utils.d.ts +14 -0
- package/es/components/productCard/components/Packages/utils.d.ts +1 -1
- package/es/components/productCard/components/Time/components/Like/index.d.ts +10 -0
- package/es/components/productCard/components/Time/index.d.ts +4 -0
- package/es/components/section-footers/index.d.ts +9 -0
- package/es/components/table/Actions/component/ExportImport/utils/index.d.ts +9 -0
- package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts +2 -2
- package/es/components/table/Table/fields/index.d.ts +2 -2
- package/es/components/table/Table/fields/select/filterUtil/index.d.ts +1 -1
- package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts +1 -1
- package/es/components/table/Table/utils.d.ts +1 -1
- package/es/components/table/View/index.d.ts +0 -1
- package/es/components/tabs/index.d.ts +16 -0
- package/es/components/walletCard/Guest/index.d.ts +4 -0
- package/es/components/walletCard/Guide/index.d.ts +4 -0
- package/es/components/walletCard/index.d.ts +67 -0
- package/es/locales/en-US.d.ts +278 -0
- package/es/locales/index.d.ts +1 -0
- package/es/locales/zh-CN.d.ts +273 -0
- package/es/locales/zh-TW.d.ts +273 -0
- package/es/utils/index.d.ts +1 -1
- package/es/utils/platform.d.ts +1 -1
- package/lib/components/TimeResourceSelector/index.d.ts +21 -0
- package/lib/components/badge/index.d.ts +8 -0
- package/lib/components/buttonGroupPreview/index.d.ts +19 -0
- package/lib/components/cardPro/index.d.ts +4 -0
- package/lib/components/collapse/index.d.ts +15 -0
- package/lib/components/cropPhoto/index.d.ts +3 -0
- package/lib/components/dataSourceComponents/dataSourceMenu/Basic.d.ts +8 -0
- package/lib/components/dataSourceComponents/dataSourceMenu/index.d.ts +8 -0
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +2 -2
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +4 -4
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +33 -0
- package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.d.ts +5 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts +24 -0
- package/lib/components/dataSourceComponents/fields/Input.Phone/serve.d.ts +24 -0
- package/lib/components/dataSourceComponents/fields/Upload/serve.d.ts +20 -0
- package/lib/components/dataSourceComponents/fields/Upload/type.d.ts +37 -0
- package/lib/components/dataSourceComponents/hooks/usePlatform.d.ts +3 -0
- package/lib/components/div/index.d.ts +19 -0
- package/lib/components/drag-sort-tree/TreeItem/index.d.ts +18 -0
- package/lib/components/iconfont/index.d.ts +8 -0
- package/lib/components/login-and-register/index.d.ts +82 -0
- package/lib/components/page/index.d.ts +6 -0
- package/lib/components/pisell-config-provider/index.d.ts +12 -0
- package/lib/components/pisellAnchor/index.d.ts +23 -0
- package/lib/components/pisellAvatar/index.d.ts +19 -0
- package/lib/components/pisellCard/index.d.ts +20 -0
- package/lib/components/pisellCustomCheckboxGroup/index.d.ts +16 -0
- package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts +9 -0
- package/lib/components/pisellDraggable/components/TreeItem/TreeItem.d.ts +24 -0
- package/lib/components/pisellDraggable/components/TreeItem/index.d.ts +2 -0
- package/lib/components/pisellDraggable/index.d.ts +35 -0
- package/lib/components/pisellDropSort/PisellDropSort.d.ts +5 -0
- package/lib/components/pisellDropSort/components/SortableItem/index.d.ts +26 -0
- package/lib/components/pisellDropSort/types.d.ts +58 -0
- package/lib/components/pisellDropdown/index.d.ts +20 -0
- package/lib/components/pisellEmpty/index.d.ts +19 -0
- package/lib/components/pisellHeaderProgressBar/index.d.ts +29 -0
- package/lib/components/pisellImageCarousels/index.d.ts +18 -0
- package/lib/components/pisellInformationEntry/hooks/useNativeScanner.d.ts +4 -0
- package/lib/components/pisellInformationEntry/index.d.ts +33 -0
- package/lib/components/pisellList01/index.d.ts +17 -0
- package/lib/components/pisellMenu/PisellMenu.d.ts +11 -0
- package/lib/components/pisellMenu/types.d.ts +27 -0
- package/lib/components/pisellNavigationMenu/types.d.ts +85 -0
- package/lib/components/pisellQrcode/index.d.ts +10 -0
- package/lib/components/pisellSectionHeaders/index.d.ts +21 -0
- package/lib/components/pisellStatisticList/index.d.ts +21 -0
- package/lib/components/productCard/components/Action/index.d.ts +4 -0
- package/lib/components/productCard/components/Divider/index.d.ts +4 -0
- package/lib/components/productCard/components/Header/DeleteButton/index.d.ts +4 -0
- package/lib/components/productCard/components/MultiDay/utils.d.ts +14 -0
- package/lib/components/productCard/components/Packages/utils.d.ts +1 -1
- package/lib/components/productCard/components/Time/components/Like/index.d.ts +10 -0
- package/lib/components/productCard/components/Time/index.d.ts +4 -0
- package/lib/components/section-footers/index.d.ts +9 -0
- package/lib/components/table/Actions/component/ExportImport/utils/index.d.ts +9 -0
- package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts +2 -2
- package/lib/components/table/Table/fields/index.d.ts +2 -2
- package/lib/components/table/Table/fields/select/filterUtil/index.d.ts +1 -1
- package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts +1 -1
- package/lib/components/table/Table/utils.d.ts +1 -1
- package/lib/components/table/View/index.d.ts +0 -1
- package/lib/components/tabs/index.d.ts +16 -0
- package/lib/components/walletCard/Guest/index.d.ts +4 -0
- package/lib/components/walletCard/Guide/index.d.ts +4 -0
- package/lib/components/walletCard/index.d.ts +67 -0
- package/lib/locales/en-US.d.ts +278 -0
- package/lib/locales/index.d.ts +1 -0
- package/lib/locales/zh-CN.d.ts +273 -0
- package/lib/locales/zh-TW.d.ts +273 -0
- package/lib/utils/index.d.ts +1 -1
- package/lib/utils/platform.d.ts +1 -1
- package/package.json +1 -1
|
@@ -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,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
export interface Option {
|
|
4
|
+
id: string | number;
|
|
5
|
+
name: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export interface PisellAnchorProps {
|
|
8
|
+
options?: Option[];
|
|
9
|
+
tab?: string | number;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
onChange?: (key: string | number) => void;
|
|
13
|
+
onTabClick?: () => void;
|
|
14
|
+
containerRef?: React.RefObject<HTMLElement>;
|
|
15
|
+
/**
|
|
16
|
+
* 平台类型,仅用于样式调整,不再影响锚点滚动功能
|
|
17
|
+
* 无论pc还是h5模式,点击锚点都会自动滚动到对应内容
|
|
18
|
+
* @default 'pc'
|
|
19
|
+
*/
|
|
20
|
+
platform?: 'pc' | 'h5';
|
|
21
|
+
}
|
|
22
|
+
declare const PisellAnchor: React.FC<PisellAnchorProps>;
|
|
23
|
+
export default PisellAnchor;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AvatarProps } from 'antd';
|
|
3
|
+
import './index.less';
|
|
4
|
+
export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
5
|
+
export interface PisellAvatarProps extends Omit<AvatarProps, 'size' | 'shape'> {
|
|
6
|
+
shape?: 'circle' | 'square';
|
|
7
|
+
size?: AvatarSize;
|
|
8
|
+
src?: string;
|
|
9
|
+
alt?: string;
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
useTextAvatar?: boolean;
|
|
15
|
+
borderRadius?: number;
|
|
16
|
+
onError?: () => boolean;
|
|
17
|
+
}
|
|
18
|
+
declare const PisellAvatar: React.FC<PisellAvatarProps>;
|
|
19
|
+
export default PisellAvatar;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CardProps } from 'antd';
|
|
3
|
+
import './index.less';
|
|
4
|
+
export interface PisellCardProps extends CardProps {
|
|
5
|
+
bordered?: boolean;
|
|
6
|
+
selected?: boolean;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
padding?: number;
|
|
9
|
+
borderRadius?: number;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
isClickable?: boolean;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Pisell 卡片容器组件
|
|
16
|
+
* @param props
|
|
17
|
+
* @constructor
|
|
18
|
+
*/
|
|
19
|
+
declare const PisellCard: (props: PisellCardProps) => JSX.Element;
|
|
20
|
+
export default PisellCard;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
export interface PisellCustomCheckboxGroupProps {
|
|
4
|
+
dataSource?: any[];
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
allowAdd?: boolean;
|
|
7
|
+
isMultiple?: boolean;
|
|
8
|
+
id?: string | string[];
|
|
9
|
+
onClick?: (value: any) => void;
|
|
10
|
+
onAdd?: () => void;
|
|
11
|
+
renderAddItem?: (item: any) => React.ReactNode;
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
declare const PisellCustomCheckboxGroup: React.FC<PisellCustomCheckboxGroupProps>;
|
|
16
|
+
export default PisellCustomCheckboxGroup;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { UniqueIdentifier } from '@dnd-kit/core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Props as TreeItemProps } from './TreeItem';
|
|
4
|
+
interface Props extends TreeItemProps {
|
|
5
|
+
id: UniqueIdentifier;
|
|
6
|
+
__designMode?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => JSX.Element>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import type { TreeItem as TreeItemType } from '../../types';
|
|
3
|
+
import './TreeItem.less';
|
|
4
|
+
export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
|
|
5
|
+
childCount?: number;
|
|
6
|
+
clone?: boolean;
|
|
7
|
+
collapsed?: boolean;
|
|
8
|
+
depth: number;
|
|
9
|
+
disableInteraction?: boolean;
|
|
10
|
+
disableSelection?: boolean;
|
|
11
|
+
ghost?: boolean;
|
|
12
|
+
handleProps?: any;
|
|
13
|
+
indicator?: boolean;
|
|
14
|
+
indentationWidth: number;
|
|
15
|
+
onCollapse?(): void;
|
|
16
|
+
onRemove?(): void;
|
|
17
|
+
wrapperRef?(node: HTMLLIElement): void;
|
|
18
|
+
item: TreeItemType;
|
|
19
|
+
renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
|
|
20
|
+
__designMode?: string;
|
|
21
|
+
isBlocked?: boolean;
|
|
22
|
+
isError?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 可拖拽树形组件
|
|
3
|
+
* 基于@dnd-kit库实现,支持拖拽排序、展开折叠、删除等功能
|
|
4
|
+
*/
|
|
5
|
+
import { UniqueIdentifier } from '@dnd-kit/core';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import type { FlattenedItem, TreeItem, TreeItems } from './types';
|
|
8
|
+
import type { Props as TreeItemProps } from './components/TreeItem/TreeItem';
|
|
9
|
+
interface Props {
|
|
10
|
+
/** 是否支持折叠功能 */
|
|
11
|
+
collapsible?: boolean;
|
|
12
|
+
/** 初始树形数据,默认使用 initialItems */
|
|
13
|
+
value?: TreeItems;
|
|
14
|
+
/** 缩进宽度,控制子节点的缩进距离 */
|
|
15
|
+
indentationWidth?: number;
|
|
16
|
+
/** 是否显示拖拽指示器 */
|
|
17
|
+
indicator?: boolean;
|
|
18
|
+
/** 是否支持删除节点功能 */
|
|
19
|
+
removable?: boolean;
|
|
20
|
+
/** 自定义渲染树节点 */
|
|
21
|
+
renderItem?: (item: TreeItemProps, ref: React.RefObject<HTMLDivElement>) => React.ReactNode;
|
|
22
|
+
/** 树形数据变化回调 */
|
|
23
|
+
onChange?: (items: TreeItems) => void;
|
|
24
|
+
/** 删除节点前 */
|
|
25
|
+
onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
|
|
26
|
+
/** 设计模式 */
|
|
27
|
+
__designMode?: string;
|
|
28
|
+
/** 最大层级 */
|
|
29
|
+
maxLevel?: number;
|
|
30
|
+
/** 自定义拖拽判断函数,返回false时阻止拖拽 */
|
|
31
|
+
canDrop?: (dragItem: FlattenedItem, dropTarget: FlattenedItem, parentId: UniqueIdentifier | null, parentNode: any) => boolean;
|
|
32
|
+
}
|
|
33
|
+
export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): JSX.Element;
|
|
34
|
+
declare const Demo: (props: Props) => JSX.Element;
|
|
35
|
+
export default Demo;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Props as TreeItem } from '../../../pisellDraggable/components/TreeItem/TreeItem';
|
|
3
|
+
import './index.less';
|
|
4
|
+
interface SortableItemProps {
|
|
5
|
+
itemProps: TreeItem;
|
|
6
|
+
render?: (itemProps: TreeItem) => React.ReactNode;
|
|
7
|
+
domRef: React.RefObject<HTMLDivElement>;
|
|
8
|
+
allowAddChild?: boolean;
|
|
9
|
+
allowDelete?: boolean;
|
|
10
|
+
allowIsShow?: boolean;
|
|
11
|
+
allowDrag?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
onAdd?: (itemProps: TreeItem) => void;
|
|
14
|
+
onDelete?: (itemProps: TreeItem) => void;
|
|
15
|
+
showBorder?: boolean;
|
|
16
|
+
spacing?: number;
|
|
17
|
+
maxLevel?: number;
|
|
18
|
+
/** 设计模式 */
|
|
19
|
+
__designMode?: string;
|
|
20
|
+
/** 是否自定义操作 */
|
|
21
|
+
isCustomAction?: boolean;
|
|
22
|
+
/** 获取item样式 */
|
|
23
|
+
getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
|
|
24
|
+
}
|
|
25
|
+
declare const SortableItem: (props: SortableItemProps) => JSX.Element;
|
|
26
|
+
export default SortableItem;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import type { Props as TreeItem } from '../pisellDraggable/components/TreeItem/TreeItem';
|
|
3
|
+
import type { TreeItem as TreeItemType } from '../pisellDraggable/types';
|
|
4
|
+
export interface DropSortItem extends TreeItemType {
|
|
5
|
+
[key: string]: any;
|
|
6
|
+
}
|
|
7
|
+
export interface PisellDropSortProps {
|
|
8
|
+
/** value */
|
|
9
|
+
value: DropSortItem[];
|
|
10
|
+
/** 允许拖拽 */
|
|
11
|
+
allowDrag?: boolean;
|
|
12
|
+
/** 允许删除 */
|
|
13
|
+
allowDelete?: boolean;
|
|
14
|
+
/** 允许添加子节点 */
|
|
15
|
+
allowAddChild?: boolean;
|
|
16
|
+
/** 允许添加根节点 */
|
|
17
|
+
allowAddRoot?: boolean;
|
|
18
|
+
/** 是否允许显示隐藏 */
|
|
19
|
+
allowIsShow?: boolean;
|
|
20
|
+
/** 是否禁用 */
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
/** 节点间距 */
|
|
23
|
+
spacing?: number;
|
|
24
|
+
/** 最大层级数 */
|
|
25
|
+
maxLevel?: number;
|
|
26
|
+
/** 是否显示边框 */
|
|
27
|
+
showBorder?: boolean;
|
|
28
|
+
/** 样式 */
|
|
29
|
+
style?: CSSProperties;
|
|
30
|
+
/** 类名 */
|
|
31
|
+
className?: string;
|
|
32
|
+
/** 数据源变化回调 */
|
|
33
|
+
onChange?: (items: DropSortItem[]) => void;
|
|
34
|
+
/** 删除节点回调 */
|
|
35
|
+
onDelete?: (itemProps: TreeItem) => void;
|
|
36
|
+
/** 添加节点回调 */
|
|
37
|
+
onAdd?: (itemProps: TreeItem) => void;
|
|
38
|
+
/** 自定义渲染节点 */
|
|
39
|
+
renderItem?: (itemProps: TreeItem) => React.ReactNode;
|
|
40
|
+
/** 添加根节点回调 */
|
|
41
|
+
onAddRoot?: () => void;
|
|
42
|
+
/** 左侧自定义内容 */
|
|
43
|
+
leftContent?: React.ReactNode;
|
|
44
|
+
/** 右侧自定义内容 */
|
|
45
|
+
rightContent?: React.ReactNode;
|
|
46
|
+
/** 空状态自定义内容 */
|
|
47
|
+
emptyContent?: React.ReactNode;
|
|
48
|
+
/** 设计模式 */
|
|
49
|
+
__designMode?: string;
|
|
50
|
+
/** 是否自定义操作 */
|
|
51
|
+
isCustomAction?: boolean;
|
|
52
|
+
/** 获取item样式 */
|
|
53
|
+
getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
|
|
54
|
+
/** 自定义拖拽判断函数,返回false时阻止拖拽 */
|
|
55
|
+
canDrop?: (dragItem: DropSortItem, dropTarget: DropSortItem, parentId: string | number | null) => boolean;
|
|
56
|
+
/** 节点缩进宽度 */
|
|
57
|
+
indentationWidth?: number;
|
|
58
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
export interface MenuItemType {
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
shortcut?: string;
|
|
8
|
+
divider?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface PisellDropdownProps {
|
|
11
|
+
trigger?: React.ReactNode;
|
|
12
|
+
items?: MenuItemType[];
|
|
13
|
+
showShortcut?: boolean;
|
|
14
|
+
triggerType?: ('click' | 'hover')[];
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: React.CSSProperties;
|
|
17
|
+
onSelect?: (key: string) => void;
|
|
18
|
+
}
|
|
19
|
+
declare const PisellDropdown: React.FC<PisellDropdownProps>;
|
|
20
|
+
export default PisellDropdown;
|
|
@@ -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
|
+
[key: string]: any;
|
|
15
|
+
/** 最大宽度 */
|
|
16
|
+
maxWidth?: number;
|
|
17
|
+
}
|
|
18
|
+
declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
|
|
19
|
+
export default PisellEmpty;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
export interface PisellHeaderProgressBarProps {
|
|
4
|
+
title?: React.ReactNode;
|
|
5
|
+
stepText?: React.ReactNode;
|
|
6
|
+
showClose?: boolean;
|
|
7
|
+
/** 是否启用投影 */
|
|
8
|
+
enableShadow?: boolean;
|
|
9
|
+
/** 是否启用描边 */
|
|
10
|
+
enableBorder?: boolean;
|
|
11
|
+
/** 描边粗细 */
|
|
12
|
+
borderWidth?: number;
|
|
13
|
+
/** 描边颜色 */
|
|
14
|
+
borderColor?: string;
|
|
15
|
+
/** 头部背景颜色 */
|
|
16
|
+
backgroundColor?: string;
|
|
17
|
+
/** 自定义类名 */
|
|
18
|
+
className?: string;
|
|
19
|
+
/** 自定义样式 */
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
/** 是否显示返回键 */
|
|
22
|
+
showBack?: boolean;
|
|
23
|
+
/** 返回按钮点击事件 */
|
|
24
|
+
onBack?: () => void;
|
|
25
|
+
/** 关闭按钮点击事件 */
|
|
26
|
+
onClose?: () => void;
|
|
27
|
+
}
|
|
28
|
+
declare const PisellHeaderProgressBar: React.FC<PisellHeaderProgressBarProps>;
|
|
29
|
+
export default PisellHeaderProgressBar;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'swiper/swiper-bundle.css';
|
|
3
|
+
import './index.less';
|
|
4
|
+
export interface PisellImageCarouselsProps {
|
|
5
|
+
dataSource?: string[];
|
|
6
|
+
width?: number | string;
|
|
7
|
+
height?: number;
|
|
8
|
+
showArrows?: boolean;
|
|
9
|
+
showDots?: boolean;
|
|
10
|
+
autoplay?: boolean;
|
|
11
|
+
interval?: number;
|
|
12
|
+
borderRadius?: number;
|
|
13
|
+
loop?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
declare const PisellImageCarousels: React.FC<PisellImageCarouselsProps>;
|
|
18
|
+
export default PisellImageCarousels;
|
|
@@ -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,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
export interface PisellList01Props {
|
|
4
|
+
dataSource?: any[];
|
|
5
|
+
showSearch: boolean;
|
|
6
|
+
showCategory: boolean;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
renderItem?: (item: any, index: number) => React.ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
onChange?: (anchor: string) => void;
|
|
12
|
+
onSearch?: (value: any) => void;
|
|
13
|
+
isShowEmpty?: boolean;
|
|
14
|
+
description?: any;
|
|
15
|
+
}
|
|
16
|
+
declare const PisellList01: React.FC<PisellList01Props>;
|
|
17
|
+
export default PisellList01;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Menu as AntdMenu } from 'antd';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import './PisellMenu.less';
|
|
4
|
+
import type { PisellMenuProps } from './types';
|
|
5
|
+
declare type PisellMenuComponent = React.FC<PisellMenuProps> & {
|
|
6
|
+
Item: typeof AntdMenu.Item;
|
|
7
|
+
SubMenu: typeof AntdMenu.SubMenu;
|
|
8
|
+
ItemGroup: typeof AntdMenu.ItemGroup;
|
|
9
|
+
};
|
|
10
|
+
declare const PisellMenu: PisellMenuComponent;
|
|
11
|
+
export default PisellMenu;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { MenuProps } from 'antd';
|
|
3
|
+
export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
mode?: 'vertical' | 'horizontal' | 'inline';
|
|
7
|
+
theme?: 'light' | 'dark';
|
|
8
|
+
defaultOpenKeys?: string[];
|
|
9
|
+
defaultSelectedKeys?: string[];
|
|
10
|
+
inlineCollapsed?: boolean;
|
|
11
|
+
openKeys?: string[];
|
|
12
|
+
selectedKeys?: string[];
|
|
13
|
+
onOpenChange?: (openKeys: string[]) => void;
|
|
14
|
+
dataSource?: any;
|
|
15
|
+
__designMode?: string;
|
|
16
|
+
other?: PisellMenuProps;
|
|
17
|
+
}
|
|
18
|
+
export interface MenuItemType {
|
|
19
|
+
key: string;
|
|
20
|
+
label: string;
|
|
21
|
+
path: string;
|
|
22
|
+
children?: MenuItemType[];
|
|
23
|
+
icon?: string | React.ReactNode;
|
|
24
|
+
hide?: boolean;
|
|
25
|
+
type?: 'group' | 'divider';
|
|
26
|
+
isGroup?: boolean;
|
|
27
|
+
}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { Props as TreeItem } from "../pisellDraggable/components/TreeItem/TreeItem";
|
|
3
|
+
export interface NavigationMenuItem {
|
|
4
|
+
id: string;
|
|
5
|
+
/** 标题 */
|
|
6
|
+
title: string;
|
|
7
|
+
/** 图标 */
|
|
8
|
+
icon?: string;
|
|
9
|
+
/** 描述 */
|
|
10
|
+
description?: string;
|
|
11
|
+
/** 子菜单 */
|
|
12
|
+
children?: NavigationMenuItem[];
|
|
13
|
+
/** 版本 */
|
|
14
|
+
version?: string;
|
|
15
|
+
/** 是否是分组 */
|
|
16
|
+
isGroup?: boolean;
|
|
17
|
+
/** 是否允许添加子菜单 */
|
|
18
|
+
allowAddChild?: boolean;
|
|
19
|
+
/** 是否允许删除 */
|
|
20
|
+
allowDelete?: boolean;
|
|
21
|
+
/** 是否允许编辑 */
|
|
22
|
+
allowEdit?: boolean;
|
|
23
|
+
/** 是否允许添加子菜单 */
|
|
24
|
+
allowAddSubmenu?: boolean;
|
|
25
|
+
/** 是否允许添加页面 */
|
|
26
|
+
allowAddPage?: boolean;
|
|
27
|
+
/** 其他属性 */
|
|
28
|
+
[key: string]: any;
|
|
29
|
+
}
|
|
30
|
+
export interface PisellNavigationMenuProps {
|
|
31
|
+
/** 导航菜单数据 */
|
|
32
|
+
value: NavigationMenuItem[];
|
|
33
|
+
/** 是否允许拖拽排序 */
|
|
34
|
+
allowDrag?: boolean;
|
|
35
|
+
/** 是否允许删除菜单项 */
|
|
36
|
+
allowDelete?: boolean;
|
|
37
|
+
/** 是否允许添加子菜单 */
|
|
38
|
+
allowAddChild?: boolean;
|
|
39
|
+
/** 是否允许添加根菜单 */
|
|
40
|
+
allowAddRoot?: boolean;
|
|
41
|
+
/** 是否允许显示隐藏 */
|
|
42
|
+
allowIsShow?: boolean;
|
|
43
|
+
/** 是否禁用 */
|
|
44
|
+
disabled?: boolean;
|
|
45
|
+
/** 菜单项间距 */
|
|
46
|
+
spacing?: number;
|
|
47
|
+
/** 最大层级数 */
|
|
48
|
+
maxLevel?: number;
|
|
49
|
+
/** 样式 */
|
|
50
|
+
style?: CSSProperties;
|
|
51
|
+
/** 类名 */
|
|
52
|
+
className?: string;
|
|
53
|
+
/** 数据变化回调 */
|
|
54
|
+
onChange?: (items: NavigationMenuItem[]) => void;
|
|
55
|
+
/** 设计模式 */
|
|
56
|
+
__designMode?: string;
|
|
57
|
+
/** 标题 */
|
|
58
|
+
title?: string;
|
|
59
|
+
/** 添加子菜单回调 */
|
|
60
|
+
onAddSubMenu?: (item?: NavigationMenuItem) => void;
|
|
61
|
+
/** 添加页面回调 */
|
|
62
|
+
onAddPage?: (item?: NavigationMenuItem) => void;
|
|
63
|
+
/** 编辑回调 */
|
|
64
|
+
onEdit?: (item: NavigationMenuItem) => void;
|
|
65
|
+
/** 删除回调 */
|
|
66
|
+
onDelete?: (item: NavigationMenuItem) => void;
|
|
67
|
+
/** 左侧自定义内容 */
|
|
68
|
+
leftContent?: React.ReactNode;
|
|
69
|
+
/** 右侧自定义内容 */
|
|
70
|
+
rightContent?: React.ReactNode;
|
|
71
|
+
/** 获取item样式 */
|
|
72
|
+
getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
|
|
73
|
+
/** 自定义拖拽判断函数,返回false时阻止拖拽 */
|
|
74
|
+
canDrop?: (dragItem: NavigationMenuItem, dropTarget: NavigationMenuItem, parentId: string | number | null) => boolean;
|
|
75
|
+
/** 显示隐藏回调 */
|
|
76
|
+
onIsShow?: (item: NavigationMenuItem) => void;
|
|
77
|
+
/** 节点缩进宽度 */
|
|
78
|
+
indentationWidth?: number;
|
|
79
|
+
/** 隐藏描述 */
|
|
80
|
+
hideDescription?: boolean;
|
|
81
|
+
/** 悬浮时展示action */
|
|
82
|
+
showActionOnHover?: boolean;
|
|
83
|
+
/** 是否展示标题标签 */
|
|
84
|
+
showTitleTags?: boolean;
|
|
85
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
interface PisellQrcodeProps {
|
|
4
|
+
size?: number;
|
|
5
|
+
platform: 'pc' | 'h5' | 'ipad';
|
|
6
|
+
value: string;
|
|
7
|
+
className: string;
|
|
8
|
+
}
|
|
9
|
+
declare const PisellQrcode: React.FC<PisellQrcodeProps>;
|
|
10
|
+
export default PisellQrcode;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
export interface PisellSectionHeadersProps {
|
|
4
|
+
/** 是否占据空间(true: 占据空间, false: 不占据空间) */
|
|
5
|
+
/** 左侧返回区域 */
|
|
6
|
+
backNode?: React.ReactNode;
|
|
7
|
+
/** 中间内容区域 */
|
|
8
|
+
centerNode?: React.ReactNode;
|
|
9
|
+
/** 右侧操作区域 */
|
|
10
|
+
actionNode?: React.ReactNode;
|
|
11
|
+
/** 自定义类名 */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** 自定义样式 */
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
/** 返回按钮点击事件 */
|
|
16
|
+
onBack?: () => void;
|
|
17
|
+
/** 操作区域点击事件 */
|
|
18
|
+
onAction?: () => void;
|
|
19
|
+
}
|
|
20
|
+
declare const PisellSectionHeaders: React.FC<PisellSectionHeadersProps>;
|
|
21
|
+
export default PisellSectionHeaders;
|