@pointcloud/pcloud-components 0.1.23 → 0.1.24

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.
@@ -29,6 +29,9 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
29
29
  scrollThreshold = _props$scrollThreshol === void 0 ? '100px' : _props$scrollThreshol,
30
30
  _props$visibilityHeig = props.visibilityHeight,
31
31
  visibilityHeight = _props$visibilityHeig === void 0 ? 200 : _props$visibilityHeig,
32
+ _props$showBackTop = props.showBackTop,
33
+ showBackTop = _props$showBackTop === void 0 ? true : _props$showBackTop,
34
+ endMessage = props.endMessage,
32
35
  _renderItem = props.renderItem;
33
36
  var _useContext = useContext(ConfigContext),
34
37
  prefixCls = _useContext.prefixCls,
@@ -127,11 +130,13 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
127
130
  className: "scroll-container",
128
131
  ref: scrollRef,
129
132
  style: {
130
- height: containerHeight,
131
- overflowY: 'auto'
133
+ height: containerHeight
132
134
  },
133
135
  children: [/*#__PURE__*/_jsx(InfiniteScroll, {
134
136
  className: "".concat(wrapperClass, " ").concat(className),
137
+ style: {
138
+ overflow: 'initial'
139
+ },
135
140
  scrollableTarget: containerId,
136
141
  dataLength: (_listData$data = listData.data) === null || _listData$data === void 0 ? void 0 : _listData$data.length,
137
142
  next: handleLoadMore,
@@ -144,7 +149,7 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
144
149
  tip: "\u62FC\u547D\u52A0\u8F7D\u4E2D..."
145
150
  })
146
151
  }),
147
- endMessage: (listData === null || listData === void 0 ? void 0 : listData.total) > 0 && /*#__PURE__*/_jsx(Divider, {
152
+ endMessage: endMessage || (listData === null || listData === void 0 ? void 0 : listData.total) > 0 && /*#__PURE__*/_jsx(Divider, {
148
153
  plain: true,
149
154
  children: "\u5DF2\u7ECF\u5230\u5E95\u90E8\u4E86"
150
155
  }),
@@ -159,7 +164,7 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
159
164
  }, item[itemKey]);
160
165
  }
161
166
  })
162
- }), /*#__PURE__*/_jsx(BackTop, {
167
+ }), showBackTop && /*#__PURE__*/_jsx(BackTop, {
163
168
  className: "backtop",
164
169
  target: function target() {
165
170
  return (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.body;
@@ -1,22 +1,24 @@
1
- @import '../../commonStyle/index.less';
2
-
3
- .@{prefix}-infinite-scroll-wrapper {
4
- .ant-list .ant-row {
5
- margin-right: 0 !important;
6
- }
7
- }
8
-
9
- .scroll-container {
10
- position: relative;
11
-
12
- .backtop {
13
- right: 50px;
14
- }
15
-
16
- .up {
17
- background: #007aff;
18
- color: #fff;
19
- text-align: center;
20
- border-radius: 3px;
21
- }
22
- }
1
+ @import '../../commonStyle/index.less';
2
+
3
+ .@{prefix}-infinite-scroll-wrapper {
4
+ .ant-list .ant-row {
5
+ margin-right: 0 !important;
6
+ }
7
+ }
8
+
9
+ .scroll-container {
10
+ position: relative;
11
+ overflow-y: auto;
12
+ overflow-x: hidden;
13
+
14
+ .backtop {
15
+ right: 50px;
16
+ }
17
+
18
+ .up {
19
+ background: #007aff;
20
+ color: #fff;
21
+ text-align: center;
22
+ border-radius: 3px;
23
+ }
24
+ }
@@ -1,25 +1,25 @@
1
- .toolbar {
2
- display: flex;
3
- background-color: rgba(0, 0, 0, 50%);
4
- justify-content: center;
5
- align-items: center;
6
- color: #fff;
7
-
8
- button {
9
- background-color: transparent;
10
- border-width: 0;
11
- cursor: pointer;
12
- display: flex;
13
- align-items: center;
14
- // width: 32px;
15
- // height: 32px;
16
-
17
- &:hover {
18
- background-color: #0074d9;
19
- }
20
- }
21
-
22
- .icon > path {
23
- fill: #fff;
24
- }
25
- }
1
+ .toolbar {
2
+ display: flex;
3
+ background-color: rgba(0, 0, 0, 50%);
4
+ justify-content: center;
5
+ align-items: center;
6
+ color: #fff;
7
+
8
+ button {
9
+ background-color: transparent;
10
+ border-width: 0;
11
+ cursor: pointer;
12
+ display: flex;
13
+ align-items: center;
14
+ // width: 32px;
15
+ // height: 32px;
16
+
17
+ &:hover {
18
+ background-color: #0074d9;
19
+ }
20
+ }
21
+
22
+ .icon > path {
23
+ fill: #fff;
24
+ }
25
+ }
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ export declare const CropIcon: React.FC<{
3
+ className?: string;
4
+ }>;
5
+ export declare const ZoomInIcon: React.FC<{
6
+ className?: string;
7
+ }>;
8
+ export declare const ZoomOutIcon: React.FC<{
9
+ className?: string;
10
+ }>;
11
+ export declare const FlipHIcon: React.FC<{
12
+ className?: string;
13
+ }>;
14
+ export declare const FlipVIcon: React.FC<{
15
+ className?: string;
16
+ }>;
17
+ export declare const RotateLeftIcon: React.FC<{
18
+ className?: string;
19
+ }>;
20
+ export declare const RotateRightIcon: React.FC<{
21
+ className?: string;
22
+ }>;
23
+ export declare const ResetIcon: React.FC<{
24
+ className?: string;
25
+ }>;
26
+ export declare const OkIcon: React.FC<{
27
+ className?: string;
28
+ }>;
@@ -0,0 +1,158 @@
1
+ import React from 'react';
2
+
3
+ // 所有图标统一使用24x24的尺寸
4
+ import { jsx as _jsx } from "react/jsx-runtime";
5
+ import { jsxs as _jsxs } from "react/jsx-runtime";
6
+ var iconSize = 24;
7
+
8
+ // 隐藏选区图标
9
+ export var CropIcon = function CropIcon(_ref) {
10
+ var className = _ref.className;
11
+ return /*#__PURE__*/_jsx("svg", {
12
+ className: className,
13
+ viewBox: "0 0 1024 1024",
14
+ version: "1.1",
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ width: iconSize,
17
+ height: iconSize,
18
+ children: /*#__PURE__*/_jsx("path", {
19
+ d: "M832 760V250.5c0-8.5 3.4-16.6 9.4-22.6L1001 68.3c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L796.1 182.6c-6 6-14.1 9.4-22.6 9.4H264c-4.4 0-8-3.6-8-8V8c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v176c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h176c4.4 0 8 3.6 8 8v504c0 35.3 28.7 64 64 64h504c4.4 0 8 3.6 8 8v176c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V840c0-4.4 3.6-8 8-8h176c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H840c-4.4 0-8-3.6-8-8zM264 256h439.4c7.1 0 10.7 8.6 5.7 13.7L269.7 709.1c-5 5-13.7 1.5-13.7-5.7V264c0-4.4 3.6-8 8-8z m496 512H320.6c-7.1 0-10.7-8.6-5.7-13.7l439.4-439.4c5-5 13.7-1.5 13.7 5.7V760c0 4.4-3.6 8-8 8z"
20
+ })
21
+ });
22
+ };
23
+
24
+ // 放大图标 - 放大镜中间带加号
25
+ export var ZoomInIcon = function ZoomInIcon(_ref2) {
26
+ var className = _ref2.className;
27
+ return /*#__PURE__*/_jsx("svg", {
28
+ className: className,
29
+ viewBox: "0 0 1024 1024",
30
+ version: "1.1",
31
+ xmlns: "http://www.w3.org/2000/svg",
32
+ width: iconSize,
33
+ height: iconSize,
34
+ children: /*#__PURE__*/_jsx("path", {
35
+ d: "M415.146667 42.666667c205.824 0 372.906667 166.741333 372.906666 372.48 0 88.874667-31.274667 170.666667-83.2 234.666666L981.333333 925.866667 925.866667 981.333333l-276.053334-276.48a371.626667 371.626667 0 0 1-234.666666 83.2C209.408 788.053333 42.666667 620.970667 42.666667 415.146667A372.48 372.48 0 0 1 415.146667 42.666667z m294.4 372.48a294.4 294.4 0 1 0-588.757334 0.042666A294.4 294.4 0 0 0 709.546667 415.146667z m-256.426667-196.693334v156.586667h156.586667v78.08h-156.586667v156.586667H375.04v-156.586667H218.453333V375.04h156.586667V218.453333h78.08z"
36
+ })
37
+ });
38
+ };
39
+
40
+ // 缩小图标 - 放大镜中间带减号
41
+ export var ZoomOutIcon = function ZoomOutIcon(_ref3) {
42
+ var className = _ref3.className;
43
+ return /*#__PURE__*/_jsx("svg", {
44
+ className: className,
45
+ viewBox: "0 0 1024 1024",
46
+ version: "1.1",
47
+ xmlns: "http://www.w3.org/2000/svg",
48
+ width: iconSize,
49
+ height: iconSize,
50
+ children: /*#__PURE__*/_jsx("path", {
51
+ d: "M415.146667 42.666667c205.824 0 372.906667 166.741333 372.906666 372.48 0 88.874667-31.274667 170.666667-83.2 234.666666L981.333333 925.866667 925.866667 981.333333l-276.053334-276.48a371.626667 371.626667 0 0 1-234.666666 83.2C209.408 788.053333 42.666667 620.970667 42.666667 415.146667A372.48 372.48 0 0 1 415.146667 42.666667z m294.4 372.48a294.4 294.4 0 1 0-588.757334 0.042666A294.4 294.4 0 0 0 709.546667 415.146667zM218.453333 375.04h391.253334v78.08H218.453333V375.04z"
52
+ })
53
+ });
54
+ };
55
+
56
+ // 水平翻转图标
57
+ export var FlipHIcon = function FlipHIcon(_ref4) {
58
+ var className = _ref4.className;
59
+ return /*#__PURE__*/_jsx("svg", {
60
+ className: className,
61
+ viewBox: "0 0 1024 1024",
62
+ version: "1.1",
63
+ xmlns: "http://www.w3.org/2000/svg",
64
+ width: iconSize,
65
+ height: iconSize,
66
+ children: /*#__PURE__*/_jsx("path", {
67
+ d: "M809.984 917.952V832H896c0 46.016-40 86.016-86.016 86.016z m0-342.016V491.968H896v83.968h-86.016zM640 235.968V149.952h86.016v86.016H640z m169.984 512v-86.016H896v86.016h-86.016z m-339.968 256V64h84.032v939.968H470.016z m339.968-854.016c46.016 0 86.016 40.064 86.016 86.016h-86.016V149.952zM128 235.968c0-45.952 40-86.016 86.016-86.016H384v86.016H214.016V832H384v86.016H214.016C168 918.016 128 878.016 128 832V235.968z m681.984 169.984V320H896v86.016h-86.016z m-169.984 512V832h86.016v86.016H640z"
68
+ })
69
+ });
70
+ };
71
+
72
+ // 垂直翻转图标 - 与水平翻转保持一致,但方向不同
73
+ export var FlipVIcon = function FlipVIcon(_ref5) {
74
+ var className = _ref5.className;
75
+ return /*#__PURE__*/_jsx("svg", {
76
+ className: className,
77
+ viewBox: "0 0 1024 1024",
78
+ version: "1.1",
79
+ xmlns: "http://www.w3.org/2000/svg",
80
+ width: iconSize,
81
+ height: iconSize,
82
+ children: /*#__PURE__*/_jsx("path", {
83
+ d: "M106.048 809.984H192V896c-46.016 0-86.016-40-86.016-86.016z m342.016 0h83.968V896H448.064v-86.016zM788.032 640h86.016v86.016h-86.016V640z m-512 169.984h86.016V896H276.032v-86.016z m-256-339.968H960v84.032H20.032V470.016z m854.016 339.968c0 46.016-40.064 86.016-86.016 86.016v-86.016h86.016zM788.032 128c45.952 0 86.016 40 86.016 86.016V384h-86.016V214.016H192V384H105.984V214.016C105.984 168 145.984 128 192 128h596.032zM618.048 809.984H704V896H618.048v-86.016z m-512-169.984H192v86.016H106.048V640z"
84
+ })
85
+ });
86
+ };
87
+
88
+ // 向左旋转图标
89
+ export var RotateLeftIcon = function RotateLeftIcon(_ref6) {
90
+ var className = _ref6.className;
91
+ return /*#__PURE__*/_jsxs("svg", {
92
+ className: className,
93
+ viewBox: "0 0 1024 1024",
94
+ version: "1.1",
95
+ xmlns: "http://www.w3.org/2000/svg",
96
+ width: iconSize,
97
+ height: iconSize,
98
+ children: [/*#__PURE__*/_jsx("path", {
99
+ d: "M512 128a383.104 383.104 0 0 1 298.666667 142.506667V149.333333a21.290667 21.290667 0 1 1 42.666666 0v170.666667c0 11.733333-9.6 21.333333-21.333333 21.333333h-170.666667a21.333333 21.333333 0 1 1 0-42.666666h116.906667A340.394667 340.394667 0 0 0 512 170.666667a341.376 341.376 0 0 0 0 682.666666 341.205333 341.205333 0 0 0 340.48-320.426666 21.418667 21.418667 0 0 1 42.666667 2.56A383.957333 383.957333 0 0 1 128 512c0-212.053333 172.032-384 384-384z"
100
+ }), /*#__PURE__*/_jsx("path", {
101
+ d: "M123.733333 512c0-214.357333 173.781333-388.266667 388.138667-388.266667V128v-4.266667 4.266667-4.266667q88.832 0 168.405333 38.314667 78.634667 37.845333 133.546667 105.898667l-3.285333 2.688h-4.266667V149.333333h4.266667-4.266667a25.6 25.6 0 0 1 25.6-25.6V128v-4.266667a25.6 25.6 0 0 1 25.6 25.6h-4.266667 4.266667v170.666667h-4.266667 4.266667a25.6 25.6 0 0 1-25.6 25.6V341.333333v4.266667h-170.666667V341.333333v4.266667a25.6 25.6 0 0 1-25.557333-25.6h4.266667-4.266667a25.6 25.6 0 0 1 25.6-25.6V298.666667v-4.266667h117.077333V298.666667l-3.328 2.645333 3.328-2.645333-3.328 2.645333q-47.744-59.562667-116.266666-92.757333-69.376-33.578667-146.858667-33.578667V170.666667v4.266666A336.981333 336.981333 0 0 0 174.933333 512H170.666667h4.266666c0 186.112 150.869333 337.066667 336.938667 337.066667v4.266666-4.266666 4.266666-4.266666q65.792 0 126.293333-24.533334 58.581333-23.68 104.789334-67.157333 46.165333-43.434667 73.301333-100.394667 28.032-58.794667 32-124.16v-0.042666q0.682667-10.666667 8.618667-17.664 7.936-6.997333 18.517333-6.4l-0.256 4.266666 0.256-4.266666c14.08 0.853333 24.874667 13.013333 23.936 27.136l-4.266667-0.256 4.266667 0.256-4.266667-0.256 4.266667 0.256q-4.565333 75.349333-36.821333 143.104-31.274667 65.621333-84.48 115.669333-53.162667 50.133333-120.618667 77.44-69.76 28.202667-145.493333 28.202667V896v4.266667C297.386667 900.266667 123.733333 726.442667 123.733333 512H128h-4.266667z m8.533334 0c0 209.706667 169.898667 379.733333 379.605333 379.733333q74.154667 0 142.336-27.605333 65.962667-26.709333 118.016-75.690667 51.968-48.981333 82.56-113.152 31.573333-66.261333 36.010667-139.946666a16.981333 16.981333 0 0 0-15.914667-18.090667q-7.04-0.426667-12.373333 4.266667-5.290667 4.693333-5.76 11.818666l-4.266667-0.298666 4.266667 0.298666-4.266667-0.298666 4.266667 0.256q-4.053333 67.072-32.768 127.36-27.861333 58.368-75.178667 102.912-47.36 44.586667-107.392 68.906666-62.08 25.088-129.536 25.088A345.557333 345.557333 0 0 1 166.4 512c0-190.848 154.624-345.6 345.472-345.6q79.445333 0 150.613333 34.474667 70.229333 34.005333 119.168 95.146666l-3.328 6.912h-117.077333a17.066667 17.066667 0 1 0 0 34.133334h170.624a17.066667 17.066667 0 0 0 17.066667-17.066667v-170.666667a17.066667 17.066667 0 0 0-34.133334 0v121.301334l-7.594666 2.645333q-53.76-66.56-130.645334-103.552-77.824-37.461333-164.693333-37.461333C302.208 132.266667 132.266667 302.336 132.266667 512z m743.125333-3.242667l-0.256 4.266667 0.256-4.266667z m15.402667 26.538667l4.266666 0.298667-4.266666-0.256z m-83.584-261.973333l3.328-2.688h4.266666v12.074666l-7.594666-9.386666z m-28.885334 29.610666V298.666667l3.328-2.688 5.546667 6.954666h-8.874667z m69.930667 229.845334l4.266667 0.256-4.266667-0.256z"
102
+ })]
103
+ });
104
+ };
105
+
106
+ // 向右旋转图标
107
+ export var RotateRightIcon = function RotateRightIcon(_ref7) {
108
+ var className = _ref7.className;
109
+ return /*#__PURE__*/_jsxs("svg", {
110
+ className: className,
111
+ viewBox: "0 0 1024 1024",
112
+ version: "1.1",
113
+ xmlns: "http://www.w3.org/2000/svg",
114
+ width: iconSize,
115
+ height: iconSize,
116
+ children: [/*#__PURE__*/_jsx("path", {
117
+ d: "M192 128c11.818667 0 21.333333 9.514667 21.333333 21.333333v121.173334A383.104 383.104 0 0 1 512 128c211.968 0 384 171.946667 384 384s-172.032 384-384 384a383.957333 383.957333 0 0 1-383.146667-360.533333 21.333333 21.333333 0 1 1 42.666667-2.56A341.205333 341.205333 0 0 0 853.333333 512c0-188.544-152.917333-341.333333-341.333333-341.333333a340.394667 340.394667 0 0 0-266.24 128H362.666667a21.333333 21.333333 0 1 1 0 42.666666h-170.666667a21.376 21.376 0 0 1-21.333333-21.333333v-170.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z"
118
+ }), /*#__PURE__*/_jsx("path", {
119
+ d: "M388.352 320a25.6 25.6 0 0 1-25.6 25.6V341.333333v4.266667H192.128V341.333333v4.266667a25.6 25.6 0 0 1-25.6-25.6h4.266667-4.266667v-170.666667h4.266667-4.266667a25.6 25.6 0 0 1 25.6-25.6V128v-4.266667a25.6 25.6 0 0 1 25.6 25.6h-4.266667 4.266667v121.301334h-4.266667l-3.328-2.688 3.328 2.688-3.328-2.688q54.954667-68.053333 133.546667-105.898667Q423.338667 123.733333 512.170667 123.733333V128v-4.266667c214.442667 0 388.138667 173.824 388.138666 388.266667H896h4.266667c0 214.357333-173.781333 388.266667-388.138667 388.266667V896v4.266667-4.266667 4.266667q-75.776 0-145.493333-28.245334-67.498667-27.306667-120.704-77.397333-53.162667-50.048-84.437334-115.669333-32.256-67.754667-36.821333-143.104l4.266667-0.256-4.266667 0.256a25.514667 25.514667 0 0 1 23.936-27.093334l0.256 4.266667-0.256-4.266667 0.256 4.266667-0.256-4.266667q10.581333-0.64 18.517333 6.4 7.936 6.997333 8.661334 17.621334 3.925333 65.408 31.957333 124.16 27.136 57.002667 73.301333 100.437333 46.208 43.477333 104.746667 67.157333 60.586667 24.490667 126.293333 24.490667v4.266667-4.266667A336.981333 336.981333 0 0 0 849.066667 512h4.266666-4.266666c0-186.112-150.826667-337.066667-336.938667-337.066667V170.666667v4.266666V170.666667v4.266666q-77.482667 0-146.858667 33.621334-68.522667 33.194667-116.266666 92.757333L245.674667 298.666667v-4.266667h117.077333V298.666667v-4.266667a25.6 25.6 0 0 1 25.6 25.6h-4.266667 4.266667z m-8.533333 0a17.066667 17.066667 0 0 0-17.066667-17.066667H245.674667l-3.328-6.954666q48.938667-61.098667 119.210666-95.104 71.125333-34.432 150.570667-34.432A345.557333 345.557333 0 0 1 857.6 512c0 190.848-154.624 345.6-345.472 345.6q-67.413333 0-129.536-25.173333-60.032-24.277333-107.392-68.864-47.36-44.544-75.178667-102.912-28.714667-60.288-32.768-127.36l4.266667-0.256-4.266667 0.256 4.266667-0.256-4.266667 0.298666q-0.426667-7.125333-5.76-11.818666-5.290667-4.693333-12.373333-4.266667a16.981333 16.981333 0 0 0-15.914667 18.048q4.437333 73.728 36.010667 139.946667 30.592 64.213333 82.56 113.194666 52.053333 48.981333 118.016 75.690667 68.181333 27.605333 142.336 27.605333c209.664 0 379.605333-170.069333 379.605333-379.733333 0-209.706667-169.898667-379.733333-379.605333-379.733333q-86.869333 0-164.693333 37.461333-76.885333 37.034667-130.645334 103.552l-7.594666-2.645333V149.333333a17.066667 17.066667 0 0 0-34.133334 0v170.666667a17.066667 17.066667 0 0 0 17.066667 17.066667h170.666667a17.066667 17.066667 0 0 0 17.024-17.066667zM242.346667 295.978667L245.674667 298.666667v4.266666H236.8l5.546667-6.954666z m-109.141334 239.36l-4.266666 0.256 4.266666-0.298667z m75.989334-264.704h4.266666l3.328 2.645333-7.594666 9.386667v-12.032z m-33.408 262.144l-4.266667 0.256 4.266667-0.256z"
120
+ })]
121
+ });
122
+ };
123
+
124
+ // 重置图标
125
+ export var ResetIcon = function ResetIcon(_ref8) {
126
+ var className = _ref8.className;
127
+ return /*#__PURE__*/_jsxs("svg", {
128
+ className: className,
129
+ viewBox: "0 0 1024 1024",
130
+ version: "1.1",
131
+ xmlns: "http://www.w3.org/2000/svg",
132
+ width: iconSize,
133
+ height: iconSize,
134
+ children: [/*#__PURE__*/_jsx("path", {
135
+ d: "M535.893333 128.853333a21.418667 21.418667 0 0 0-2.56 42.666667A341.077333 341.077333 0 0 1 853.333333 512a341.333333 341.333333 0 0 1-128 266.666667V661.333333a21.376 21.376 0 0 0-42.666666 0v170.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h170.666667a21.333333 21.333333 0 0 0 0-42.666666h-121.173334A383.573333 383.573333 0 0 0 896 512c0-203.221333-158.293333-370.816-360.106667-383.146667zM320 170.666667h-170.666667a21.333333 21.333333 0 0 0 0 42.666666h121.173334A383.36 383.36 0 0 0 128 512c0 203.946667 159.232 372.053333 361.813333 383.573333a21.333333 21.333333 0 1 0 2.56-42.666666C312.32 842.666667 170.666667 693.248 170.666667 512c0-105.386667 48.128-202.24 128-266.24V362.666667a21.333333 21.333333 0 1 0 42.666666 0v-170.666667a21.333333 21.333333 0 0 0-21.333333-21.333333z"
136
+ }), /*#__PURE__*/_jsx("path", {
137
+ d: "M535.637333 133.12q-7.04-0.426667-12.373333 4.266667-5.290667 4.693333-5.717333 11.776-0.426667 7.082667 4.266666 12.373333 4.693333 5.290667 11.776 5.717333 66.986667 4.096 127.232 32.853334 58.368 27.818667 102.869334 75.093333 44.544 47.36 68.821333 107.349333Q857.6 444.586667 857.6 512q0 79.402667-34.474667 150.656-34.048 70.4-95.146666 119.338667l-6.912 5.546666V661.333333a17.066667 17.066667 0 0 0-34.133334 0v170.666667c0 9.386667 7.68 17.066667 17.066667 17.066667h170.666667a17.066667 17.066667 0 0 0 0-34.133334h-133.248l9.386666-7.594666-9.386666 7.594666 9.386666-7.594666q66.474667-53.717333 103.466667-130.645334 37.461333-77.909333 37.461333-164.693333 0-74.112-27.562666-142.250667Q837.461333 303.786667 788.48 251.733333q-48.938667-51.968-113.066667-82.602666-66.176-31.573333-139.818666-36.053334z m0.512-8.533333q75.306667 4.608 142.976 36.906666 65.578667 31.274667 115.626667 84.437334t77.312 120.618666Q900.266667 436.266667 900.266667 512q0 88.746667-38.314667 168.362667-37.845333 78.677333-105.813333 133.632L753.493333 810.666667l2.688 3.328L753.493333 810.666667v-4.266667h121.173334a25.6 25.6 0 1 1 0 51.2h-170.666667a25.6 25.6 0 0 1-25.6-25.6v-170.666667a25.6 25.6 0 1 1 51.2 0v117.333334H725.333333l-2.688-3.328q59.562667-47.701333 92.8-116.394667 33.621333-69.504 33.621334-146.944 0-65.749333-24.448-126.293333-23.68-58.453333-67.157334-104.661334-43.392-46.08-100.266666-73.258666-58.794667-28.032-124.16-32-10.538667-0.682667-17.578667-8.576-7.082667-7.936-6.4-18.56 0.597333-10.581333 8.533333-17.621334 7.978667-7.082667 18.56-6.4zM320 174.933333h-170.666667a17.066667 17.066667 0 0 0 0 34.133334h133.248l-9.386666 7.594666 9.386666-7.594666-9.386666 7.594666q-66.474667 53.76-103.466667 130.602667Q132.266667 425.130667 132.266667 512q0 74.325333 27.733333 142.72 26.837333 66.176 76.032 118.272 49.194667 52.053333 113.621333 82.602667 66.517333 31.530667 140.373334 35.712a17.194667 17.194667 0 0 0 18.133333-16q0.426667-7.082667-4.309333-12.416-4.693333-5.333333-11.733334-5.717334-67.242667-3.84-127.786666-32.512-58.666667-27.733333-103.424-75.136-44.8-47.445333-69.248-107.648Q166.4 579.626667 166.4 512q0-79.445333 34.474667-150.485333 34.005333-70.101333 95.146666-119.082667l6.912-5.546667V362.666667a17.066667 17.066667 0 0 0 34.133334 0v-170.666667a17.066667 17.066667 0 0 0-17.066667-17.066667z m0-8.533333a25.6 25.6 0 0 1 25.6 25.6v170.666667a25.6 25.6 0 0 1-51.2 0V245.76H298.666667l2.688 3.328Q241.706667 296.874667 208.554667 365.226667 174.933333 434.517333 174.933333 512q0 65.962667 24.618667 126.677333 23.850667 58.709333 67.541333 104.96t100.864 73.301334q59.050667 27.989333 124.672 31.701333 10.538667 0.597333 17.621334 8.576 7.04 7.978667 6.4 18.517333a25.685333 25.685333 0 0 1-27.093334 24.106667q-75.52-4.266667-143.573333-36.522667-65.877333-31.232-116.138667-84.48-50.346667-53.248-77.738666-120.917333Q123.733333 588.032 123.733333 512q0-88.832 38.314667-168.405333 37.802667-78.592 105.813333-133.546667L270.506667 213.333333l-2.688-3.328L270.506667 213.333333v4.266667H149.333333a25.6 25.6 0 0 1 0-51.2h170.666667z"
138
+ })]
139
+ });
140
+ };
141
+
142
+ // 确认/裁剪图标
143
+ export var OkIcon = function OkIcon(_ref9) {
144
+ var className = _ref9.className;
145
+ return /*#__PURE__*/_jsxs("svg", {
146
+ className: className,
147
+ viewBox: "0 0 1024 1024",
148
+ version: "1.1",
149
+ xmlns: "http://www.w3.org/2000/svg",
150
+ width: iconSize,
151
+ height: iconSize,
152
+ children: [/*#__PURE__*/_jsx("path", {
153
+ d: "M874.496 223.146667c14.421333-15.616 21.376-31.146667 42.666667-9.813334 21.333333 21.333333 24.618667 26.197333 10.24 41.813334L411.562667 840.106667a35.242667 35.242667 0 0 1-52.48 0l-209.92-243.626667c-14.336-15.616-14.336-26.624 0-42.24 14.464-15.616 28.245333-15.616 42.666666 0l192 213.76 490.666667-544.853333z"
154
+ }), /*#__PURE__*/_jsx("path", {
155
+ d: "M193.450667 552.789333l192 213.76-1.621334 1.450667-1.578666-1.450667 490.666666-544.853333q2.005333-2.133333 5.632-6.4 5.376-6.229333 8.021334-8.661333 4.522667-4.181333 8.789333-5.376 10.026667-2.773333 23.338667 10.538666L917.162667 213.333333l1.536-1.536-1.536 1.536 1.536-1.536q9.088 9.173333 12.714666 13.525334 4.992 5.973333 6.314667 10.453333 1.450667 5.034667-0.938667 10.154667-2.005333 4.309333-7.808 10.666666l-1.578666-1.450666 1.621333 1.408-515.84 584.96a37.76 37.76 0 0 1-55.637333 0h-0.085334l-209.92-243.626667 1.621334-1.408-1.536 1.450667 1.536-1.450667-1.536 1.450667q-11.349333-12.373333-11.349334-22.613334 0-10.24 11.349334-22.528 11.434667-12.373333 22.869333-12.373333 11.477333 0 22.912 12.373333z m-3.2 2.858667l1.578666-1.408-1.536 1.450667q-10.24-11.050667-19.797333-11.050667-9.557333 0-19.754667 11.050667l-1.578666-1.450667 1.578666 1.450667-1.578666-1.450667 1.578666 1.450667q-10.197333 11.093333-10.197333 19.626666 0 8.618667 10.24 19.712v0.042667l209.92 243.626667-1.621333 1.408 1.578666-1.450667a33.536 33.536 0 0 0 49.365334 0l1.536 1.450667-1.578667-1.408 515.84-584.96v-0.042667q5.376-5.845333 7.082667-9.557333 1.706667-3.669333 0.725333-7.168-1.706667-5.845333-17.962667-22.144-11.52-11.562667-19.2-9.429334-3.242667 0.853333-7.04 4.352-2.432 2.304-7.68 8.362667-3.626667 4.266667-5.674666 6.485333l-1.578667-1.450666 1.578667 1.450666-1.578667-1.450666 1.621333 1.408-490.666666 544.853333h-3.2l-192-213.76z m3.2-2.858667l-1.621334 1.450667 1.578667-1.450667z m188.8 216.618667L383.829333 768l1.578667 1.408-1.578667 1.792-1.578666-1.792z m-231.466667-174.336l-1.621333 1.408 1.578666-1.450667 0.042667 0.042667z m-3.157333-42.282667l1.536 1.450667-1.536-1.450667z m778.24-299.093333l1.536 1.450667-1.578667-1.408v-0.042667zM357.461333 841.472l1.621334-1.365333-1.536 1.450666h-0.042667v-0.085333zM872.96 221.696l1.536 1.450667-1.578667-1.450667zM413.141333 841.557333l-1.578666-1.450666 1.621333 1.408z"
156
+ })]
157
+ });
158
+ };
@@ -1,12 +1,4 @@
1
- // import { ReactComponent as CropIcon } from './svgIcons/crop.svg';
2
- // import { ReactComponent as FlipHIcon } from './svgIcons/flip_h.svg';
3
- // import { ReactComponent as FlipVIcon } from './svgIcons/flip_v.svg';
4
- // import { ReactComponent as OkIcon } from './svgIcons/ok.svg';
5
- // import { ReactComponent as ResetIcon } from './svgIcons/reset.svg';
6
- // import { ReactComponent as RotateLeftIcon } from './svgIcons/rotate_l.svg';
7
- // import { ReactComponent as RotateRightIcon } from './svgIcons/rotate_r.svg';
8
- // import { ReactComponent as ZoomInIcon } from './svgIcons/zoom_in.svg';
9
- // import { ReactComponent as ZoomOutIcon } from './svgIcons/zoom_out.svg';
1
+ import { CropIcon, ZoomInIcon, ZoomOutIcon, FlipHIcon, FlipVIcon, RotateLeftIcon, RotateRightIcon, ResetIcon, OkIcon } from "./svgIcons";
10
2
  import "./styles/toolbar.less";
11
3
  import { jsx as _jsx } from "react/jsx-runtime";
12
4
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -27,47 +19,65 @@ var Toolbar = function Toolbar(_ref) {
27
19
  type: "button",
28
20
  onClick: handleCancelCrop,
29
21
  title: "\u9690\u85CF\u9009\u533A",
30
- children: "\u9690\u85CF\u9009\u533A"
22
+ children: /*#__PURE__*/_jsx(CropIcon, {
23
+ className: "icon"
24
+ })
31
25
  }), /*#__PURE__*/_jsx("button", {
32
26
  type: "button",
33
27
  onClick: handleZoomIn,
34
28
  title: "\u653E\u5927",
35
- children: "\u653E\u5927"
29
+ children: /*#__PURE__*/_jsx(ZoomInIcon, {
30
+ className: "icon"
31
+ })
36
32
  }), /*#__PURE__*/_jsx("button", {
37
33
  type: "button",
38
34
  onClick: handleZoomOut,
39
35
  title: "\u7F29\u5C0F",
40
- children: "\u7F29\u5C0F"
36
+ children: /*#__PURE__*/_jsx(ZoomOutIcon, {
37
+ className: "icon"
38
+ })
41
39
  }), /*#__PURE__*/_jsx("button", {
42
40
  type: "button",
43
41
  onClick: handleFlipX,
44
42
  title: "\u6C34\u5E73\u7FFB\u8F6C",
45
- children: "\u6C34\u5E73\u7FFB\u8F6C"
43
+ children: /*#__PURE__*/_jsx(FlipHIcon, {
44
+ className: "icon"
45
+ })
46
46
  }), /*#__PURE__*/_jsx("button", {
47
47
  type: "button",
48
48
  onClick: handleFlipY,
49
49
  title: "\u5782\u76F4\u7FFB\u8F6C",
50
- children: "\u5782\u76F4\u7FFB\u8F6C"
50
+ children: /*#__PURE__*/_jsx(FlipVIcon, {
51
+ className: "icon"
52
+ })
51
53
  }), /*#__PURE__*/_jsx("button", {
52
54
  type: "button",
53
55
  onClick: handleRotateLeft,
54
56
  title: "\u5411\u5DE6\u65CB\u8F6C",
55
- children: "\u5411\u5DE6\u65CB\u8F6C"
57
+ children: /*#__PURE__*/_jsx(RotateLeftIcon, {
58
+ className: "icon"
59
+ })
56
60
  }), /*#__PURE__*/_jsx("button", {
57
61
  type: "button",
58
62
  onClick: handleRotateRight,
59
63
  title: "\u5411\u53F3\u65CB\u8F6C",
60
- children: "\u5411\u53F3\u65CB\u8F6C"
64
+ children: /*#__PURE__*/_jsx(RotateRightIcon, {
65
+ className: "icon"
66
+ })
61
67
  }), /*#__PURE__*/_jsx("button", {
62
68
  type: "button",
63
69
  onClick: handleReset,
64
70
  title: "\u91CD\u7F6E",
65
- children: "\u91CD\u7F6E"
71
+ children: /*#__PURE__*/_jsx(ResetIcon, {
72
+ className: "icon"
73
+ })
66
74
  }), /*#__PURE__*/_jsx("button", {
67
75
  type: "button",
68
76
  onClick: handleCrop,
69
77
  title: "\u88C1\u526A",
70
- children: "\u88C1\u526A"
78
+ children: /*#__PURE__*/_jsx(OkIcon, {
79
+ className: "icon"
80
+ })
71
81
  })]
72
82
  });
73
83
  };
@@ -1,6 +1,10 @@
1
- import { Props } from 'react-wordcloud';
2
- export declare type WordCloudProps = Props & {
1
+ import WordCloud2 from 'wordcloud';
2
+ export declare type WordCloudProps = {
3
+ list: WordCloud2.Options['list'];
3
4
  className?: string;
5
+ tooltip?: boolean;
6
+ onClick?: WordCloud2.EventCallback;
7
+ options?: Partial<Omit<WordCloud2.Options, 'list' | 'hover' | 'click'>>;
4
8
  };
5
9
  declare const WordCloud: (props: WordCloudProps) => import("react/jsx-runtime").JSX.Element;
6
10
  export default WordCloud;
@@ -1,21 +1,126 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
- import { useContext } from 'react';
3
+ import { useCallback, useContext, useEffect, useRef } from 'react';
4
4
  import classNames from 'classnames';
5
- import ReactWordcloud from 'react-wordcloud';
5
+ import WordCloud2 from 'wordcloud';
6
6
  import { ConfigContext } from "../ConfigProvider";
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
+ import { jsxs as _jsxs } from "react/jsx-runtime";
9
+ var DEFAULT_OPTIONS = {
10
+ shuffle: true,
11
+ shape: 'circle',
12
+ backgroundColor: '#ffffff',
13
+ fontFamily: 'Arial, sans-serif',
14
+ fontWeight: 'bold',
15
+ color: 'random-dark',
16
+ gridSize: 4,
17
+ weightFactor: 1,
18
+ rotateRatio: 0.5,
19
+ rotationSteps: 10,
20
+ minSize: 12,
21
+ drawMask: false,
22
+ drawOutOfBound: false,
23
+ shrinkToFit: true
24
+ };
8
25
  var WordCloud = function WordCloud(props) {
9
26
  var _props$className = props.className,
10
- className = _props$className === void 0 ? '' : _props$className;
27
+ className = _props$className === void 0 ? '' : _props$className,
28
+ _props$list = props.list,
29
+ list = _props$list === void 0 ? [] : _props$list,
30
+ _props$tooltip = props.tooltip,
31
+ tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
32
+ onClick = props.onClick,
33
+ _props$options = props.options,
34
+ options = _props$options === void 0 ? DEFAULT_OPTIONS : _props$options;
35
+ var containerRef = useRef(null);
36
+ var tooltipRef = useRef(null);
11
37
  var _useContext = useContext(ConfigContext),
12
38
  prefixCls = _useContext.prefixCls,
13
39
  getPrefixCls = _useContext.getPrefixCls;
14
40
  var classname = getPrefixCls('word-cloud');
15
41
  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-word-cloud"), !!prefixCls), classname, className);
16
- return /*#__PURE__*/_jsx("div", {
42
+ var handleTooltip = useCallback(function (item, diemension, event) {
43
+ if (item) {
44
+ tooltipRef.current.innerHTML = item[0];
45
+ tooltipRef.current.style.left = "".concat(event.offsetX, "px");
46
+ tooltipRef.current.style.top = "".concat(event.offsetY - item[1] - 10, "px");
47
+ tooltipRef.current.style.opacity = '1';
48
+ } else {
49
+ tooltipRef.current.style.opacity = '0';
50
+ tooltipRef.current.innerHTML = '';
51
+ }
52
+ }, [tooltipRef.current]);
53
+ useEffect(function () {
54
+ if (containerRef.current) {
55
+ // 获取容器的实际显示尺寸
56
+ var container = containerRef.current;
57
+ var rect = container.getBoundingClientRect();
58
+
59
+ // 设置canvas的实际渲染尺寸(乘以设备像素比)
60
+ var dpr = window.devicePixelRatio || 1;
61
+ container.width = rect.width * dpr;
62
+ container.height = rect.height * dpr;
63
+
64
+ // 调整canvas的CSS显示尺寸
65
+ container.style.width = "".concat(rect.width, "px");
66
+ container.style.height = "".concat(rect.height, "px");
67
+
68
+ // 缩放canvas上下文以匹配设备像素比
69
+ var ctx = container.getContext('2d');
70
+ if (ctx) {
71
+ ctx.scale(dpr, dpr);
72
+ }
73
+ WordCloud2(containerRef.current, _objectSpread(_objectSpread({
74
+ list: list
75
+ }, options), {}, {
76
+ hover: tooltip ? handleTooltip : undefined,
77
+ click: onClick ? onClick : undefined
78
+ }));
79
+ }
80
+ return function () {
81
+ WordCloud2.stop();
82
+ };
83
+ }, [list, options, containerRef.current]);
84
+
85
+ // useEffect(() => {
86
+ // if(containerRef.current) {
87
+ // containerRef.current.addEventListener('wordcloudstart', (event) => {
88
+ // });
89
+ // containerRef.current.addEventListener('wordclouddrawn', (event) => {
90
+ // });
91
+ // containerRef.current.addEventListener('wordcloudstop', (event) => {
92
+ // });
93
+ // }
94
+ // }, []);
95
+ return /*#__PURE__*/_jsxs("div", {
17
96
  className: wrapperClass,
18
- children: /*#__PURE__*/_jsx(ReactWordcloud, _objectSpread({}, props))
97
+ style: {
98
+ position: 'relative',
99
+ width: '100%',
100
+ height: '100%'
101
+ },
102
+ children: [/*#__PURE__*/_jsx("canvas", {
103
+ ref: containerRef,
104
+ style: {
105
+ width: '100%',
106
+ height: '100%'
107
+ }
108
+ }), /*#__PURE__*/_jsx("div", {
109
+ className: "tooltip",
110
+ ref: tooltipRef,
111
+ style: {
112
+ position: 'absolute',
113
+ transition: 'left,top 0.4s',
114
+ top: 0,
115
+ left: 0,
116
+ opacity: 0,
117
+ padding: '10px 5px',
118
+ background: 'rgba(0,0,0,0.8)',
119
+ color: '#fff',
120
+ borderRadius: '4px',
121
+ zIndex: 999
122
+ }
123
+ })]
19
124
  });
20
125
  };
21
126
  export default WordCloud;
@@ -46,3 +46,5 @@ export { default as IPAddress } from './IPAddress';
46
46
  export type { IPAddressProps } from './IPAddress';
47
47
  export { default as IconFont } from './IconFont';
48
48
  export type { IconFontProps } from './IconFont';
49
+ export { default as AspectRatio } from './AspectRatio';
50
+ export type { AspectRatioProps } from './AspectRatio';
package/dist/esm/index.js CHANGED
@@ -22,4 +22,5 @@ export { default as InfiniteScrollList } from "./InfiniteScrollList";
22
22
  export { default as RndDrag } from "./RndDrag";
23
23
  export { default as RCropper } from "./RCropper";
24
24
  export { default as IPAddress } from "./IPAddress";
25
- export { default as IconFont } from "./IconFont";
25
+ export { default as IconFont } from "./IconFont";
26
+ export { default as AspectRatio } from "./AspectRatio";
@@ -1 +1 @@
1
- .pui-label-value{display:inline-flex}.pui-label-value span:first-child{max-width:120px;padding-right:4px;white-space:nowrap}.pui-label-value span:last-child{flex:1 1}.pui-label-value span:last-child.no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-search-filter{align-items:center;background-color:#fff;margin-top:10px;width:100%}.pui-search-filter span.ant-collapse-header-text{cursor:auto!important;display:inline-block;width:100%}.pui-search-filter .ant-collapse-content-box{padding:0}.pui-search-filter .search-header{display:flex;width:100%}.pui-search-filter .search-header .left{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:no-wrap}.pui-search-filter .search-header .left :global .ant-radio-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:5px 0 0 5px}.pui-search-filter .search-header .left :global .ant-radio-wrapper:last-child{border-radius:0 5px 5px 0}.pui-search-filter .search-header .left :global .ant-radio-wrapper{border:1px solid #d9d9d9;border-left-color:#fff;margin-right:0;padding:4px 6px}.pui-search-filter .search-header .left :global .ant-radio-wrapper .ant-radio{display:none}.pui-search-filter .search-header .left :global .ant-radio-wrapper:hover{color:#1890ff}.pui-search-filter .search-header .left :global .ant-radio-wrapper-checked{background:#fff;border:1px solid #1890ff;border-left:1px solid #1890ff!important;color:#1890ff;z-index:1}.pui-search-filter .search-header .right{display:flex;justify-content:center}.pui-search-filter .search-header .right .input{border-radius:4px;width:200px}.pui-search-filter .search-header .right .button{background-color:#ff7e00;border-radius:4px;color:#fff;margin-left:10px}.pui-search-filter .search-header .right .button:active,.pui-search-filter .search-header .right .button:focus,.pui-search-filter .search-header .right .button:hover{border-color:transparent}.pui-search-filter .search-header .right .button .icon{margin-left:8px;transition:transform .4s}.pui-search-filter .search-header .right .button .icon.down{transform:rotate(180deg)}.pui-search-filter .search-header .right .button .icon.up{transform:rotate(0deg)}.pui-search-filter .title{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-weight:700;margin:0 10px;padding-bottom:10px}.pui-search-filter .title span.icon{background-color:#ff7e00;border-radius:2px;height:16px;margin-right:6px;width:4px}.pui-search-filter .search-content .filter-row{display:flex;flex-wrap:wrap;padding:10px;width:100%}.pui-search-filter .search-content .filter-col{height:30px;line-height:30px;margin-bottom:10px}.pui-search-filter .search-content .filter-col .ant-picker{width:100%}.pui-search-filter .search-content .search-btn{justify-content:center}.pui-search-filter .search-content .search-btn>button{margin:0 5px}.pui-error-boundary{align-items:center;background-color:#dd7f7f;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:15px;width:auto}.pui-error-boundary .error-text{margin-top:20px}.pui-error-boundary .error-refresh{background-color:#4593ef;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;line-height:40px;text-align:center;width:140px}.pui-error-boundary .errorDetiles .detilesLink{color:blue}.pui-error-boundary .errorDetiles .errordetails{background-color:#ccc6be;border:1px solid #777;border-radius:5px;color:#777;font-size:80%;padding:10px}.pui-picture-card{display:inline-block;padding:10px;transition:box-shadow .3s linear}.pui-picture-card .info{margin-top:10px}.pui-picture-card-bordered{border:1px solid rgba(0,0,0,.06)}.pui-picture-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09);cursor:pointer}.pui-picture-card.horizontal{display:flex;justify-content:space-around}.pui-loading .mask{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100000}.pui-loading .loading{background:#fff;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.2);padding:20px;z-index:100001}.pui-loading .loading,.pui-nodata{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pui-nodata .not-data-image{display:block;height:100px}.pui-nodata .no-data-text{color:#000;display:inline-block;font-size:14px;font-weight:400;margin-top:5px;opacity:.65;text-align:center;width:100%}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar{height:8px;width:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-track{border-radius:2px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title{overflow:hidden}.pui-upload .preview .ant-upload-list-item-actions a[target=_blank][rel="noopener noreferrer"]{opacity:1!important;pointer-events:auto!important}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-thumbnail{height:46px}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-name{display:inline;display:initial;position:absolute}.pui-table .ant-spin-container,.pui-table .ant-spin-nested-loading,.pui-table .ant-table,.pui-table .ant-table-container{height:100%;width:100%}.pui-table .ant-table-body{max-height:calc(100% - 56px);max-width:100%;min-height:calc(100% - 56px);min-width:100%;overflow-y:auto!important;position:absolute}.pui-table .ant-table-body .ant-table-tbody>tr>td.ant-table-cell.d-table-cell-wrap{white-space:normal}.pui-table .ant-table-body::-webkit-scrollbar{height:8px;width:4px}.pui-table .ant-table-body::-webkit-scrollbar-thumb{background-color:#0084ff}.pui-table .ant-table-body::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.pui-table .ant-table-body::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-table .ant-spin-nested-loading>div>.ant-spin{max-height:none}.pui-table .ant-pagination-total-text span{color:#40a9ff;font-weight:700}.pui-table.height-on-page .ant-table{height:calc(100% - 56px)}.pui-form .form-wrapper>.ant-form-item{margin-bottom:24px;margin-right:0;min-height:32px}.pui-form .ant-input-number,.pui-form .ant-picker{width:100%}.pui-form.ant-form-horizontal .form-wrapper>.ant-form-item:last-child,.pui-form.ant-form-vertical .form-wrapper>.ant-form-item:last-child{margin-bottom:0}.pui-form.ant-form-horizontal .ant-form-item-label{min-width:80px}.pui-form.ant-form-inline .form-wrapper,.pui-form.ant-form-inline.inlineVertical .form-wrapper{align-items:flex-end;display:flex;flex-wrap:wrap;height:min-content}.pui-form.ant-form-inline .form-wrapper>.ant-form-item,.pui-form.ant-form-inline.inlineVertical .form-wrapper>.ant-form-item{padding-right:16px}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row{flex-direction:column}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row .ant-form-item-label{text-align:left}.pui-modal-container .ant-modal-wrap .ant-modal{height:100%;max-width:none}.pui-modal-container .ant-modal-wrap .ant-modal .ant-modal-content{height:100%;width:100%}.pui-absolute-modal-container .ant-modal-wrap{position:fixed}.pui-relative-modal-container .ant-modal-wrap{position:absolute}.pui-color-picker .sketch-picker{box-shadow:none!important;padding:0!important}.trigger{border:5px solid #fff;border-radius:2px;box-shadow:0 0 2px #000;cursor:pointer;display:inline-block;height:26px;width:60px}.pui-infinite-scroll-wrapper .ant-list .ant-row{margin-right:0!important}.scroll-container{position:relative}.scroll-container .backtop{right:50px}.scroll-container .up{background:#007aff;border-radius:3px;color:#fff;text-align:center}.toolbar{background-color:rgba(0,0,0,.5);color:#fff;justify-content:center}.toolbar,.toolbar button{align-items:center;display:flex}.toolbar button{background-color:transparent;border-width:0;cursor:pointer}.toolbar button:hover{background-color:#0074d9}.toolbar .icon>path{fill:#fff}.pui-ip-address{border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.pui-ip-address.small{height:24px}.pui-ip-address.large{padding:6.5px 10px}.pui-ip-address.middle{padding:4px 10px}.pui-ip-address.disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:rgba(0,0,0,.25);cursor:not-allowed;opacity:1}.pui-ip-address.disabled:hover{border-color:#d9d9d9}.pui-ip-address:hover{border-color:#4d90ff}.pui-ip-address:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.pui-ip-address input{font-feature-settings:"tnum","tnum";background:none;border:none;box-sizing:border-box;color:#000000d9;display:inline-block;font-size:14px;font-variant:tabular-nums;line-height:1.5715;margin:0;outline:0;padding:0;position:relative;text-align:center}.pui-ip-address input[disabled]{color:inherit;cursor:not-allowed}
1
+ .pui-label-value{display:inline-flex}.pui-label-value span:first-child{max-width:120px;padding-right:4px;white-space:nowrap}.pui-label-value span:last-child{flex:1 1}.pui-label-value span:last-child.no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-search-filter{align-items:center;background-color:#fff;margin-top:10px;width:100%}.pui-search-filter span.ant-collapse-header-text{cursor:auto!important;display:inline-block;width:100%}.pui-search-filter .ant-collapse-content-box{padding:0}.pui-search-filter .search-header{display:flex;width:100%}.pui-search-filter .search-header .left{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:no-wrap}.pui-search-filter .search-header .left :global .ant-radio-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:5px 0 0 5px}.pui-search-filter .search-header .left :global .ant-radio-wrapper:last-child{border-radius:0 5px 5px 0}.pui-search-filter .search-header .left :global .ant-radio-wrapper{border:1px solid #d9d9d9;border-left-color:#fff;margin-right:0;padding:4px 6px}.pui-search-filter .search-header .left :global .ant-radio-wrapper .ant-radio{display:none}.pui-search-filter .search-header .left :global .ant-radio-wrapper:hover{color:#1890ff}.pui-search-filter .search-header .left :global .ant-radio-wrapper-checked{background:#fff;border:1px solid #1890ff;border-left:1px solid #1890ff!important;color:#1890ff;z-index:1}.pui-search-filter .search-header .right{display:flex;justify-content:center}.pui-search-filter .search-header .right .input{border-radius:4px;width:200px}.pui-search-filter .search-header .right .button{background-color:#ff7e00;border-radius:4px;color:#fff;margin-left:10px}.pui-search-filter .search-header .right .button:active,.pui-search-filter .search-header .right .button:focus,.pui-search-filter .search-header .right .button:hover{border-color:transparent}.pui-search-filter .search-header .right .button .icon{margin-left:8px;transition:transform .4s}.pui-search-filter .search-header .right .button .icon.down{transform:rotate(180deg)}.pui-search-filter .search-header .right .button .icon.up{transform:rotate(0deg)}.pui-search-filter .title{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-weight:700;margin:0 10px;padding-bottom:10px}.pui-search-filter .title span.icon{background-color:#ff7e00;border-radius:2px;height:16px;margin-right:6px;width:4px}.pui-search-filter .search-content .filter-row{display:flex;flex-wrap:wrap;padding:10px;width:100%}.pui-search-filter .search-content .filter-col{height:30px;line-height:30px;margin-bottom:10px}.pui-search-filter .search-content .filter-col .ant-picker{width:100%}.pui-search-filter .search-content .search-btn{justify-content:center}.pui-search-filter .search-content .search-btn>button{margin:0 5px}.pui-error-boundary{align-items:center;background-color:#dd7f7f;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:15px;width:auto}.pui-error-boundary .error-text{margin-top:20px}.pui-error-boundary .error-refresh{background-color:#4593ef;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;line-height:40px;text-align:center;width:140px}.pui-error-boundary .errorDetiles .detilesLink{color:blue}.pui-error-boundary .errorDetiles .errordetails{background-color:#ccc6be;border:1px solid #777;border-radius:5px;color:#777;font-size:80%;padding:10px}.pui-picture-card{display:inline-block;padding:10px;transition:box-shadow .3s linear}.pui-picture-card .info{margin-top:10px}.pui-picture-card-bordered{border:1px solid rgba(0,0,0,.06)}.pui-picture-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09);cursor:pointer}.pui-picture-card.horizontal{display:flex;justify-content:space-around}.pui-loading .mask{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100000}.pui-loading .loading{background:#fff;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.2);padding:20px;z-index:100001}.pui-loading .loading,.pui-nodata{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pui-nodata .not-data-image{display:block;height:100px}.pui-nodata .no-data-text{color:#000;display:inline-block;font-size:14px;font-weight:400;margin-top:5px;opacity:.65;text-align:center;width:100%}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar{height:8px;width:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-track{border-radius:2px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title{overflow:hidden}.pui-upload .preview .ant-upload-list-item-actions a[target=_blank][rel="noopener noreferrer"]{opacity:1!important;pointer-events:auto!important}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-thumbnail{height:46px}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-name{display:inline;display:initial;position:absolute}.pui-table .ant-spin-container,.pui-table .ant-spin-nested-loading,.pui-table .ant-table,.pui-table .ant-table-container{height:100%;width:100%}.pui-table .ant-table-body{max-height:calc(100% - 56px);max-width:100%;min-height:calc(100% - 56px);min-width:100%;overflow-y:auto!important;position:absolute}.pui-table .ant-table-body .ant-table-tbody>tr>td.ant-table-cell.d-table-cell-wrap{white-space:normal}.pui-table .ant-table-body::-webkit-scrollbar{height:8px;width:4px}.pui-table .ant-table-body::-webkit-scrollbar-thumb{background-color:#0084ff}.pui-table .ant-table-body::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.pui-table .ant-table-body::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-table .ant-spin-nested-loading>div>.ant-spin{max-height:none}.pui-table .ant-pagination-total-text span{color:#40a9ff;font-weight:700}.pui-table.height-on-page .ant-table{height:calc(100% - 56px)}.pui-ip-address{border:1px solid #d9d9d9;border-radius:2px;display:inline-block;transition:all .3s}.pui-ip-address.small{height:24px}.pui-ip-address.large{padding:6.5px 10px}.pui-ip-address.middle{padding:4px 10px}.pui-ip-address.disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:rgba(0,0,0,.25);cursor:not-allowed;opacity:1}.pui-ip-address.disabled:hover{border-color:#d9d9d9}.pui-ip-address:hover{border-color:#4d90ff}.pui-ip-address:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.pui-ip-address input{font-feature-settings:"tnum","tnum";background:none;border:none;box-sizing:border-box;color:#000000d9;display:inline-block;font-size:14px;font-variant:tabular-nums;line-height:1.5715;margin:0;outline:0;padding:0;position:relative;text-align:center}.pui-ip-address input[disabled]{color:inherit;cursor:not-allowed}.pui-ip-address input[type=number]{appearance:textfield}.pui-ip-address input[type=number]::-webkit-inner-spin-button,.pui-ip-address input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.pui-form .form-wrapper>.ant-form-item{margin-bottom:24px;margin-right:0;min-height:32px}.pui-form .ant-input-number,.pui-form .ant-picker{width:100%}.pui-form.ant-form-horizontal .form-wrapper>.ant-form-item:last-child,.pui-form.ant-form-vertical .form-wrapper>.ant-form-item:last-child{margin-bottom:0}.pui-form.ant-form-horizontal .ant-form-item-label{min-width:80px}.pui-form.ant-form-inline .form-wrapper,.pui-form.ant-form-inline.inlineVertical .form-wrapper{align-items:flex-end;display:flex;flex:1 1;flex-wrap:wrap;height:min-content}.pui-form.ant-form-inline .form-wrapper>.ant-form-item,.pui-form.ant-form-inline.inlineVertical .form-wrapper>.ant-form-item{padding-right:16px}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row{flex-direction:column}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row .ant-form-item-label{text-align:left}.pui-form.ant-form-inline.inlineVertical .grid-row{flex:1 1}.pui-modal-container .ant-modal-wrap .ant-modal{height:100%;max-width:none}.pui-modal-container .ant-modal-wrap .ant-modal .ant-modal-content{height:100%;width:100%}.pui-absolute-modal-container .ant-modal-wrap{position:fixed}.pui-relative-modal-container .ant-modal-wrap{position:absolute}.pui-color-picker .sketch-picker{box-shadow:none!important;padding:0!important}.trigger{border:5px solid #fff;border-radius:2px;box-shadow:0 0 2px #000;cursor:pointer;display:inline-block;height:26px;width:60px}.pui-infinite-scroll-wrapper .ant-list .ant-row{margin-right:0!important}.scroll-container{overflow-x:hidden;overflow-y:auto;position:relative}.scroll-container .backtop{right:50px}.scroll-container .up{background:#007aff;border-radius:3px;color:#fff;text-align:center}.toolbar{background-color:rgba(0,0,0,.5);color:#fff;justify-content:center}.toolbar,.toolbar button{align-items:center;display:flex}.toolbar button{background-color:transparent;border-width:0;cursor:pointer}.toolbar button:hover{background-color:#0074d9}.toolbar .icon>path{fill:#fff}