@teamix/pro 1.2.17 → 1.2.21
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/212.js +49 -49
- package/dist/pro.css +1 -1
- package/dist/pro.js +2173 -744
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/base.d.ts +2 -1
- package/es/actions/base.js +1 -1
- package/es/actions/danger-pop-confirm.d.ts +5 -0
- package/es/actions/danger-pop-confirm.js +10 -0
- package/es/actions/dialog.d.ts +1 -1
- package/es/actions/dialog.js +34 -36
- package/es/actions/index.d.ts +3 -0
- package/es/actions/index.js +10 -0
- package/es/actions/pop-confirm.d.ts +9 -0
- package/es/actions/pop-confirm.js +9 -0
- package/es/form/Components/LightFilter/componentMap.d.ts +2 -1
- package/es/form/Components/LightFilter/componentMap.js +4 -2
- package/es/form/Components/LightFilter/index.d.ts +1 -0
- package/es/form/Components/LightFilter/index.js +34 -16
- package/es/form/Components/LightFilter/index.scss +14 -4
- package/es/form/Filter/AdvancedFilter.d.ts +7 -0
- package/es/form/Filter/AdvancedFilter.js +113 -0
- package/es/form/Filter/LightFilter.d.ts +7 -0
- package/es/form/Filter/LightFilter.js +79 -0
- package/es/form/Filter/SimpleFilter.d.ts +7 -0
- package/es/form/Filter/SimpleFilter.js +74 -0
- package/es/form/Filter/index2.js +288 -235
- package/es/form/Filter/index2.scss +3 -0
- package/es/form/ProForm/index.js +11 -7
- package/es/form/ProForm/index.scss +3 -0
- package/es/form/ProForm/useFieldRequest.js +1 -8
- package/es/form/ProForm/useFormDisplayValues.js +4 -2
- package/es/form/SchemaForm/index.js +19 -11
- package/es/form/SchemaForm/initializeDataSource.d.ts +2 -2
- package/es/form/SchemaForm/initializeDataSource.js +4 -9
- package/es/form/SchemaForm/initializeRequest.d.ts +2 -2
- package/es/form/SchemaForm/initializeRequest.js +4 -10
- package/es/form/SchemaForm/initializeRules.d.ts +7 -1
- package/es/form/SchemaForm/initializeRules.js +9 -13
- package/es/form/SchemaForm/reactions.d.ts +5 -5
- package/es/form/SchemaForm/reactions.js +27 -29
- package/es/form/typing.d.ts +11 -2
- package/es/form/utils.d.ts +8 -7
- package/es/form/utils.js +5 -4
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/table/components/Filter/index.js +1 -0
- package/es/table/components/Pagination/index.d.ts +3 -0
- package/es/table/components/Pagination/index.js +82 -0
- package/es/table/components/ToolBar/FilterColumnIcon.js +18 -5
- package/es/table/components/ToolBar/index.scss +8 -2
- package/es/table/index.js +71 -18
- package/es/table/index.scss +7 -1
- package/es/table/typing.d.ts +5 -0
- package/lib/actions/base.d.ts +2 -1
- package/lib/actions/base.js +1 -1
- package/lib/actions/danger-pop-confirm.d.ts +5 -0
- package/lib/actions/danger-pop-confirm.js +22 -0
- package/lib/actions/dialog.d.ts +1 -1
- package/lib/actions/dialog.js +35 -36
- package/lib/actions/index.d.ts +3 -0
- package/lib/actions/index.js +12 -0
- package/lib/actions/pop-confirm.d.ts +9 -0
- package/lib/actions/pop-confirm.js +23 -0
- package/lib/form/Components/LightFilter/componentMap.d.ts +2 -1
- package/lib/form/Components/LightFilter/componentMap.js +6 -4
- package/lib/form/Components/LightFilter/index.d.ts +1 -0
- package/lib/form/Components/LightFilter/index.js +31 -14
- package/lib/form/Components/LightFilter/index.scss +14 -4
- package/lib/form/Filter/AdvancedFilter.d.ts +7 -0
- package/lib/form/Filter/AdvancedFilter.js +133 -0
- package/lib/form/Filter/LightFilter.d.ts +7 -0
- package/lib/form/Filter/LightFilter.js +99 -0
- package/lib/form/Filter/SimpleFilter.d.ts +7 -0
- package/lib/form/Filter/SimpleFilter.js +93 -0
- package/lib/form/Filter/index2.js +291 -234
- package/lib/form/Filter/index2.scss +3 -0
- package/lib/form/ProForm/index.js +10 -6
- package/lib/form/ProForm/index.scss +3 -0
- package/lib/form/ProForm/useFieldRequest.js +1 -9
- package/lib/form/ProForm/useFormDisplayValues.js +3 -1
- package/lib/form/SchemaForm/index.js +19 -10
- package/lib/form/SchemaForm/initializeDataSource.d.ts +2 -2
- package/lib/form/SchemaForm/initializeDataSource.js +4 -11
- package/lib/form/SchemaForm/initializeRequest.d.ts +2 -2
- package/lib/form/SchemaForm/initializeRequest.js +4 -11
- package/lib/form/SchemaForm/initializeRules.d.ts +7 -1
- package/lib/form/SchemaForm/initializeRules.js +9 -16
- package/lib/form/SchemaForm/reactions.d.ts +5 -5
- package/lib/form/SchemaForm/reactions.js +29 -31
- package/lib/form/typing.d.ts +11 -2
- package/lib/form/utils.d.ts +8 -7
- package/lib/form/utils.js +6 -5
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/table/components/Pagination/index.d.ts +3 -0
- package/lib/table/components/Pagination/index.js +95 -0
- package/lib/table/components/ToolBar/FilterColumnIcon.js +18 -5
- package/lib/table/components/ToolBar/index.scss +8 -2
- package/lib/table/index.js +69 -17
- package/lib/table/index.scss +7 -1
- package/lib/table/typing.d.ts +5 -0
- package/package.json +3 -3
@@ -19,7 +19,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
19
19
|
|
20
20
|
var _utils = require("@teamix/utils");
|
21
21
|
|
22
|
-
var _componentMap =
|
22
|
+
var _componentMap = require("./componentMap");
|
23
23
|
|
24
24
|
require("./index.scss");
|
25
25
|
|
@@ -47,19 +47,29 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
47
47
|
|
48
48
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
49
49
|
|
50
|
-
|
50
|
+
var formatComponent = function formatComponent(schema) {
|
51
|
+
var _schema$enum;
|
52
|
+
|
53
|
+
var component = schema['x-component'];
|
54
|
+
|
55
|
+
if (component === 'Checkbox' && ((_schema$enum = schema['enum']) === null || _schema$enum === void 0 ? void 0 : _schema$enum.length)) {
|
56
|
+
component = 'CheckboxGroup';
|
57
|
+
}
|
58
|
+
|
59
|
+
return _componentMap.componentMap[component] || component;
|
60
|
+
}; // 主激活区内容
|
61
|
+
|
62
|
+
|
51
63
|
var useMain = function useMain(active) {
|
52
64
|
var schema = (0, _react2.useFieldSchema)();
|
53
65
|
var main = [];
|
54
66
|
schema.mapProperties(function (schema, name) {
|
55
|
-
// console.log(schema.required); // 添加 *
|
56
|
-
// console.log(schema);
|
57
67
|
if (schema.name === active) {
|
58
68
|
main.push({
|
59
69
|
name: name,
|
60
70
|
schema: _objectSpread(_objectSpread({}, schema), {}, {
|
61
71
|
title: '',
|
62
|
-
'x-component':
|
72
|
+
'x-component': formatComponent(schema)
|
63
73
|
})
|
64
74
|
});
|
65
75
|
}
|
@@ -78,16 +88,21 @@ var useFilterItems = function useFilterItems() {
|
|
78
88
|
});
|
79
89
|
});
|
80
90
|
return filterItems;
|
91
|
+
}; // 是否输入框类型的组件
|
92
|
+
|
93
|
+
|
94
|
+
var isInputCategory = function isInputCategory(currentSchema) {
|
95
|
+
var component = currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema['x-component'];
|
96
|
+
return _componentMap.inputCategory.includes(component);
|
81
97
|
};
|
82
98
|
|
83
99
|
var LightFilter = (0, _react2.observer)(function (props) {
|
84
|
-
var _filterItems$;
|
100
|
+
var _filterItems$, _main$;
|
85
101
|
|
86
|
-
var field = (0, _react2.useField)();
|
87
|
-
var schema = (0, _react2.useFieldSchema)();
|
88
102
|
var filterItems = useFilterItems();
|
89
103
|
var size = props.size,
|
90
104
|
defaultFilterValue = props.defaultFilterValue,
|
105
|
+
onFilterChange = props.onFilterChange,
|
91
106
|
filterProps = props.filterProps,
|
92
107
|
buttonProps = props.buttonProps;
|
93
108
|
|
@@ -97,6 +112,7 @@ var LightFilter = (0, _react2.observer)(function (props) {
|
|
97
112
|
setActive = _useState2[1];
|
98
113
|
|
99
114
|
var main = useMain(active);
|
115
|
+
var currentSchema = (_main$ = main[0]) === null || _main$ === void 0 ? void 0 : _main$.schema;
|
100
116
|
var defaultCls = (0, _utils.usePrefixCls)();
|
101
117
|
var prefixCls = (0, _utils.usePrefixCls)('', {
|
102
118
|
prefix: 'teamix-pro-form-light-filter'
|
@@ -107,20 +123,21 @@ var LightFilter = (0, _react2.observer)(function (props) {
|
|
107
123
|
return /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
|
108
124
|
key: key,
|
109
125
|
name: name,
|
110
|
-
schema: schema
|
111
|
-
filterProperties: function filterProperties(schema) {
|
112
|
-
return true;
|
113
|
-
}
|
126
|
+
schema: schema
|
114
127
|
});
|
115
128
|
});
|
129
|
+
var onSelectChange = (0, _react.useCallback)(function (value) {
|
130
|
+
setActive(value);
|
131
|
+
onFilterChange && onFilterChange(value);
|
132
|
+
}, [onFilterChange]);
|
116
133
|
return /*#__PURE__*/_react.default.createElement("span", {
|
117
|
-
className: (0, _classnames.default)(prefixCls, "".concat(defaultCls).concat(size))
|
134
|
+
className: (0, _classnames.default)(prefixCls, "".concat(defaultCls).concat(size), isInputCategory(currentSchema) ? "".concat(prefixCls, "-input-category") : '')
|
118
135
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
119
136
|
className: "".concat(prefixCls, "-main")
|
120
137
|
}, /*#__PURE__*/_react.default.createElement(_components.Select, _objectSpread(_objectSpread({}, filterProps), {}, {
|
121
138
|
className: (0, _classnames.default)("".concat(prefixCls, "-select"), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
|
122
139
|
dataSource: filterItems,
|
123
|
-
onChange:
|
140
|
+
onChange: onSelectChange,
|
124
141
|
value: active
|
125
142
|
})), content), /*#__PURE__*/_react.default.createElement("span", {
|
126
143
|
className: "".concat(prefixCls, "-addonAfter")
|
@@ -18,10 +18,7 @@ $light-filter: #{teamix-pro-form}-light-filter;
|
|
18
18
|
box-sizing: border-box;
|
19
19
|
border: var(--search-normal-normal-border-width, 1px) solid
|
20
20
|
var(--color-line1-2, #d9d9d9);
|
21
|
-
border-right: 0;
|
22
21
|
border-radius: var(--search-normal-corner, 2px);
|
23
|
-
border-top-right-radius: 0;
|
24
|
-
border-bottom-right-radius: 0;
|
25
22
|
// 表单项选择
|
26
23
|
.#{$light-filter}-select {
|
27
24
|
min-width: auto;
|
@@ -30,7 +27,7 @@ $light-filter: #{teamix-pro-form}-light-filter;
|
|
30
27
|
border: 0;
|
31
28
|
box-shadow: none;
|
32
29
|
.#{$css-prefix}input-text-field {
|
33
|
-
padding-right:
|
30
|
+
padding-right: 4px;
|
34
31
|
}
|
35
32
|
}
|
36
33
|
.#{$css-prefix}input {
|
@@ -44,6 +41,7 @@ $light-filter: #{teamix-pro-form}-light-filter;
|
|
44
41
|
|
45
42
|
// 按钮后缀
|
46
43
|
.#{$light-filter}-addonAfter {
|
44
|
+
display: none;
|
47
45
|
.#{$css-prefix}btn {
|
48
46
|
border-top-left-radius: 0;
|
49
47
|
border-bottom-left-radius: 0;
|
@@ -54,6 +52,18 @@ $light-filter: #{teamix-pro-form}-light-filter;
|
|
54
52
|
}
|
55
53
|
}
|
56
54
|
|
55
|
+
// LightFilter输入类
|
56
|
+
.#{$light-filter}-input-category {
|
57
|
+
.#{$light-filter}-main {
|
58
|
+
border-right: 0;
|
59
|
+
border-top-right-radius: 0;
|
60
|
+
border-bottom-right-radius: 0;
|
61
|
+
}
|
62
|
+
.#{$light-filter}-addonAfter {
|
63
|
+
display: block;
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
57
67
|
// LightFilter无边框
|
58
68
|
.#{$form-item-cls}-bordered-none {
|
59
69
|
.#{$form-item-cls}-control {
|
@@ -0,0 +1,133 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
11
|
+
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
13
|
+
|
14
|
+
var _utils = require("@teamix/utils");
|
15
|
+
|
16
|
+
var _ProForm = _interopRequireDefault(require("../ProForm"));
|
17
|
+
|
18
|
+
var _utils2 = require("../utils");
|
19
|
+
|
20
|
+
var _excluded = ["schema", "onSubmit", "onReset", "onResetClick", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol"];
|
21
|
+
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23
|
+
|
24
|
+
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); }
|
25
|
+
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
27
|
+
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
29
|
+
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
31
|
+
|
32
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
33
|
+
|
34
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
35
|
+
|
36
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
37
|
+
|
38
|
+
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); }
|
39
|
+
|
40
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
41
|
+
|
42
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
43
|
+
|
44
|
+
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; }
|
45
|
+
|
46
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
47
|
+
|
48
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
49
|
+
|
50
|
+
/**
|
51
|
+
* 高级筛选
|
52
|
+
*/
|
53
|
+
var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
|
54
|
+
var schema = props.schema,
|
55
|
+
onSubmit = props.onSubmit,
|
56
|
+
onReset = props.onReset,
|
57
|
+
onResetClick = props.onResetClick,
|
58
|
+
layout = props.layout,
|
59
|
+
labelAlign = props.labelAlign,
|
60
|
+
wrapperAlign = props.wrapperAlign,
|
61
|
+
labelCol = props.labelCol,
|
62
|
+
wrapperCol = props.wrapperCol,
|
63
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
64
|
+
|
65
|
+
var prefixCls = (0, _utils.usePrefixCls)('', {
|
66
|
+
prefix: 'teamix-pro-form-query-filter-advanced'
|
67
|
+
});
|
68
|
+
var gridSchema = (0, _react.useMemo)(function () {
|
69
|
+
return [{
|
70
|
+
name: 'FormGrid',
|
71
|
+
component: 'FormGrid',
|
72
|
+
props: {
|
73
|
+
breakpoints: [480, 720, 990, 1200, Infinity],
|
74
|
+
maxColumns: [1, 2, 3, 3, 4],
|
75
|
+
columnGap: 16,
|
76
|
+
rowGap: 12
|
77
|
+
},
|
78
|
+
children: [].concat(_toConsumableArray(schema), [{
|
79
|
+
component: 'FormGrid.GridColumn',
|
80
|
+
props: {
|
81
|
+
gridSpan: -1
|
82
|
+
},
|
83
|
+
children: [{
|
84
|
+
component: 'FormButtonGroup',
|
85
|
+
props: {
|
86
|
+
align: 'right'
|
87
|
+
},
|
88
|
+
children: [{
|
89
|
+
component: 'Reset',
|
90
|
+
props: {
|
91
|
+
onResetValidateSuccess: onReset,
|
92
|
+
onClick: onResetClick,
|
93
|
+
children: (0, _utils.getMessage)('reset')
|
94
|
+
}
|
95
|
+
}, {
|
96
|
+
component: 'Submit',
|
97
|
+
props: {
|
98
|
+
style: {
|
99
|
+
marginRight: -8
|
100
|
+
},
|
101
|
+
children: (0, _utils.getMessage)('search')
|
102
|
+
}
|
103
|
+
}]
|
104
|
+
}]
|
105
|
+
}])
|
106
|
+
}];
|
107
|
+
}, [schema, onReset, onResetClick]);
|
108
|
+
var getTeamixLayout = (0, _react.useMemo)(function () {
|
109
|
+
return {
|
110
|
+
breakpoints: [990],
|
111
|
+
layout: (0, _utils2.mergeArrayValue)(['vertical'], layout),
|
112
|
+
labelAlign: (0, _utils2.mergeArrayValue)(['left'], labelAlign),
|
113
|
+
wrapperAlign: (0, _utils2.mergeArrayValue)(['left'], wrapperAlign),
|
114
|
+
labelCol: (0, _utils2.mergeArrayValue)([24], labelCol),
|
115
|
+
wrapperCol: (0, _utils2.mergeArrayValue)([24], wrapperCol)
|
116
|
+
};
|
117
|
+
}, [layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
|
118
|
+
return /*#__PURE__*/_react.default.createElement(_ProForm.default, _objectSpread(_objectSpread(_objectSpread({
|
119
|
+
className: (0, _classnames.default)(prefixCls, props.className),
|
120
|
+
schema: gridSchema,
|
121
|
+
feedbackLayout: "popover"
|
122
|
+
}, otherProps), getTeamixLayout), {}, {
|
123
|
+
onSubmit: onSubmit
|
124
|
+
}));
|
125
|
+
});
|
126
|
+
AdvancedFilter.defaultProps = {
|
127
|
+
layout: 'horizontal',
|
128
|
+
labelAlign: 'right',
|
129
|
+
labelCol: 6,
|
130
|
+
wrapperCol: 18
|
131
|
+
};
|
132
|
+
var _default = AdvancedFilter;
|
133
|
+
exports.default = _default;
|
@@ -0,0 +1,99 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
11
|
+
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
13
|
+
|
14
|
+
var _reactive = require("@formily/reactive");
|
15
|
+
|
16
|
+
var _utils = require("@teamix/utils");
|
17
|
+
|
18
|
+
var _ProForm = _interopRequireDefault(require("../ProForm"));
|
19
|
+
|
20
|
+
var _excluded = ["form", "schema", "onSubmit", "onChange", "defaultFilterValue"];
|
21
|
+
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23
|
+
|
24
|
+
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); }
|
25
|
+
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
27
|
+
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
29
|
+
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
31
|
+
|
32
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
33
|
+
|
34
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
35
|
+
|
36
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
37
|
+
|
38
|
+
/**
|
39
|
+
* 轻量筛选
|
40
|
+
*/
|
41
|
+
var LightFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
|
42
|
+
var _schema$;
|
43
|
+
|
44
|
+
var form = props.form,
|
45
|
+
schema = props.schema,
|
46
|
+
onSubmit = props.onSubmit,
|
47
|
+
onChange = props.onChange,
|
48
|
+
defaultFilterValue = props.defaultFilterValue,
|
49
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
50
|
+
|
51
|
+
var filterValue = (0, _react.useRef)(defaultFilterValue || ((_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.name));
|
52
|
+
var prefixCls = (0, _utils.usePrefixCls)('', {
|
53
|
+
prefix: 'teamix-pro-form-query-filter-light'
|
54
|
+
}); // input类组件的按钮
|
55
|
+
|
56
|
+
var onBtnClick = (0, _react.useCallback)(function () {
|
57
|
+
onChange && onChange((0, _reactive.toJS)(form.values));
|
58
|
+
}, [form]); // 筛选提交切换
|
59
|
+
|
60
|
+
var onFilterChange = (0, _react.useCallback)(function (value) {
|
61
|
+
filterValue.current = value;
|
62
|
+
}, [form]); // onChange
|
63
|
+
|
64
|
+
var onCurrentChange = (0, _react.useCallback)(function (values) {
|
65
|
+
onChange && onChange(_defineProperty({}, filterValue.current, values[filterValue.current]));
|
66
|
+
}, [onChange, filterValue.current]);
|
67
|
+
var LightSchema = (0, _react.useMemo)(function () {
|
68
|
+
return [{
|
69
|
+
component: 'LightFilter',
|
70
|
+
props: {
|
71
|
+
defaultFilterValue: defaultFilterValue,
|
72
|
+
onFilterChange: onFilterChange,
|
73
|
+
buttonProps: {
|
74
|
+
onClick: onBtnClick
|
75
|
+
}
|
76
|
+
},
|
77
|
+
children: schema
|
78
|
+
}, {
|
79
|
+
component: 'Submit',
|
80
|
+
props: {
|
81
|
+
style: {
|
82
|
+
display: 'none'
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}];
|
86
|
+
}, [schema, onBtnClick, onFilterChange, defaultFilterValue]);
|
87
|
+
return /*#__PURE__*/_react.default.createElement(_ProForm.default, _objectSpread(_objectSpread({}, otherProps), {}, {
|
88
|
+
form: form,
|
89
|
+
className: (0, _classnames.default)(prefixCls, props.className),
|
90
|
+
schema: LightSchema,
|
91
|
+
feedbackLayout: "none",
|
92
|
+
breakpoints: [],
|
93
|
+
bordered: false,
|
94
|
+
onSubmit: onSubmit,
|
95
|
+
onChange: onCurrentChange
|
96
|
+
}));
|
97
|
+
});
|
98
|
+
var _default = LightFilter;
|
99
|
+
exports.default = _default;
|
@@ -0,0 +1,93 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
+
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports.default = void 0;
|
9
|
+
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
11
|
+
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
13
|
+
|
14
|
+
var _utils = require("@teamix/utils");
|
15
|
+
|
16
|
+
var _ProForm = _interopRequireDefault(require("../ProForm"));
|
17
|
+
|
18
|
+
var _excluded = ["schema", "onChange", "onSubmit"];
|
19
|
+
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21
|
+
|
22
|
+
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); }
|
23
|
+
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
25
|
+
|
26
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
27
|
+
|
28
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
29
|
+
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
31
|
+
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
33
|
+
|
34
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
35
|
+
|
36
|
+
var initializeSearch = function initializeSearch(schema) {
|
37
|
+
return schema.map(function (item) {
|
38
|
+
if (item.component === 'Search') {
|
39
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
40
|
+
decoratorProps: _objectSpread(_objectSpread({}, item.decoratorProps), {}, {
|
41
|
+
inset: false
|
42
|
+
}),
|
43
|
+
props: _objectSpread({
|
44
|
+
shape: 'simple'
|
45
|
+
}, item.props)
|
46
|
+
});
|
47
|
+
}
|
48
|
+
|
49
|
+
return item;
|
50
|
+
});
|
51
|
+
};
|
52
|
+
/**
|
53
|
+
* 简单筛选
|
54
|
+
*/
|
55
|
+
|
56
|
+
|
57
|
+
var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
|
58
|
+
var schema = props.schema,
|
59
|
+
onChange = props.onChange,
|
60
|
+
onSubmit = props.onSubmit,
|
61
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
62
|
+
|
63
|
+
var prefixCls = (0, _utils.usePrefixCls)('', {
|
64
|
+
prefix: 'teamix-pro-form-query-filter-simple'
|
65
|
+
});
|
66
|
+
var simpleSchema = (0, _react.useMemo)(function () {
|
67
|
+
return [{
|
68
|
+
component: 'FormFlex',
|
69
|
+
props: {
|
70
|
+
size: 8
|
71
|
+
},
|
72
|
+
children: initializeSearch(schema)
|
73
|
+
}, {
|
74
|
+
component: 'Submit',
|
75
|
+
props: {
|
76
|
+
style: {
|
77
|
+
display: 'none'
|
78
|
+
}
|
79
|
+
}
|
80
|
+
}];
|
81
|
+
}, [schema]);
|
82
|
+
return /*#__PURE__*/_react.default.createElement(_ProForm.default, _objectSpread(_objectSpread({}, otherProps), {}, {
|
83
|
+
className: (0, _classnames.default)(prefixCls, props.className),
|
84
|
+
schema: simpleSchema,
|
85
|
+
feedbackLayout: "popover",
|
86
|
+
breakpoints: [],
|
87
|
+
inset: true,
|
88
|
+
onSubmit: onSubmit,
|
89
|
+
onChange: onChange
|
90
|
+
}));
|
91
|
+
});
|
92
|
+
var _default = SimpleFilter;
|
93
|
+
exports.default = _default;
|