@pointcloud/pcloud-components 0.1.20 → 0.1.23
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/README.md +17 -3
- package/dist/esm/AdvancedFilter/FormFilter.d.ts +1 -2
- package/dist/esm/AdvancedFilter/FormFilter.js +3 -3
- package/dist/esm/AdvancedFilter/index.js +3 -3
- package/dist/esm/AdvancedFilter/interface.d.ts +3 -3
- package/dist/esm/AuthComponent/index.d.ts +1 -2
- package/dist/esm/ColorPicker/index.d.ts +10 -11
- package/dist/esm/ColorPicker/index.js +5 -5
- package/dist/esm/ColorPicker/interface.d.ts +3 -3
- package/dist/esm/ConfigProvider/index.d.ts +1 -1
- package/dist/esm/ConfigProvider/interface.d.ts +1 -1
- package/dist/esm/DCascader/index.js +8 -9
- package/dist/esm/DCascader/index.less +24 -24
- package/dist/esm/DForm/DItem/itemsRender.d.ts +29 -29
- package/dist/esm/DForm/DItem/itemsRender.js +2 -0
- package/dist/esm/DForm/helper.js +6 -6
- package/dist/esm/DForm/index.d.ts +2 -1
- package/dist/esm/DForm/index.js +2 -3
- package/dist/esm/DForm/index.less +5 -4
- package/dist/esm/DInput/index.js +18 -18
- package/dist/esm/DModal/index.d.ts +1 -2
- package/dist/esm/DModal/interface.d.ts +2 -2
- package/dist/esm/DSelect/index.d.ts +1 -2
- package/dist/esm/DSelect/index.js +40 -46
- package/dist/esm/DTable/index.js +2 -2
- package/dist/esm/DTable/index.less +71 -71
- package/dist/esm/DTreeSelect/index.d.ts +1 -11
- package/dist/esm/DTreeSelect/index.js +1 -9
- package/dist/esm/DTreeSelect/index.less +11 -11
- package/dist/esm/DUpload/helper.d.ts +1 -1
- package/dist/esm/DUpload/helper.js +1 -1
- package/dist/esm/DUpload/index.d.ts +2 -2
- package/dist/esm/DUpload/index.js +14 -14
- package/dist/esm/DUpload/index.less +19 -19
- package/dist/esm/ErrorBoundary/index.d.ts +1 -2
- package/dist/esm/ErrorBoundary/index.less +44 -44
- package/dist/esm/IPAddress/index.d.ts +23 -0
- package/dist/esm/IPAddress/index.js +243 -0
- package/dist/esm/IPAddress/index.less +63 -0
- package/dist/esm/IconFont/index.d.ts +17 -0
- package/dist/esm/IconFont/index.js +27 -0
- package/dist/esm/InfiniteScrollList/index.d.ts +1 -1
- package/dist/esm/InfiniteScrollList/index.js +50 -44
- package/dist/esm/InfiniteScrollList/styles/index.less +22 -22
- package/dist/esm/LabelValue/index.d.ts +1 -1
- package/dist/esm/LabelValue/index.js +7 -3
- package/dist/esm/LabelValue/interface.d.ts +12 -3
- package/dist/esm/LabelValue/styles/index.less +23 -23
- package/dist/esm/Loading/hooks/useLoading.d.ts +6 -0
- package/dist/esm/Loading/hooks/useLoading.js +35 -0
- package/dist/esm/Loading/index.d.ts +5 -4
- package/dist/esm/Loading/index.js +9 -9
- package/dist/esm/Loading/interface.d.ts +12 -4
- package/dist/esm/Loading/loading.d.ts +3 -6
- package/dist/esm/Loading/loading.js +34 -11
- package/dist/esm/Loading/styles/index.less +25 -25
- package/dist/esm/ModalForm/index.d.ts +1 -1
- package/dist/esm/ModalForm/index.js +1 -1
- package/dist/esm/NoData/index.d.ts +1 -2
- package/dist/esm/NoData/styles/index.less +24 -24
- package/dist/esm/PictureCard/index.d.ts +2 -2
- package/dist/esm/PictureCard/index.js +1 -2
- package/dist/esm/PictureCard/index.less +28 -28
- package/dist/esm/RCropper/handler.d.ts +16 -0
- package/dist/esm/RCropper/handler.js +146 -0
- package/dist/esm/RCropper/index.d.ts +4 -0
- package/dist/esm/RCropper/index.js +183 -0
- package/dist/esm/RCropper/interface.d.ts +70 -0
- package/dist/esm/RCropper/interface.js +1 -0
- package/dist/esm/RCropper/styles/toolbar.less +25 -0
- package/dist/esm/RCropper/toolbar.d.ts +5 -0
- package/dist/esm/RCropper/toolbar.js +74 -0
- package/dist/esm/RndDrag/index.d.ts +5 -0
- package/dist/esm/RndDrag/index.js +26 -0
- package/dist/esm/ScrollNumber/index.d.ts +1 -2
- package/dist/esm/WordCloud/index.d.ts +1 -2
- package/dist/esm/commonStyle/index.less +1 -1
- package/dist/esm/index.d.ts +9 -1
- package/dist/esm/index.js +6 -2
- package/dist/umd/pcloud-components.min.css +1 -1
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +13 -10
- package/dist/cjs/AdvancedFilter/FormFilter.d.ts +0 -5
- package/dist/cjs/AdvancedFilter/FormFilter.js +0 -158
- package/dist/cjs/AdvancedFilter/demos/demo1.d.ts +0 -3
- package/dist/cjs/AdvancedFilter/demos/demo1.js +0 -56
- package/dist/cjs/AdvancedFilter/demos/demo2.d.ts +0 -3
- package/dist/cjs/AdvancedFilter/demos/demo2.js +0 -63
- package/dist/cjs/AdvancedFilter/demos/demo3.d.ts +0 -3
- package/dist/cjs/AdvancedFilter/demos/demo3.js +0 -113
- package/dist/cjs/AdvancedFilter/index.d.ts +0 -5
- package/dist/cjs/AdvancedFilter/index.js +0 -114
- package/dist/cjs/AdvancedFilter/interface.d.ts +0 -97
- package/dist/cjs/AdvancedFilter/interface.js +0 -17
- package/dist/cjs/AdvancedFilter/styles/index.less +0 -115
- package/dist/cjs/ErrorBoundary/index.d.ts +0 -6
- package/dist/cjs/ErrorBoundary/index.js +0 -45
- package/dist/cjs/ErrorBoundary/index.less +0 -42
- package/dist/cjs/LabelValue/demos/demo1.d.ts +0 -3
- package/dist/cjs/LabelValue/demos/demo1.js +0 -35
- package/dist/cjs/LabelValue/demos/demo2.d.ts +0 -3
- package/dist/cjs/LabelValue/demos/demo2.js +0 -36
- package/dist/cjs/LabelValue/demos/demo3.d.ts +0 -3
- package/dist/cjs/LabelValue/demos/demo3.js +0 -36
- package/dist/cjs/LabelValue/index.d.ts +0 -16
- package/dist/cjs/LabelValue/index.js +0 -50
- package/dist/cjs/LabelValue/interface.d.ts +0 -29
- package/dist/cjs/LabelValue/interface.js +0 -17
- package/dist/cjs/LabelValue/styles/index.less +0 -18
- package/dist/cjs/index.d.ts +0 -4
- package/dist/cjs/index.js +0 -38
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pointcloud/pcloud-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.23",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "pointcloud react 组件库",
|
|
6
6
|
"keywords": [
|
|
@@ -59,14 +59,17 @@
|
|
|
59
59
|
]
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@ant-design/icons": "4.8.
|
|
62
|
+
"@ant-design/icons": "^4.8.3",
|
|
63
63
|
"@babel/runtime": "7.21.0",
|
|
64
|
-
"
|
|
64
|
+
"@svgr/webpack": "^8.1.0",
|
|
65
|
+
"antd": "4.24.16",
|
|
65
66
|
"classnames": "^2.3.2",
|
|
67
|
+
"cropperjs": "^2.0.0",
|
|
66
68
|
"lodash": "4.17.21",
|
|
67
69
|
"react-color": "^2.19.3",
|
|
68
70
|
"react-countup": "^6.5.0",
|
|
69
71
|
"react-infinite-scroll-component": "^6.1.0",
|
|
72
|
+
"react-rnd": "^10.5.2",
|
|
70
73
|
"react-wordcloud": "^1.2.7"
|
|
71
74
|
},
|
|
72
75
|
"devDependencies": {
|
|
@@ -76,8 +79,7 @@
|
|
|
76
79
|
"@types/react": "^17.0.2",
|
|
77
80
|
"@types/react-dom": "^17.0.2",
|
|
78
81
|
"@umijs/lint": "^4.0.0",
|
|
79
|
-
"dumi": "2.
|
|
80
|
-
"dumi-theme-antd-style": "^0.27.4",
|
|
82
|
+
"dumi": "^2.4.13",
|
|
81
83
|
"eslint": "^8.23.0",
|
|
82
84
|
"father": "4.1.0",
|
|
83
85
|
"husky": "^8.0.1",
|
|
@@ -88,15 +90,16 @@
|
|
|
88
90
|
"react": "^17.0.2",
|
|
89
91
|
"react-dom": "^17.0.2",
|
|
90
92
|
"release-it": "^16.1.2",
|
|
91
|
-
"stylelint": "^14.9.1"
|
|
92
|
-
"typescript": "^4.6.4"
|
|
93
|
+
"stylelint": "^14.9.1"
|
|
93
94
|
},
|
|
94
95
|
"peerDependencies": {
|
|
95
|
-
"react": "
|
|
96
|
-
"react-dom": "
|
|
96
|
+
"react": ">=17.0.2",
|
|
97
|
+
"react-dom": ">=17.0.2"
|
|
97
98
|
},
|
|
98
99
|
"engines": {
|
|
99
|
-
"node": "16.20.0"
|
|
100
|
+
"node": ">=16.20.0",
|
|
101
|
+
"npm": ">=8.19.4",
|
|
102
|
+
"pnpm": ">=8.15.9"
|
|
100
103
|
},
|
|
101
104
|
"publishConfig": {
|
|
102
105
|
"access": "public",
|
|
@@ -1,158 +0,0 @@
|
|
|
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 = {});
|
|
@@ -1,56 +0,0 @@
|
|
|
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 = {});
|
|
@@ -1,63 +0,0 @@
|
|
|
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 = {});
|
|
@@ -1,113 +0,0 @@
|
|
|
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 = {});
|
|
@@ -1,114 +0,0 @@
|
|
|
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 = {});
|