@nokecy/qc-ui 0.1.7 → 0.1.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.
- package/dist/cjs/ag-grid-plus/_utils/boolSelect.d.ts +4 -0
- package/dist/cjs/ag-grid-plus/_utils/boolSelect.js +61 -0
- package/dist/cjs/ag-grid-plus/ag-gridPlus.js +5 -3
- package/dist/cjs/ag-grid-plus/queryForm/index.js +23 -2
- package/dist/esm/ag-grid-plus/_utils/boolSelect.d.ts +4 -0
- package/dist/esm/ag-grid-plus/_utils/boolSelect.js +48 -0
- package/dist/esm/ag-grid-plus/ag-gridPlus.js +5 -3
- package/dist/esm/ag-grid-plus/queryForm/index.js +22 -2
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _ahooks = require("ahooks");
|
|
9
|
+
|
|
10
|
+
var _antd = require("antd");
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
|
+
|
|
20
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
|
+
|
|
22
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
|
+
|
|
24
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
25
|
+
|
|
26
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
27
|
+
|
|
28
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* bool类型的下拉框
|
|
32
|
+
* @param props
|
|
33
|
+
* @param ref
|
|
34
|
+
* @returns
|
|
35
|
+
*/
|
|
36
|
+
var BoolSelect = function BoolSelect(props, ref) {
|
|
37
|
+
var _useControllableValue = (0, _ahooks.useControllableValue)(props),
|
|
38
|
+
_useControllableValue2 = _slicedToArray(_useControllableValue, 2),
|
|
39
|
+
state = _useControllableValue2[0],
|
|
40
|
+
setState = _useControllableValue2[1];
|
|
41
|
+
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
43
|
+
ref: ref
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement(_antd.Select, _extends({}, props, {
|
|
45
|
+
value: state,
|
|
46
|
+
onChange: function onChange(value, option) {
|
|
47
|
+
var _props$onChange;
|
|
48
|
+
|
|
49
|
+
setState(value);
|
|
50
|
+
props === null || props === void 0 ? void 0 : (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, value, option);
|
|
51
|
+
}
|
|
52
|
+
}), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
|
|
53
|
+
value: true
|
|
54
|
+
}, "\u662F"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
|
|
55
|
+
value: false
|
|
56
|
+
}, "\u5426")));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
var _default = /*#__PURE__*/_react.default.forwardRef(BoolSelect);
|
|
60
|
+
|
|
61
|
+
exports.default = _default;
|
|
@@ -33,7 +33,7 @@ var _utils = require("./utils");
|
|
|
33
33
|
|
|
34
34
|
var _setting = _interopRequireDefault(require("./setting"));
|
|
35
35
|
|
|
36
|
-
var _excluded = ["style", "params", "request", "dataSource", "gridRef", "headerTitle", "toolBarRender", "search", "hideRedo", "onGridReady", "gridKey", "gridColumnState", "children"];
|
|
36
|
+
var _excluded = ["style", "params", "request", "dataSource", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideRedo", "onGridReady", "gridKey", "gridColumnState", "children"];
|
|
37
37
|
|
|
38
38
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39
39
|
|
|
@@ -74,6 +74,7 @@ function AgGridPlus(props) {
|
|
|
74
74
|
gridParams = props.params,
|
|
75
75
|
request = props.request,
|
|
76
76
|
dataSource = props.dataSource,
|
|
77
|
+
propRowData = props.rowData,
|
|
77
78
|
propsGridRef = props.gridRef,
|
|
78
79
|
headerTitle = props.headerTitle,
|
|
79
80
|
toolBarRender = props.toolBarRender,
|
|
@@ -164,8 +165,8 @@ function AgGridPlus(props) {
|
|
|
164
165
|
}
|
|
165
166
|
}, [gridColumnState, columnsRef.current]);
|
|
166
167
|
(0, _react.useEffect)(function () {
|
|
167
|
-
setRowData(dataSource ||
|
|
168
|
-
}, [dataSource,
|
|
168
|
+
setRowData(dataSource || propRowData || []);
|
|
169
|
+
}, [dataSource, propRowData]);
|
|
169
170
|
var onGridReady = (0, _react.useCallback)(function (params) {
|
|
170
171
|
var _columnsRef$current;
|
|
171
172
|
|
|
@@ -315,6 +316,7 @@ function AgGridPlus(props) {
|
|
|
315
316
|
},
|
|
316
317
|
columnTypes: {
|
|
317
318
|
bool: {
|
|
319
|
+
filter: 'boolFilter',
|
|
318
320
|
cellRenderer: function cellRenderer(params) {
|
|
319
321
|
switch (params.value) {
|
|
320
322
|
case true:
|
|
@@ -21,6 +21,8 @@ var _react2 = _interopRequireWildcard(require("react"));
|
|
|
21
21
|
|
|
22
22
|
var _queryForm = _interopRequireDefault(require("./queryForm"));
|
|
23
23
|
|
|
24
|
+
var _boolSelect = _interopRequireDefault(require("../_utils/boolSelect"));
|
|
25
|
+
|
|
24
26
|
require("./index.less");
|
|
25
27
|
|
|
26
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -71,7 +73,8 @@ var FormRender = function FormRender(props) {
|
|
|
71
73
|
FormGrid: _antd.FormGrid,
|
|
72
74
|
FormButtonGroup: _antd.FormButtonGroup,
|
|
73
75
|
Submit: _antd.Submit,
|
|
74
|
-
Button: _antd2.Button
|
|
76
|
+
Button: _antd2.Button,
|
|
77
|
+
BoolSelect: _boolSelect.default
|
|
75
78
|
}
|
|
76
79
|
});
|
|
77
80
|
}, []);
|
|
@@ -113,6 +116,24 @@ var FormRender = function FormRender(props) {
|
|
|
113
116
|
schema = _useState2[0],
|
|
114
117
|
setSchema = _useState2[1];
|
|
115
118
|
|
|
119
|
+
var getComponent = function getComponent(colDef) {
|
|
120
|
+
var component = colDef.searchComponent ? colDef.searchComponent : undefined;
|
|
121
|
+
|
|
122
|
+
if (!component) {
|
|
123
|
+
switch (colDef.filter) {
|
|
124
|
+
case "agDateColumnFilter":
|
|
125
|
+
component = "DatePicker.RangePicker";
|
|
126
|
+
break;
|
|
127
|
+
|
|
128
|
+
case "boolFilter":
|
|
129
|
+
component = "BoolSelect";
|
|
130
|
+
break;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
return component ? component : "Input";
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
|
|
116
137
|
var getSchema = function getSchema() {
|
|
117
138
|
var rootSchema = {
|
|
118
139
|
type: 'object',
|
|
@@ -146,7 +167,7 @@ var FormRender = function FormRender(props) {
|
|
|
146
167
|
var name = (_colDef$queryField = colDef.queryField) !== null && _colDef$queryField !== void 0 ? _colDef$queryField : colDef.field;
|
|
147
168
|
var headerName = colDef.headerName; //表单自定义组件
|
|
148
169
|
|
|
149
|
-
var component = colDef
|
|
170
|
+
var component = getComponent(colDef);
|
|
150
171
|
|
|
151
172
|
if (colDef.filter != false) {
|
|
152
173
|
var _colDef$searchCompone, _colDef$searchCompone2;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
+
|
|
5
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
+
|
|
7
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
8
|
+
|
|
9
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
10
|
+
|
|
11
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
+
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
+
|
|
15
|
+
import { useControllableValue } from 'ahooks';
|
|
16
|
+
import { Select } from "antd";
|
|
17
|
+
import React from "react";
|
|
18
|
+
/**
|
|
19
|
+
* bool类型的下拉框
|
|
20
|
+
* @param props
|
|
21
|
+
* @param ref
|
|
22
|
+
* @returns
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
var BoolSelect = function BoolSelect(props, ref) {
|
|
26
|
+
var _useControllableValue = useControllableValue(props),
|
|
27
|
+
_useControllableValue2 = _slicedToArray(_useControllableValue, 2),
|
|
28
|
+
state = _useControllableValue2[0],
|
|
29
|
+
setState = _useControllableValue2[1];
|
|
30
|
+
|
|
31
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
32
|
+
ref: ref
|
|
33
|
+
}, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
|
|
34
|
+
value: state,
|
|
35
|
+
onChange: function onChange(value, option) {
|
|
36
|
+
var _props$onChange;
|
|
37
|
+
|
|
38
|
+
setState(value);
|
|
39
|
+
props === null || props === void 0 ? void 0 : (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, value, option);
|
|
40
|
+
}
|
|
41
|
+
}), /*#__PURE__*/React.createElement(Select.Option, {
|
|
42
|
+
value: true
|
|
43
|
+
}, "\u662F"), /*#__PURE__*/React.createElement(Select.Option, {
|
|
44
|
+
value: false
|
|
45
|
+
}, "\u5426")));
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export default /*#__PURE__*/React.forwardRef(BoolSelect);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["style", "params", "request", "dataSource", "gridRef", "headerTitle", "toolBarRender", "search", "hideRedo", "onGridReady", "gridKey", "gridColumnState", "children"];
|
|
1
|
+
var _excluded = ["style", "params", "request", "dataSource", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideRedo", "onGridReady", "gridKey", "gridColumnState", "children"];
|
|
2
2
|
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
|
|
@@ -47,6 +47,7 @@ function AgGridPlus(props) {
|
|
|
47
47
|
gridParams = props.params,
|
|
48
48
|
request = props.request,
|
|
49
49
|
dataSource = props.dataSource,
|
|
50
|
+
propRowData = props.rowData,
|
|
50
51
|
propsGridRef = props.gridRef,
|
|
51
52
|
headerTitle = props.headerTitle,
|
|
52
53
|
toolBarRender = props.toolBarRender,
|
|
@@ -137,8 +138,8 @@ function AgGridPlus(props) {
|
|
|
137
138
|
}
|
|
138
139
|
}, [gridColumnState, columnsRef.current]);
|
|
139
140
|
useEffect(function () {
|
|
140
|
-
setRowData(dataSource ||
|
|
141
|
-
}, [dataSource,
|
|
141
|
+
setRowData(dataSource || propRowData || []);
|
|
142
|
+
}, [dataSource, propRowData]);
|
|
142
143
|
var onGridReady = useCallback(function (params) {
|
|
143
144
|
var _columnsRef$current;
|
|
144
145
|
|
|
@@ -288,6 +289,7 @@ function AgGridPlus(props) {
|
|
|
288
289
|
},
|
|
289
290
|
columnTypes: {
|
|
290
291
|
bool: {
|
|
292
|
+
filter: 'boolFilter',
|
|
291
293
|
cellRenderer: function cellRenderer(params) {
|
|
292
294
|
switch (params.value) {
|
|
293
295
|
case true:
|
|
@@ -31,6 +31,7 @@ import { Button } from 'antd';
|
|
|
31
31
|
import classNames from 'classnames';
|
|
32
32
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
33
33
|
import QueryForm from "./queryForm";
|
|
34
|
+
import BoolSelect from "../_utils/boolSelect";
|
|
34
35
|
import "./index.less";
|
|
35
36
|
|
|
36
37
|
var FormRender = function FormRender(props) {
|
|
@@ -51,7 +52,8 @@ var FormRender = function FormRender(props) {
|
|
|
51
52
|
FormGrid: FormGrid,
|
|
52
53
|
FormButtonGroup: FormButtonGroup,
|
|
53
54
|
Submit: Submit,
|
|
54
|
-
Button: Button
|
|
55
|
+
Button: Button,
|
|
56
|
+
BoolSelect: BoolSelect
|
|
55
57
|
}
|
|
56
58
|
});
|
|
57
59
|
}, []);
|
|
@@ -93,6 +95,24 @@ var FormRender = function FormRender(props) {
|
|
|
93
95
|
schema = _useState2[0],
|
|
94
96
|
setSchema = _useState2[1];
|
|
95
97
|
|
|
98
|
+
var getComponent = function getComponent(colDef) {
|
|
99
|
+
var component = colDef.searchComponent ? colDef.searchComponent : undefined;
|
|
100
|
+
|
|
101
|
+
if (!component) {
|
|
102
|
+
switch (colDef.filter) {
|
|
103
|
+
case "agDateColumnFilter":
|
|
104
|
+
component = "DatePicker.RangePicker";
|
|
105
|
+
break;
|
|
106
|
+
|
|
107
|
+
case "boolFilter":
|
|
108
|
+
component = "BoolSelect";
|
|
109
|
+
break;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
return component ? component : "Input";
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
|
|
96
116
|
var getSchema = function getSchema() {
|
|
97
117
|
var rootSchema = {
|
|
98
118
|
type: 'object',
|
|
@@ -126,7 +146,7 @@ var FormRender = function FormRender(props) {
|
|
|
126
146
|
var name = (_colDef$queryField = colDef.queryField) !== null && _colDef$queryField !== void 0 ? _colDef$queryField : colDef.field;
|
|
127
147
|
var headerName = colDef.headerName; //表单自定义组件
|
|
128
148
|
|
|
129
|
-
var component = colDef
|
|
149
|
+
var component = getComponent(colDef);
|
|
130
150
|
|
|
131
151
|
if (colDef.filter != false) {
|
|
132
152
|
var _colDef$searchCompone, _colDef$searchCompone2;
|