@pointcloud/pcloud-components 0.1.24 → 0.1.25

package/dist/esm/IPAddress/index.less

@@ -1,75 +1,75 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-ip-address {
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  transition: all 0.3s;
-  display: inline-block;
-
-  &.small {
-    height: 24px;
-  }
-
-  &.large {
-    padding: 6.5px 10px;
-  }
-
-  &.middle {
-    padding: 4px 10px;
-  }
-
-  &.disabled {
-    color: rgba(0, 0, 0, 25%);
-    background-color: #f5f5f5;
-    border-color: #d9d9d9;
-    box-shadow: none;
-    cursor: not-allowed;
-    opacity: 1;
-
-    &:hover {
-      border-color: #d9d9d9;
-    }
-  }
-
-  &:hover {
-    border-color: #4d90ff;
-  }
-
-  &:focus-within {
-    border-color: #40a9ff;
-    box-shadow: 0 0 0 2px rgba(24, 144, 255, 20%);
-  }
-
-  input {
-    border: none;
-    background: none;
-    text-align: center;
-    outline: 0;
-    padding: 0;
-    margin: 0;
-    box-sizing: border-box;
-    font-variant: tabular-nums;
-    font-feature-settings: 'tnum';
-    position: relative;
-    display: inline-block;
-    color: #000000d9;
-    font-size: 14px;
-    line-height: 1.5715;
-  }
-
-  input[disabled] {
-    cursor: not-allowed;
-    color: inherit;
-  }
-
-  input[type='number'] {
-    appearance: textfield; /* 移除Firefox的特殊样式 */
-  }
-
-  /* 移除上下箭头 */
-  input[type='number']::-webkit-outer-spin-button,
-  input[type='number']::-webkit-inner-spin-button {
-    appearance: none;
-    margin: 0;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-ip-address {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  transition: all 0.3s;
+  display: inline-block;
+
+  &.small {
+    height: 24px;
+  }
+
+  &.large {
+    padding: 6.5px 10px;
+  }
+
+  &.middle {
+    padding: 4px 10px;
+  }
+
+  &.disabled {
+    color: rgba(0, 0, 0, 25%);
+    background-color: #f5f5f5;
+    border-color: #d9d9d9;
+    box-shadow: none;
+    cursor: not-allowed;
+    opacity: 1;
+
+    &:hover {
+      border-color: #d9d9d9;
+    }
+  }
+
+  &:hover {
+    border-color: #4d90ff;
+  }
+
+  &:focus-within {
+    border-color: #40a9ff;
+    box-shadow: 0 0 0 2px rgba(24, 144, 255, 20%);
+  }
+
+  input {
+    border: none;
+    background: none;
+    text-align: center;
+    outline: 0;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    font-variant: tabular-nums;
+    font-feature-settings: 'tnum';
+    position: relative;
+    display: inline-block;
+    color: #000000d9;
+    font-size: 14px;
+    line-height: 1.5715;
+  }
+
+  input[disabled] {
+    cursor: not-allowed;
+    color: inherit;
+  }
+
+  input[type='number'] {
+    appearance: textfield; /* 移除Firefox的特殊样式 */
+  }
+
+  /* 移除上下箭头 */
+  input[type='number']::-webkit-outer-spin-button,
+  input[type='number']::-webkit-inner-spin-button {
+    appearance: none;
+    margin: 0;
+  }
+}

package/dist/esm/SignaturePad/index.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import './style/index.less';
+export interface SignaturePadHandle {
+    /** 清除画布 */
+    clear: () => void;
+    /** 获取签名图片的 base64 数据 */
+    getDataURL: () => string | undefined;
+}
+export interface SignaturePadProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 画布宽度 */
+    width?: number;
+    /** 画布高度 */
+    height?: number;
+    /** 线条颜色 */
+    penColor?: string;
+    /** 线条粗细 */
+    penWidth?: number;
+    /** 背景颜色 */
+    backgroundColor?: string;
+    /** 清除按钮文字 */
+    clearText?: string;
+    /** 完成按钮文字 */
+    doneText?: string;
+    /** 是否显示工具栏 */
+    showToolbar?: boolean;
+    /** 签名完成回调 */
+    onDone?: (_dataUrl: string) => void;
+    /** 默认的签名图片（base64或图片URL） */
+    defaultValue?: string;
+}
+declare const SignaturePad: import("react").ForwardRefExoticComponent<SignaturePadProps & import("react").RefAttributes<SignaturePadHandle>>;
+export default SignaturePad;

package/dist/esm/SignaturePad/index.js

@@ -0,0 +1,194 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { useCallback, useContext, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from "../ConfigProvider";
+import "./style/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SignaturePad = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 600 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 200 : _ref$height,
+    _ref$penColor = _ref.penColor,
+    penColor = _ref$penColor === void 0 ? '#000000' : _ref$penColor,
+    _ref$penWidth = _ref.penWidth,
+    penWidth = _ref$penWidth === void 0 ? 2 : _ref$penWidth,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? '#ffffff' : _ref$backgroundColor,
+    _ref$clearText = _ref.clearText,
+    clearText = _ref$clearText === void 0 ? '清除' : _ref$clearText,
+    _ref$doneText = _ref.doneText,
+    doneText = _ref$doneText === void 0 ? '完成' : _ref$doneText,
+    _ref$showToolbar = _ref.showToolbar,
+    showToolbar = _ref$showToolbar === void 0 ? true : _ref$showToolbar,
+    onDone = _ref.onDone,
+    defaultValue = _ref.defaultValue;
+  var canvasRef = useRef(null);
+  var isDrawing = useRef(false);
+  var lastX = useRef(0);
+  var lastY = useRef(0);
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('signature-pad');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-signature-pad"), !!prefixCls), classname, className);
+  var initCanvas = useCallback(function () {
+    var canvas = canvasRef.current;
+    if (!canvas) return;
+
+    // 设置画布大小和背景色
+    canvas.width = width;
+    canvas.height = height;
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+      ctx.fillStyle = backgroundColor;
+      ctx.fillRect(0, 0, canvas.width, canvas.height);
+    }
+  }, [width, height, backgroundColor]);
+  var loadImage = useCallback(function (src) {
+    var canvas = canvasRef.current;
+    if (!canvas) return;
+    var ctx = canvas.getContext('2d');
+    if (!ctx) return;
+    var image = new Image();
+    image.onload = function () {
+      // 先初始化画布
+      initCanvas();
+      // 在画布中心绘制图片
+      var scale = Math.min(canvas.width / image.width, canvas.height / image.height);
+      var x = (canvas.width - image.width * scale) / 2;
+      var y = (canvas.height - image.height * scale) / 2;
+      ctx.drawImage(image, x, y, image.width * scale, image.height * scale);
+    };
+    image.src = src;
+  }, [initCanvas]);
+  useEffect(function () {
+    initCanvas();
+  }, [initCanvas]);
+  useEffect(function () {
+    if (defaultValue) {
+      loadImage(defaultValue);
+    }
+  }, [defaultValue, loadImage]);
+  var startDrawing = useCallback(function (e) {
+    var canvas = canvasRef.current;
+    if (!canvas) return;
+    isDrawing.current = true;
+    var rect = canvas.getBoundingClientRect();
+    var x = ('touches' in e ? e.touches[0].clientX : e.clientX) - rect.left;
+    var y = ('touches' in e ? e.touches[0].clientY : e.clientY) - rect.top;
+    lastX.current = x;
+    lastY.current = y;
+  }, []);
+  var draw = useCallback(function (e) {
+    if (!isDrawing.current) return;
+    var canvas = canvasRef.current;
+    if (!canvas) return;
+    var rect = canvas.getBoundingClientRect();
+    var x = ('touches' in e ? e.touches[0].clientX : e.clientX) - rect.left;
+    var y = ('touches' in e ? e.touches[0].clientY : e.clientY) - rect.top;
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+      ctx.beginPath();
+      ctx.strokeStyle = penColor;
+      ctx.lineWidth = penWidth;
+      ctx.lineCap = 'round';
+      ctx.lineJoin = 'round';
+      ctx.moveTo(lastX.current, lastY.current);
+      ctx.lineTo(x, y);
+      ctx.stroke();
+    }
+    lastX.current = x;
+    lastY.current = y;
+  }, [penColor, penWidth]);
+  var stopDrawing = useCallback(function () {
+    isDrawing.current = false;
+  }, []);
+  useEffect(function () {
+    var canvas = canvasRef.current;
+    if (!canvas) return;
+    var handleEvent = function handleEvent(e) {
+      e.preventDefault();
+      var event = e;
+      switch (e.type) {
+        case 'mousedown':
+        case 'touchstart':
+          startDrawing(event);
+          break;
+        case 'mousemove':
+        case 'touchmove':
+          draw(event);
+          break;
+        case 'mouseup':
+        case 'mouseleave':
+        case 'touchend':
+          stopDrawing();
+          break;
+        default:
+          break;
+      }
+    };
+    var events = ['mousedown', 'mousemove', 'mouseup', 'mouseleave', 'touchstart', 'touchmove', 'touchend'];
+
+    // 添加事件监听
+    events.forEach(function (eventName) {
+      canvas.addEventListener(eventName, handleEvent);
+    });
+    return function () {
+      // 清除事件监听
+      events.forEach(function (eventName) {
+        canvas.removeEventListener(eventName, handleEvent);
+      });
+    };
+  }, [draw, startDrawing, stopDrawing]);
+  var handleClear = useCallback(function () {
+    var canvas = canvasRef.current;
+    if (!canvas) return;
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+      ctx.fillStyle = backgroundColor;
+      ctx.fillRect(0, 0, canvas.width, canvas.height);
+    }
+  }, [backgroundColor]);
+  var handleDone = useCallback(function () {
+    var canvas = canvasRef.current;
+    if (!canvas) return;
+    var dataUrl = canvas.toDataURL('image/png');
+    onDone === null || onDone === void 0 || onDone(dataUrl);
+  }, [onDone]);
+  useImperativeHandle(ref, function () {
+    return {
+      clear: handleClear,
+      getDataURL: function getDataURL() {
+        var _canvasRef$current;
+        return (_canvasRef$current = canvasRef.current) === null || _canvasRef$current === void 0 ? void 0 : _canvasRef$current.toDataURL('image/png');
+      }
+    };
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    className: wrapperClass,
+    children: [/*#__PURE__*/_jsx("canvas", {
+      ref: canvasRef,
+      className: "".concat(classname, "-canvas"),
+      style: {
+        touchAction: 'none'
+      }
+    }), showToolbar && /*#__PURE__*/_jsxs("div", {
+      className: "".concat(classname, "-toolbar"),
+      children: [/*#__PURE__*/_jsx("button", {
+        type: "button",
+        className: "".concat(classname, "-button"),
+        onClick: handleClear,
+        children: clearText
+      }), /*#__PURE__*/_jsx("button", {
+        type: "button",
+        className: "".concat(classname, "-button"),
+        onClick: handleDone,
+        children: doneText
+      })]
+    })]
+  });
+});
+export default SignaturePad;

package/dist/esm/SignaturePad/style/index.less

@@ -0,0 +1,47 @@
+@import '../../commonStyle/index.less';
+
+.@{prefix}-signature-pad {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+
+  &-canvas {
+    border: 1px solid #d9d9d9;
+    border-radius: 4px;
+  }
+
+  &-toolbar {
+    margin-top: 8px;
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+    text-align: center;
+  }
+
+  &-button {
+    min-width: 64px;
+    height: 32px;
+    padding: 4px 16px;
+    border: 1px solid #1677ff;
+    border-radius: 4px;
+    background-color: #fff;
+    color: #1677ff;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      background-color: #f0f5ff;
+    }
+
+    &:last-child {
+      background-color: #1677ff;
+      color: #fff;
+
+      &:hover {
+        background-color: #4096ff;
+      }
+    }
+  }
+}

package/dist/esm/index.d.ts

@@ -48,3 +48,5 @@ export { default as IconFont } from './IconFont';
 export type { IconFontProps } from './IconFont';
 export { default as AspectRatio } from './AspectRatio';
 export type { AspectRatioProps } from './AspectRatio';
+export { default as SignaturePad } from './SignaturePad';
+export type { SignaturePadProps } from './SignaturePad';

package/dist/esm/index.js

@@ -23,4 +23,5 @@ export { default as RndDrag } from "./RndDrag";
 export { default as RCropper } from "./RCropper";
 export { default as IPAddress } from "./IPAddress";
 export { default as IconFont } from "./IconFont";
-export { default as AspectRatio } from "./AspectRatio";
+export { default as AspectRatio } from "./AspectRatio";
+export { default as SignaturePad } from "./SignaturePad";

package/dist/umd/pcloud-components.min.css

@@ -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-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}