@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.
Files changed (47) hide show
  1. package/dist/cjs/AdvancedFilter/FormFilter.d.ts +5 -0
  2. package/dist/cjs/AdvancedFilter/FormFilter.js +158 -0
  3. package/dist/cjs/AdvancedFilter/demos/demo1.d.ts +3 -0
  4. package/dist/cjs/AdvancedFilter/demos/demo1.js +56 -0
  5. package/dist/cjs/AdvancedFilter/demos/demo2.d.ts +3 -0
  6. package/dist/cjs/AdvancedFilter/demos/demo2.js +63 -0
  7. package/dist/cjs/AdvancedFilter/demos/demo3.d.ts +3 -0
  8. package/dist/cjs/AdvancedFilter/demos/demo3.js +113 -0
  9. package/dist/cjs/AdvancedFilter/index.d.ts +5 -0
  10. package/dist/cjs/AdvancedFilter/index.js +114 -0
  11. package/dist/cjs/AdvancedFilter/interface.d.ts +97 -0
  12. package/dist/cjs/AdvancedFilter/interface.js +17 -0
  13. package/dist/cjs/AdvancedFilter/styles/index.less +115 -0
  14. package/dist/cjs/ErrorBoundary/index.d.ts +6 -0
  15. package/dist/cjs/ErrorBoundary/index.js +45 -0
  16. package/dist/cjs/ErrorBoundary/index.less +42 -0
  17. package/dist/cjs/LabelValue/demos/demo1.d.ts +3 -0
  18. package/dist/cjs/LabelValue/demos/demo1.js +35 -0
  19. package/dist/cjs/LabelValue/demos/demo2.d.ts +3 -0
  20. package/dist/cjs/LabelValue/demos/demo2.js +36 -0
  21. package/dist/cjs/LabelValue/demos/demo3.d.ts +3 -0
  22. package/dist/cjs/LabelValue/demos/demo3.js +36 -0
  23. package/dist/cjs/LabelValue/index.d.ts +16 -0
  24. package/dist/cjs/LabelValue/index.js +50 -0
  25. package/dist/cjs/LabelValue/interface.d.ts +29 -0
  26. package/dist/cjs/LabelValue/interface.js +17 -0
  27. package/dist/cjs/LabelValue/styles/index.less +18 -0
  28. package/dist/cjs/index.d.ts +4 -0
  29. package/dist/cjs/index.js +38 -0
  30. package/dist/esm/AdvancedFilter/styles/index.less +146 -146
  31. package/dist/esm/AuthComponent/index.d.ts +4 -0
  32. package/dist/esm/AuthComponent/index.js +39 -0
  33. package/dist/esm/AuthComponent/interface.d.ts +23 -0
  34. package/dist/esm/AuthComponent/interface.js +1 -0
  35. package/dist/esm/DForm/DItem/itemsRender.js +14 -14
  36. package/dist/esm/DInput/index.js +6 -6
  37. package/dist/esm/DTable/index.js +1 -1
  38. package/dist/esm/DTable/index.less +71 -71
  39. package/dist/esm/DUpload/helper.js +47 -47
  40. package/dist/esm/DUpload/index.d.ts +1 -1
  41. package/dist/esm/DUpload/index.js +6 -6
  42. package/dist/esm/commonStyle/index.less +1 -1
  43. package/dist/esm/index.d.ts +1 -0
  44. package/dist/esm/index.js +1 -0
  45. package/dist/umd/pcloud-components.min.js +1 -1
  46. package/package.json +1 -1
  47. package/CHANGELOG.md +0 -23
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { FProps } from './index.d';
3
+ import './styles/index.less';
4
+ declare const _default: (props: FProps) => JSX.Element;
5
+ export default _default;
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ declare const _default: () => JSX.Element;
3
+ export default _default;
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ declare const _default: () => JSX.Element;
3
+ export default _default;
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ declare const _default: () => JSX.Element;
3
+ export default _default;
@@ -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,5 @@
1
+ import React from 'react';
2
+ import { FilterProps } from './interface';
3
+ import './styles/index.less';
4
+ declare const AdvancedFilter: React.FC<FilterProps>;
5
+ export default AdvancedFilter;
@@ -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);