@pisell/materials 1.0.965 → 1.0.967
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/index.js +1 -1
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/preview.js +160 -144
- package/build/lowcode/render/default/view.js +39 -30
- package/build/lowcode/view.js +39 -30
- package/es/components/dataSourceComponents/dataSourceForm/BaseForm.js +42 -8
- package/es/components/dataSourceComponents/dataSourceForm/serve.js +93 -0
- package/es/components/dataSourceComponents/dataSourceForm/submitButton/index.js +43 -20
- package/es/components/dataSourceComponents/dataSourceForm/urlUtils.js +129 -0
- package/es/components/dataSourceComponents/dataSourceTable/BaseTable.js +1 -0
- package/es/components/dataSourceComponents/dataSourceTable/filter/index.d.ts +27 -0
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +33 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts +17 -0
- package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts +16 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/Upload/BaseUpload.d.ts +5 -0
- package/es/components/dataSourceComponents/fields/Upload/CameraPopover.d.ts +5 -0
- package/es/components/dataSourceComponents/fields/Upload/type.d.ts +38 -0
- package/es/components/dataSourceComponents/fields/index.d.ts +11 -11
- package/es/components/dataSourceComponents/hooks/useActions.js +20 -14
- package/es/components/filter/types.d.ts +46 -0
- package/es/components/iconfont/index.js +1 -1
- package/es/components/pisellCamera/index.d.ts +4 -0
- package/es/components/productCard/cartSkuCard/components/holders/index.js +6 -1
- package/es/components/table/Actions/index.d.ts +17 -0
- package/es/components/table/Table/index.js +7 -3
- package/es/components/table/hooks/useTransColumns.js +1 -1
- package/es/components/table/index.js +3 -1
- package/es/components/virtual-keyboard/Amount/index.d.ts +5 -0
- package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.js +20 -2
- package/lib/components/dataSourceComponents/dataSourceForm/serve.js +45 -2
- package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.js +16 -1
- package/lib/components/dataSourceComponents/dataSourceForm/urlUtils.js +92 -0
- package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js +1 -0
- package/lib/components/dataSourceComponents/dataSourceTable/filter/index.d.ts +27 -0
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +33 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts +17 -0
- package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts +16 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.d.ts +5 -0
- package/lib/components/dataSourceComponents/fields/Upload/CameraPopover.d.ts +5 -0
- package/lib/components/dataSourceComponents/fields/Upload/type.d.ts +38 -0
- package/lib/components/dataSourceComponents/fields/index.d.ts +11 -11
- package/lib/components/dataSourceComponents/hooks/useActions.js +3 -0
- package/lib/components/filter/types.d.ts +46 -0
- package/lib/components/iconfont/index.js +1 -1
- package/lib/components/pisellCamera/index.d.ts +4 -0
- package/lib/components/productCard/cartSkuCard/components/holders/index.js +6 -1
- package/lib/components/table/Actions/index.d.ts +17 -0
- package/lib/components/table/Table/index.js +8 -4
- package/lib/components/table/hooks/useTransColumns.js +1 -1
- package/lib/components/table/index.js +3 -1
- package/lib/components/virtual-keyboard/Amount/index.d.ts +5 -0
- package/package.json +1 -1
- package/es/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts +0 -3
- package/es/components/dataSourceComponents/dataSourceForm/serve.d.ts +0 -149
- package/es/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts +0 -39
- package/es/components/dataSourceComponents/hooks/useActions.d.ts +0 -18
- package/es/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts +0 -119
- package/es/components/table/hooks/useTransColumns.d.ts +0 -14
- package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts +0 -3
- package/lib/components/dataSourceComponents/dataSourceForm/serve.d.ts +0 -149
- package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts +0 -39
- package/lib/components/dataSourceComponents/hooks/useActions.d.ts +0 -18
- package/lib/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts +0 -119
- package/lib/components/table/hooks/useTransColumns.d.ts +0 -14
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputProps } from 'antd';
|
|
3
|
+
import { ModeType } from '../../dataSourceForm/type';
|
|
4
|
+
declare type PhoneValue = string | {
|
|
5
|
+
phone: string;
|
|
6
|
+
countryCallingCode: string;
|
|
7
|
+
countryCode?: string;
|
|
8
|
+
};
|
|
9
|
+
export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
|
|
10
|
+
renderMode: ModeType;
|
|
11
|
+
value?: PhoneValue;
|
|
12
|
+
onChange?: (value: PhoneValue) => void;
|
|
13
|
+
returnFormat?: 'string' | 'object';
|
|
14
|
+
inputRef?: any;
|
|
15
|
+
}
|
|
16
|
+
declare const MobileNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
|
|
17
|
+
export default MobileNumberInputWithMode;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputProps } from 'antd';
|
|
3
|
+
import { ModeType } from "../../dataSourceForm/type";
|
|
4
|
+
declare type PhoneValue = string | {
|
|
5
|
+
phone: string;
|
|
6
|
+
countryCallingCode: string;
|
|
7
|
+
};
|
|
8
|
+
export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
|
|
9
|
+
renderMode: ModeType;
|
|
10
|
+
value?: PhoneValue;
|
|
11
|
+
onChange?: (value: PhoneValue) => void;
|
|
12
|
+
returnFormat?: 'string' | 'object';
|
|
13
|
+
inputRef?: any;
|
|
14
|
+
}
|
|
15
|
+
declare const PhoneNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
|
|
16
|
+
export default PhoneNumberInputWithMode;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
declare const Subdomain: React.FC<import("antd").InputProps & {
|
|
3
3
|
onChange: (value: string) => void;
|
|
4
4
|
onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
5
|
-
rootDomain: "custom" | "
|
|
5
|
+
rootDomain: "custom" | "saas" | "xzero";
|
|
6
6
|
customDomain?: string | undefined;
|
|
7
7
|
value?: string | undefined;
|
|
8
8
|
tenantId: string;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { UploadFile as AntdUploadFile } from 'antd/es/upload/interface';
|
|
2
|
+
import type { UploadValue, UploadChangeHandler } from './types';
|
|
3
|
+
export interface UploadFile extends AntdUploadFile {
|
|
4
|
+
metadata?: {
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
duration?: number;
|
|
8
|
+
bitrate?: number;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export interface UploadProps {
|
|
12
|
+
renderMode?: string;
|
|
13
|
+
fieldKey: string;
|
|
14
|
+
maxSize?: number;
|
|
15
|
+
minCount?: number;
|
|
16
|
+
maxCount?: number;
|
|
17
|
+
multiple?: boolean;
|
|
18
|
+
presetType?: string[];
|
|
19
|
+
presetTypeString?: string[];
|
|
20
|
+
customType?: string[];
|
|
21
|
+
enablePresetType?: boolean;
|
|
22
|
+
enableCustomType?: boolean;
|
|
23
|
+
allowPreview?: boolean;
|
|
24
|
+
value?: UploadValue;
|
|
25
|
+
typeMaxSizeMap?: Record<string, number>;
|
|
26
|
+
enableMultilingual?: boolean;
|
|
27
|
+
onChange?: UploadChangeHandler;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
mediaUploadUrl?: string;
|
|
30
|
+
getHeaders?: () => Record<string, string>;
|
|
31
|
+
mediaConfig?: {
|
|
32
|
+
data: {
|
|
33
|
+
upload_onetime_limit: number;
|
|
34
|
+
upload_maxsize: number;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
allowCamera?: boolean;
|
|
38
|
+
}
|
|
@@ -19,7 +19,7 @@ declare const formFieldMap: {
|
|
|
19
19
|
Subdomain: import("react").FC<import("antd").InputProps & {
|
|
20
20
|
onChange: (value: string) => void;
|
|
21
21
|
onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
22
|
-
rootDomain: "custom" | "
|
|
22
|
+
rootDomain: "custom" | "saas" | "xzero";
|
|
23
23
|
customDomain?: string | undefined;
|
|
24
24
|
value?: string | undefined;
|
|
25
25
|
tenantId: string;
|
|
@@ -59,7 +59,13 @@ declare const formFieldMap: {
|
|
|
59
59
|
FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
60
60
|
FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
61
61
|
};
|
|
62
|
-
declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<import("./
|
|
62
|
+
declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
|
|
63
|
+
Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
64
|
+
} & {
|
|
65
|
+
Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
66
|
+
}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
|
|
67
|
+
onChange: (value: string) => void;
|
|
68
|
+
} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
|
|
63
69
|
JSON: import("react").FC<any>;
|
|
64
70
|
Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
65
71
|
TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
@@ -72,18 +78,14 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
|
|
|
72
78
|
Subdomain: import("react").FC<import("antd").InputProps & {
|
|
73
79
|
onChange: (value: string) => void;
|
|
74
80
|
onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
75
|
-
rootDomain: "custom" | "
|
|
81
|
+
rootDomain: "custom" | "saas" | "xzero";
|
|
76
82
|
customDomain?: string | undefined;
|
|
77
83
|
value?: string | undefined;
|
|
78
84
|
tenantId: string;
|
|
79
85
|
name?: string | undefined;
|
|
80
86
|
fieldKey?: string | undefined;
|
|
81
87
|
} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
82
|
-
}) | import("react").FC<import("./
|
|
83
|
-
Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
84
|
-
} & {
|
|
85
|
-
Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
86
|
-
}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
|
|
88
|
+
}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
|
|
87
89
|
Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
88
90
|
} & {
|
|
89
91
|
Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
@@ -95,7 +97,5 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
|
|
|
95
97
|
extraParams?: Record<string, any> | undefined;
|
|
96
98
|
} & {
|
|
97
99
|
dataSource?: any;
|
|
98
|
-
}) => JSX.Element) | import("react").FC<
|
|
99
|
-
onChange: (value: string) => void;
|
|
100
|
-
} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
100
|
+
}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
101
101
|
export { getFieldComponent, formFieldMap };
|
|
@@ -168,6 +168,9 @@ var useActions = ({
|
|
|
168
168
|
designModeToast();
|
|
169
169
|
return Promise.reject();
|
|
170
170
|
}
|
|
171
|
+
if (currentDataSource == null ? void 0 : currentDataSource.fromSettingMeta) {
|
|
172
|
+
return Promise.reject();
|
|
173
|
+
}
|
|
171
174
|
if (isCustomApi) {
|
|
172
175
|
const actions = getParsedActions();
|
|
173
176
|
if (!actions.update) {
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { ModeType } from "../table/types";
|
|
2
|
+
/**
|
|
3
|
+
* 筛选总配置
|
|
4
|
+
*/
|
|
5
|
+
export declare type FilterType = {
|
|
6
|
+
/** 筛选是否展示 */
|
|
7
|
+
show: boolean;
|
|
8
|
+
/** 筛选项排序按钮是否展示 */
|
|
9
|
+
sortButtonShow: boolean;
|
|
10
|
+
/** 筛选列表 */
|
|
11
|
+
list: FilterItemProps[];
|
|
12
|
+
items?: string[];
|
|
13
|
+
/** 快速筛选最大长度 */
|
|
14
|
+
quickFilterMaxLength: number;
|
|
15
|
+
/** 配置存储模式 */
|
|
16
|
+
storageMode: "" | "localStorage";
|
|
17
|
+
/** 筛选列表项dom */
|
|
18
|
+
dom?: any;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* 筛选列表项配置
|
|
22
|
+
*/
|
|
23
|
+
export declare type FilterItemProps = {
|
|
24
|
+
type: "single" | "input" | "datePicker" | "rangePicker" | "search";
|
|
25
|
+
name?: string | string[];
|
|
26
|
+
key: string;
|
|
27
|
+
props: object;
|
|
28
|
+
label?: string;
|
|
29
|
+
sort?: boolean;
|
|
30
|
+
localFilter?: boolean;
|
|
31
|
+
other: Record<string, any>;
|
|
32
|
+
isCustom?: boolean;
|
|
33
|
+
columnKey?: string;
|
|
34
|
+
isHidden?: boolean;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* 筛选组件属性
|
|
38
|
+
*/
|
|
39
|
+
export interface FilterProps {
|
|
40
|
+
filter: FilterType;
|
|
41
|
+
isRenderFormContent: boolean;
|
|
42
|
+
onValuesChange?: () => void;
|
|
43
|
+
tableId?: string;
|
|
44
|
+
viewMode?: ModeType;
|
|
45
|
+
isMobile?: boolean;
|
|
46
|
+
}
|
|
@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
|
|
|
35
35
|
var import_icons = require("@ant-design/icons");
|
|
36
36
|
var import_react = __toESM(require("react"));
|
|
37
37
|
var MyIcon = (0, import_icons.createFromIconfontCN)({
|
|
38
|
-
scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.
|
|
38
|
+
scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.19.js"
|
|
39
39
|
// 在 iconfont.cn 上生成
|
|
40
40
|
});
|
|
41
41
|
var IconFont = (props) => {
|
|
@@ -37,6 +37,11 @@ var import_iconfont = __toESM(require("../../../../iconfont"));
|
|
|
37
37
|
var import__ = require("../../index");
|
|
38
38
|
var import_index = require("./index.less");
|
|
39
39
|
var import_utils = require("@pisell/utils");
|
|
40
|
+
var holderIconMap = {
|
|
41
|
+
"form": "pisell2-file-05",
|
|
42
|
+
"minors": "pisell2-user-check-01",
|
|
43
|
+
"waiver": "pisell2-file-lock-03"
|
|
44
|
+
};
|
|
40
45
|
var Holders = (props) => {
|
|
41
46
|
const { dataSource = {} } = props;
|
|
42
47
|
const { holders, holder_id } = dataSource;
|
|
@@ -50,7 +55,7 @@ var Holders = (props) => {
|
|
|
50
55
|
const renderHolder = (id) => {
|
|
51
56
|
if (!id) return null;
|
|
52
57
|
const holder = holders.find((item) => item.id === id);
|
|
53
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { className: "holder-item", key: id }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "holder-icon", type: "
|
|
58
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: "holder-item", key: id }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "holder-icon", type: holderIconMap[(dataSource == null ? void 0 : dataSource.holderType) || "minors"] }), /* @__PURE__ */ import_react.default.createElement("span", { className: "holder-label" }, (holder == null ? void 0 : holder.label) || id));
|
|
54
59
|
};
|
|
55
60
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__holders` }, Array.isArray(holder_id) ? holder_id == null ? void 0 : holder_id.map((id) => {
|
|
56
61
|
return renderHolder(id);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FilterType } from "../../filter/types";
|
|
2
|
+
import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
|
|
3
|
+
import "./index.less";
|
|
4
|
+
declare type ActionsProps = {
|
|
5
|
+
filter: FilterType;
|
|
6
|
+
tableId?: string;
|
|
7
|
+
columnSetting?: ColumnSettingType;
|
|
8
|
+
dataSourceGroup?: DataSourceGroupType;
|
|
9
|
+
sort: SortType;
|
|
10
|
+
localPagination?: boolean;
|
|
11
|
+
buttons: any[];
|
|
12
|
+
view: GridViewType;
|
|
13
|
+
gallery: GallerySettingType;
|
|
14
|
+
exportImport?: ExportImportType;
|
|
15
|
+
};
|
|
16
|
+
declare const Actions: ({ filter, sort, columnSetting, dataSourceGroup, tableId, localPagination, buttons, view, gallery, exportImport, }: ActionsProps) => JSX.Element | null;
|
|
17
|
+
export default Actions;
|
|
@@ -71,10 +71,13 @@ var GridViewTable = ({
|
|
|
71
71
|
payload: newData
|
|
72
72
|
});
|
|
73
73
|
});
|
|
74
|
-
const handleResize = (index) => (e, { size }) => {
|
|
75
|
-
const
|
|
76
|
-
|
|
77
|
-
|
|
74
|
+
const handleResize = (index, record) => (e, { size }) => {
|
|
75
|
+
const findIndex = column_setting.findIndex(
|
|
76
|
+
(item) => item.dataIndex === record.dataIndex
|
|
77
|
+
);
|
|
78
|
+
const nextColumns = [...column_setting];
|
|
79
|
+
nextColumns[findIndex] = {
|
|
80
|
+
...nextColumns[findIndex],
|
|
78
81
|
width: size.width
|
|
79
82
|
};
|
|
80
83
|
form.setFieldValue("column_setting", nextColumns);
|
|
@@ -109,6 +112,7 @@ var GridViewTable = ({
|
|
|
109
112
|
const components = (0, import_useGenTableComponents.default)({
|
|
110
113
|
form
|
|
111
114
|
});
|
|
115
|
+
console.log(columns, "columns12");
|
|
112
116
|
const showTotal = (0, import_react.useCallback)(
|
|
113
117
|
(total, range, pageSize) => {
|
|
114
118
|
let start = range[0] - 1;
|
|
@@ -196,7 +196,7 @@ var useTransColumns = (params) => {
|
|
|
196
196
|
onHeaderCell: (record) => ({
|
|
197
197
|
record,
|
|
198
198
|
...item,
|
|
199
|
-
onResize: handleResize == null ? void 0 : handleResize(index),
|
|
199
|
+
onResize: handleResize == null ? void 0 : handleResize(index, record),
|
|
200
200
|
position
|
|
201
201
|
})
|
|
202
202
|
};
|
|
@@ -266,7 +266,9 @@ var GridView = (0, import_model.Provider)(
|
|
|
266
266
|
try {
|
|
267
267
|
if (!tableId) return {};
|
|
268
268
|
const setting = (0, import_utils.getTableSettingByCurrentViewMode)(tableId, currentViewMode);
|
|
269
|
-
|
|
269
|
+
const filters = (setting == null ? void 0 : setting.filters) || {};
|
|
270
|
+
filters.order_by = (setting == null ? void 0 : setting.order_by) || "";
|
|
271
|
+
return filters;
|
|
270
272
|
} catch (e) {
|
|
271
273
|
return {};
|
|
272
274
|
}
|
package/package.json
CHANGED
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
export interface DataSourceType {
|
|
2
|
-
key: string;
|
|
3
|
-
displayName: string;
|
|
4
|
-
status: string;
|
|
5
|
-
type: string;
|
|
6
|
-
isDBInstance: boolean;
|
|
7
|
-
collections: Collection[];
|
|
8
|
-
}
|
|
9
|
-
export declare type ActionsItem = {
|
|
10
|
-
method: string;
|
|
11
|
-
path: string;
|
|
12
|
-
params: {
|
|
13
|
-
name: string;
|
|
14
|
-
value: string;
|
|
15
|
-
}[];
|
|
16
|
-
headers: {
|
|
17
|
-
name: string;
|
|
18
|
-
value: string;
|
|
19
|
-
}[];
|
|
20
|
-
body: Record<string, any>;
|
|
21
|
-
};
|
|
22
|
-
export interface Collection {
|
|
23
|
-
name: string;
|
|
24
|
-
title: string;
|
|
25
|
-
tableName: string;
|
|
26
|
-
timestamps: boolean;
|
|
27
|
-
autoGenId: boolean;
|
|
28
|
-
filterTargetKey: string;
|
|
29
|
-
fields: Field[];
|
|
30
|
-
introspected: boolean;
|
|
31
|
-
unavailableActions: any[];
|
|
32
|
-
actions: {
|
|
33
|
-
get: ActionsItem;
|
|
34
|
-
update: ActionsItem;
|
|
35
|
-
create: ActionsItem;
|
|
36
|
-
delete: ActionsItem;
|
|
37
|
-
list: ActionsItem;
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
interface Field {
|
|
41
|
-
name: string;
|
|
42
|
-
type: string;
|
|
43
|
-
allowNull: boolean;
|
|
44
|
-
primaryKey: boolean;
|
|
45
|
-
unique: boolean;
|
|
46
|
-
autoIncrement: boolean;
|
|
47
|
-
description?: (null | string)[];
|
|
48
|
-
possibleTypes?: string[];
|
|
49
|
-
rawType: string;
|
|
50
|
-
interface: string;
|
|
51
|
-
uiSchema: UiSchema;
|
|
52
|
-
key?: string;
|
|
53
|
-
collectionName?: string;
|
|
54
|
-
collectionKey?: any;
|
|
55
|
-
dataSourceKey?: string;
|
|
56
|
-
defaultValue?: any;
|
|
57
|
-
}
|
|
58
|
-
interface UiSchema {
|
|
59
|
-
type?: string;
|
|
60
|
-
'x-component': string;
|
|
61
|
-
'x-component-props'?: Xcomponentprops;
|
|
62
|
-
'x-validator'?: string;
|
|
63
|
-
title: string;
|
|
64
|
-
default?: any;
|
|
65
|
-
enum?: any[];
|
|
66
|
-
}
|
|
67
|
-
interface Xcomponentprops {
|
|
68
|
-
style?: Style;
|
|
69
|
-
autoSize?: AutoSize;
|
|
70
|
-
stringMode?: boolean;
|
|
71
|
-
step?: string;
|
|
72
|
-
dateFormat?: string;
|
|
73
|
-
showTime?: boolean;
|
|
74
|
-
}
|
|
75
|
-
interface AutoSize {
|
|
76
|
-
minRows: number;
|
|
77
|
-
}
|
|
78
|
-
interface Style {
|
|
79
|
-
width: string;
|
|
80
|
-
}
|
|
81
|
-
/**
|
|
82
|
-
* 获取nocobase自定义数据源
|
|
83
|
-
*/
|
|
84
|
-
export declare const getNocobaseDataSource: () => Promise<DataSourceType[]>;
|
|
85
|
-
/**
|
|
86
|
-
* 获取nocobase主数据源
|
|
87
|
-
*/
|
|
88
|
-
export declare const getNocobaseMainDataSource: () => Promise<any>;
|
|
89
|
-
/**
|
|
90
|
-
* 获取nocobase数据源设置
|
|
91
|
-
*/
|
|
92
|
-
export declare const getNocobaseDataSourceOptions: () => Promise<any>;
|
|
93
|
-
/**
|
|
94
|
-
* 创建nocobase数据
|
|
95
|
-
*/
|
|
96
|
-
export declare const createNocobaseData: (params: {
|
|
97
|
-
key: string;
|
|
98
|
-
data: any;
|
|
99
|
-
headers?: any;
|
|
100
|
-
}) => Promise<any>;
|
|
101
|
-
/**
|
|
102
|
-
* nocobase get数据
|
|
103
|
-
*/
|
|
104
|
-
export declare const getNocobaseData: (params: {
|
|
105
|
-
key: string;
|
|
106
|
-
query: Record<string, any>;
|
|
107
|
-
headers?: any;
|
|
108
|
-
}) => Promise<any>;
|
|
109
|
-
/**
|
|
110
|
-
* 自定义api接口
|
|
111
|
-
*/
|
|
112
|
-
export declare const customApi: (url: string, data: Record<string, any>, options: {
|
|
113
|
-
method: 'GET' | 'POST' | 'PUT' | 'DELETE';
|
|
114
|
-
baseUrl?: string | undefined;
|
|
115
|
-
headers?: {
|
|
116
|
-
name: string;
|
|
117
|
-
value: any;
|
|
118
|
-
}[] | undefined;
|
|
119
|
-
params?: {
|
|
120
|
-
name: string;
|
|
121
|
-
value: any;
|
|
122
|
-
}[] | undefined;
|
|
123
|
-
body?: Record<string, any> | undefined;
|
|
124
|
-
}) => Promise<any>;
|
|
125
|
-
/**
|
|
126
|
-
* 更新nocobase数据
|
|
127
|
-
*/
|
|
128
|
-
export declare const updateNocobaseData: (params: {
|
|
129
|
-
key: string;
|
|
130
|
-
data: any;
|
|
131
|
-
headers?: any;
|
|
132
|
-
query?: Record<string, any> | undefined;
|
|
133
|
-
}) => Promise<any>;
|
|
134
|
-
/**
|
|
135
|
-
* 获取nocobase数据列表
|
|
136
|
-
*/
|
|
137
|
-
export declare const getNocobaseDataList: (allParams: {
|
|
138
|
-
key: string;
|
|
139
|
-
params: {
|
|
140
|
-
page: number;
|
|
141
|
-
pageSize: number;
|
|
142
|
-
};
|
|
143
|
-
headers?: any;
|
|
144
|
-
}) => Promise<any>;
|
|
145
|
-
/**
|
|
146
|
-
* 删除nocobase数据
|
|
147
|
-
*/
|
|
148
|
-
export declare const deleteNocobaseData: (key: string, id: string, headers?: any) => Promise<any>;
|
|
149
|
-
export {};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ButtonProps } from 'antd';
|
|
3
|
-
import './index.less';
|
|
4
|
-
export interface SubmitButtonProps extends ButtonProps {
|
|
5
|
-
status: 'normal' | 'disabled' | 'hidden';
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
childrenString?: string;
|
|
8
|
-
confirmConfig?: {
|
|
9
|
-
enable: boolean;
|
|
10
|
-
title: string;
|
|
11
|
-
content: string;
|
|
12
|
-
icon: React.ReactNode;
|
|
13
|
-
okText: string;
|
|
14
|
-
cancelText: string;
|
|
15
|
-
};
|
|
16
|
-
toastConfig?: {
|
|
17
|
-
enable: boolean;
|
|
18
|
-
icon: React.ReactNode;
|
|
19
|
-
title: string;
|
|
20
|
-
showAfterSubmit?: boolean;
|
|
21
|
-
};
|
|
22
|
-
refreshData?: boolean;
|
|
23
|
-
afterSubmitType?: 'none' | 'close' | 'showModal' | 'showNotification';
|
|
24
|
-
afterSubmitModalConfig?: {
|
|
25
|
-
title: string;
|
|
26
|
-
content: string;
|
|
27
|
-
okText: string;
|
|
28
|
-
onOk?: () => void;
|
|
29
|
-
};
|
|
30
|
-
afterSubmitNotificationConfig?: {
|
|
31
|
-
title: string;
|
|
32
|
-
content: string;
|
|
33
|
-
icon: React.ReactNode;
|
|
34
|
-
duration: number;
|
|
35
|
-
placement: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
declare const SubmitButton: (props: SubmitButtonProps) => JSX.Element | null;
|
|
39
|
-
export default SubmitButton;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { DataSourceType } from '../provider/dataSource/DataSourceContext';
|
|
2
|
-
export interface UseActionsParams {
|
|
3
|
-
dataSource?: DataSourceType;
|
|
4
|
-
currentValue?: 'server' | 'local';
|
|
5
|
-
__designMode?: string;
|
|
6
|
-
extraParams?: Record<string, any>;
|
|
7
|
-
}
|
|
8
|
-
declare const useActions: ({ dataSource: propsDataSource, currentValue: propsCurrentValue, __designMode, extraParams: propsExtraParams, }?: UseActionsParams) => {
|
|
9
|
-
create: (values: Record<string, any>) => Promise<any>;
|
|
10
|
-
get: () => Promise<any>;
|
|
11
|
-
update: (values: Record<string, any>) => Promise<any>;
|
|
12
|
-
list: (params: {
|
|
13
|
-
page: number;
|
|
14
|
-
pageSize: number;
|
|
15
|
-
}) => Promise<any>;
|
|
16
|
-
destroy: (id: string) => Promise<any>;
|
|
17
|
-
};
|
|
18
|
-
export default useActions;
|