@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.
Files changed (111) hide show
  1. package/README.md +17 -3
  2. package/dist/esm/AdvancedFilter/FormFilter.d.ts +1 -2
  3. package/dist/esm/AdvancedFilter/FormFilter.js +3 -3
  4. package/dist/esm/AdvancedFilter/index.js +3 -3
  5. package/dist/esm/AdvancedFilter/interface.d.ts +3 -3
  6. package/dist/esm/AuthComponent/index.d.ts +1 -2
  7. package/dist/esm/ColorPicker/index.d.ts +10 -11
  8. package/dist/esm/ColorPicker/index.js +5 -5
  9. package/dist/esm/ColorPicker/interface.d.ts +3 -3
  10. package/dist/esm/ConfigProvider/index.d.ts +1 -1
  11. package/dist/esm/ConfigProvider/interface.d.ts +1 -1
  12. package/dist/esm/DCascader/index.js +8 -9
  13. package/dist/esm/DCascader/index.less +24 -24
  14. package/dist/esm/DForm/DItem/itemsRender.d.ts +29 -29
  15. package/dist/esm/DForm/DItem/itemsRender.js +2 -0
  16. package/dist/esm/DForm/helper.js +6 -6
  17. package/dist/esm/DForm/index.d.ts +2 -1
  18. package/dist/esm/DForm/index.js +2 -3
  19. package/dist/esm/DForm/index.less +5 -4
  20. package/dist/esm/DInput/index.js +18 -18
  21. package/dist/esm/DModal/index.d.ts +1 -2
  22. package/dist/esm/DModal/interface.d.ts +2 -2
  23. package/dist/esm/DSelect/index.d.ts +1 -2
  24. package/dist/esm/DSelect/index.js +40 -46
  25. package/dist/esm/DTable/index.js +2 -2
  26. package/dist/esm/DTable/index.less +71 -71
  27. package/dist/esm/DTreeSelect/index.d.ts +1 -11
  28. package/dist/esm/DTreeSelect/index.js +1 -9
  29. package/dist/esm/DTreeSelect/index.less +11 -11
  30. package/dist/esm/DUpload/helper.d.ts +1 -1
  31. package/dist/esm/DUpload/helper.js +1 -1
  32. package/dist/esm/DUpload/index.d.ts +2 -2
  33. package/dist/esm/DUpload/index.js +14 -14
  34. package/dist/esm/DUpload/index.less +19 -19
  35. package/dist/esm/ErrorBoundary/index.d.ts +1 -2
  36. package/dist/esm/ErrorBoundary/index.less +44 -44
  37. package/dist/esm/IPAddress/index.d.ts +23 -0
  38. package/dist/esm/IPAddress/index.js +243 -0
  39. package/dist/esm/IPAddress/index.less +63 -0
  40. package/dist/esm/IconFont/index.d.ts +17 -0
  41. package/dist/esm/IconFont/index.js +27 -0
  42. package/dist/esm/InfiniteScrollList/index.d.ts +1 -1
  43. package/dist/esm/InfiniteScrollList/index.js +50 -44
  44. package/dist/esm/InfiniteScrollList/styles/index.less +22 -22
  45. package/dist/esm/LabelValue/index.d.ts +1 -1
  46. package/dist/esm/LabelValue/index.js +7 -3
  47. package/dist/esm/LabelValue/interface.d.ts +12 -3
  48. package/dist/esm/LabelValue/styles/index.less +23 -23
  49. package/dist/esm/Loading/hooks/useLoading.d.ts +6 -0
  50. package/dist/esm/Loading/hooks/useLoading.js +35 -0
  51. package/dist/esm/Loading/index.d.ts +5 -4
  52. package/dist/esm/Loading/index.js +9 -9
  53. package/dist/esm/Loading/interface.d.ts +12 -4
  54. package/dist/esm/Loading/loading.d.ts +3 -6
  55. package/dist/esm/Loading/loading.js +34 -11
  56. package/dist/esm/Loading/styles/index.less +25 -25
  57. package/dist/esm/ModalForm/index.d.ts +1 -1
  58. package/dist/esm/ModalForm/index.js +1 -1
  59. package/dist/esm/NoData/index.d.ts +1 -2
  60. package/dist/esm/NoData/styles/index.less +24 -24
  61. package/dist/esm/PictureCard/index.d.ts +2 -2
  62. package/dist/esm/PictureCard/index.js +1 -2
  63. package/dist/esm/PictureCard/index.less +28 -28
  64. package/dist/esm/RCropper/handler.d.ts +16 -0
  65. package/dist/esm/RCropper/handler.js +146 -0
  66. package/dist/esm/RCropper/index.d.ts +4 -0
  67. package/dist/esm/RCropper/index.js +183 -0
  68. package/dist/esm/RCropper/interface.d.ts +70 -0
  69. package/dist/esm/RCropper/interface.js +1 -0
  70. package/dist/esm/RCropper/styles/toolbar.less +25 -0
  71. package/dist/esm/RCropper/toolbar.d.ts +5 -0
  72. package/dist/esm/RCropper/toolbar.js +74 -0
  73. package/dist/esm/RndDrag/index.d.ts +5 -0
  74. package/dist/esm/RndDrag/index.js +26 -0
  75. package/dist/esm/ScrollNumber/index.d.ts +1 -2
  76. package/dist/esm/WordCloud/index.d.ts +1 -2
  77. package/dist/esm/commonStyle/index.less +1 -1
  78. package/dist/esm/index.d.ts +9 -1
  79. package/dist/esm/index.js +6 -2
  80. package/dist/umd/pcloud-components.min.css +1 -1
  81. package/dist/umd/pcloud-components.min.js +1 -1
  82. package/package.json +13 -10
  83. package/dist/cjs/AdvancedFilter/FormFilter.d.ts +0 -5
  84. package/dist/cjs/AdvancedFilter/FormFilter.js +0 -158
  85. package/dist/cjs/AdvancedFilter/demos/demo1.d.ts +0 -3
  86. package/dist/cjs/AdvancedFilter/demos/demo1.js +0 -56
  87. package/dist/cjs/AdvancedFilter/demos/demo2.d.ts +0 -3
  88. package/dist/cjs/AdvancedFilter/demos/demo2.js +0 -63
  89. package/dist/cjs/AdvancedFilter/demos/demo3.d.ts +0 -3
  90. package/dist/cjs/AdvancedFilter/demos/demo3.js +0 -113
  91. package/dist/cjs/AdvancedFilter/index.d.ts +0 -5
  92. package/dist/cjs/AdvancedFilter/index.js +0 -114
  93. package/dist/cjs/AdvancedFilter/interface.d.ts +0 -97
  94. package/dist/cjs/AdvancedFilter/interface.js +0 -17
  95. package/dist/cjs/AdvancedFilter/styles/index.less +0 -115
  96. package/dist/cjs/ErrorBoundary/index.d.ts +0 -6
  97. package/dist/cjs/ErrorBoundary/index.js +0 -45
  98. package/dist/cjs/ErrorBoundary/index.less +0 -42
  99. package/dist/cjs/LabelValue/demos/demo1.d.ts +0 -3
  100. package/dist/cjs/LabelValue/demos/demo1.js +0 -35
  101. package/dist/cjs/LabelValue/demos/demo2.d.ts +0 -3
  102. package/dist/cjs/LabelValue/demos/demo2.js +0 -36
  103. package/dist/cjs/LabelValue/demos/demo3.d.ts +0 -3
  104. package/dist/cjs/LabelValue/demos/demo3.js +0 -36
  105. package/dist/cjs/LabelValue/index.d.ts +0 -16
  106. package/dist/cjs/LabelValue/index.js +0 -50
  107. package/dist/cjs/LabelValue/interface.d.ts +0 -29
  108. package/dist/cjs/LabelValue/interface.js +0 -17
  109. package/dist/cjs/LabelValue/styles/index.less +0 -18
  110. package/dist/cjs/index.d.ts +0 -4
  111. 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.20",
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.0",
62
+ "@ant-design/icons": "^4.8.3",
63
63
  "@babel/runtime": "7.21.0",
64
- "antd": "4.24.10",
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.2.0",
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": "^17.0.2",
96
- "react-dom": "^17.0.2"
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,5 +0,0 @@
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;
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -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,5 +0,0 @@
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;
@@ -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 = {});