@pointcloud/pcloud-components 0.1.25 → 0.1.27
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/README.md +1 -1
- package/dist/esm/ContextMenu/index.d.ts +28 -0
- package/dist/esm/ContextMenu/index.js +146 -0
- package/dist/esm/ContextMenu/index.less +61 -0
- package/dist/esm/DSelect/index.d.ts +1 -1
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -1
- package/dist/umd/pcloud-components.min.css +1 -1
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +108 -107
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# pcloud-components
|
|
2
2
|
|
|
3
|
-
>)  ?style=flat&logo=antdesign>)  >)  ?style=flat&logo=antdesign>)  ?style=flat&logo=webcomponentsdotorg>) ?style=flat>)
|
|
4
4
|
|
|
5
5
|
pcloud-components 是一套基于 Antd v4.24.16+ React v17 开发的业务组件库。
|
|
6
6
|
该项目已经发布到 Npm 仓库，可以直接使用, 点击[pcloud-components 地址](https://www.npmjs.com/package/@pointcloud/pcloud-components)访问。
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
import './index.less';
|
|
4
|
+
export interface ContextMenuProps {
|
|
5
|
+
/** 自定义类名 */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** 自定义样式 */
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
/** 菜单内容 */
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
/** 触发区域内容 */
|
|
12
|
+
trigger: ReactNode;
|
|
13
|
+
/** 点击外部是否关闭 */
|
|
14
|
+
closeOnOutside?: boolean;
|
|
15
|
+
/** 展示位置偏移量 */
|
|
16
|
+
offset?: {
|
|
17
|
+
x?: number;
|
|
18
|
+
y?: number;
|
|
19
|
+
};
|
|
20
|
+
/** 指定菜单挂载的父节点 */
|
|
21
|
+
getPopupContainer?: (props: any) => HTMLElement;
|
|
22
|
+
/** 菜单显示时的回调 */
|
|
23
|
+
onShow?: () => void;
|
|
24
|
+
/** 菜单隐藏时的回调 */
|
|
25
|
+
onHide?: () => void;
|
|
26
|
+
}
|
|
27
|
+
declare const ContextMenu: React.FC<ContextMenuProps>;
|
|
28
|
+
export default ContextMenu;
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
+
import React, { useMemo, useEffect, useCallback, useRef, useState, useContext } from 'react';
|
|
5
|
+
import { createPortal } from 'react-dom';
|
|
6
|
+
import classNames from 'classnames';
|
|
7
|
+
import { ConfigContext } from "../ConfigProvider";
|
|
8
|
+
import "./index.less";
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
var ContextMenu = function ContextMenu(_ref) {
|
|
13
|
+
var className = _ref.className,
|
|
14
|
+
style = _ref.style,
|
|
15
|
+
children = _ref.children,
|
|
16
|
+
trigger = _ref.trigger,
|
|
17
|
+
_ref$closeOnOutside = _ref.closeOnOutside,
|
|
18
|
+
closeOnOutside = _ref$closeOnOutside === void 0 ? true : _ref$closeOnOutside,
|
|
19
|
+
_ref$offset = _ref.offset,
|
|
20
|
+
offset = _ref$offset === void 0 ? {
|
|
21
|
+
x: 0,
|
|
22
|
+
y: 0
|
|
23
|
+
} : _ref$offset,
|
|
24
|
+
onShow = _ref.onShow,
|
|
25
|
+
onHide = _ref.onHide,
|
|
26
|
+
getPopupContainer = _ref.getPopupContainer;
|
|
27
|
+
var _useState = useState(false),
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
visible = _useState2[0],
|
|
30
|
+
setVisible = _useState2[1];
|
|
31
|
+
var _useState3 = useState({
|
|
32
|
+
x: 0,
|
|
33
|
+
y: 0
|
|
34
|
+
}),
|
|
35
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
36
|
+
position = _useState4[0],
|
|
37
|
+
setPosition = _useState4[1];
|
|
38
|
+
var _useContext = useContext(ConfigContext),
|
|
39
|
+
prefixCls = _useContext.prefixCls,
|
|
40
|
+
getPrefixCls = _useContext.getPrefixCls;
|
|
41
|
+
var triggerRef = useRef(null);
|
|
42
|
+
var menuRef = useRef(null);
|
|
43
|
+
var classname = getPrefixCls('context-menu');
|
|
44
|
+
var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-context-menu"), !!prefixCls), classname, className);
|
|
45
|
+
var handleGetPopupContainer = useCallback(function (triggerNode) {
|
|
46
|
+
if (typeof getPopupContainer === 'function') {
|
|
47
|
+
var container = getPopupContainer(triggerNode);
|
|
48
|
+
return container instanceof HTMLElement ? container : document.body;
|
|
49
|
+
}
|
|
50
|
+
return document.body;
|
|
51
|
+
}, [getPopupContainer]);
|
|
52
|
+
var popContainer = useMemo(function () {
|
|
53
|
+
return triggerRef.current ? handleGetPopupContainer(triggerRef.current) : document.body;
|
|
54
|
+
}, [visible, handleGetPopupContainer]);
|
|
55
|
+
|
|
56
|
+
// 处理右键点击事件
|
|
57
|
+
var handleContextMenu = useCallback(function (e) {
|
|
58
|
+
var _menuRef$current, _menuRef$current2;
|
|
59
|
+
e.preventDefault();
|
|
60
|
+
var triggerElement = triggerRef.current;
|
|
61
|
+
if (!triggerElement) return;
|
|
62
|
+
var container = triggerElement ? handleGetPopupContainer(triggerElement) : document.body;
|
|
63
|
+
var x, y;
|
|
64
|
+
if (container === document.body) {
|
|
65
|
+
// 如果是body容器，使用相对于视窗的位置（fixed定位）
|
|
66
|
+
x = e.clientX + (offset.x || 0);
|
|
67
|
+
y = e.clientY + (offset.y || 0);
|
|
68
|
+
} else {
|
|
69
|
+
// 如果指定了容器，使用相对于该容器的位置（absolute定位）
|
|
70
|
+
var containerRect = container.getBoundingClientRect();
|
|
71
|
+
x = e.clientX - containerRect.left + container.scrollLeft + (offset.x || 0);
|
|
72
|
+
y = e.clientY - containerRect.top + container.scrollTop + (offset.y || 0);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
// 确保菜单不超出容器边界
|
|
76
|
+
var menuWidth = ((_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.offsetWidth) || 0;
|
|
77
|
+
var menuHeight = ((_menuRef$current2 = menuRef.current) === null || _menuRef$current2 === void 0 ? void 0 : _menuRef$current2.offsetHeight) || 0;
|
|
78
|
+
var finalX, finalY;
|
|
79
|
+
if (container === document.body) {
|
|
80
|
+
// body容器情况，相对于视窗边界
|
|
81
|
+
finalX = Math.max(0, Math.min(x, window.innerWidth - menuWidth));
|
|
82
|
+
finalY = Math.max(0, Math.min(y, window.innerHeight - menuHeight));
|
|
83
|
+
} else {
|
|
84
|
+
// 自定义容器情况，相对于容器边界
|
|
85
|
+
var maxX = container.clientWidth - menuWidth;
|
|
86
|
+
var maxY = container.clientHeight - menuHeight;
|
|
87
|
+
finalX = Math.max(0, Math.min(x, maxX));
|
|
88
|
+
finalY = Math.max(0, Math.min(y, maxY));
|
|
89
|
+
}
|
|
90
|
+
setPosition({
|
|
91
|
+
x: finalX,
|
|
92
|
+
y: finalY
|
|
93
|
+
});
|
|
94
|
+
setVisible(true);
|
|
95
|
+
onShow === null || onShow === void 0 || onShow();
|
|
96
|
+
}, [offset, onShow, handleGetPopupContainer]);
|
|
97
|
+
|
|
98
|
+
// 处理点击事件
|
|
99
|
+
var handleMouseDown = useCallback(function (e) {
|
|
100
|
+
// 检查点击目标是否在菜单内部
|
|
101
|
+
if (menuRef.current && menuRef.current.contains(e.target)) {
|
|
102
|
+
// 如果点击在菜单内部，不关闭菜单，允许事件正常处理
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
if (closeOnOutside && menuRef.current && !menuRef.current.contains(e.target) && triggerRef.current && !triggerRef.current.contains(e.target)) {
|
|
106
|
+
setVisible(false);
|
|
107
|
+
onHide === null || onHide === void 0 || onHide();
|
|
108
|
+
}
|
|
109
|
+
}, [closeOnOutside, onHide]);
|
|
110
|
+
|
|
111
|
+
// 处理 ESC 键盘事件
|
|
112
|
+
var handleKeyDown = useCallback(function (e) {
|
|
113
|
+
if (e.key === 'Escape' && visible) {
|
|
114
|
+
setVisible(false);
|
|
115
|
+
onHide === null || onHide === void 0 || onHide();
|
|
116
|
+
}
|
|
117
|
+
}, [visible, onHide]);
|
|
118
|
+
useEffect(function () {
|
|
119
|
+
if (visible) {
|
|
120
|
+
document.addEventListener('mousedown', handleMouseDown);
|
|
121
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
122
|
+
}
|
|
123
|
+
return function () {
|
|
124
|
+
document.removeEventListener('mousedown', handleMouseDown);
|
|
125
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
126
|
+
};
|
|
127
|
+
}, [visible, handleMouseDown, handleKeyDown]);
|
|
128
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
129
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
130
|
+
ref: triggerRef,
|
|
131
|
+
onContextMenu: handleContextMenu,
|
|
132
|
+
children: trigger
|
|
133
|
+
}), visible && /*#__PURE__*/createPortal( /*#__PURE__*/_jsx("div", {
|
|
134
|
+
ref: menuRef,
|
|
135
|
+
className: wrapperClass,
|
|
136
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
137
|
+
position: popContainer === document.body ? 'fixed' : 'absolute',
|
|
138
|
+
left: position.x,
|
|
139
|
+
top: position.y,
|
|
140
|
+
zIndex: 1050
|
|
141
|
+
}),
|
|
142
|
+
children: children
|
|
143
|
+
}), popContainer)]
|
|
144
|
+
});
|
|
145
|
+
};
|
|
146
|
+
export default ContextMenu;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
@import '../commonStyle/index.less';
|
|
2
|
+
|
|
3
|
+
@context-menu-bg: #ffffff;
|
|
4
|
+
@context-menu-border-color: #f0f0f0;
|
|
5
|
+
@context-menu-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
6
|
+
@border-radius-base: 1px;
|
|
7
|
+
|
|
8
|
+
.@{prefix}-context-menu {
|
|
9
|
+
background: @context-menu-bg;
|
|
10
|
+
border-radius: @border-radius-base;
|
|
11
|
+
border: 1px solid @context-menu-border-color;
|
|
12
|
+
box-shadow: @context-menu-shadow;
|
|
13
|
+
padding: 4px 0;
|
|
14
|
+
min-width: 120px;
|
|
15
|
+
opacity: 0;
|
|
16
|
+
transform: scale(0.8);
|
|
17
|
+
transform-origin: top left;
|
|
18
|
+
animation: contextmenu-show 0.2s ease-out forwards;
|
|
19
|
+
|
|
20
|
+
&-item {
|
|
21
|
+
padding: 5px 12px;
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
user-select: none;
|
|
24
|
+
transition: all 0.3s;
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
gap: 8px;
|
|
28
|
+
color: rgba(0, 0, 0, 88%);
|
|
29
|
+
|
|
30
|
+
&:hover {
|
|
31
|
+
background: rgba(0, 0, 0, 4%);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&-disabled {
|
|
35
|
+
color: rgba(0, 0, 0, 25%);
|
|
36
|
+
cursor: not-allowed;
|
|
37
|
+
|
|
38
|
+
&:hover {
|
|
39
|
+
background: none;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&-divider {
|
|
44
|
+
height: 1px;
|
|
45
|
+
margin: 4px 0;
|
|
46
|
+
background: #f0f0f0;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@keyframes contextmenu-show {
|
|
52
|
+
0% {
|
|
53
|
+
opacity: 0;
|
|
54
|
+
transform: scale(0.8);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
100% {
|
|
58
|
+
opacity: 1;
|
|
59
|
+
transform: scale(1);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -11,7 +11,7 @@ export declare type DSelectProps = Omit<SelectProps, 'options' | 'onSearch' | 'l
|
|
|
11
11
|
/** 是否开启防抖： true表示800毫秒，true表示默认值，false或0表示不开启 */
|
|
12
12
|
debounce?: boolean | number;
|
|
13
13
|
};
|
|
14
|
-
declare const DSelect: React.ForwardRefExoticComponent<Omit<SelectProps<any, DefaultOptionType>, "
|
|
14
|
+
declare const DSelect: React.ForwardRefExoticComponent<Omit<SelectProps<any, DefaultOptionType>, "options" | "onSearch" | "loading"> & {
|
|
15
15
|
/** antd的onSearch属性，onSearch有效时showSearch自动为true */
|
|
16
16
|
onSearch?: ((params?: any) => Promise<DefaultOptionType[] | any[]>) | undefined;
|
|
17
17
|
/** antd的options属性，可以是一个options数组，或一个返回等价options数组的promise */
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -50,3 +50,5 @@ export { default as AspectRatio } from './AspectRatio';
|
|
|
50
50
|
export type { AspectRatioProps } from './AspectRatio';
|
|
51
51
|
export { default as SignaturePad } from './SignaturePad';
|
|
52
52
|
export type { SignaturePadProps } from './SignaturePad';
|
|
53
|
+
export { default as ContextMenu } from './ContextMenu';
|
|
54
|
+
export type { ContextMenuProps } from './ContextMenu';
|
package/dist/esm/index.js
CHANGED
|
@@ -24,4 +24,5 @@ export { default as RCropper } from "./RCropper";
|
|
|
24
24
|
export { default as IPAddress } from "./IPAddress";
|
|
25
25
|
export { default as IconFont } from "./IconFont";
|
|
26
26
|
export { default as AspectRatio } from "./AspectRatio";
|
|
27
|
-
export { default as SignaturePad } from "./SignaturePad";
|
|
27
|
+
export { default as SignaturePad } from "./SignaturePad";
|
|
28
|
+
export { default as ContextMenu } from "./ContextMenu";
|
|
@@ -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-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}.pui-signature-pad{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.pui-signature-pad-canvas{border:1px solid #d9d9d9;border-radius:4px}.pui-signature-pad-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;text-align:center}.pui-signature-pad-button{background-color:#fff;border:1px solid #1677ff;border-radius:4px;color:#1677ff;cursor:pointer;height:32px;min-width:64px;padding:4px 16px;transition:all .3s}.pui-signature-pad-button:hover{background-color:#f0f5ff}.pui-signature-pad-button:last-child{background-color:#1677ff;color:#fff}.pui-signature-pad-button:last-child:hover{background-color:#4096ff}
|
|
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}.pui-signature-pad{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.pui-signature-pad-canvas{border:1px solid #d9d9d9;border-radius:4px}.pui-signature-pad-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;text-align:center}.pui-signature-pad-button{background-color:#fff;border:1px solid #1677ff;border-radius:4px;color:#1677ff;cursor:pointer;height:32px;min-width:64px;padding:4px 16px;transition:all .3s}.pui-signature-pad-button:hover{background-color:#f0f5ff}.pui-signature-pad-button:last-child{background-color:#1677ff;color:#fff}.pui-signature-pad-button:last-child:hover{background-color:#4096ff}.pui-context-menu{animation:contextmenu-show .2s ease-out forwards;background:#fff;border:1px solid #f0f0f0;border-radius:1px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);min-width:120px;opacity:0;padding:4px 0;transform:scale(.8);transform-origin:top left}.pui-context-menu-item{align-items:center;color:rgba(0,0,0,.88);cursor:pointer;display:flex;gap:8px;padding:5px 12px;transition:all .3s;-ms-user-select:none;user-select:none}.pui-context-menu-item:hover{background:rgba(0,0,0,.04)}.pui-context-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.pui-context-menu-item-disabled:hover{background:none}.pui-context-menu-item-divider{background:#f0f0f0;height:1px;margin:4px 0}@keyframes contextmenu-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
|