ebaoferc 2.0.8 → 2.0.9-beta.1

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 (43) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +43 -43
  3. package/dist/components/BlockHeader/style.less +52 -52
  4. package/dist/components/ImageViewTrigger/index.less +25 -25
  5. package/dist/components/MaskInput/index.d.ts +16 -0
  6. package/dist/components/MaskInput/index.js +130 -0
  7. package/dist/components/MaskInput/style.module.less +4 -0
  8. package/dist/components/MaskTxt/index.d.ts +16 -0
  9. package/dist/components/MaskTxt/index.js +123 -0
  10. package/dist/components/MaskTxt/style.module.less +11 -0
  11. package/dist/components/MindGraph/core/graphic/drag.js +15 -15
  12. package/dist/components/MindGraph/core/graphic/index.js +105 -105
  13. package/dist/components/MindGraph/core/helper/depth-first-walk-tree.js +4 -4
  14. package/dist/components/MindGraph/core/helper/descendant.js +3 -3
  15. package/dist/components/MindGraph/core/helper/get-layout-calc-children.js +6 -6
  16. package/dist/components/MindGraph/core/helper/index.d.ts +15 -15
  17. package/dist/components/MindGraph/core/helper/judge-if-all-child-fold.js +4 -4
  18. package/dist/components/MindGraph/core/helper/judge-if-heir-and-fold.js +6 -6
  19. package/dist/components/MindGraph/core/helper/judge-if-visual-leaf.js +3 -3
  20. package/dist/components/MindGraph/core/index.d.ts +6 -2
  21. package/dist/components/MindGraph/core/index.js +26 -26
  22. package/dist/components/MindGraph/core/process/layout/structured/get-node-cross-boundary.js +7 -7
  23. package/dist/components/MindGraph/core/process/layout/type.js +20 -20
  24. package/dist/components/MindGraph/core/process/visible.js +3 -3
  25. package/dist/components/MindGraph/core/render/index.d.ts +12 -12
  26. package/dist/components/MindGraph/react/component/index.module.less +71 -71
  27. package/dist/components/MindGraph/react/hook/use-shadow-state.d.ts +1 -1
  28. package/dist/components/MindGraph/react/scrollbar/axis/index.module.less +47 -47
  29. package/dist/components/QueryProCard/index.less +9 -9
  30. package/dist/components/SectionTitleBar/index.less +31 -31
  31. package/dist/components/SliderVerify/style.module.less +119 -119
  32. package/dist/components/StyledModalForm/index.d.ts +1 -1
  33. package/dist/components/StyledModalForm/index.less +51 -51
  34. package/dist/components/StyledQueryFilter/index.js +11 -9
  35. package/dist/components/StyledQueryFilter/index.less +26 -26
  36. package/dist/components/StyledTable/index.less +18 -18
  37. package/dist/components/ThemeStatusTag/index.less +11 -11
  38. package/dist/components/index.d.ts +3 -0
  39. package/dist/components/index.js +2 -0
  40. package/dist/hooks/usePathname/index.js +2 -2
  41. package/dist/typings.d.ts +20 -20
  42. package/dist/utils/format/index.js +14 -14
  43. package/package.json +102 -102
@@ -1,119 +1,119 @@
1
- .slider {
2
- background-color: #fff;
3
- width: 278px;
4
- z-index: 999;
5
- box-sizing: border-box;
6
- padding: 9px;
7
- border-radius: 6px;
8
- box-shadow: 0 0 11px 0 #999;
9
- user-select: none;
10
- }
11
-
12
- .slider .content {
13
- width: 100%;
14
- height: 159px;
15
- position: relative;
16
- }
17
-
18
- .bg-img-div {
19
- width: 100%;
20
- height: 100%;
21
- position: absolute;
22
- transform: translate(0, 0);
23
- }
24
-
25
- .slider-img-div {
26
- height: 100%;
27
- position: absolute;
28
- transform: translate(0, 0);
29
- }
30
-
31
- .bg-img-div img {
32
- width: 100%;
33
- -webkit-user-drag: none;
34
- -khtml-user-drag: none;
35
- -moz-user-drag: none;
36
- -o-user-drag: none;
37
- }
38
-
39
- .slider-img-div img {
40
- height: 100%;
41
- -webkit-user-drag: none;
42
- -khtml-user-drag: none;
43
- -moz-user-drag: none;
44
- -o-user-drag: none;
45
- }
46
-
47
- .slider .slider-move {
48
- width: 100%;
49
- margin: 11px 0;
50
- position: relative;
51
- }
52
-
53
- .slider .bottom {
54
- width: 100%;
55
- display: flex;
56
- justify-content: flex-end;
57
- }
58
-
59
- .refresh-btn,
60
- .close-btn {
61
- display: inline-block;
62
- }
63
-
64
- .slider-move .slider-move-track {
65
- line-height: 32px;
66
- font-size: 14px;
67
- text-align: center;
68
- white-space: nowrap;
69
- color: #88949d;
70
- user-select: none;
71
- border-radius: 20px;
72
- background: #dfe1e2;
73
- box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 15%);
74
- }
75
-
76
- .slider-move .slider-move-btn {
77
- transform: translate(0, 0);
78
- position: absolute;
79
- top: -8px;
80
- left: 0;
81
- width: 48px;
82
- height: 48px;
83
- -webkit-user-drag: none;
84
- -khtml-user-drag: none;
85
- -moz-user-drag: none;
86
- -o-user-drag: none;
87
- box-shadow: 0 0 8px 0 rgba(0, 0, 0, 30%), inset 0 0 6px 0 rgba(0, 0, 0, 5%);
88
- background-color: white;
89
- border-radius: 50%;
90
- display: flex;
91
- justify-content: center;
92
- align-items: center;
93
- }
94
-
95
- .slider-move .slider-move-btn-img {
96
- -webkit-user-drag: none;
97
- -khtml-user-drag: none;
98
- -moz-user-drag: none;
99
- -o-user-drag: none;
100
- display: flex;
101
- }
102
-
103
- .slider-move-btn:hover,
104
- .close-btn:hover,
105
- .refresh-btn:hover {
106
- cursor: pointer;
107
- }
108
-
109
- .bottom .close-btn {
110
- width: 20px;
111
- height: 20px;
112
- margin: 5px;
113
- }
114
-
115
- .bottom .refresh-btn {
116
- width: 20px;
117
- height: 20px;
118
- margin: 5px;
119
- }
1
+ .slider {
2
+ background-color: #fff;
3
+ width: 278px;
4
+ z-index: 999;
5
+ box-sizing: border-box;
6
+ padding: 9px;
7
+ border-radius: 6px;
8
+ box-shadow: 0 0 11px 0 #999;
9
+ user-select: none;
10
+ }
11
+
12
+ .slider .content {
13
+ width: 100%;
14
+ height: 159px;
15
+ position: relative;
16
+ }
17
+
18
+ .bg-img-div {
19
+ width: 100%;
20
+ height: 100%;
21
+ position: absolute;
22
+ transform: translate(0, 0);
23
+ }
24
+
25
+ .slider-img-div {
26
+ height: 100%;
27
+ position: absolute;
28
+ transform: translate(0, 0);
29
+ }
30
+
31
+ .bg-img-div img {
32
+ width: 100%;
33
+ -webkit-user-drag: none;
34
+ -khtml-user-drag: none;
35
+ -moz-user-drag: none;
36
+ -o-user-drag: none;
37
+ }
38
+
39
+ .slider-img-div img {
40
+ height: 100%;
41
+ -webkit-user-drag: none;
42
+ -khtml-user-drag: none;
43
+ -moz-user-drag: none;
44
+ -o-user-drag: none;
45
+ }
46
+
47
+ .slider .slider-move {
48
+ width: 100%;
49
+ margin: 11px 0;
50
+ position: relative;
51
+ }
52
+
53
+ .slider .bottom {
54
+ width: 100%;
55
+ display: flex;
56
+ justify-content: flex-end;
57
+ }
58
+
59
+ .refresh-btn,
60
+ .close-btn {
61
+ display: inline-block;
62
+ }
63
+
64
+ .slider-move .slider-move-track {
65
+ line-height: 32px;
66
+ font-size: 14px;
67
+ text-align: center;
68
+ white-space: nowrap;
69
+ color: #88949d;
70
+ user-select: none;
71
+ border-radius: 20px;
72
+ background: #dfe1e2;
73
+ box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 15%);
74
+ }
75
+
76
+ .slider-move .slider-move-btn {
77
+ transform: translate(0, 0);
78
+ position: absolute;
79
+ top: -8px;
80
+ left: 0;
81
+ width: 48px;
82
+ height: 48px;
83
+ -webkit-user-drag: none;
84
+ -khtml-user-drag: none;
85
+ -moz-user-drag: none;
86
+ -o-user-drag: none;
87
+ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 30%), inset 0 0 6px 0 rgba(0, 0, 0, 5%);
88
+ background-color: white;
89
+ border-radius: 50%;
90
+ display: flex;
91
+ justify-content: center;
92
+ align-items: center;
93
+ }
94
+
95
+ .slider-move .slider-move-btn-img {
96
+ -webkit-user-drag: none;
97
+ -khtml-user-drag: none;
98
+ -moz-user-drag: none;
99
+ -o-user-drag: none;
100
+ display: flex;
101
+ }
102
+
103
+ .slider-move-btn:hover,
104
+ .close-btn:hover,
105
+ .refresh-btn:hover {
106
+ cursor: pointer;
107
+ }
108
+
109
+ .bottom .close-btn {
110
+ width: 20px;
111
+ height: 20px;
112
+ margin: 5px;
113
+ }
114
+
115
+ .bottom .refresh-btn {
116
+ width: 20px;
117
+ height: 20px;
118
+ margin: 5px;
119
+ }
@@ -30,5 +30,5 @@ export type StyledModalFormRef<TData = any> = {
30
30
  getData: () => TData | undefined;
31
31
  };
32
32
  export declare const StyledModalForm: <T = any, TData = any>(props: StyledModalFormProps<T, TData> & {
33
- ref?: Ref<StyledModalFormRef<TData>>;
33
+ ref?: Ref<StyledModalFormRef<TData>> | undefined;
34
34
  }) => JSX.Element;
@@ -1,51 +1,51 @@
1
- .modal-custom-wrapper {
2
- .ant-modal-content {
3
- padding: 0 !important;
4
-
5
- .ant-modal-header {
6
- height: 56px;
7
- border-bottom: 1px solid #f0f0f0;
8
- display: flex;
9
- align-items: center;
10
- margin: 0;
11
- padding-left: 24px;
12
- }
13
-
14
- .ant-modal-body {
15
- padding: 24px 24px 0;
16
- max-height: calc(90vh - 200px);
17
- overflow-y: auto;
18
- overflow-x: hidden;
19
- }
20
-
21
- .ant-modal-footer {
22
- height: 56px;
23
- border-top: 1px solid #f0f0f0;
24
- display: flex;
25
- gap: 10px;
26
- flex-direction: row-reverse;
27
- align-items: center;
28
- margin: 0;
29
- padding-right: 24px;
30
- }
31
- }
32
-
33
- &.no-padding-top {
34
- .ant-modal-content {
35
- .ant-modal-body {
36
- padding-top: 0;
37
- }
38
- }
39
- }
40
- }
41
-
42
- .max-height-modal-custom-wrapper {
43
- .ant-modal-content {
44
- .ant-modal-body {
45
- padding: 24px 24px 0;
46
- max-height: calc(95vh - 100px);
47
- overflow-y: auto;
48
- overflow-x: hidden;
49
- }
50
- }
51
- }
1
+ .modal-custom-wrapper {
2
+ .ant-modal-content {
3
+ padding: 0 !important;
4
+
5
+ .ant-modal-header {
6
+ height: 56px;
7
+ border-bottom: 1px solid #f0f0f0;
8
+ display: flex;
9
+ align-items: center;
10
+ margin: 0;
11
+ padding-left: 24px;
12
+ }
13
+
14
+ .ant-modal-body {
15
+ padding: 24px 24px 0;
16
+ max-height: calc(90vh - 200px);
17
+ overflow-y: auto;
18
+ overflow-x: hidden;
19
+ }
20
+
21
+ .ant-modal-footer {
22
+ height: 56px;
23
+ border-top: 1px solid #f0f0f0;
24
+ display: flex;
25
+ gap: 10px;
26
+ flex-direction: row-reverse;
27
+ align-items: center;
28
+ margin: 0;
29
+ padding-right: 24px;
30
+ }
31
+ }
32
+
33
+ &.no-padding-top {
34
+ .ant-modal-content {
35
+ .ant-modal-body {
36
+ padding-top: 0;
37
+ }
38
+ }
39
+ }
40
+ }
41
+
42
+ .max-height-modal-custom-wrapper {
43
+ .ant-modal-content {
44
+ .ant-modal-body {
45
+ padding: 24px 24px 0;
46
+ max-height: calc(95vh - 100px);
47
+ overflow-y: auto;
48
+ overflow-x: hidden;
49
+ }
50
+ }
51
+ }
@@ -13,14 +13,14 @@ import "./index.less";
13
13
 
14
14
  // 继承 QueryFilterProps 并重写我们想要设置默认值的属性为可选
15
15
  import { jsx as _jsx } from "react/jsx-runtime";
16
- /**
17
- * 增强的 QueryFilter 组件
18
- *
19
- * 默认参数:
20
- * - colon: false (不显示冒号)
21
- * - labelWidth: 80 (标签宽度为80px)
22
- * - defaultFormItemsNumber: 7 (默认展示7个表单项)
23
- * ```
16
+ /**
17
+ * 增强的 QueryFilter 组件
18
+ *
19
+ * 默认参数:
20
+ * - colon: false (不显示冒号)
21
+ * - labelWidth: 80 (标签宽度为80px)
22
+ * - defaultFormItemsNumber: 7 (默认展示7个表单项)
23
+ * ```
24
24
  */
25
25
  var StyledQueryFilter = function StyledQueryFilter(props) {
26
26
  var _props$colon = props.colon,
@@ -34,7 +34,9 @@ var StyledQueryFilter = function StyledQueryFilter(props) {
34
34
  className: "custom-styled-query-filter",
35
35
  children: /*#__PURE__*/_jsx(QueryFilter, _objectSpread({
36
36
  colon: colon,
37
- labelWidth: labelWidth,
37
+ labelWidth: labelWidth
38
+ // @ts-ignore
39
+ ,
38
40
  defaultFormItemsNumber: defaultFormItemsNumber
39
41
  }, restProps))
40
42
  });
@@ -1,26 +1,26 @@
1
- .custom-styled-query-filter {
2
- /** QueryFilter 查询表单样式复写 **/
3
- .ant-pro-query-filter {
4
- padding: 0;
5
-
6
- .ant-pro-query-filter-row {
7
- row-gap: 0;
8
-
9
- .ant-form-item {
10
- margin-bottom: 24px;
11
- }
12
-
13
- .ant-form-item-control .ant-space-align-center {
14
- flex-direction: row-reverse;
15
- }
16
- }
17
- }
18
-
19
- .ant-form-item-no-colon {
20
- margin-right: 10px;
21
-
22
- &::after {
23
- display: none;
24
- }
25
- }
26
- }
1
+ .custom-styled-query-filter {
2
+ /** QueryFilter 查询表单样式复写 **/
3
+ .ant-pro-query-filter {
4
+ padding: 0;
5
+
6
+ .ant-pro-query-filter-row {
7
+ row-gap: 0;
8
+
9
+ .ant-form-item {
10
+ margin-bottom: 24px;
11
+ }
12
+
13
+ .ant-form-item-control .ant-space-align-center {
14
+ flex-direction: row-reverse;
15
+ }
16
+ }
17
+ }
18
+
19
+ .ant-form-item-no-colon {
20
+ margin-right: 10px;
21
+
22
+ &::after {
23
+ display: none;
24
+ }
25
+ }
26
+ }
@@ -1,18 +1,18 @@
1
- .styled-table-row {
2
- td {
3
- padding-top: 12.67px !important;
4
- padding-bottom: 12.67px !important;
5
- }
6
-
7
- &:hover {
8
- td {
9
- background-color: #f0f0f0 !important;
10
- }
11
- }
12
- }
13
-
14
- .styled-table-zebra-stripe {
15
- td {
16
- background: #f9f9f9 !important;
17
- }
18
- }
1
+ .styled-table-row {
2
+ td {
3
+ padding-top: 12.67px !important;
4
+ padding-bottom: 12.67px !important;
5
+ }
6
+
7
+ &:hover {
8
+ td {
9
+ background-color: #f0f0f0 !important;
10
+ }
11
+ }
12
+ }
13
+
14
+ .styled-table-zebra-stripe {
15
+ td {
16
+ background: #f9f9f9 !important;
17
+ }
18
+ }
@@ -1,11 +1,11 @@
1
- .theme-status-tag {
2
- display: flex;
3
- align-items: center;
4
- gap: 4px;
5
-
6
- .circle {
7
- width: 7px;
8
- height: 7px;
9
- border-radius: 50%;
10
- }
11
- }
1
+ .theme-status-tag {
2
+ display: flex;
3
+ align-items: center;
4
+ gap: 4px;
5
+
6
+ .circle {
7
+ width: 7px;
8
+ height: 7px;
9
+ border-radius: 50%;
10
+ }
11
+ }
@@ -1,6 +1,9 @@
1
1
  export { default as BlockHeader } from './BlockHeader';
2
2
  export { default as FlexRowCol } from './FlexRowCol';
3
3
  export * from './ImageViewTrigger';
4
+ export { ProFormMaskInput } from './MaskInput';
5
+ export type { ProFormMaskInputProps } from './MaskInput';
6
+ export { default as MaskTxt } from './MaskTxt';
4
7
  export * from './MindGraph';
5
8
  export { default as OverflowTooltip } from './OverflowTooltip';
6
9
  export { default as QueryProCard } from './QueryProCard';
@@ -1,6 +1,8 @@
1
1
  export { default as BlockHeader } from "./BlockHeader";
2
2
  export { default as FlexRowCol } from "./FlexRowCol";
3
3
  export * from "./ImageViewTrigger";
4
+ export { ProFormMaskInput } from "./MaskInput";
5
+ export { default as MaskTxt } from "./MaskTxt";
4
6
  export * from "./MindGraph";
5
7
  export { default as OverflowTooltip } from "./OverflowTooltip";
6
8
  export { default as QueryProCard } from "./QueryProCard";
@@ -1,6 +1,6 @@
1
1
  import { useMemo, useRef } from 'react';
2
- /**
3
- * 提供当前路径相关的小工具,如关闭当前标签页。
2
+ /**
3
+ * 提供当前路径相关的小工具,如关闭当前标签页。
4
4
  */
5
5
  export var usePathname = function usePathname(closeTab) {
6
6
  var pathname = useRef(window.location.pathname);
package/dist/typings.d.ts CHANGED
@@ -1,20 +1,20 @@
1
- declare module '*.less' {
2
- const content: { [className: string]: string };
3
- export default content;
4
- }
5
-
6
- // 图片资源声明
7
- declare module '*.png' {
8
- const content: string;
9
- export default content;
10
- }
11
-
12
- declare module '*.jpg' {
13
- const content: string;
14
- export default content;
15
- }
16
-
17
- declare module '*.jpeg' {
18
- const content: string;
19
- export default content;
20
- }
1
+ declare module '*.less' {
2
+ const content: { [className: string]: string };
3
+ export default content;
4
+ }
5
+
6
+ // 图片资源声明
7
+ declare module '*.png' {
8
+ const content: string;
9
+ export default content;
10
+ }
11
+
12
+ declare module '*.jpg' {
13
+ const content: string;
14
+ export default content;
15
+ }
16
+
17
+ declare module '*.jpeg' {
18
+ const content: string;
19
+ export default content;
20
+ }
@@ -26,17 +26,17 @@ export function arrayToSingleValue(value) {
26
26
  return value;
27
27
  }
28
28
 
29
- /**
30
- * 判断数据类型 Number/String/Boolean/Null/Undefined/Array/Object/Symbol/Date/RegExp/FormData
31
- * @param data
32
- * @returns
29
+ /**
30
+ * 判断数据类型 Number/String/Boolean/Null/Undefined/Array/Object/Symbol/Date/RegExp/FormData
31
+ * @param data
32
+ * @returns
33
33
  */
34
34
  export function typeOfData(data) {
35
35
  return Object.prototype.toString.call(data).slice(8, -1);
36
36
  }
37
37
 
38
- /**
39
- * 给对象第一层的字符串属性值做 trim
38
+ /**
39
+ * 给对象第一层的字符串属性值做 trim
40
40
  */
41
41
  export function trimObjectValuesFirstLayer(obj) {
42
42
  if (typeOfData(obj) !== 'Object') return obj;
@@ -48,10 +48,10 @@ export function trimObjectValuesFirstLayer(obj) {
48
48
  }
49
49
  return result;
50
50
  }
51
- /**
52
- * 表格序号
53
- * @param TableRiwNoType
54
- * @returns
51
+ /**
52
+ * 表格序号
53
+ * @param TableRiwNoType
54
+ * @returns
55
55
  */
56
56
  export function computedTableRowSerialNo(_ref) {
57
57
  var pagination = _ref.pagination,
@@ -65,10 +65,10 @@ export function computedTableRowSerialNo(_ref) {
65
65
  }
66
66
  }
67
67
 
68
- /**
69
- * 对中国手机号进行加密中间四位。
70
- * @param phoneNumber - 需要加密的手机号
71
- * @returns 加密后的手机号
68
+ /**
69
+ * 对中国手机号进行加密中间四位。
70
+ * @param phoneNumber - 需要加密的手机号
71
+ * @returns 加密后的手机号
72
72
  */
73
73
  export function encryptPhoneNumber(phoneNumber) {
74
74
  // 将中间四位替换为星号