@pointcloud/pcloud-components 0.1.8 → 0.1.10
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/cjs/AdvancedFilter/FormFilter.d.ts +5 -0
- package/dist/cjs/AdvancedFilter/FormFilter.js +158 -0
- package/dist/cjs/AdvancedFilter/demos/demo1.d.ts +3 -0
- package/dist/cjs/AdvancedFilter/demos/demo1.js +56 -0
- package/dist/cjs/AdvancedFilter/demos/demo2.d.ts +3 -0
- package/dist/cjs/AdvancedFilter/demos/demo2.js +63 -0
- package/dist/cjs/AdvancedFilter/demos/demo3.d.ts +3 -0
- package/dist/cjs/AdvancedFilter/demos/demo3.js +113 -0
- package/dist/cjs/AdvancedFilter/index.d.ts +5 -0
- package/dist/cjs/AdvancedFilter/index.js +114 -0
- package/dist/cjs/AdvancedFilter/interface.d.ts +97 -0
- package/dist/cjs/AdvancedFilter/interface.js +17 -0
- package/dist/cjs/AdvancedFilter/styles/index.less +115 -0
- package/dist/cjs/ErrorBoundary/index.d.ts +6 -0
- package/dist/cjs/ErrorBoundary/index.js +45 -0
- package/dist/cjs/ErrorBoundary/index.less +42 -0
- package/dist/cjs/LabelValue/demos/demo1.d.ts +3 -0
- package/dist/cjs/LabelValue/demos/demo1.js +35 -0
- package/dist/cjs/LabelValue/demos/demo2.d.ts +3 -0
- package/dist/cjs/LabelValue/demos/demo2.js +36 -0
- package/dist/cjs/LabelValue/demos/demo3.d.ts +3 -0
- package/dist/cjs/LabelValue/demos/demo3.js +36 -0
- package/dist/cjs/LabelValue/index.d.ts +16 -0
- package/dist/cjs/LabelValue/index.js +50 -0
- package/dist/cjs/LabelValue/interface.d.ts +29 -0
- package/dist/cjs/LabelValue/interface.js +17 -0
- package/dist/cjs/LabelValue/styles/index.less +18 -0
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/index.js +38 -0
- package/dist/esm/AdvancedFilter/styles/index.less +146 -146
- package/dist/esm/AuthComponent/index.d.ts +4 -0
- package/dist/esm/AuthComponent/index.js +39 -0
- package/dist/esm/AuthComponent/interface.d.ts +23 -0
- package/dist/esm/AuthComponent/interface.js +1 -0
- package/dist/esm/DForm/DItem/itemsRender.js +14 -14
- package/dist/esm/DInput/index.js +6 -6
- package/dist/esm/DTable/index.js +1 -1
- package/dist/esm/DTable/index.less +71 -71
- package/dist/esm/DUpload/helper.js +47 -47
- package/dist/esm/DUpload/index.d.ts +1 -1
- package/dist/esm/DUpload/index.js +6 -6
- package/dist/esm/commonStyle/index.less +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +1 -1
- package/CHANGELOG.md +0 -23
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
|
|
22
|
+
// src/AdvancedFilter/FormFilter.tsx
|
|
23
|
+
var FormFilter_exports = {};
|
|
24
|
+
__export(FormFilter_exports, {
|
|
25
|
+
default: () => FormFilter_default
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(FormFilter_exports);
|
|
28
|
+
var import_antd = require("antd");
|
|
29
|
+
var import_react = __toESM(require("react"));
|
|
30
|
+
var import_styles = require("./styles/index.less");
|
|
31
|
+
var grid = { xxl: { span: 6 }, xl: { span: 6 }, lg: { span: 8 } };
|
|
32
|
+
var formItemLayout = { labelCol: { span: 10 }, wrapperCol: { span: 14 } };
|
|
33
|
+
var FormFilter_default = (props) => {
|
|
34
|
+
const { formItemConfig, showButton = true, onValuesChange, onSearch, onReset, formRef } = props;
|
|
35
|
+
const [form] = import_antd.Form.useForm();
|
|
36
|
+
(0, import_react.useImperativeHandle)(formRef, () => ({
|
|
37
|
+
resetFields: form.resetFields,
|
|
38
|
+
setFieldsValue: form.setFieldsValue,
|
|
39
|
+
form
|
|
40
|
+
}));
|
|
41
|
+
const search = () => {
|
|
42
|
+
let values = form.getFieldsValue();
|
|
43
|
+
Object.keys(values).forEach((item) => {
|
|
44
|
+
const config = formItemConfig.find((c) => c.name === item);
|
|
45
|
+
const isDate = ["datePicker", "rangePicker"].includes(config == null ? void 0 : config.type);
|
|
46
|
+
if (isDate && values[item]) {
|
|
47
|
+
values = { ...values, ...formatTime({ [item]: values[item] }) };
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
onSearch && onSearch(values);
|
|
51
|
+
};
|
|
52
|
+
const valuesChange = (v) => {
|
|
53
|
+
const value = formatTime(v);
|
|
54
|
+
onValuesChange && onValuesChange(value);
|
|
55
|
+
};
|
|
56
|
+
const formatTime = (v) => {
|
|
57
|
+
var _a, _b, _c;
|
|
58
|
+
const fieldName = Object.keys(v)[0];
|
|
59
|
+
const config = formItemConfig.find((item) => item.name === fieldName);
|
|
60
|
+
if ((config == null ? void 0 : config.type) === "datePicker") {
|
|
61
|
+
v[fieldName] = (_a = v[fieldName]) == null ? void 0 : _a.format((config == null ? void 0 : config.format) || "YYYY-MM-DD HH:mm:ss");
|
|
62
|
+
}
|
|
63
|
+
if ((config == null ? void 0 : config.type) === "rangePicker") {
|
|
64
|
+
v[fieldName] = [
|
|
65
|
+
(_b = v[fieldName][0]) == null ? void 0 : _b.format((config == null ? void 0 : config.format) || "YYYY-MM-DD HH:mm:ss"),
|
|
66
|
+
(_c = v[fieldName][1]) == null ? void 0 : _c.format((config == null ? void 0 : config.format) || "YYYY-MM-DD HH:mm:ss")
|
|
67
|
+
];
|
|
68
|
+
}
|
|
69
|
+
return v;
|
|
70
|
+
};
|
|
71
|
+
const reset = () => {
|
|
72
|
+
form.resetFields();
|
|
73
|
+
onReset && onReset();
|
|
74
|
+
};
|
|
75
|
+
const renderComponent = (type, item) => {
|
|
76
|
+
switch (type) {
|
|
77
|
+
case "input":
|
|
78
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, {
|
|
79
|
+
...item,
|
|
80
|
+
allowClear: true,
|
|
81
|
+
placeholder: item.placeholder || `\u8BF7\u8F93\u5165${item.label}`
|
|
82
|
+
});
|
|
83
|
+
case "inputNumber":
|
|
84
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, {
|
|
85
|
+
...item,
|
|
86
|
+
placeholder: item.placeholder || `\u8BF7\u8F93\u5165${item.label}`
|
|
87
|
+
});
|
|
88
|
+
case "radio":
|
|
89
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, {
|
|
90
|
+
...item,
|
|
91
|
+
options: item.options
|
|
92
|
+
});
|
|
93
|
+
case "select":
|
|
94
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Select, {
|
|
95
|
+
...item,
|
|
96
|
+
allowClear: true,
|
|
97
|
+
placeholder: item.placeholder || `\u8BF7\u9009\u62E9${item.label}`,
|
|
98
|
+
options: item.options
|
|
99
|
+
});
|
|
100
|
+
case "checkbox":
|
|
101
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox.Group, {
|
|
102
|
+
...item,
|
|
103
|
+
options: item.options
|
|
104
|
+
});
|
|
105
|
+
case "switch":
|
|
106
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Switch, null);
|
|
107
|
+
case "datePicker":
|
|
108
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.DatePicker, {
|
|
109
|
+
...item,
|
|
110
|
+
allowClear: true,
|
|
111
|
+
placeholder: item.placeholder || `\u8BF7\u9009\u62E9${item.label}`
|
|
112
|
+
});
|
|
113
|
+
case "rangePicker":
|
|
114
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.DatePicker.RangePicker, {
|
|
115
|
+
allowClear: true
|
|
116
|
+
});
|
|
117
|
+
case "treeSelect":
|
|
118
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.TreeSelect, {
|
|
119
|
+
...item,
|
|
120
|
+
dropdownClassName: "tree-select-filter",
|
|
121
|
+
showSearch: true,
|
|
122
|
+
allowClear: true,
|
|
123
|
+
placeholder: item.placeholder || `\u8BF7\u9009\u62E9${item.label}`,
|
|
124
|
+
treeData: item.options
|
|
125
|
+
});
|
|
126
|
+
default:
|
|
127
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Form, {
|
|
131
|
+
...formItemLayout,
|
|
132
|
+
className: "form-filter",
|
|
133
|
+
form,
|
|
134
|
+
colon: false,
|
|
135
|
+
onValuesChange: valuesChange
|
|
136
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, {
|
|
137
|
+
className: "filter-row"
|
|
138
|
+
}, formItemConfig == null ? void 0 : formItemConfig.map((item) => {
|
|
139
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, {
|
|
140
|
+
key: item.name,
|
|
141
|
+
...grid,
|
|
142
|
+
className: "filter-col"
|
|
143
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, {
|
|
144
|
+
label: item.label,
|
|
145
|
+
name: item.name,
|
|
146
|
+
className: "filter-item"
|
|
147
|
+
}, renderComponent(item.type, item)));
|
|
148
|
+
})), showButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Row, {
|
|
149
|
+
className: "search-btn"
|
|
150
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, {
|
|
151
|
+
type: "primary",
|
|
152
|
+
onClick: search
|
|
153
|
+
}, "\u67E5\u8BE2"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, {
|
|
154
|
+
onClick: reset
|
|
155
|
+
}, "\u91CD\u7F6E")));
|
|
156
|
+
};
|
|
157
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
158
|
+
0 && (module.exports = {});
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
|
|
22
|
+
// src/AdvancedFilter/demos/demo1.tsx
|
|
23
|
+
var demo1_exports = {};
|
|
24
|
+
__export(demo1_exports, {
|
|
25
|
+
default: () => demo1_default
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(demo1_exports);
|
|
28
|
+
var React = __toESM(require("react"));
|
|
29
|
+
var import_pui_components = require("@pointcloud/pui-components");
|
|
30
|
+
var import_icons = require("@ant-design/icons");
|
|
31
|
+
var demo1_default = () => {
|
|
32
|
+
const formItemConfig = [
|
|
33
|
+
{
|
|
34
|
+
label: "\u59D3\u540D",
|
|
35
|
+
type: "input",
|
|
36
|
+
name: "name"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
label: "\u5E74\u9F84",
|
|
40
|
+
type: "input",
|
|
41
|
+
name: "age"
|
|
42
|
+
}
|
|
43
|
+
];
|
|
44
|
+
return /* @__PURE__ */ React.createElement(import_pui_components.AdvancedFilter, {
|
|
45
|
+
formItemConfig,
|
|
46
|
+
icon: /* @__PURE__ */ React.createElement(import_icons.CaretDownOutlined, null),
|
|
47
|
+
inputProps: {
|
|
48
|
+
name: "keyWords",
|
|
49
|
+
inputSearch: (v) => {
|
|
50
|
+
console.info(v);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {});
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
|
|
22
|
+
// src/AdvancedFilter/demos/demo2.tsx
|
|
23
|
+
var demo2_exports = {};
|
|
24
|
+
__export(demo2_exports, {
|
|
25
|
+
default: () => demo2_default
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(demo2_exports);
|
|
28
|
+
var React = __toESM(require("react"));
|
|
29
|
+
var import_pui_components = require("@pointcloud/pui-components");
|
|
30
|
+
var import_icons = require("@ant-design/icons");
|
|
31
|
+
var import_antd = require("antd");
|
|
32
|
+
var demo2_default = () => {
|
|
33
|
+
const formItemConfig = [
|
|
34
|
+
{
|
|
35
|
+
label: "\u7B5B\u9009\u98791",
|
|
36
|
+
type: "input",
|
|
37
|
+
name: "name"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
label: "\u6027\u522B",
|
|
41
|
+
type: "select",
|
|
42
|
+
name: "hight",
|
|
43
|
+
options: [
|
|
44
|
+
{ label: "\u7537", value: "1" },
|
|
45
|
+
{ label: "\u5973", value: "2" }
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
];
|
|
49
|
+
return /* @__PURE__ */ React.createElement(import_pui_components.AdvancedFilter, {
|
|
50
|
+
formItemConfig,
|
|
51
|
+
icon: /* @__PURE__ */ React.createElement(import_icons.CaretDownOutlined, null),
|
|
52
|
+
left: /* @__PURE__ */ React.createElement(import_antd.Button, null, "\u5DE6\u4FA7\u6309\u94AE"),
|
|
53
|
+
inputProps: {
|
|
54
|
+
name: "keyWords",
|
|
55
|
+
inputSearch: (v) => {
|
|
56
|
+
console.info(v);
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
right: /* @__PURE__ */ React.createElement(import_antd.Button, null, "\u53F3\u4FA7\u6309\u94AE")
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
63
|
+
0 && (module.exports = {});
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
|
|
22
|
+
// src/AdvancedFilter/demos/demo3.tsx
|
|
23
|
+
var demo3_exports = {};
|
|
24
|
+
__export(demo3_exports, {
|
|
25
|
+
default: () => demo3_default
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(demo3_exports);
|
|
28
|
+
var React = __toESM(require("react"));
|
|
29
|
+
var import_pui_components = require("@pointcloud/pui-components");
|
|
30
|
+
var import_icons = require("@ant-design/icons");
|
|
31
|
+
var demo3_default = () => {
|
|
32
|
+
const formItemConfig = [
|
|
33
|
+
{
|
|
34
|
+
label: "\u59D3\u540D",
|
|
35
|
+
type: "input",
|
|
36
|
+
name: "name"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
label: "\u6027\u522B",
|
|
40
|
+
type: "select",
|
|
41
|
+
name: "hight",
|
|
42
|
+
options: [
|
|
43
|
+
{ label: "\u7537", value: "1" },
|
|
44
|
+
{ label: "\u5973", value: "2" }
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
label: "\u51FA\u751F\u65E5\u671F",
|
|
49
|
+
type: "datePicker",
|
|
50
|
+
name: "birthday"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
label: "\u65F6\u95F4\u8303\u56F4",
|
|
54
|
+
type: "rangePicker",
|
|
55
|
+
name: "timeRange"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
label: "\u5F00\u5173",
|
|
59
|
+
type: "switch",
|
|
60
|
+
name: "open"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
label: "\u662F\u5426\u5B66\u751F",
|
|
64
|
+
type: "radio",
|
|
65
|
+
name: "isStudent",
|
|
66
|
+
options: [
|
|
67
|
+
{ label: "\u662F", value: "1" },
|
|
68
|
+
{ label: "\u5426", value: "2" }
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
label: "\u8BFE\u7A0B",
|
|
73
|
+
type: "checkbox",
|
|
74
|
+
name: "isStudent",
|
|
75
|
+
options: [
|
|
76
|
+
{ label: "\u8BED\u6587", value: "1" },
|
|
77
|
+
{ label: "\u6570\u5B66", value: "2" }
|
|
78
|
+
]
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
label: "\u7EC4\u7EC7\u7ED3\u6784",
|
|
82
|
+
type: "treeSelect",
|
|
83
|
+
name: "orgs",
|
|
84
|
+
options: [
|
|
85
|
+
{
|
|
86
|
+
label: "\u6839\u7EC4\u7EC7",
|
|
87
|
+
value: "1",
|
|
88
|
+
children: [
|
|
89
|
+
{
|
|
90
|
+
label: "\u4E00\u7EA7\u7EC4\u7EC71",
|
|
91
|
+
value: "1-1",
|
|
92
|
+
children: [{ label: "\u4E8C\u7EA7\u7EC4\u7EC71", value: "2-1-1" }]
|
|
93
|
+
},
|
|
94
|
+
{ label: "\u4E00\u7EA7\u7EC4\u7EC72", value: "1-2" }
|
|
95
|
+
]
|
|
96
|
+
}
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
];
|
|
100
|
+
return /* @__PURE__ */ React.createElement(import_pui_components.AdvancedFilter, {
|
|
101
|
+
formItemConfig,
|
|
102
|
+
icon: /* @__PURE__ */ React.createElement(import_icons.CaretDownOutlined, null),
|
|
103
|
+
inputProps: {
|
|
104
|
+
placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u68C0\u7D22",
|
|
105
|
+
name: "keyWords",
|
|
106
|
+
inputSearch: (v) => {
|
|
107
|
+
console.info(v);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
};
|
|
112
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
113
|
+
0 && (module.exports = {});
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
|
|
22
|
+
// src/AdvancedFilter/index.tsx
|
|
23
|
+
var AdvancedFilter_exports = {};
|
|
24
|
+
__export(AdvancedFilter_exports, {
|
|
25
|
+
default: () => AdvancedFilter_default
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(AdvancedFilter_exports);
|
|
28
|
+
var import_react = __toESM(require("react"));
|
|
29
|
+
var import_antd = require("antd");
|
|
30
|
+
var import_framer_motion = require("framer-motion");
|
|
31
|
+
var import_FormFilter = __toESM(require("./FormFilter"));
|
|
32
|
+
var import_styles = require("./styles/index.less");
|
|
33
|
+
var variants = {
|
|
34
|
+
down: { transform: "rotateZ(180deg)" },
|
|
35
|
+
up: { transform: "rotateZ(0deg)" }
|
|
36
|
+
};
|
|
37
|
+
var AdvancedFilter = (props) => {
|
|
38
|
+
const { left, right, inputProps, formItemConfig, fRef, icon, onValuesChange, onSearch, onReset } = props;
|
|
39
|
+
const [panelVisible, setPanelVisible] = (0, import_react.useState)(false);
|
|
40
|
+
const [inputValue, setInputValue] = (0, import_react.useState)("");
|
|
41
|
+
const inputRef = (0, import_react.useRef)(null);
|
|
42
|
+
const formRef = (0, import_react.useRef)(null);
|
|
43
|
+
(0, import_react.useImperativeHandle)(fRef, () => {
|
|
44
|
+
var _a;
|
|
45
|
+
return { resetFields, form: (_a = formRef.current) == null ? void 0 : _a.form };
|
|
46
|
+
});
|
|
47
|
+
const resetFields = () => {
|
|
48
|
+
var _a;
|
|
49
|
+
setInputValue("");
|
|
50
|
+
(_a = formRef == null ? void 0 : formRef.current) == null ? void 0 : _a.resetFields();
|
|
51
|
+
};
|
|
52
|
+
const handleSearch = (values) => {
|
|
53
|
+
var _a, _b;
|
|
54
|
+
const value = (_b = (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.input) == null ? void 0 : _b.value;
|
|
55
|
+
onSearch && onSearch({ ...values, ...{ [inputProps.name]: value } });
|
|
56
|
+
};
|
|
57
|
+
const inputSearch = (v) => {
|
|
58
|
+
(inputProps == null ? void 0 : inputProps.inputSearch) && inputProps.inputSearch({ [inputProps.name]: v });
|
|
59
|
+
};
|
|
60
|
+
return /* @__PURE__ */ import_react.default.createElement(import_antd.Collapse, {
|
|
61
|
+
className: "search-filter",
|
|
62
|
+
activeKey: panelVisible ? "1" : "none",
|
|
63
|
+
collapsible: "header",
|
|
64
|
+
ghost: true,
|
|
65
|
+
bordered: false
|
|
66
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_antd.Collapse.Panel, {
|
|
67
|
+
key: "1",
|
|
68
|
+
showArrow: false,
|
|
69
|
+
header: /* @__PURE__ */ import_react.default.createElement("div", {
|
|
70
|
+
className: "search-header",
|
|
71
|
+
style: { justifyContent: left ? "space-between" : "flex-end", alignItems: "center" },
|
|
72
|
+
onClick: (e) => e.stopPropagation()
|
|
73
|
+
}, left && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
74
|
+
className: "left"
|
|
75
|
+
}, left), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
76
|
+
className: `right right-content`
|
|
77
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_antd.Input.Search, {
|
|
78
|
+
className: "input",
|
|
79
|
+
ref: inputRef,
|
|
80
|
+
allowClear: true,
|
|
81
|
+
placeholder: inputProps == null ? void 0 : inputProps.placeholder,
|
|
82
|
+
onChange: (e) => {
|
|
83
|
+
setInputValue(e.target.value);
|
|
84
|
+
onValuesChange && onValuesChange(e.target.value);
|
|
85
|
+
},
|
|
86
|
+
onSearch: inputSearch,
|
|
87
|
+
name: inputProps == null ? void 0 : inputProps.name,
|
|
88
|
+
value: inputValue
|
|
89
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, {
|
|
90
|
+
className: "button",
|
|
91
|
+
onClick: () => setPanelVisible(!panelVisible)
|
|
92
|
+
}, "\u9AD8\u7EA7\u7B5B\u9009", icon && /* @__PURE__ */ import_react.default.createElement(import_framer_motion.motion.span, {
|
|
93
|
+
className: "icon",
|
|
94
|
+
animate: panelVisible ? "down" : "up",
|
|
95
|
+
variants
|
|
96
|
+
}, icon)), right && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
97
|
+
className: "right"
|
|
98
|
+
}, right)))
|
|
99
|
+
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
100
|
+
className: "title"
|
|
101
|
+
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
102
|
+
className: "icon"
|
|
103
|
+
}), " \u67E5\u8BE2\u6761\u4EF6"), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
104
|
+
className: "search-content"
|
|
105
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_FormFilter.default, {
|
|
106
|
+
formRef,
|
|
107
|
+
formItemConfig,
|
|
108
|
+
onSearch: handleSearch,
|
|
109
|
+
onReset
|
|
110
|
+
}))));
|
|
111
|
+
};
|
|
112
|
+
var AdvancedFilter_default = AdvancedFilter;
|
|
113
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
114
|
+
0 && (module.exports = {});
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface FormProps {
|
|
3
|
+
/**
|
|
4
|
+
* @description 筛选项配置
|
|
5
|
+
*/
|
|
6
|
+
formItemConfig: FormItem[];
|
|
7
|
+
/**
|
|
8
|
+
* @description 筛选项值变更时触发
|
|
9
|
+
*/
|
|
10
|
+
onValuesChange?: (v: any) => void;
|
|
11
|
+
/**
|
|
12
|
+
* @description 点击查询按钮时触发
|
|
13
|
+
*/
|
|
14
|
+
onSearch?: (v: any) => void;
|
|
15
|
+
/**
|
|
16
|
+
* @description 点击重置按钮时触发
|
|
17
|
+
*/
|
|
18
|
+
onReset?: Function;
|
|
19
|
+
}
|
|
20
|
+
export interface FProps extends FormProps {
|
|
21
|
+
/**
|
|
22
|
+
* @description 显示查询/重置按钮
|
|
23
|
+
* @default true
|
|
24
|
+
*/
|
|
25
|
+
showButton?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* @description 筛选项表单的Ref
|
|
28
|
+
*/
|
|
29
|
+
formRef?: any;
|
|
30
|
+
}
|
|
31
|
+
export interface FilterProps extends FormProps {
|
|
32
|
+
/**
|
|
33
|
+
* @description 左侧渲染区
|
|
34
|
+
*/
|
|
35
|
+
left?: React.ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* @description 右侧渲染区
|
|
38
|
+
*/
|
|
39
|
+
right?: React.ReactNode;
|
|
40
|
+
/**
|
|
41
|
+
* @description input检索框props
|
|
42
|
+
*/
|
|
43
|
+
inputProps: InputProps;
|
|
44
|
+
/**
|
|
45
|
+
* @description children
|
|
46
|
+
*/
|
|
47
|
+
children?: React.ReactNode;
|
|
48
|
+
/**
|
|
49
|
+
* @description 表单引用ref值
|
|
50
|
+
*/
|
|
51
|
+
fRef?: any;
|
|
52
|
+
/**
|
|
53
|
+
* @description 筛选文字按钮图标
|
|
54
|
+
*/
|
|
55
|
+
icon?: React.ReactNode;
|
|
56
|
+
}
|
|
57
|
+
export interface FormItem {
|
|
58
|
+
/**
|
|
59
|
+
* @description 筛选项label文字
|
|
60
|
+
*/
|
|
61
|
+
label?: string;
|
|
62
|
+
/**
|
|
63
|
+
* @description 筛选项字段名
|
|
64
|
+
*/
|
|
65
|
+
name: string;
|
|
66
|
+
/**
|
|
67
|
+
* @description 筛选项类型
|
|
68
|
+
*/
|
|
69
|
+
type: FormItemType;
|
|
70
|
+
/**
|
|
71
|
+
* @description 筛选项placeholder
|
|
72
|
+
*/
|
|
73
|
+
placeholder?: string;
|
|
74
|
+
/**
|
|
75
|
+
* @description 筛选项的配置项(select|treeSelect时可用)
|
|
76
|
+
*/
|
|
77
|
+
options?: any[];
|
|
78
|
+
/**
|
|
79
|
+
* @description 筛选项的格式化配置(rangePicker|datePicker时可用)
|
|
80
|
+
*/
|
|
81
|
+
format?: string;
|
|
82
|
+
}
|
|
83
|
+
export declare type FormItemType = 'input' | 'inputNumber' | 'radio' | 'select' | 'checkbox' | 'datePicker' | 'rangePicker' | 'switch' | 'treeSelect';
|
|
84
|
+
export interface InputProps {
|
|
85
|
+
/**
|
|
86
|
+
* @description input检索框placeholder
|
|
87
|
+
*/
|
|
88
|
+
placeholder?: string;
|
|
89
|
+
/**
|
|
90
|
+
* @description input检索框字段名
|
|
91
|
+
*/
|
|
92
|
+
name: string;
|
|
93
|
+
/**
|
|
94
|
+
* @description input检索框回车时或点击检索图标时触发
|
|
95
|
+
*/
|
|
96
|
+
inputSearch?: (v: any) => void;
|
|
97
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from))
|
|
8
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
+
}
|
|
11
|
+
return to;
|
|
12
|
+
};
|
|
13
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
14
|
+
|
|
15
|
+
// src/AdvancedFilter/interface.ts
|
|
16
|
+
var interface_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(interface_exports);
|