@hw-component/table 0.0.9-beta-v9 → 0.0.9-beta-v12
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/.eslintcache +1 -1
- package/es/HTableBody/HeaderTitle/index.d.ts +1 -1
- package/es/HTableBody/HeaderTitle/index.js +1 -1
- package/es/HTableBody/index.js +1 -1
- package/es/HTableHeader/RangePickerSearch.d.ts +3 -0
- package/es/HTableHeader/RangePickerSearch.js +57 -0
- package/es/HTableHeader/defaultFormRender.js +31 -0
- package/es/HTableHeader/hooks.js +3 -1
- package/es/HTableHeader/index.js +3 -1
- package/es/HTablePagination/index.d.ts +1 -1
- package/es/Table.js +4 -2
- package/es/src/components/HTableHeader/defaultFormRender.d.ts +3 -0
- package/{lib → es/src/components}/HTableHeader/hooks.d.ts +1 -1
- package/{lib → es/src/components}/HTableHeader/index.d.ts +1 -1
- package/{lib → es/src/components}/HTableHeader/modal.d.ts +2 -1
- package/es/{Table.d.ts → src/components/Table.d.ts} +1 -1
- package/es/{modal.d.ts → src/components/modal.d.ts} +1 -0
- package/lib/HTableBody/HeaderTitle/index.d.ts +1 -1
- package/lib/HTableBody/HeaderTitle/index.js +1 -1
- package/lib/HTableBody/index.js +1 -1
- package/lib/HTableHeader/RangePickerSearch.d.ts +3 -0
- package/lib/HTableHeader/RangePickerSearch.js +60 -0
- package/lib/HTableHeader/defaultFormRender.js +32 -0
- package/lib/HTableHeader/hooks.js +3 -1
- package/lib/HTableHeader/index.js +3 -1
- package/lib/HTablePagination/index.d.ts +1 -1
- package/lib/Table.js +4 -2
- package/lib/src/components/HTableHeader/defaultFormRender.d.ts +3 -0
- package/{es → lib/src/components}/HTableHeader/hooks.d.ts +1 -1
- package/{es → lib/src/components}/HTableHeader/index.d.ts +1 -1
- package/{es → lib/src/components}/HTableHeader/modal.d.ts +2 -1
- package/lib/{Table.d.ts → src/components/Table.d.ts} +1 -1
- package/lib/{modal.d.ts → src/components/modal.d.ts} +1 -0
- package/package.json +3 -2
- package/src/app.tsx +20 -20
- package/src/components/HTableBody/HeaderTitle/index.tsx +27 -27
- package/src/components/HTableBody/index.tsx +20 -10
- package/src/components/HTableHeader/RangePickerSearch.tsx +51 -0
- package/src/components/HTableHeader/defaultFormRender.tsx +9 -0
- package/src/components/HTableHeader/hooks.tsx +40 -24
- package/src/components/HTableHeader/index.tsx +3 -1
- package/src/components/HTableHeader/modal.ts +4 -3
- package/src/components/HTablePagination/index.tsx +15 -10
- package/src/components/Table.tsx +3 -1
- package/src/components/TableCustomize.tsx +2 -2
- package/src/components/modal.ts +9 -3
- package/src/pages/Table/index.tsx +16 -7
- package/tsconfig.json +1 -1
- /package/es/{HTableHeader → src/components/HTableHeader}/defaultSubComponent.d.ts +0 -0
- /package/es/{context.d.ts → src/components/context.d.ts} +0 -0
- /package/es/{hooks → src/components/hooks}/index.d.ts +0 -0
- /package/es/{index.d.ts → src/components/index.d.ts} +0 -0
- /package/lib/{HTableHeader → src/components/HTableHeader}/defaultSubComponent.d.ts +0 -0
- /package/lib/{context.d.ts → src/components/context.d.ts} +0 -0
- /package/lib/{hooks → src/components/hooks}/index.d.ts +0 -0
- /package/lib/{index.d.ts → src/components/index.d.ts} +0 -0
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
// welcome to hoo hoo hoo
|
|
2
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
|
|
3
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
|
|
4
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
|
|
5
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
|
|
6
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
|
|
7
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
|
|
8
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
|
|
9
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
|
|
10
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
11
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
|
|
12
|
+
import 'core-js/modules/es.function.name.js';
|
|
13
|
+
import { jsx } from 'react/jsx-runtime';
|
|
14
|
+
import { HFormConnect, HRangePicker } from '@hw-component/form';
|
|
15
|
+
|
|
16
|
+
var _excluded = ["name", "valueMap", "addFormat"];
|
|
17
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
|
+
var Index = function Index(_ref) {
|
|
20
|
+
var name = _ref.name,
|
|
21
|
+
_ref$valueMap = _ref.valueMap,
|
|
22
|
+
valueMap = _ref$valueMap === void 0 ? {} : _ref$valueMap,
|
|
23
|
+
addFormat = _ref.addFormat,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
var _valueMap$start = valueMap.start,
|
|
26
|
+
start = _valueMap$start === void 0 ? "".concat(name, "StartTime") : _valueMap$start,
|
|
27
|
+
_valueMap$end = valueMap.end,
|
|
28
|
+
end = _valueMap$end === void 0 ? "".concat(name, "EndTime") : _valueMap$end;
|
|
29
|
+
var startStr = start;
|
|
30
|
+
var endStr = end;
|
|
31
|
+
addFormat === null || addFormat === void 0 || addFormat({
|
|
32
|
+
float: {
|
|
33
|
+
inputValue: function inputValue(item, initValue) {
|
|
34
|
+
var startTime = initValue[startStr],
|
|
35
|
+
endTime = initValue[endStr];
|
|
36
|
+
return _defineProperty({}, name, _defineProperty(_defineProperty({}, startStr, startTime), endStr, endTime));
|
|
37
|
+
},
|
|
38
|
+
outputValue: function outputValue(item, _outputValue) {
|
|
39
|
+
var itemValue = _outputValue[name];
|
|
40
|
+
if (!itemValue) {
|
|
41
|
+
return _defineProperty(_defineProperty({}, startStr, null), endStr, null);
|
|
42
|
+
}
|
|
43
|
+
return _objectSpread({}, itemValue);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
return jsx(HRangePicker, _objectSpread(_objectSpread({}, props), {}, {
|
|
48
|
+
valueMap: {
|
|
49
|
+
start: start,
|
|
50
|
+
end: end
|
|
51
|
+
}
|
|
52
|
+
}));
|
|
53
|
+
};
|
|
54
|
+
var RangePickerSearch = HFormConnect(Index);
|
|
55
|
+
|
|
56
|
+
export { RangePickerSearch as default };
|
|
57
|
+
// powered by hdj
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
// welcome to hoo hoo hoo
|
|
2
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
|
|
3
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
|
|
4
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
|
|
5
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
|
|
6
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
|
|
7
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
|
|
8
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
|
|
9
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
|
|
10
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
11
|
+
import 'core-js/modules/es.function.name.js';
|
|
12
|
+
import { jsx } from 'react/jsx-runtime';
|
|
13
|
+
import RangePickerSearch from './RangePickerSearch.js';
|
|
14
|
+
|
|
15
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
var renderData = {
|
|
18
|
+
rangePicker: function rangePicker(item) {
|
|
19
|
+
var _item$itemProps = item.itemProps,
|
|
20
|
+
itemProps = _item$itemProps === void 0 ? {} : _item$itemProps,
|
|
21
|
+
_item$name = item.name,
|
|
22
|
+
name = _item$name === void 0 ? "" : _item$name;
|
|
23
|
+
var rangeProps = itemProps;
|
|
24
|
+
return jsx(RangePickerSearch, _objectSpread({
|
|
25
|
+
name: name
|
|
26
|
+
}, rangeProps));
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export { renderData };
|
|
31
|
+
// powered by hdj
|
package/es/HTableHeader/hooks.js
CHANGED
|
@@ -22,6 +22,7 @@ import { useState, useEffect } from 'react';
|
|
|
22
22
|
import { useClassName } from '../hooks/index.js';
|
|
23
23
|
import { DefaultSubComponent } from './defaultSubComponent.js';
|
|
24
24
|
import { useHTableContext } from '../context.js';
|
|
25
|
+
import { renderData } from './defaultFormRender.js';
|
|
25
26
|
|
|
26
27
|
var _excluded = ["colon", "searchType", "title", "name", "dataIndex", "itemProps", "searchRender", "childrenDataIndex", "showSearch", "hideInTable", "align"];
|
|
27
28
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -112,7 +113,8 @@ var formConfigDataItemProvider = function formConfigDataItemProvider(_ref, table
|
|
|
112
113
|
if (searchRender) {
|
|
113
114
|
return searchRender(item, node, form, table);
|
|
114
115
|
}
|
|
115
|
-
|
|
116
|
+
var defaultRender = renderData[searchType || ""];
|
|
117
|
+
return defaultRender ? defaultRender(item) : node;
|
|
116
118
|
}
|
|
117
119
|
});
|
|
118
120
|
};
|
package/es/HTableHeader/index.js
CHANGED
|
@@ -29,7 +29,8 @@ var Header = (function (_ref) {
|
|
|
29
29
|
onFinish = _ref.onFinish,
|
|
30
30
|
_ref$searchSpan = _ref.searchSpan,
|
|
31
31
|
searchSpan = _ref$searchSpan === void 0 ? defaultSearchSpan : _ref$searchSpan,
|
|
32
|
-
headerStyle = _ref.headerStyle
|
|
32
|
+
headerStyle = _ref.headerStyle,
|
|
33
|
+
initValues = _ref.initValues;
|
|
33
34
|
var _useHTableContext = useHTableContext(),
|
|
34
35
|
tableInstance = _useHTableContext.tableInstance,
|
|
35
36
|
loading = _useHTableContext.loading,
|
|
@@ -59,6 +60,7 @@ var Header = (function (_ref) {
|
|
|
59
60
|
onFinish: subOnFinish,
|
|
60
61
|
submitLoading: loading,
|
|
61
62
|
gutter: [20, 0],
|
|
63
|
+
initialValues: initValues,
|
|
62
64
|
hideLabel: true,
|
|
63
65
|
configData: nConfigData,
|
|
64
66
|
form: form
|
|
@@ -2,7 +2,7 @@ import type { PaginationProps } from "antd";
|
|
|
2
2
|
import type { ParamsModal } from "../modal";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import type { AffixProps } from "antd/lib/affix";
|
|
5
|
-
import { HTableInstance } from "../modal";
|
|
5
|
+
import type { HTableInstance } from "../modal";
|
|
6
6
|
export interface IPaginationProps extends PaginationProps {
|
|
7
7
|
onPageChange?: (params: ParamsModal) => void;
|
|
8
8
|
paginationStyle?: React.CSSProperties;
|
package/es/Table.js
CHANGED
|
@@ -21,7 +21,7 @@ import useReq from './hooks/useReq.js';
|
|
|
21
21
|
import useDispatch from './hooks/useDispatch.js';
|
|
22
22
|
import { useState } from 'react';
|
|
23
23
|
|
|
24
|
-
var _excluded = ["request", "configData", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual"];
|
|
24
|
+
var _excluded = ["request", "configData", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues"];
|
|
25
25
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
26
26
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
27
27
|
var Table = (function (_ref) {
|
|
@@ -43,6 +43,7 @@ var Table = (function (_ref) {
|
|
|
43
43
|
rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
|
|
44
44
|
onFinish = _ref.onFinish,
|
|
45
45
|
manual = _ref.manual,
|
|
46
|
+
formInitValues = _ref.formInitValues,
|
|
46
47
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
47
48
|
var _useReq = useReq({
|
|
48
49
|
request: request,
|
|
@@ -112,7 +113,8 @@ var Table = (function (_ref) {
|
|
|
112
113
|
children: [!hideHeader && jsx(Header, {
|
|
113
114
|
searchSpan: searchSpan,
|
|
114
115
|
headerStyle: headerStyle,
|
|
115
|
-
onFinish: onFinish
|
|
116
|
+
onFinish: onFinish,
|
|
117
|
+
initValues: formInitValues
|
|
116
118
|
}), jsx(Body, _objectSpread({
|
|
117
119
|
tableStyle: hideHeader ? _objectSpread({
|
|
118
120
|
paddingTop: 24
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { IHeaderProps } from "./modal";
|
|
2
2
|
import type { HItemProps } from "@hw-component/form/es/Form/modal";
|
|
3
|
-
export declare const useHideMoreTitle: ({ searchSpan, configData, table }: IHeaderProps) => HItemProps[];
|
|
3
|
+
export declare const useHideMoreTitle: ({ searchSpan, configData, table, }: IHeaderProps) => HItemProps[];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { IHeaderProps } from "./modal";
|
|
2
|
-
declare const _default: ({ configData, onFinish, searchSpan, headerStyle, }: IHeaderProps) => JSX.Element;
|
|
2
|
+
declare const _default: ({ configData, onFinish, searchSpan, headerStyle, initValues, }: IHeaderProps) => JSX.Element;
|
|
3
3
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ConfigDataModal, ConfigItemModal } from "../modal";
|
|
2
2
|
import type { ColProps } from "antd";
|
|
3
3
|
import type React from "react";
|
|
4
|
-
import { HTableInstance } from "../modal";
|
|
4
|
+
import type { HTableInstance } from "../modal";
|
|
5
5
|
export interface IHeaderProps {
|
|
6
6
|
configData?: ConfigDataModal;
|
|
7
7
|
onFinish?: (value: Record<string, any>) => Promise<any>;
|
|
@@ -9,6 +9,7 @@ export interface IHeaderProps {
|
|
|
9
9
|
loading?: boolean;
|
|
10
10
|
headerStyle?: React.CSSProperties;
|
|
11
11
|
table?: HTableInstance;
|
|
12
|
+
initValues?: Record<string, any>;
|
|
12
13
|
}
|
|
13
14
|
export interface FormConfigDataItemProviderModal extends ConfigItemModal {
|
|
14
15
|
className?: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { HTableProps } from "./modal";
|
|
2
|
-
declare const _default: ({ request, configData, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, ...props }: HTableProps) => JSX.Element;
|
|
2
|
+
declare const _default: ({ request, configData, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, ...props }: HTableProps) => JSX.Element;
|
|
3
3
|
export default _default;
|
|
@@ -72,6 +72,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
|
|
|
72
72
|
onFinish?: (value: any) => Promise<any>;
|
|
73
73
|
paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
|
|
74
74
|
localSorter?: boolean;
|
|
75
|
+
formInitValues?: Record<string, any>;
|
|
75
76
|
}
|
|
76
77
|
export interface TableInstance {
|
|
77
78
|
reload: (params?: ParamsModal) => Promise<any>;
|
|
@@ -17,7 +17,7 @@ var HeaderTitle = (function (_ref) {
|
|
|
17
17
|
selectedRowData = _useHTableContext.selectedRowData,
|
|
18
18
|
rowOnChange = _useHTableContext.rowOnChange,
|
|
19
19
|
allSelectChange = _useHTableContext.allSelectChange;
|
|
20
|
-
var headerBox = index.useClassName(
|
|
20
|
+
var headerBox = index.useClassName("hw-table-header-title-box");
|
|
21
21
|
if (!headerTitle && !rNode) {
|
|
22
22
|
return null;
|
|
23
23
|
}
|
package/lib/HTableBody/index.js
CHANGED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
|
|
6
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
|
|
7
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
|
|
8
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
|
|
9
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
|
|
10
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
|
|
11
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
|
|
12
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
|
|
13
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
|
+
require('core-js/modules/es.function.name.js');
|
|
16
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
17
|
+
var form = require('@hw-component/form');
|
|
18
|
+
|
|
19
|
+
var _excluded = ["name", "valueMap", "addFormat"];
|
|
20
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
|
+
var Index = function Index(_ref) {
|
|
23
|
+
var name = _ref.name,
|
|
24
|
+
_ref$valueMap = _ref.valueMap,
|
|
25
|
+
valueMap = _ref$valueMap === void 0 ? {} : _ref$valueMap,
|
|
26
|
+
addFormat = _ref.addFormat,
|
|
27
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
+
var _valueMap$start = valueMap.start,
|
|
29
|
+
start = _valueMap$start === void 0 ? "".concat(name, "StartTime") : _valueMap$start,
|
|
30
|
+
_valueMap$end = valueMap.end,
|
|
31
|
+
end = _valueMap$end === void 0 ? "".concat(name, "EndTime") : _valueMap$end;
|
|
32
|
+
var startStr = start;
|
|
33
|
+
var endStr = end;
|
|
34
|
+
addFormat === null || addFormat === void 0 || addFormat({
|
|
35
|
+
float: {
|
|
36
|
+
inputValue: function inputValue(item, initValue) {
|
|
37
|
+
var startTime = initValue[startStr],
|
|
38
|
+
endTime = initValue[endStr];
|
|
39
|
+
return _defineProperty({}, name, _defineProperty(_defineProperty({}, startStr, startTime), endStr, endTime));
|
|
40
|
+
},
|
|
41
|
+
outputValue: function outputValue(item, _outputValue) {
|
|
42
|
+
var itemValue = _outputValue[name];
|
|
43
|
+
if (!itemValue) {
|
|
44
|
+
return _defineProperty(_defineProperty({}, startStr, null), endStr, null);
|
|
45
|
+
}
|
|
46
|
+
return _objectSpread({}, itemValue);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
return jsxRuntime.jsx(form.HRangePicker, _objectSpread(_objectSpread({}, props), {}, {
|
|
51
|
+
valueMap: {
|
|
52
|
+
start: start,
|
|
53
|
+
end: end
|
|
54
|
+
}
|
|
55
|
+
}));
|
|
56
|
+
};
|
|
57
|
+
var RangePickerSearch = form.HFormConnect(Index);
|
|
58
|
+
|
|
59
|
+
exports.default = RangePickerSearch;
|
|
60
|
+
// powered by h
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
|
|
4
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
|
|
5
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
|
|
7
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
|
|
8
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
|
|
9
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
|
|
10
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
|
|
11
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
12
|
+
require('core-js/modules/es.function.name.js');
|
|
13
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
14
|
+
var RangePickerSearch = require('./RangePickerSearch.js');
|
|
15
|
+
|
|
16
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
var renderData = {
|
|
19
|
+
rangePicker: function rangePicker(item) {
|
|
20
|
+
var _item$itemProps = item.itemProps,
|
|
21
|
+
itemProps = _item$itemProps === void 0 ? {} : _item$itemProps,
|
|
22
|
+
_item$name = item.name,
|
|
23
|
+
name = _item$name === void 0 ? "" : _item$name;
|
|
24
|
+
var rangeProps = itemProps;
|
|
25
|
+
return jsxRuntime.jsx(RangePickerSearch.default, _objectSpread({
|
|
26
|
+
name: name
|
|
27
|
+
}, rangeProps));
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.renderData = renderData;
|
|
32
|
+
// powered by h
|
|
@@ -23,6 +23,7 @@ var React = require('react');
|
|
|
23
23
|
var index = require('../hooks/index.js');
|
|
24
24
|
var defaultSubComponent = require('./defaultSubComponent.js');
|
|
25
25
|
var context = require('../context.js');
|
|
26
|
+
var defaultFormRender = require('./defaultFormRender.js');
|
|
26
27
|
|
|
27
28
|
var _excluded = ["colon", "searchType", "title", "name", "dataIndex", "itemProps", "searchRender", "childrenDataIndex", "showSearch", "hideInTable", "align"];
|
|
28
29
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -113,7 +114,8 @@ var formConfigDataItemProvider = function formConfigDataItemProvider(_ref, table
|
|
|
113
114
|
if (searchRender) {
|
|
114
115
|
return searchRender(item, node, form, table);
|
|
115
116
|
}
|
|
116
|
-
|
|
117
|
+
var defaultRender = defaultFormRender.renderData[searchType || ""];
|
|
118
|
+
return defaultRender ? defaultRender(item) : node;
|
|
117
119
|
}
|
|
118
120
|
});
|
|
119
121
|
};
|
|
@@ -32,7 +32,8 @@ var Header = (function (_ref) {
|
|
|
32
32
|
onFinish = _ref.onFinish,
|
|
33
33
|
_ref$searchSpan = _ref.searchSpan,
|
|
34
34
|
searchSpan = _ref$searchSpan === void 0 ? defaultSearchSpan : _ref$searchSpan,
|
|
35
|
-
headerStyle = _ref.headerStyle
|
|
35
|
+
headerStyle = _ref.headerStyle,
|
|
36
|
+
initValues = _ref.initValues;
|
|
36
37
|
var _useHTableContext = context.useHTableContext(),
|
|
37
38
|
tableInstance = _useHTableContext.tableInstance,
|
|
38
39
|
loading = _useHTableContext.loading,
|
|
@@ -62,6 +63,7 @@ var Header = (function (_ref) {
|
|
|
62
63
|
onFinish: subOnFinish,
|
|
63
64
|
submitLoading: loading,
|
|
64
65
|
gutter: [20, 0],
|
|
66
|
+
initialValues: initValues,
|
|
65
67
|
hideLabel: true,
|
|
66
68
|
configData: nConfigData,
|
|
67
69
|
form: form$1
|
|
@@ -2,7 +2,7 @@ import type { PaginationProps } from "antd";
|
|
|
2
2
|
import type { ParamsModal } from "../modal";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import type { AffixProps } from "antd/lib/affix";
|
|
5
|
-
import { HTableInstance } from "../modal";
|
|
5
|
+
import type { HTableInstance } from "../modal";
|
|
6
6
|
export interface IPaginationProps extends PaginationProps {
|
|
7
7
|
onPageChange?: (params: ParamsModal) => void;
|
|
8
8
|
paginationStyle?: React.CSSProperties;
|
package/lib/Table.js
CHANGED
|
@@ -24,7 +24,7 @@ var useReq = require('./hooks/useReq.js');
|
|
|
24
24
|
var useDispatch = require('./hooks/useDispatch.js');
|
|
25
25
|
var React = require('react');
|
|
26
26
|
|
|
27
|
-
var _excluded = ["request", "configData", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual"];
|
|
27
|
+
var _excluded = ["request", "configData", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues"];
|
|
28
28
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
29
29
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
30
30
|
var Table = (function (_ref) {
|
|
@@ -46,6 +46,7 @@ var Table = (function (_ref) {
|
|
|
46
46
|
rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
|
|
47
47
|
onFinish = _ref.onFinish,
|
|
48
48
|
manual = _ref.manual,
|
|
49
|
+
formInitValues = _ref.formInitValues,
|
|
49
50
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
50
51
|
var _useReq = useReq.default({
|
|
51
52
|
request: request,
|
|
@@ -115,7 +116,8 @@ var Table = (function (_ref) {
|
|
|
115
116
|
children: [!hideHeader && jsxRuntime.jsx(index.default, {
|
|
116
117
|
searchSpan: searchSpan,
|
|
117
118
|
headerStyle: headerStyle,
|
|
118
|
-
onFinish: onFinish
|
|
119
|
+
onFinish: onFinish,
|
|
120
|
+
initValues: formInitValues
|
|
119
121
|
}), jsxRuntime.jsx(index$1.default, _objectSpread({
|
|
120
122
|
tableStyle: hideHeader ? _objectSpread({
|
|
121
123
|
paddingTop: 24
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { IHeaderProps } from "./modal";
|
|
2
2
|
import type { HItemProps } from "@hw-component/form/es/Form/modal";
|
|
3
|
-
export declare const useHideMoreTitle: ({ searchSpan, configData, table }: IHeaderProps) => HItemProps[];
|
|
3
|
+
export declare const useHideMoreTitle: ({ searchSpan, configData, table, }: IHeaderProps) => HItemProps[];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { IHeaderProps } from "./modal";
|
|
2
|
-
declare const _default: ({ configData, onFinish, searchSpan, headerStyle, }: IHeaderProps) => JSX.Element;
|
|
2
|
+
declare const _default: ({ configData, onFinish, searchSpan, headerStyle, initValues, }: IHeaderProps) => JSX.Element;
|
|
3
3
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ConfigDataModal, ConfigItemModal } from "../modal";
|
|
2
2
|
import type { ColProps } from "antd";
|
|
3
3
|
import type React from "react";
|
|
4
|
-
import { HTableInstance } from "../modal";
|
|
4
|
+
import type { HTableInstance } from "../modal";
|
|
5
5
|
export interface IHeaderProps {
|
|
6
6
|
configData?: ConfigDataModal;
|
|
7
7
|
onFinish?: (value: Record<string, any>) => Promise<any>;
|
|
@@ -9,6 +9,7 @@ export interface IHeaderProps {
|
|
|
9
9
|
loading?: boolean;
|
|
10
10
|
headerStyle?: React.CSSProperties;
|
|
11
11
|
table?: HTableInstance;
|
|
12
|
+
initValues?: Record<string, any>;
|
|
12
13
|
}
|
|
13
14
|
export interface FormConfigDataItemProviderModal extends ConfigItemModal {
|
|
14
15
|
className?: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { HTableProps } from "./modal";
|
|
2
|
-
declare const _default: ({ request, configData, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, ...props }: HTableProps) => JSX.Element;
|
|
2
|
+
declare const _default: ({ request, configData, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, ...props }: HTableProps) => JSX.Element;
|
|
3
3
|
export default _default;
|
|
@@ -72,6 +72,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
|
|
|
72
72
|
onFinish?: (value: any) => Promise<any>;
|
|
73
73
|
paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
|
|
74
74
|
localSorter?: boolean;
|
|
75
|
+
formInitValues?: Record<string, any>;
|
|
75
76
|
}
|
|
76
77
|
export interface TableInstance {
|
|
77
78
|
reload: (params?: ParamsModal) => Promise<any>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hw-component/table",
|
|
3
|
-
"version": "0.0.9-beta-
|
|
3
|
+
"version": "0.0.9-beta-v12",
|
|
4
4
|
"description": "基于antd二次开发table组件",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"table"
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
"author": "hdj",
|
|
14
14
|
"main": "lib/index.js",
|
|
15
15
|
"module": "es/index.js",
|
|
16
|
+
"types": "es/index.d.ts",
|
|
16
17
|
"scripts": {
|
|
17
18
|
"build": "rollup --config ./scripts/rollup.config.js",
|
|
18
19
|
"lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src ",
|
|
@@ -31,7 +32,7 @@
|
|
|
31
32
|
"dependencies": {
|
|
32
33
|
"@ant-design/icons": "4.6.2",
|
|
33
34
|
"@ant-design/pro-table": "2.70.0",
|
|
34
|
-
"@hw-component/form": "1.0
|
|
35
|
+
"@hw-component/form": "1.1.0",
|
|
35
36
|
"ahooks": "2.10.9",
|
|
36
37
|
"antd": "4.20.7",
|
|
37
38
|
"core-js": "3",
|
package/src/app.tsx
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import routes from "./routes";
|
|
3
3
|
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
createBrowserRouter,
|
|
5
|
+
Navigate,
|
|
6
|
+
RouterProvider,
|
|
7
|
+
useRouteError,
|
|
8
8
|
} from "react-router-dom";
|
|
9
9
|
import type { RouteObject } from "react-router";
|
|
10
10
|
import Layout from "./Layout";
|
|
11
11
|
const Error = () => {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
const error = useRouteError();
|
|
13
|
+
if (error.status === 404) {
|
|
14
|
+
return <Navigate to="/form/select" replace />;
|
|
15
|
+
}
|
|
16
|
+
return <div>错误</div>;
|
|
17
17
|
};
|
|
18
18
|
const rootRoute = [
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
{
|
|
20
|
+
path: "/",
|
|
21
|
+
element: <Layout />,
|
|
22
|
+
errorElement: <Error />,
|
|
23
|
+
children: routes,
|
|
24
|
+
},
|
|
25
25
|
];
|
|
26
26
|
const router = () => {
|
|
27
|
-
|
|
27
|
+
return createBrowserRouter(rootRoute as RouteObject[]);
|
|
28
28
|
};
|
|
29
29
|
export default () => {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
};
|
|
30
|
+
return (
|
|
31
|
+
<RouterProvider router={router()} fallbackElement={<p>Loading...</p>} />
|
|
32
|
+
);
|
|
33
|
+
};
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import {Row, Space} from "antd";
|
|
2
|
-
import {HTableBodyProps} from "../index";
|
|
3
|
-
import
|
|
1
|
+
import { Row, Space } from "antd";
|
|
2
|
+
import type { HTableBodyProps } from "../index";
|
|
3
|
+
import type { DetailedReactHTMLElement } from "react";
|
|
4
|
+
import React from "react";
|
|
4
5
|
import { useHTableContext } from "../../context";
|
|
5
|
-
import {useClassName} from "../../hooks";
|
|
6
|
+
import { useClassName } from "../../hooks";
|
|
6
7
|
interface IProps {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
headerTitle: HTableBodyProps["headerTitle"];
|
|
9
|
+
contentStyle?: React.CSSProperties;
|
|
10
|
+
rNode?: React.ReactNode;
|
|
10
11
|
}
|
|
11
|
-
export default ({headerTitle,contentStyle,rNode}:IProps)=>{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
</div>
|
|
29
|
-
{rNode&&rNode}
|
|
12
|
+
export default ({ headerTitle, contentStyle, rNode }: IProps) => {
|
|
13
|
+
const { tableInstance, selectedRowData, rowOnChange, allSelectChange } =
|
|
14
|
+
useHTableContext();
|
|
15
|
+
const headerBox = useClassName("hw-table-header-title-box");
|
|
16
|
+
if (!headerTitle && !rNode) {
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
19
|
+
return (
|
|
20
|
+
<Row justify={"space-between"} align={"middle"} style={contentStyle}>
|
|
21
|
+
<div className={headerBox}>
|
|
22
|
+
{headerTitle &&
|
|
23
|
+
React.cloneElement(
|
|
24
|
+
headerTitle as DetailedReactHTMLElement<any, any>,
|
|
25
|
+
{ selectedRowData, allSelectChange, rowOnChange, tableInstance }
|
|
26
|
+
)}
|
|
27
|
+
</div>
|
|
28
|
+
{rNode && rNode}
|
|
30
29
|
</Row>
|
|
31
|
-
|
|
30
|
+
);
|
|
31
|
+
};
|