@pointcloud/pcloud-components 1.0.7 → 1.0.9
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/esm/AdvancedFilter/index.js +52 -25
- package/dist/esm/AdvancedFilter/interface.d.ts +2 -69
- package/dist/esm/AdvancedFilter/styles/index.less +0 -59
- package/dist/esm/CRUD/index.d.ts +9 -9
- package/dist/esm/CRUD/index.js +122 -97
- package/dist/esm/CRUD/index.less +4 -3
- package/dist/esm/index.d.ts +1 -1
- package/dist/umd/pcloud-components.min.css +1 -1
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +2 -1
- package/dist/esm/AdvancedFilter/FormFilter.d.ts +0 -4
- package/dist/esm/AdvancedFilter/FormFilter.js +0 -161
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pointcloud/pcloud-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "pointcloud react 组件库",
|
|
6
6
|
"keywords": [
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"build:watch": "father dev",
|
|
24
24
|
"clean:docs": "node scripts/clean-dir.js docs-dist",
|
|
25
25
|
"clean:tmp": "node scripts/clean-dir.js tmp",
|
|
26
|
+
"deploy:vercel": "pnpm docs:build && pnpm exec vercel docs-dist --prod",
|
|
26
27
|
"dev": "dumi dev",
|
|
27
28
|
"docker:build": "docker build -f Dockerfile -t Harbor地址/仓库名称/镜像名称:latest ./",
|
|
28
29
|
"docker:build:arm64": "docker buildx build --platform=linux/arm64 -f Dockerfile -t Harbor地址/仓库名称/镜像名称:latest ./",
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
-
import { Row, Col, Input, Button, DatePicker, Form, Radio, Select, InputNumber, TreeSelect, Switch, Checkbox } from 'antd';
|
|
5
|
-
import React, { useImperativeHandle } from 'react';
|
|
6
|
-
import "./styles/index.less";
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
var grid = {
|
|
11
|
-
xxl: {
|
|
12
|
-
span: 6
|
|
13
|
-
},
|
|
14
|
-
xl: {
|
|
15
|
-
span: 6
|
|
16
|
-
},
|
|
17
|
-
lg: {
|
|
18
|
-
span: 8
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
var formItemLayout = {
|
|
22
|
-
labelCol: {
|
|
23
|
-
span: 10
|
|
24
|
-
},
|
|
25
|
-
wrapperCol: {
|
|
26
|
-
span: 14
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
export default (function (props) {
|
|
30
|
-
var formItemConfig = props.formItemConfig,
|
|
31
|
-
_props$showButton = props.showButton,
|
|
32
|
-
showButton = _props$showButton === void 0 ? true : _props$showButton,
|
|
33
|
-
onValuesChange = props.onValuesChange,
|
|
34
|
-
onSearch = props.onSearch,
|
|
35
|
-
onReset = props.onReset,
|
|
36
|
-
formRef = props.formRef;
|
|
37
|
-
var _Form$useForm = Form.useForm(),
|
|
38
|
-
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
39
|
-
form = _Form$useForm2[0];
|
|
40
|
-
useImperativeHandle(formRef, function () {
|
|
41
|
-
return {
|
|
42
|
-
resetFields: form.resetFields,
|
|
43
|
-
setFieldsValue: form.setFieldsValue,
|
|
44
|
-
form: form
|
|
45
|
-
};
|
|
46
|
-
});
|
|
47
|
-
var formatTime = function formatTime(v) {
|
|
48
|
-
var fieldName = Object.keys(v)[0];
|
|
49
|
-
var config = formItemConfig.find(function (item) {
|
|
50
|
-
return item.name === fieldName;
|
|
51
|
-
});
|
|
52
|
-
if ((config === null || config === void 0 ? void 0 : config.type) === 'datePicker') {
|
|
53
|
-
var _v$fieldName;
|
|
54
|
-
v[fieldName] = (_v$fieldName = v[fieldName]) === null || _v$fieldName === void 0 ? void 0 : _v$fieldName.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss');
|
|
55
|
-
}
|
|
56
|
-
if ((config === null || config === void 0 ? void 0 : config.type) === 'rangePicker') {
|
|
57
|
-
var _v$fieldName$, _v$fieldName$2;
|
|
58
|
-
v[fieldName] = [(_v$fieldName$ = v[fieldName][0]) === null || _v$fieldName$ === void 0 ? void 0 : _v$fieldName$.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss'), (_v$fieldName$2 = v[fieldName][1]) === null || _v$fieldName$2 === void 0 ? void 0 : _v$fieldName$2.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss')];
|
|
59
|
-
}
|
|
60
|
-
return v;
|
|
61
|
-
};
|
|
62
|
-
var search = function search() {
|
|
63
|
-
var values = form.getFieldsValue();
|
|
64
|
-
Object.keys(values).forEach(function (item) {
|
|
65
|
-
var config = formItemConfig.find(function (c) {
|
|
66
|
-
return c.name === item;
|
|
67
|
-
});
|
|
68
|
-
var isDate = ['datePicker', 'rangePicker'].includes(config === null || config === void 0 ? void 0 : config.type);
|
|
69
|
-
if (isDate && values[item]) {
|
|
70
|
-
values = _objectSpread(_objectSpread({}, values), formatTime(_defineProperty({}, item, values[item])));
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
onSearch === null || onSearch === void 0 || onSearch(values);
|
|
74
|
-
};
|
|
75
|
-
var valuesChange = function valuesChange(v) {
|
|
76
|
-
var value = formatTime(v);
|
|
77
|
-
onValuesChange === null || onValuesChange === void 0 || onValuesChange(value);
|
|
78
|
-
};
|
|
79
|
-
var reset = function reset() {
|
|
80
|
-
form.resetFields();
|
|
81
|
-
onReset === null || onReset === void 0 || onReset();
|
|
82
|
-
};
|
|
83
|
-
var renderComponent = function renderComponent(type, item) {
|
|
84
|
-
switch (type) {
|
|
85
|
-
case 'input':
|
|
86
|
-
return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, item), {}, {
|
|
87
|
-
allowClear: true,
|
|
88
|
-
placeholder: item.placeholder || "\u8BF7\u8F93\u5165".concat(item.label)
|
|
89
|
-
}));
|
|
90
|
-
case 'inputNumber':
|
|
91
|
-
return /*#__PURE__*/_jsx(InputNumber, _objectSpread(_objectSpread({}, item), {}, {
|
|
92
|
-
placeholder: item.placeholder || "\u8BF7\u8F93\u5165".concat(item.label)
|
|
93
|
-
}));
|
|
94
|
-
case 'radio':
|
|
95
|
-
return /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({}, item), {}, {
|
|
96
|
-
options: item.options
|
|
97
|
-
}));
|
|
98
|
-
case 'select':
|
|
99
|
-
return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, item), {}, {
|
|
100
|
-
allowClear: true,
|
|
101
|
-
placeholder: item.placeholder || "\u8BF7\u9009\u62E9".concat(item.label),
|
|
102
|
-
options: item.options
|
|
103
|
-
}));
|
|
104
|
-
case 'checkbox':
|
|
105
|
-
return /*#__PURE__*/_jsx(Checkbox.Group, _objectSpread(_objectSpread({}, item), {}, {
|
|
106
|
-
options: item.options
|
|
107
|
-
}));
|
|
108
|
-
case 'switch':
|
|
109
|
-
return /*#__PURE__*/_jsx(Switch, {});
|
|
110
|
-
case 'datePicker':
|
|
111
|
-
return /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({}, item), {}, {
|
|
112
|
-
allowClear: true,
|
|
113
|
-
placeholder: item.placeholder || "\u8BF7\u9009\u62E9".concat(item.label)
|
|
114
|
-
}));
|
|
115
|
-
case 'rangePicker':
|
|
116
|
-
return /*#__PURE__*/_jsx(DatePicker.RangePicker, {
|
|
117
|
-
allowClear: true
|
|
118
|
-
});
|
|
119
|
-
case 'treeSelect':
|
|
120
|
-
return /*#__PURE__*/_jsx(TreeSelect, _objectSpread(_objectSpread({}, item), {}, {
|
|
121
|
-
dropdownClassName: "tree-select-filter",
|
|
122
|
-
showSearch: true,
|
|
123
|
-
allowClear: true,
|
|
124
|
-
placeholder: item.placeholder || "\u8BF7\u9009\u62E9".concat(item.label),
|
|
125
|
-
treeData: item.options
|
|
126
|
-
}));
|
|
127
|
-
default:
|
|
128
|
-
return /*#__PURE__*/_jsx(_Fragment, {});
|
|
129
|
-
}
|
|
130
|
-
};
|
|
131
|
-
return /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread({}, formItemLayout), {}, {
|
|
132
|
-
className: "form-filter",
|
|
133
|
-
form: form,
|
|
134
|
-
colon: false,
|
|
135
|
-
onValuesChange: valuesChange,
|
|
136
|
-
children: [/*#__PURE__*/_jsx(Row, {
|
|
137
|
-
className: "filter-row",
|
|
138
|
-
children: formItemConfig === null || formItemConfig === void 0 ? void 0 : formItemConfig.map(function (item) {
|
|
139
|
-
return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, grid), {}, {
|
|
140
|
-
className: "filter-col",
|
|
141
|
-
children: /*#__PURE__*/_jsx(Form.Item, {
|
|
142
|
-
label: item.label,
|
|
143
|
-
name: item.name,
|
|
144
|
-
className: "filter-item",
|
|
145
|
-
children: renderComponent(item.type, item)
|
|
146
|
-
})
|
|
147
|
-
}), item.name);
|
|
148
|
-
})
|
|
149
|
-
}), showButton && /*#__PURE__*/_jsxs(Row, {
|
|
150
|
-
className: "search-btn",
|
|
151
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
|
152
|
-
type: "primary",
|
|
153
|
-
onClick: search,
|
|
154
|
-
children: "\u67E5\u8BE2"
|
|
155
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
156
|
-
onClick: reset,
|
|
157
|
-
children: "\u91CD\u7F6E"
|
|
158
|
-
})]
|
|
159
|
-
})]
|
|
160
|
-
}));
|
|
161
|
-
});
|