@hw-component/table 0.0.6-beta-v18 → 0.0.6-beta-v20
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.
|
@@ -1,9 +1,21 @@
|
|
|
1
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';
|
|
2
11
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
12
|
import { Row, Space, Button, Typography } from 'antd';
|
|
4
13
|
import { useHTableContext } from '../context.js';
|
|
14
|
+
import { useMemo } from 'react';
|
|
5
15
|
import { DownOutlined, UpOutlined } from '@ant-design/icons';
|
|
6
16
|
|
|
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; }
|
|
7
19
|
var OpenComponent = function OpenComponent() {
|
|
8
20
|
var _useHTableContext = useHTableContext(),
|
|
9
21
|
headerOpen = _useHTableContext.headerOpen,
|
|
@@ -27,11 +39,28 @@ var DefaultSubComponent = function DefaultSubComponent(_ref) {
|
|
|
27
39
|
var _useHTableContext2 = useHTableContext(),
|
|
28
40
|
loading = _useHTableContext2.loading,
|
|
29
41
|
headerOpen = _useHTableContext2.headerOpen;
|
|
42
|
+
var hide = typeof headerOpen === "undefined";
|
|
43
|
+
var _useMemo = useMemo(function () {
|
|
44
|
+
if (hide) {
|
|
45
|
+
return {
|
|
46
|
+
justify: "start",
|
|
47
|
+
style: {
|
|
48
|
+
marginLeft: 20
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
return {
|
|
53
|
+
justify: "end",
|
|
54
|
+
style: {}
|
|
55
|
+
};
|
|
56
|
+
}, [hide]),
|
|
57
|
+
justify = _useMemo.justify,
|
|
58
|
+
style = _useMemo.style;
|
|
30
59
|
return jsx(Row, {
|
|
31
|
-
justify:
|
|
32
|
-
style: {
|
|
60
|
+
justify: justify,
|
|
61
|
+
style: _objectSpread({
|
|
33
62
|
width: "100%"
|
|
34
|
-
},
|
|
63
|
+
}, style),
|
|
35
64
|
children: jsxs(Space, {
|
|
36
65
|
size: 6,
|
|
37
66
|
children: [jsx(Button, {
|
|
@@ -52,7 +81,7 @@ var DefaultSubComponent = function DefaultSubComponent(_ref) {
|
|
|
52
81
|
form.resetFields();
|
|
53
82
|
},
|
|
54
83
|
children: "\u91CD\u7F6E"
|
|
55
|
-
}),
|
|
84
|
+
}), hide ? null : jsx(OpenComponent, {})]
|
|
56
85
|
})
|
|
57
86
|
});
|
|
58
87
|
};
|
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
'use strict';
|
|
2
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');
|
|
3
12
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
13
|
var antd = require('antd');
|
|
5
14
|
var context = require('../context.js');
|
|
15
|
+
var React = require('react');
|
|
6
16
|
var icons = require('@ant-design/icons');
|
|
7
17
|
|
|
18
|
+
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; }
|
|
19
|
+
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; }
|
|
8
20
|
var OpenComponent = function OpenComponent() {
|
|
9
21
|
var _useHTableContext = context.useHTableContext(),
|
|
10
22
|
headerOpen = _useHTableContext.headerOpen,
|
|
@@ -28,11 +40,28 @@ var DefaultSubComponent = function DefaultSubComponent(_ref) {
|
|
|
28
40
|
var _useHTableContext2 = context.useHTableContext(),
|
|
29
41
|
loading = _useHTableContext2.loading,
|
|
30
42
|
headerOpen = _useHTableContext2.headerOpen;
|
|
43
|
+
var hide = typeof headerOpen === "undefined";
|
|
44
|
+
var _useMemo = React.useMemo(function () {
|
|
45
|
+
if (hide) {
|
|
46
|
+
return {
|
|
47
|
+
justify: "start",
|
|
48
|
+
style: {
|
|
49
|
+
marginLeft: 20
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
return {
|
|
54
|
+
justify: "end",
|
|
55
|
+
style: {}
|
|
56
|
+
};
|
|
57
|
+
}, [hide]),
|
|
58
|
+
justify = _useMemo.justify,
|
|
59
|
+
style = _useMemo.style;
|
|
31
60
|
return jsxRuntime.jsx(antd.Row, {
|
|
32
|
-
justify:
|
|
33
|
-
style: {
|
|
61
|
+
justify: justify,
|
|
62
|
+
style: _objectSpread({
|
|
34
63
|
width: "100%"
|
|
35
|
-
},
|
|
64
|
+
}, style),
|
|
36
65
|
children: jsxRuntime.jsxs(antd.Space, {
|
|
37
66
|
size: 6,
|
|
38
67
|
children: [jsxRuntime.jsx(antd.Button, {
|
|
@@ -53,7 +82,7 @@ var DefaultSubComponent = function DefaultSubComponent(_ref) {
|
|
|
53
82
|
form.resetFields();
|
|
54
83
|
},
|
|
55
84
|
children: "\u91CD\u7F6E"
|
|
56
|
-
}),
|
|
85
|
+
}), hide ? null : jsxRuntime.jsx(OpenComponent, {})]
|
|
57
86
|
})
|
|
58
87
|
});
|
|
59
88
|
};
|
package/package.json
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Button, Row, Space, Typography } from "antd";
|
|
2
2
|
import type { HFormInstance } from "@hw-component/form/es/Form/modal";
|
|
3
3
|
import { useHTableContext } from "../context";
|
|
4
|
-
import React from "react";
|
|
4
|
+
import React, {useMemo} from "react";
|
|
5
5
|
import { DownOutlined, UpOutlined } from "@ant-design/icons";
|
|
6
|
+
import {RowProps} from "antd/lib/grid/row";
|
|
6
7
|
interface IProps {
|
|
7
8
|
form: HFormInstance;
|
|
8
9
|
}
|
|
@@ -34,8 +35,25 @@ const OpenComponent = () => {
|
|
|
34
35
|
};
|
|
35
36
|
export const DefaultSubComponent = ({ form }: IProps) => {
|
|
36
37
|
const { loading, headerOpen } = useHTableContext();
|
|
38
|
+
const hide=typeof headerOpen === "undefined";
|
|
39
|
+
const {justify,style}=useMemo(()=>{
|
|
40
|
+
if (hide){
|
|
41
|
+
return {
|
|
42
|
+
justify:"start",
|
|
43
|
+
style:{
|
|
44
|
+
marginLeft:20
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return {
|
|
49
|
+
justify:"end",
|
|
50
|
+
style:{
|
|
51
|
+
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
},[hide]);
|
|
37
55
|
return (
|
|
38
|
-
<Row justify="
|
|
56
|
+
<Row justify={(justify as RowProps["justify"])} style={{width:"100%",...style}}>
|
|
39
57
|
<Space size={6}>
|
|
40
58
|
<Button
|
|
41
59
|
type={"primary"}
|
|
@@ -55,7 +73,7 @@ export const DefaultSubComponent = ({ form }: IProps) => {
|
|
|
55
73
|
>
|
|
56
74
|
重置
|
|
57
75
|
</Button>
|
|
58
|
-
{
|
|
76
|
+
{hide? null : <OpenComponent />}
|
|
59
77
|
</Space>
|
|
60
78
|
</Row>
|
|
61
79
|
);
|