szld-libs 0.3.39 → 0.3.42
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/dist/szld-components.es.js +9372 -9304
- package/dist/szld-components.umd.js +41 -41
- package/es/components/DynamicForm/func.d.ts +17 -1
- package/es/components/DynamicForm/func.js +96 -0
- package/es/components/DynamicForm/myCheckbox/index.js +1 -1
- package/es/components/DynamicForm/myRadio/index.js +1 -1
- package/es/components/DynamicForm/mySelect/index.js +1 -2
- package/es/components/DynamicFormMobile/mySelect/index.js +1 -1
- package/lib/components/DynamicForm/func.d.ts +17 -1
- package/lib/components/DynamicForm/func.js +96 -0
- package/lib/components/DynamicForm/myCheckbox/index.js +2 -2
- package/lib/components/DynamicForm/myRadio/index.js +2 -2
- package/lib/components/DynamicForm/mySelect/index.js +1 -2
- package/lib/components/DynamicFormMobile/mySelect/index.js +2 -2
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { IformConfigItem } from './index.d';
|
|
1
|
+
import { IformConfigItem, Ijson } from './index.d';
|
|
2
2
|
import { RangePickerProps } from 'antd/es/date-picker';
|
|
3
|
+
import { AxiosResponse } from 'axios';
|
|
3
4
|
export declare const handleGetPlaceholder: (itemWithJson: IformConfigItem, langId?: string) => string;
|
|
4
5
|
/**
|
|
5
6
|
* 处理表单项目初始值
|
|
@@ -19,3 +20,18 @@ export declare const handleGetSingleAttrListObj: (children: any[]) => {
|
|
|
19
20
|
[key: string]: any;
|
|
20
21
|
}[];
|
|
21
22
|
export declare const getTitle: (langConfig: any[], dataID?: string) => any;
|
|
23
|
+
/**
|
|
24
|
+
* 根据属性项配置处理成下拉数据
|
|
25
|
+
* @param param0
|
|
26
|
+
* @returns
|
|
27
|
+
*/
|
|
28
|
+
export declare const handleSelectOptions: ({ commonRequestWidthParams, commonRequest, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, item, langConfig, }: {
|
|
29
|
+
commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
|
|
30
|
+
commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>;
|
|
31
|
+
interfaceTypeDict?: string | undefined;
|
|
32
|
+
interfaceTypeSysDict?: string | undefined;
|
|
33
|
+
actionUrlKey?: string | undefined;
|
|
34
|
+
actionUrlExtraParams?: object | undefined;
|
|
35
|
+
item: Ijson;
|
|
36
|
+
langConfig?: any[] | undefined;
|
|
37
|
+
}) => Promise<any[]>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import dayjs from "dayjs";
|
|
2
|
+
import { message } from "antd";
|
|
2
3
|
const handleGetPlaceholder = (itemWithJson, langId) => {
|
|
3
4
|
const { input = "" } = (itemWithJson == null ? void 0 : itemWithJson.json) || {};
|
|
4
5
|
let placeholderCn = "请输入", placeholderEn = "Please input";
|
|
@@ -116,11 +117,106 @@ const getTitle = (langConfig, dataID) => {
|
|
|
116
117
|
const titleData = langConfig.find((x) => (x == null ? void 0 : x.dataid) === dataID);
|
|
117
118
|
return (titleData == null ? void 0 : titleData.content) ?? dataID;
|
|
118
119
|
};
|
|
120
|
+
const handleSelectOptions = async ({
|
|
121
|
+
commonRequestWidthParams,
|
|
122
|
+
commonRequest,
|
|
123
|
+
interfaceTypeDict = "YLZDDictList",
|
|
124
|
+
interfaceTypeSysDict = "YLZDSysConfigList",
|
|
125
|
+
actionUrlKey = "action-url",
|
|
126
|
+
actionUrlExtraParams = {},
|
|
127
|
+
item,
|
|
128
|
+
langConfig
|
|
129
|
+
}) => {
|
|
130
|
+
var _a;
|
|
131
|
+
let options = [];
|
|
132
|
+
const getDict = async (interfaceType) => {
|
|
133
|
+
var _a2;
|
|
134
|
+
let list = [];
|
|
135
|
+
if (item.classify) {
|
|
136
|
+
try {
|
|
137
|
+
const response = await commonRequest(interfaceType, {
|
|
138
|
+
asctypeid: item.classify
|
|
139
|
+
});
|
|
140
|
+
if (((_a2 = response == null ? void 0 : response.data) == null ? void 0 : _a2.list) && Array.isArray(response.data.list)) {
|
|
141
|
+
list = response.data.list.map((dictItem) => ({
|
|
142
|
+
label: `${dictItem.dicid || ""}-${dictItem.info || ""}`,
|
|
143
|
+
value: `${dictItem.dicid || ""}-${dictItem.info || ""}`
|
|
144
|
+
}));
|
|
145
|
+
}
|
|
146
|
+
} catch (error) {
|
|
147
|
+
message.error("加载选项失败");
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
return list;
|
|
151
|
+
};
|
|
152
|
+
const getUrlOptions = async () => {
|
|
153
|
+
var _a2, _b;
|
|
154
|
+
try {
|
|
155
|
+
const keyFieldList = ((_a2 = item == null ? void 0 : item["key-field"]) == null ? void 0 : _a2.list) || [];
|
|
156
|
+
const delimiter = ((_b = item == null ? void 0 : item["key-field"]) == null ? void 0 : _b.delimiter) || "";
|
|
157
|
+
const fileNames = item == null ? void 0 : item["field-names"];
|
|
158
|
+
if (!keyFieldList.length) {
|
|
159
|
+
message.error("请配置key-field");
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
const response = await commonRequestWidthParams(
|
|
163
|
+
{
|
|
164
|
+
PageName: "dns_relay",
|
|
165
|
+
Controlname: "CallActionUrl",
|
|
166
|
+
InterfaceType: ""
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
[actionUrlKey]: item == null ? void 0 : item["action-url"],
|
|
170
|
+
...actionUrlExtraParams
|
|
171
|
+
}
|
|
172
|
+
);
|
|
173
|
+
if (response == null ? void 0 : response.data) {
|
|
174
|
+
const data = response == null ? void 0 : response.data;
|
|
175
|
+
const list = (data == null ? void 0 : data.list) || [];
|
|
176
|
+
let urlData = [];
|
|
177
|
+
if (Array.isArray(data)) {
|
|
178
|
+
urlData = data;
|
|
179
|
+
}
|
|
180
|
+
if (Array.isArray(list)) {
|
|
181
|
+
urlData = list;
|
|
182
|
+
}
|
|
183
|
+
if (fileNames) {
|
|
184
|
+
options = urlData;
|
|
185
|
+
} else {
|
|
186
|
+
options = urlData.map((val) => ({
|
|
187
|
+
label: handleUrlOptions(val, delimiter, keyFieldList),
|
|
188
|
+
value: handleUrlOptions(val, delimiter, keyFieldList)
|
|
189
|
+
}));
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
} catch (error) {
|
|
193
|
+
message.error("加载选项失败");
|
|
194
|
+
}
|
|
195
|
+
};
|
|
196
|
+
if (item.inputType === "local") {
|
|
197
|
+
options = ((_a = item.data) == null ? void 0 : _a.map((val) => ({
|
|
198
|
+
label: (langConfig == null ? void 0 : langConfig.length) ? getTitle(langConfig, val) : val,
|
|
199
|
+
value: val
|
|
200
|
+
}))) || [];
|
|
201
|
+
if (item.options && Array.isArray(item.options)) {
|
|
202
|
+
options = item.options;
|
|
203
|
+
}
|
|
204
|
+
} else if (item.inputType === "dictionary") {
|
|
205
|
+
options = await getDict(interfaceTypeDict);
|
|
206
|
+
} else if (item.inputType === "system-dictionary") {
|
|
207
|
+
options = await getDict(interfaceTypeSysDict);
|
|
208
|
+
}
|
|
209
|
+
if (item.inputType === "url" && (item == null ? void 0 : item["action-url"])) {
|
|
210
|
+
await getUrlOptions();
|
|
211
|
+
}
|
|
212
|
+
return options;
|
|
213
|
+
};
|
|
119
214
|
export {
|
|
120
215
|
disabledDate,
|
|
121
216
|
getTitle,
|
|
122
217
|
handleGetPlaceholder,
|
|
123
218
|
handleGetSingleAttrListObj,
|
|
219
|
+
handleSelectOptions,
|
|
124
220
|
handleSetFormItemInitialValue,
|
|
125
221
|
handleUrlOptions
|
|
126
222
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { handleSelectOptions } from "../../../utils/method";
|
|
3
2
|
import { useState, useEffect } from "react";
|
|
4
3
|
import { Checkbox } from "antd";
|
|
4
|
+
import { handleSelectOptions } from "../func";
|
|
5
5
|
const MyCheckbox = (props) => {
|
|
6
6
|
const {
|
|
7
7
|
item,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { handleSelectOptions } from "../../../utils/method";
|
|
3
2
|
import { Radio } from "antd";
|
|
4
3
|
import { useState, useEffect } from "react";
|
|
4
|
+
import { handleSelectOptions } from "../func";
|
|
5
5
|
const MyRadio = (props) => {
|
|
6
6
|
const {
|
|
7
7
|
item,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { handleSelectOptions } from "
|
|
3
|
-
import { handleGetPlaceholder } from "../func";
|
|
2
|
+
import { handleSelectOptions, handleGetPlaceholder } from "../func";
|
|
4
3
|
import { useState, useEffect } from "react";
|
|
5
4
|
import { Select } from "antd";
|
|
6
5
|
const MySelect = ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { handleSelectOptions } from "@/components/DynamicForm/func";
|
|
2
3
|
import { Field, Popup, Checkbox, Picker } from "react-vant";
|
|
3
|
-
import { handleSelectOptions } from "../../../utils/method";
|
|
4
4
|
import { useState, useEffect } from "react";
|
|
5
5
|
import { Flex } from "antd";
|
|
6
6
|
const checkboxGroup = "index-module_checkbox-group_4684b";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { IformConfigItem } from './index.d';
|
|
1
|
+
import { IformConfigItem, Ijson } from './index.d';
|
|
2
2
|
import { RangePickerProps } from 'antd/es/date-picker';
|
|
3
|
+
import { AxiosResponse } from 'axios';
|
|
3
4
|
export declare const handleGetPlaceholder: (itemWithJson: IformConfigItem, langId?: string) => string;
|
|
4
5
|
/**
|
|
5
6
|
* 处理表单项目初始值
|
|
@@ -19,3 +20,18 @@ export declare const handleGetSingleAttrListObj: (children: any[]) => {
|
|
|
19
20
|
[key: string]: any;
|
|
20
21
|
}[];
|
|
21
22
|
export declare const getTitle: (langConfig: any[], dataID?: string) => any;
|
|
23
|
+
/**
|
|
24
|
+
* 根据属性项配置处理成下拉数据
|
|
25
|
+
* @param param0
|
|
26
|
+
* @returns
|
|
27
|
+
*/
|
|
28
|
+
export declare const handleSelectOptions: ({ commonRequestWidthParams, commonRequest, interfaceTypeDict, interfaceTypeSysDict, actionUrlKey, actionUrlExtraParams, item, langConfig, }: {
|
|
29
|
+
commonRequestWidthParams: (params: object, data?: any) => Promise<AxiosResponse<any, any>>;
|
|
30
|
+
commonRequest: (InterfaceType: string, data?: any) => Promise<AxiosResponse<any, any>>;
|
|
31
|
+
interfaceTypeDict?: string | undefined;
|
|
32
|
+
interfaceTypeSysDict?: string | undefined;
|
|
33
|
+
actionUrlKey?: string | undefined;
|
|
34
|
+
actionUrlExtraParams?: object | undefined;
|
|
35
|
+
item: Ijson;
|
|
36
|
+
langConfig?: any[] | undefined;
|
|
37
|
+
}) => Promise<any[]>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const dayjs = require("dayjs");
|
|
4
|
+
const antd = require("antd");
|
|
4
5
|
const handleGetPlaceholder = (itemWithJson, langId) => {
|
|
5
6
|
const { input = "" } = (itemWithJson == null ? void 0 : itemWithJson.json) || {};
|
|
6
7
|
let placeholderCn = "请输入", placeholderEn = "Please input";
|
|
@@ -118,9 +119,104 @@ const getTitle = (langConfig, dataID) => {
|
|
|
118
119
|
const titleData = langConfig.find((x) => (x == null ? void 0 : x.dataid) === dataID);
|
|
119
120
|
return (titleData == null ? void 0 : titleData.content) ?? dataID;
|
|
120
121
|
};
|
|
122
|
+
const handleSelectOptions = async ({
|
|
123
|
+
commonRequestWidthParams,
|
|
124
|
+
commonRequest,
|
|
125
|
+
interfaceTypeDict = "YLZDDictList",
|
|
126
|
+
interfaceTypeSysDict = "YLZDSysConfigList",
|
|
127
|
+
actionUrlKey = "action-url",
|
|
128
|
+
actionUrlExtraParams = {},
|
|
129
|
+
item,
|
|
130
|
+
langConfig
|
|
131
|
+
}) => {
|
|
132
|
+
var _a;
|
|
133
|
+
let options = [];
|
|
134
|
+
const getDict = async (interfaceType) => {
|
|
135
|
+
var _a2;
|
|
136
|
+
let list = [];
|
|
137
|
+
if (item.classify) {
|
|
138
|
+
try {
|
|
139
|
+
const response = await commonRequest(interfaceType, {
|
|
140
|
+
asctypeid: item.classify
|
|
141
|
+
});
|
|
142
|
+
if (((_a2 = response == null ? void 0 : response.data) == null ? void 0 : _a2.list) && Array.isArray(response.data.list)) {
|
|
143
|
+
list = response.data.list.map((dictItem) => ({
|
|
144
|
+
label: `${dictItem.dicid || ""}-${dictItem.info || ""}`,
|
|
145
|
+
value: `${dictItem.dicid || ""}-${dictItem.info || ""}`
|
|
146
|
+
}));
|
|
147
|
+
}
|
|
148
|
+
} catch (error) {
|
|
149
|
+
antd.message.error("加载选项失败");
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
return list;
|
|
153
|
+
};
|
|
154
|
+
const getUrlOptions = async () => {
|
|
155
|
+
var _a2, _b;
|
|
156
|
+
try {
|
|
157
|
+
const keyFieldList = ((_a2 = item == null ? void 0 : item["key-field"]) == null ? void 0 : _a2.list) || [];
|
|
158
|
+
const delimiter = ((_b = item == null ? void 0 : item["key-field"]) == null ? void 0 : _b.delimiter) || "";
|
|
159
|
+
const fileNames = item == null ? void 0 : item["field-names"];
|
|
160
|
+
if (!keyFieldList.length) {
|
|
161
|
+
antd.message.error("请配置key-field");
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
const response = await commonRequestWidthParams(
|
|
165
|
+
{
|
|
166
|
+
PageName: "dns_relay",
|
|
167
|
+
Controlname: "CallActionUrl",
|
|
168
|
+
InterfaceType: ""
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
[actionUrlKey]: item == null ? void 0 : item["action-url"],
|
|
172
|
+
...actionUrlExtraParams
|
|
173
|
+
}
|
|
174
|
+
);
|
|
175
|
+
if (response == null ? void 0 : response.data) {
|
|
176
|
+
const data = response == null ? void 0 : response.data;
|
|
177
|
+
const list = (data == null ? void 0 : data.list) || [];
|
|
178
|
+
let urlData = [];
|
|
179
|
+
if (Array.isArray(data)) {
|
|
180
|
+
urlData = data;
|
|
181
|
+
}
|
|
182
|
+
if (Array.isArray(list)) {
|
|
183
|
+
urlData = list;
|
|
184
|
+
}
|
|
185
|
+
if (fileNames) {
|
|
186
|
+
options = urlData;
|
|
187
|
+
} else {
|
|
188
|
+
options = urlData.map((val) => ({
|
|
189
|
+
label: handleUrlOptions(val, delimiter, keyFieldList),
|
|
190
|
+
value: handleUrlOptions(val, delimiter, keyFieldList)
|
|
191
|
+
}));
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
} catch (error) {
|
|
195
|
+
antd.message.error("加载选项失败");
|
|
196
|
+
}
|
|
197
|
+
};
|
|
198
|
+
if (item.inputType === "local") {
|
|
199
|
+
options = ((_a = item.data) == null ? void 0 : _a.map((val) => ({
|
|
200
|
+
label: (langConfig == null ? void 0 : langConfig.length) ? getTitle(langConfig, val) : val,
|
|
201
|
+
value: val
|
|
202
|
+
}))) || [];
|
|
203
|
+
if (item.options && Array.isArray(item.options)) {
|
|
204
|
+
options = item.options;
|
|
205
|
+
}
|
|
206
|
+
} else if (item.inputType === "dictionary") {
|
|
207
|
+
options = await getDict(interfaceTypeDict);
|
|
208
|
+
} else if (item.inputType === "system-dictionary") {
|
|
209
|
+
options = await getDict(interfaceTypeSysDict);
|
|
210
|
+
}
|
|
211
|
+
if (item.inputType === "url" && (item == null ? void 0 : item["action-url"])) {
|
|
212
|
+
await getUrlOptions();
|
|
213
|
+
}
|
|
214
|
+
return options;
|
|
215
|
+
};
|
|
121
216
|
exports.disabledDate = disabledDate;
|
|
122
217
|
exports.getTitle = getTitle;
|
|
123
218
|
exports.handleGetPlaceholder = handleGetPlaceholder;
|
|
124
219
|
exports.handleGetSingleAttrListObj = handleGetSingleAttrListObj;
|
|
220
|
+
exports.handleSelectOptions = handleSelectOptions;
|
|
125
221
|
exports.handleSetFormItemInitialValue = handleSetFormItemInitialValue;
|
|
126
222
|
exports.handleUrlOptions = handleUrlOptions;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
const method = require("../../../utils/method");
|
|
4
3
|
const react = require("react");
|
|
5
4
|
const antd = require("antd");
|
|
5
|
+
const func = require("../func");
|
|
6
6
|
const MyCheckbox = (props) => {
|
|
7
7
|
const {
|
|
8
8
|
item,
|
|
@@ -26,7 +26,7 @@ const MyCheckbox = (props) => {
|
|
|
26
26
|
handleLoadOptions();
|
|
27
27
|
}, [item.inputType, item.classify, item.data, item.options]);
|
|
28
28
|
const handleLoadOptions = async () => {
|
|
29
|
-
const list2 = await
|
|
29
|
+
const list2 = await func.handleSelectOptions({
|
|
30
30
|
commonRequestWidthParams,
|
|
31
31
|
commonRequest,
|
|
32
32
|
interfaceTypeDict,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
const method = require("../../../utils/method");
|
|
4
3
|
const antd = require("antd");
|
|
5
4
|
const react = require("react");
|
|
5
|
+
const func = require("../func");
|
|
6
6
|
const MyRadio = (props) => {
|
|
7
7
|
const {
|
|
8
8
|
item,
|
|
@@ -24,7 +24,7 @@ const MyRadio = (props) => {
|
|
|
24
24
|
handleLoadOptions();
|
|
25
25
|
}, [item.inputType, item.classify, item.data, item.options]);
|
|
26
26
|
const handleLoadOptions = async () => {
|
|
27
|
-
const list2 = await
|
|
27
|
+
const list2 = await func.handleSelectOptions({
|
|
28
28
|
commonRequestWidthParams,
|
|
29
29
|
commonRequest,
|
|
30
30
|
interfaceTypeDict,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
const method = require("../../../utils/method");
|
|
4
3
|
const func = require("../func");
|
|
5
4
|
const react = require("react");
|
|
6
5
|
const antd = require("antd");
|
|
@@ -26,7 +25,7 @@ const MySelect = ({
|
|
|
26
25
|
}, [item.inputType, item.classify, item.data, item.options]);
|
|
27
26
|
const handleLoadOptions = async () => {
|
|
28
27
|
setLoading(true);
|
|
29
|
-
const list = await
|
|
28
|
+
const list = await func.handleSelectOptions({
|
|
30
29
|
commonRequestWidthParams,
|
|
31
30
|
commonRequest,
|
|
32
31
|
interfaceTypeDict,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
+
const func = require("@/components/DynamicForm/func");
|
|
3
4
|
const reactVant = require("react-vant");
|
|
4
|
-
const method = require("../../../utils/method");
|
|
5
5
|
const react = require("react");
|
|
6
6
|
const antd = require("antd");
|
|
7
7
|
const checkboxGroup = "index-module_checkbox-group_4684b";
|
|
@@ -46,7 +46,7 @@ const MySelect = ({
|
|
|
46
46
|
handleLoadOptions();
|
|
47
47
|
}, [item.inputType, item.classify, item.data, item.options]);
|
|
48
48
|
const handleLoadOptions = async () => {
|
|
49
|
-
const list = await
|
|
49
|
+
const list = await func.handleSelectOptions({
|
|
50
50
|
commonRequestWidthParams,
|
|
51
51
|
commonRequest,
|
|
52
52
|
interfaceTypeDict,
|