@nokecy/qc-ui 0.2.6 → 0.2.8

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 (10) hide show
  1. package/dist/cjs/ag-grid-plus/ag-gridPlus.js +48 -43
  2. package/dist/cjs/ag-grid-plus/interface.d.ts +5 -5
  3. package/dist/cjs/ag-grid-plus/utils.js +4 -4
  4. package/dist/esm/ag-grid-plus/ag-gridPlus.js +48 -43
  5. package/dist/esm/ag-grid-plus/interface.d.ts +5 -5
  6. package/dist/esm/ag-grid-plus/interface.js +1 -1
  7. package/dist/esm/ag-grid-plus/utils.js +4 -4
  8. package/dist/umd/qc-ui.min.css +1 -1
  9. package/dist/umd/qc-ui.min.js +1 -1
  10. package/package.json +4 -4
package/dist/cjs/ag-grid-plus/ag-gridPlus.js CHANGED
@@ -138,16 +138,52 @@ function AgGridPlus(props) {
138
138
  return gridRef.current;
139
139
  }); //默认列属性
140
140
 
141
- var defaultColDef = {
142
- resizable: true,
143
- sortable: true,
144
- headerComponentParams: {
145
- template: '<div class="ag-cell-label-container" role="presentation">' + // ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
146
- ' <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span ref="eText" class="ag-header-cell-text"></span>' + // ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
147
- // ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
148
- ' <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + ' </div>' + '</div>'
149
- }
150
- }; //请求数据
141
+ var defaultColDef = (0, _react.useMemo)(function () {
142
+ return {
143
+ resizable: true,
144
+ sortable: true,
145
+ headerComponentParams: {
146
+ template: '<div class="ag-cell-label-container" role="presentation">' + // ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
147
+ ' <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span ref="eText" class="ag-header-cell-text"></span>' + // ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
148
+ // ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
149
+ ' <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + ' </div>' + '</div>'
150
+ }
151
+ };
152
+ }, []);
153
+ var columnTypes = (0, _react.useMemo)(function () {
154
+ return {
155
+ bool: {
156
+ filter: 'boolFilter',
157
+ cellRenderer: function cellRenderer(params) {
158
+ switch (params.value) {
159
+ case true:
160
+ case "0":
161
+ return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
162
+ color: "success"
163
+ }, "\u662F");
164
+
165
+ case false:
166
+ case "1":
167
+ return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
168
+ color: "error"
169
+ }, "\u5426");
170
+ }
171
+ }
172
+ },
173
+ numberColumn: {
174
+ width: 130,
175
+ filter: 'agNumberColumnFilter'
176
+ },
177
+ dateColumn: {
178
+ filter: 'agDateColumnFilter',
179
+ valueFormatter: _utils.dateValueFormatter
180
+ },
181
+ dateTimeColumn: {
182
+ filter: 'agDateColumnFilter',
183
+ valueFormatter: _utils.dateTimeValueFormatter
184
+ }
185
+ };
186
+ }, []); //请求数据
151
187
 
152
188
  (0, _react.useEffect)(function () {
153
189
  if (ready && request) {
@@ -314,39 +350,8 @@ function AgGridPlus(props) {
314
350
  if (columnsRef.current) {// setColumnState(columnsRef.current?.getColumnState());
315
351
  }
316
352
  },
317
- columnTypes: {
318
- bool: {
319
- filter: 'boolFilter',
320
- cellRenderer: function cellRenderer(params) {
321
- switch (params.value) {
322
- case true:
323
- case "0":
324
- return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
325
- color: "success"
326
- }, "\u662F");
327
-
328
- case false:
329
- case "1":
330
- return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
331
- color: "error"
332
- }, "\u5426");
333
- }
334
- }
335
- },
336
- numberColumn: {
337
- width: 130,
338
- filter: 'agNumberColumnFilter'
339
- },
340
- dateColumn: {
341
- filter: 'agDateColumnFilter',
342
- valueFormatter: _utils.dateValueFormatter
343
- },
344
- dateTimeColumn: {
345
- filter: 'agDateColumnFilter',
346
- valueFormatter: _utils.dateTimeValueFormatter
347
- }
348
- } // animateRows={true}
349
- //停用默认分页组件
353
+ columnTypes: columnTypes,
354
+ animateRows: true //停用默认分页组件
350
355
  ,
351
356
  suppressPaginationPanel: true,
352
357
  columnDefs: colDefs || props.columnDefs
package/dist/cjs/ag-grid-plus/interface.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { GridApi, ColDef, ColGroupDef } from 'ag-grid-community';
2
- import { AgGridReactProps } from 'ag-grid-react';
3
- import React, { CSSProperties, ReactNode } from 'react';
1
+ import { GridApi, ColDef, ColGroupDef } from "ag-grid-community";
2
+ import { AgGridReactProps } from "ag-grid-react";
3
+ import React, { CSSProperties, ReactNode } from "react";
4
4
  interface GridRef {
5
5
  onRefresh: () => void;
6
6
  }
@@ -22,7 +22,7 @@ interface GridProps extends AgGridReactProps {
22
22
  gridKey?: string;
23
23
  /**
24
24
  * 列方案
25
- */
25
+ */
26
26
  gridColumnState?: any[];
27
27
  gridRef?: React.Ref<GridRef | undefined>;
28
28
  }
@@ -30,7 +30,7 @@ interface AgGridColumnPropsClone extends ColDef {
30
30
  hideInTable?: boolean;
31
31
  hideInSearch?: boolean;
32
32
  queryField?: string;
33
- searchComponent?: ReactNode;
33
+ searchComponent?: ReactNode | JSX.Element;
34
34
  searchComponentProps?: any;
35
35
  searchSort?: number;
36
36
  }
package/dist/cjs/ag-grid-plus/utils.js CHANGED
@@ -39,11 +39,11 @@ var getFilter = function getFilter(objectKey, value) {
39
39
  }
40
40
 
41
41
  if (typeof value === 'number') {
42
- return "".concat(objectKey, " = ").concat(esc(value));
42
+ return "".concat(objectKey, " = ").concat(value);
43
43
  }
44
44
 
45
45
  if (typeof value === 'boolean') {
46
- return "".concat(objectKey, " = ").concat(esc(value));
46
+ return "".concat(objectKey, " = ").concat(value);
47
47
  }
48
48
 
49
49
  if (value instanceof Array) {
@@ -61,7 +61,7 @@ var getObjectFilter = function getObjectFilter(obj, objKey, items) {
61
61
  var objectKey = "".concat(objKey, ".").concat(key);
62
62
 
63
63
  if (typeof value === 'number') {
64
- items.push("".concat(objectKey, " = ").concat(esc(value)));
64
+ items.push("".concat(objectKey, " = ").concat(value));
65
65
  }
66
66
 
67
67
  if (typeof value === 'string') {
@@ -69,7 +69,7 @@ var getObjectFilter = function getObjectFilter(obj, objKey, items) {
69
69
  }
70
70
 
71
71
  if (typeof value === 'boolean') {
72
- items.push("".concat(objectKey, " = ").concat(esc(value)));
72
+ items.push("".concat(objectKey, " = ").concat(value));
73
73
  }
74
74
 
75
75
  if (value instanceof Array) {
package/dist/esm/ag-grid-plus/ag-gridPlus.js CHANGED
@@ -112,16 +112,52 @@ function AgGridPlus(props) {
112
112
  return gridRef.current;
113
113
  }); //默认列属性
114
114
 
115
- var defaultColDef = {
116
- resizable: true,
117
- sortable: true,
118
- headerComponentParams: {
119
- template: '<div class="ag-cell-label-container" role="presentation">' + // ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
120
- ' <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span ref="eText" class="ag-header-cell-text"></span>' + // ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
121
- // ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
122
- ' <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + ' </div>' + '</div>'
123
- }
124
- }; //请求数据
115
+ var defaultColDef = useMemo(function () {
116
+ return {
117
+ resizable: true,
118
+ sortable: true,
119
+ headerComponentParams: {
120
+ template: '<div class="ag-cell-label-container" role="presentation">' + // ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
121
+ ' <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span ref="eText" class="ag-header-cell-text"></span>' + // ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
122
+ // ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
123
+ ' <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + ' </div>' + '</div>'
124
+ }
125
+ };
126
+ }, []);
127
+ var columnTypes = useMemo(function () {
128
+ return {
129
+ bool: {
130
+ filter: 'boolFilter',
131
+ cellRenderer: function cellRenderer(params) {
132
+ switch (params.value) {
133
+ case true:
134
+ case "0":
135
+ return /*#__PURE__*/React.createElement(Tag, {
136
+ color: "success"
137
+ }, "\u662F");
138
+
139
+ case false:
140
+ case "1":
141
+ return /*#__PURE__*/React.createElement(Tag, {
142
+ color: "error"
143
+ }, "\u5426");
144
+ }
145
+ }
146
+ },
147
+ numberColumn: {
148
+ width: 130,
149
+ filter: 'agNumberColumnFilter'
150
+ },
151
+ dateColumn: {
152
+ filter: 'agDateColumnFilter',
153
+ valueFormatter: dateValueFormatter
154
+ },
155
+ dateTimeColumn: {
156
+ filter: 'agDateColumnFilter',
157
+ valueFormatter: dateTimeValueFormatter
158
+ }
159
+ };
160
+ }, []); //请求数据
125
161
 
126
162
  useEffect(function () {
127
163
  if (ready && request) {
@@ -288,39 +324,8 @@ function AgGridPlus(props) {
288
324
  if (columnsRef.current) {// setColumnState(columnsRef.current?.getColumnState());
289
325
  }
290
326
  },
291
- columnTypes: {
292
- bool: {
293
- filter: 'boolFilter',
294
- cellRenderer: function cellRenderer(params) {
295
- switch (params.value) {
296
- case true:
297
- case "0":
298
- return /*#__PURE__*/React.createElement(Tag, {
299
- color: "success"
300
- }, "\u662F");
301
-
302
- case false:
303
- case "1":
304
- return /*#__PURE__*/React.createElement(Tag, {
305
- color: "error"
306
- }, "\u5426");
307
- }
308
- }
309
- },
310
- numberColumn: {
311
- width: 130,
312
- filter: 'agNumberColumnFilter'
313
- },
314
- dateColumn: {
315
- filter: 'agDateColumnFilter',
316
- valueFormatter: dateValueFormatter
317
- },
318
- dateTimeColumn: {
319
- filter: 'agDateColumnFilter',
320
- valueFormatter: dateTimeValueFormatter
321
- }
322
- } // animateRows={true}
323
- //停用默认分页组件
327
+ columnTypes: columnTypes,
328
+ animateRows: true //停用默认分页组件
324
329
  ,
325
330
  suppressPaginationPanel: true,
326
331
  columnDefs: colDefs || props.columnDefs
package/dist/esm/ag-grid-plus/interface.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { GridApi, ColDef, ColGroupDef } from 'ag-grid-community';
2
- import { AgGridReactProps } from 'ag-grid-react';
3
- import React, { CSSProperties, ReactNode } from 'react';
1
+ import { GridApi, ColDef, ColGroupDef } from "ag-grid-community";
2
+ import { AgGridReactProps } from "ag-grid-react";
3
+ import React, { CSSProperties, ReactNode } from "react";
4
4
  interface GridRef {
5
5
  onRefresh: () => void;
6
6
  }
@@ -22,7 +22,7 @@ interface GridProps extends AgGridReactProps {
22
22
  gridKey?: string;
23
23
  /**
24
24
  * 列方案
25
- */
25
+ */
26
26
  gridColumnState?: any[];
27
27
  gridRef?: React.Ref<GridRef | undefined>;
28
28
  }
@@ -30,7 +30,7 @@ interface AgGridColumnPropsClone extends ColDef {
30
30
  hideInTable?: boolean;
31
31
  hideInSearch?: boolean;
32
32
  queryField?: string;
33
- searchComponent?: ReactNode;
33
+ searchComponent?: ReactNode | JSX.Element;
34
34
  searchComponentProps?: any;
35
35
  searchSort?: number;
36
36
  }
package/dist/esm/ag-grid-plus/interface.js CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
 
3
3
  function AgGridColumn(props) {
4
4
  ///@ts-ignore
package/dist/esm/ag-grid-plus/utils.js CHANGED
@@ -30,11 +30,11 @@ var getFilter = function getFilter(objectKey, value) {
30
30
  }
31
31
 
32
32
  if (typeof value === 'number') {
33
- return "".concat(objectKey, " = ").concat(esc(value));
33
+ return "".concat(objectKey, " = ").concat(value);
34
34
  }
35
35
 
36
36
  if (typeof value === 'boolean') {
37
- return "".concat(objectKey, " = ").concat(esc(value));
37
+ return "".concat(objectKey, " = ").concat(value);
38
38
  }
39
39
 
40
40
  if (value instanceof Array) {
@@ -52,7 +52,7 @@ var getObjectFilter = function getObjectFilter(obj, objKey, items) {
52
52
  var objectKey = "".concat(objKey, ".").concat(key);
53
53
 
54
54
  if (typeof value === 'number') {
55
- items.push("".concat(objectKey, " = ").concat(esc(value)));
55
+ items.push("".concat(objectKey, " = ").concat(value));
56
56
  }
57
57
 
58
58
  if (typeof value === 'string') {
@@ -60,7 +60,7 @@ var getObjectFilter = function getObjectFilter(obj, objKey, items) {
60
60
  }
61
61
 
62
62
  if (typeof value === 'boolean') {
63
- items.push("".concat(objectKey, " = ").concat(esc(value)));
63
+ items.push("".concat(objectKey, " = ").concat(value));
64
64
  }
65
65
 
66
66
  if (value instanceof Array) {