@cqsjjb/jjb-react-admin-component 3.3.11 → 3.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/AMap/index.js +2 -4
  2. package/AdaptiveTree/index.js +103 -107
  3. package/BMap/index.js +0 -6
  4. package/ControlWrapper/index.js +0 -11
  5. package/Editor/index.js +0 -1
  6. package/ErrorBoundary/index.js +3 -5
  7. package/FileUploader/index.js +35 -36
  8. package/FormilyDescriptions/index.js +3 -13
  9. package/FormilyRenderer/index.js +0 -1
  10. package/ImageCropper/index.js +0 -1
  11. package/ImageUploader/index.js +0 -1
  12. package/ListDataContainer/index.js +48 -47
  13. package/MediaQuery/index.js +2 -9
  14. package/PageLayout/index.js +6 -11
  15. package/PhoneBox/index.js +21 -23
  16. package/SearchForm/index.js +11 -20
  17. package/Table/index.js +16 -35
  18. package/TableAction/index.js +7 -10
  19. package/package.json +2 -2
  20. package/tools/index.js +1 -1
  21. package/Layout/README.md +0 -41
  22. package/Layout/index.d.ts +0 -81
  23. package/Layout/index.js +0 -99
  24. package/Layout/index.less +0 -112
package/Layout/index.js DELETED
@@ -1,99 +0,0 @@
1
- import React, { useContext } from 'react';
2
- import { Space } from 'antd';
3
- import { ArrowLeftOutlined } from '@ant-design/icons';
4
- import { useField } from '@cqsjjb/jjb-data-provider';
5
- import './index.less';
6
- import { getPrefixCls } from '../tools/index.js';
7
- const prefixCls = getPrefixCls();
8
- export const LayoutHeader = props => {
9
- const {
10
- style,
11
- title,
12
- extra,
13
- previous,
14
- content,
15
- className,
16
- contentStyle,
17
- contentClassName
18
- } = props;
19
- const {
20
- checkField
21
- } = useField();
22
- return /*#__PURE__*/React.createElement("div", {
23
- style: style,
24
- className: `${prefixCls}-layout-container-head${className ? ` ${className}` : ''}`
25
- }, /*#__PURE__*/React.createElement("div", {
26
- className: `${prefixCls}-layout-container-header`
27
- }, /*#__PURE__*/React.createElement("div", {
28
- className: `${prefixCls}-layout-container-header-left`
29
- }, previous && /*#__PURE__*/React.createElement("div", {
30
- className: `${prefixCls}-layout-container-header-back`,
31
- onClick: () => window.history.back()
32
- }, /*#__PURE__*/React.createElement("div", {
33
- role: "button",
34
- className: `${prefixCls}-layout-container-header-back-icon`
35
- }, /*#__PURE__*/React.createElement(ArrowLeftOutlined, null))), /*#__PURE__*/React.createElement("span", {
36
- className: `${prefixCls}-layout-container-header-title`
37
- }, checkField('DEFAULT_MENU', title))), extra && /*#__PURE__*/React.createElement("div", {
38
- className: `${prefixCls}-layout-container-header-right`
39
- }, /*#__PURE__*/React.createElement(Space, null, extra))), content && /*#__PURE__*/React.createElement("div", {
40
- style: {
41
- marginTop: 16,
42
- ...(contentStyle || {})
43
- },
44
- className: contentClassName
45
- }, content));
46
- };
47
- LayoutHeader.displayName = 'LayoutHeader';
48
- export const LayoutBlock = props => {
49
- const {
50
- title,
51
- description,
52
- extra,
53
- content,
54
- style,
55
- className,
56
- contentStyle,
57
- contentClassName,
58
- headerStyle,
59
- headerClassName
60
- } = props;
61
- return /*#__PURE__*/React.createElement("div", {
62
- style: style,
63
- className: `${prefixCls}-layout-container-block${className ? ` ${className}` : ''}`
64
- }, title && /*#__PURE__*/React.createElement("div", {
65
- style: headerStyle,
66
- className: `${prefixCls}-layout-container-block-header${headerClassName ? ` ${headerClassName}` : ''}`
67
- }, /*#__PURE__*/React.createElement("div", {
68
- className: `${prefixCls}-layout-container-block-header-left`
69
- }, /*#__PURE__*/React.createElement("div", {
70
- className: `${prefixCls}-layout-container-block-header-title`
71
- }, title), description && /*#__PURE__*/React.createElement("div", {
72
- className: `${prefixCls}-layout-container-block-header-description`
73
- }, description)), extra && /*#__PURE__*/React.createElement("div", {
74
- className: `${prefixCls}-layout-container-block-header-right`
75
- }, /*#__PURE__*/React.createElement(Space, null, extra))), content && /*#__PURE__*/React.createElement("div", {
76
- style: contentStyle,
77
- className: `${prefixCls}-layout-container-block-content${contentClassName ? ` ${contentClassName}` : ''}`
78
- }, content));
79
- };
80
- LayoutBlock.displayName = 'LayoutBlock';
81
- const Layout = props => {
82
- const {
83
- style = {},
84
- 'data-node-id': dataNodeId,
85
- className,
86
- contentStyle,
87
- contentClassName
88
- } = props;
89
- return /*#__PURE__*/React.createElement("div", {
90
- style: style,
91
- className: `${prefixCls}-layout-container${className ? ` ${className}` : ''}`,
92
- "data-node-id": dataNodeId
93
- }, /*#__PURE__*/React.createElement("div", {
94
- style: contentStyle,
95
- className: `${prefixCls}-layout-container-content${contentClassName ? ` ${contentClassName}` : ''}`
96
- }, props.children));
97
- };
98
- Layout.displayName = 'Layout';
99
- export default Layout;
package/Layout/index.less DELETED
@@ -1,112 +0,0 @@
1
- @com-prefix-cls: if(isdefined(@ant-prefix), @ant-prefix, ant);
2
-
3
- .@{com-prefix-cls}-layout-container {
4
- height: 100%;
5
- overflow: hidden;
6
- position: relative;
7
- }
8
-
9
- .@{com-prefix-cls}-layout-container-head {
10
- padding: 24px;
11
- border-radius: 12px 12px 12px 12px;
12
- background: #FFFFFF;
13
- }
14
-
15
- .@{com-prefix-cls}-layout-container-header {
16
- box-sizing: border-box;
17
- margin: 0;
18
- padding: 0;
19
- color: rgba(0, 0, 0, 0.88);
20
- font-size: 14px;
21
- line-height: 1.5714285714285714;
22
- list-style: none;
23
- position: relative;
24
- display: flex;
25
- align-items: center;
26
- justify-content: space-between;
27
-
28
- &-left {
29
- display: flex;
30
- align-items: center;
31
- overflow: hidden;
32
- }
33
-
34
- &-back {
35
- margin-inline-end: 16px;
36
- font-size: 16px;
37
- line-height: 1;
38
-
39
- &-icon {
40
- font-size: 16px;
41
- color: rgba(0, 0, 0, 0.88);
42
- outline: none;
43
- cursor: pointer;
44
- transition: color 0.3s;
45
- }
46
- }
47
- &-title {
48
- margin-inline-end: 12px;
49
- margin-block-end: 0;
50
- color: rgba(0, 0, 0, 0.88);
51
- font-weight: 600;
52
- font-size: 20px;
53
- line-height: 32px;
54
- overflow: hidden;
55
- white-space: nowrap;
56
- text-overflow: ellipsis;
57
- }
58
-
59
- &-right {
60
- white-space: nowrap;
61
- }
62
- }
63
-
64
- .@{com-prefix-cls}-layout-container-content {
65
- position: absolute;
66
- top: 0;
67
- left: 0;
68
- width: 100%;
69
- height: 100%;
70
- overflow-y: auto;
71
- overflow-x: hidden;
72
- scrollbar-width: none;
73
- &::-webkit-scrollbar {
74
- display: none;
75
- }
76
- }
77
-
78
- .@{com-prefix-cls}-layout-container-block {
79
- border-radius: 12px 12px 12px 12px;
80
- background: #FFFFFF;
81
- padding: 24px;
82
-
83
- &-header {
84
- display: flex;
85
- justify-content: space-between;
86
- align-items: center;
87
-
88
- &-left {
89
- display: flex;
90
- align-items: center;
91
- line-height: 32px;
92
- gap: 8px;
93
- }
94
-
95
- &-title {
96
- font-size: 16px;
97
- color: rgba(0, 0, 0, 0.9);
98
- font-weight: 600;
99
- }
100
-
101
- &-description {
102
- font-size: 12px;
103
- color: rgba(0, 0, 0, 0.4);
104
- }
105
- }
106
-
107
- &:has(.@{com-prefix-cls}-layout-container-block-header) {
108
- .@{com-prefix-cls}-layout-container-block-content {
109
- margin-top: 12px;
110
- }
111
- }
112
- }