@pointcloud/pcloud-components 0.1.30 → 0.1.32

package/dist/esm/OrgTree/interface.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+export interface OrgTreeNode {
+    /** 节点唯一标识 */
+    id: string | number;
+    /** 节点显示文本 */
+    label: string;
+    /** 节点标题 */
+    title?: string;
+    /** 子节点 */
+    children?: OrgTreeNode[];
+    /** 节点是否展开 */
+    expand?: boolean;
+    /** 节点是否可折叠 */
+    collapsable?: boolean;
+    /** 自定义节点类名 */
+    className?: string;
+    /** 节点数据 */
+    [key: string]: any;
+}
+export interface OrgTreeProps {
+    /** 组织树数据 */
+    data: OrgTreeNode;
+    /** 水平方向布局 */
+    horizontal?: boolean;
+    /** 是否可折叠 */
+    collapsable?: boolean;
+    /** 是否展开所有节点 */
+    expandAll?: boolean;
+    /** 自定义节点渲染 */
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 标签宽度 */
+    labelWidth?: string | number;
+    /** 标签自定义类名 */
+    labelClassName?: string;
+    onClick?: (event: React.MouseEvent, node: OrgTreeNode) => void;
+    /** 自定义渲染节点内容 */
+    renderContent?: (node: OrgTreeNode) => React.ReactNode;
+}

package/dist/esm/OrgTree/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { Props } from 'react-rnd';
-declare const RndDrag: (props: Props) => import("react/jsx-runtime").JSX.Element;
+declare const RndDrag: (props: Props) => JSX.Element;
 export default RndDrag;
 export type { Props as RndDragProps } from 'react-rnd';
 export type { DraggableData, Position, Grid, RndDragCallback, RndDragEvent, RndResizeStartCallback, HandleStyles } from 'react-rnd';

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { CountUpProps as ICountUpProps } from 'react-countup';
 declare const ScrollNumber: {
-    (props: ICountUpProps): import("react/jsx-runtime").JSX.Element;
+    (props: ICountUpProps): JSX.Element;
     useCountUp: (props: import("react-countup/build/useCountUp").UseCountUpProps) => import("react-countup/build/types").CountUpApi;
 };
 export declare type ScrollNumberProps = ICountUpProps;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TypewriterTextHandle, TypewriterTextProps } from './interface';
+import './index.less';
+declare const TypewriterText: import("react").ForwardRefExoticComponent<TypewriterTextProps & import("react").RefAttributes<TypewriterTextHandle>>;
+export default TypewriterText;

package/dist/esm/TypewriterText/index.js

@@ -0,0 +1,282 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["text", "speed", "deleteSpeed", "backspace", "pauseBeforeDelete", "startDelay", "loop", "cursor", "cursorChar", "cursorBlinkSpeed", "onStep", "onComplete", "className", "style", "children"];
+import { Fragment, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { ConfigContext } from "../ConfigProvider";
+import classNames from 'classnames';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var TypewriterText = /*#__PURE__*/forwardRef(function (props, ref) {
+  var text = props.text,
+    _props$speed = props.speed,
+    speed = _props$speed === void 0 ? 50 : _props$speed,
+    _props$deleteSpeed = props.deleteSpeed,
+    deleteSpeed = _props$deleteSpeed === void 0 ? 30 : _props$deleteSpeed,
+    _props$backspace = props.backspace,
+    backspace = _props$backspace === void 0 ? false : _props$backspace,
+    _props$pauseBeforeDel = props.pauseBeforeDelete,
+    pauseBeforeDelete = _props$pauseBeforeDel === void 0 ? 600 : _props$pauseBeforeDel,
+    _props$startDelay = props.startDelay,
+    startDelay = _props$startDelay === void 0 ? 0 : _props$startDelay,
+    _props$loop = props.loop,
+    loop = _props$loop === void 0 ? false : _props$loop,
+    _props$cursor = props.cursor,
+    cursor = _props$cursor === void 0 ? true : _props$cursor,
+    _props$cursorChar = props.cursorChar,
+    cursorChar = _props$cursorChar === void 0 ? '|' : _props$cursorChar,
+    _props$cursorBlinkSpe = props.cursorBlinkSpeed,
+    cursorBlinkSpeed = _props$cursorBlinkSpe === void 0 ? 600 : _props$cursorBlinkSpe,
+    onStep = props.onStep,
+    onComplete = props.onComplete,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
+  var normalizedLoop = useMemo(function () {
+    if (loop === true) return true;
+    if (typeof loop === 'number' && loop > 0) return Math.floor(loop);
+    return false;
+  }, [loop]);
+  var texts = useMemo(function () {
+    var sources = Array.isArray(text) ? text : [text];
+    return sources.filter(function (item) {
+      return typeof item === 'string';
+    }).map(function (item) {
+      return item.replace(/\r\n|\r/g, '\n');
+    });
+  }, [text]);
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var baseCls = getPrefixCls('typewriter-text');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-typewriter-text"), !!prefixCls), baseCls, className);
+  var cursorClass = classNames(_defineProperty({}, "".concat(prefixCls, "-typewriter-text-cursor"), !!prefixCls), "".concat(baseCls, "-cursor"));
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    output = _useState2[0],
+    setOutput = _useState2[1];
+  var textsRef = useRef(texts);
+  var timeoutRef = useRef();
+  var textIndexRef = useRef(0);
+  var charIndexRef = useRef(0);
+  var loopCountRef = useRef(0);
+  var isDeletingRef = useRef(false);
+  var pausedRef = useRef(false);
+  var stoppedRef = useRef(false);
+  var runStepRef = useRef();
+  var optionsRef = useRef({
+    speed: speed,
+    deleteSpeed: deleteSpeed,
+    backspace: backspace,
+    pauseBeforeDelete: pauseBeforeDelete,
+    startDelay: startDelay,
+    loop: normalizedLoop,
+    onStep: onStep,
+    onComplete: onComplete
+  });
+  useEffect(function () {
+    optionsRef.current = {
+      speed: speed,
+      deleteSpeed: deleteSpeed,
+      backspace: backspace,
+      pauseBeforeDelete: pauseBeforeDelete,
+      startDelay: startDelay,
+      loop: normalizedLoop,
+      onStep: onStep,
+      onComplete: onComplete
+    };
+  }, [speed, deleteSpeed, backspace, pauseBeforeDelete, startDelay, normalizedLoop, onStep, onComplete]);
+  useEffect(function () {
+    textsRef.current = texts;
+  }, [texts]);
+  var clearTimer = useCallback(function () {
+    if (typeof window === 'undefined') return;
+    if (timeoutRef.current) {
+      window.clearTimeout(timeoutRef.current);
+      timeoutRef.current = undefined;
+    }
+  }, []);
+  var getTypingDelay = useCallback(function () {
+    var currentSpeed = optionsRef.current.speed;
+    if (typeof currentSpeed === 'number') return Math.max(0, currentSpeed);
+    var min = Math.max(0, Math.min(currentSpeed.min, currentSpeed.max));
+    var max = Math.max(min, currentSpeed.max);
+    var gap = max - min;
+    if (gap === 0) return min;
+    return Math.floor(Math.random() * (gap + 1)) + min;
+  }, []);
+  var getDeleteDelay = useCallback(function () {
+    return Math.max(0, optionsRef.current.deleteSpeed);
+  }, []);
+  var scheduleNext = useCallback(function (delay) {
+    if (typeof window === 'undefined') return;
+    clearTimer();
+    if (pausedRef.current || stoppedRef.current) return;
+    var wait = typeof delay === 'number' ? Math.max(0, delay) : isDeletingRef.current ? getDeleteDelay() : getTypingDelay();
+    timeoutRef.current = window.setTimeout(function () {
+      var _runStepRef$current;
+      (_runStepRef$current = runStepRef.current) === null || _runStepRef$current === void 0 || _runStepRef$current.call(runStepRef);
+    }, wait);
+  }, [clearTimer, getDeleteDelay, getTypingDelay]);
+  var moveToNextText = useCallback(function () {
+    var content = textsRef.current;
+    if (!content.length) {
+      stoppedRef.current = true;
+      clearTimer();
+      return;
+    }
+    var isLast = textIndexRef.current >= content.length - 1;
+    if (!isLast) {
+      textIndexRef.current += 1;
+    } else {
+      var loopConfig = optionsRef.current.loop;
+      var canLoop = loopConfig === true || typeof loopConfig === 'number' && loopConfig > 0 && loopCountRef.current + 1 < loopConfig;
+      if (canLoop) {
+        loopCountRef.current += 1;
+        textIndexRef.current = 0;
+      } else {
+        stoppedRef.current = true;
+        clearTimer();
+        return;
+      }
+    }
+    charIndexRef.current = 0;
+    isDeletingRef.current = false;
+    setOutput('');
+    scheduleNext(optionsRef.current.startDelay);
+  }, [clearTimer, scheduleNext]);
+  var resetTyping = useCallback(function () {
+    clearTimer();
+    textsRef.current = texts;
+    textIndexRef.current = 0;
+    charIndexRef.current = 0;
+    loopCountRef.current = 0;
+    isDeletingRef.current = false;
+    pausedRef.current = false;
+    stoppedRef.current = false;
+    setOutput('');
+    if (!texts.length) {
+      stoppedRef.current = true;
+      return;
+    }
+    scheduleNext(optionsRef.current.startDelay);
+  }, [clearTimer, scheduleNext, texts]);
+  var pause = useCallback(function () {
+    if (pausedRef.current) return;
+    pausedRef.current = true;
+    clearTimer();
+  }, [clearTimer]);
+  var resume = useCallback(function () {
+    if (!pausedRef.current) return;
+    pausedRef.current = false;
+    scheduleNext();
+  }, [scheduleNext]);
+  var skipTyping = useCallback(function () {
+    var _content$textIndexRef, _optionsRef$current$o, _optionsRef$current;
+    if (stoppedRef.current) return;
+    var content = textsRef.current;
+    var currentText = (_content$textIndexRef = content[textIndexRef.current]) !== null && _content$textIndexRef !== void 0 ? _content$textIndexRef : '';
+    if (!currentText) {
+      moveToNextText();
+      return;
+    }
+    charIndexRef.current = currentText.length;
+    setOutput(currentText);
+    (_optionsRef$current$o = (_optionsRef$current = optionsRef.current).onStep) === null || _optionsRef$current$o === void 0 || _optionsRef$current$o.call(_optionsRef$current, charIndexRef.current, currentText);
+    if (optionsRef.current.backspace) {
+      isDeletingRef.current = true;
+      scheduleNext(optionsRef.current.pauseBeforeDelete);
+      return;
+    }
+    moveToNextText();
+  }, [moveToNextText, scheduleNext]);
+  runStepRef.current = function () {
+    var _content$textIndexRef2;
+    if (stoppedRef.current || pausedRef.current) return;
+    var content = textsRef.current;
+    if (!content.length) {
+      stoppedRef.current = true;
+      return;
+    }
+    var currentText = (_content$textIndexRef2 = content[textIndexRef.current]) !== null && _content$textIndexRef2 !== void 0 ? _content$textIndexRef2 : '';
+    if (!isDeletingRef.current) {
+      var _optionsRef$current$o3, _optionsRef$current3;
+      if (charIndexRef.current < currentText.length) {
+        var _optionsRef$current$o2, _optionsRef$current2;
+        var nextIndex = charIndexRef.current + 1;
+        var nextOutput = currentText.slice(0, nextIndex);
+        charIndexRef.current = nextIndex;
+        setOutput(nextOutput);
+        (_optionsRef$current$o2 = (_optionsRef$current2 = optionsRef.current).onStep) === null || _optionsRef$current$o2 === void 0 || _optionsRef$current$o2.call(_optionsRef$current2, nextIndex, nextOutput);
+        scheduleNext();
+        return;
+      }
+      (_optionsRef$current$o3 = (_optionsRef$current3 = optionsRef.current).onComplete) === null || _optionsRef$current$o3 === void 0 || _optionsRef$current$o3.call(_optionsRef$current3);
+      if (optionsRef.current.backspace && currentText.length) {
+        isDeletingRef.current = true;
+        scheduleNext(optionsRef.current.pauseBeforeDelete);
+        return;
+      }
+      moveToNextText();
+      return;
+    }
+    if (charIndexRef.current > 0) {
+      var _nextIndex = charIndexRef.current - 1;
+      var _nextOutput = currentText.slice(0, _nextIndex);
+      charIndexRef.current = _nextIndex;
+      setOutput(_nextOutput);
+      scheduleNext();
+      return;
+    }
+    isDeletingRef.current = false;
+    moveToNextText();
+  };
+  useEffect(function () {
+    resetTyping();
+    return function () {
+      clearTimer();
+    };
+  }, [clearTimer, resetTyping]);
+  useImperativeHandle(ref, function () {
+    return {
+      pause: pause,
+      resume: resume,
+      reset: resetTyping,
+      skip: skipTyping
+    };
+  }, [pause, resume, resetTyping, skipTyping]);
+  var shouldRenderCursor = cursor && !stoppedRef.current && !!cursorChar;
+  var resolvedCursorBlinkSpeed = Math.max(0, cursorBlinkSpeed);
+  var renderedOutput = useMemo(function () {
+    if (!output) return output;
+    if (!output.includes('\n')) return output;
+    var segments = output.split('\n');
+    var trailingBreak = output.endsWith('\n');
+    return segments.map(function (segment, index) {
+      var isLast = index === segments.length - 1;
+      var shouldInsertBreak = !isLast || trailingBreak;
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [segment, shouldInsertBreak && /*#__PURE__*/_jsx("br", {})]
+      }, "typewriter-line-".concat(index));
+    });
+  }, [output]);
+  return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({
+    className: wrapperClass,
+    style: _objectSpread({
+      whiteSpace: 'pre-wrap'
+    }, style)
+  }, rest), {}, {
+    children: [renderedOutput, shouldRenderCursor && /*#__PURE__*/_jsx("span", {
+      className: cursorClass,
+      style: {
+        animationDuration: "".concat(resolvedCursorBlinkSpeed, "ms")
+      },
+      children: cursorChar
+    }), children]
+  }));
+});
+TypewriterText.displayName = 'TypewriterText';
+export default TypewriterText;

package/dist/esm/TypewriterText/index.less

@@ -0,0 +1,29 @@
+@import '../commonStyle/index.less';
+
+.@{prefix}-typewriter-text {
+  position: relative;
+  display: inline-block;
+  min-height: 1em;
+  font-variant-ligatures: none;
+
+  &-cursor {
+    display: inline-block;
+    margin-left: 4px;
+    animation-name: pc-typewriter-cursor-blink;
+    animation-timing-function: steps(1, end);
+    animation-iteration-count: infinite;
+    animation-fill-mode: both;
+  }
+}
+
+@keyframes pc-typewriter-cursor-blink {
+  0%,
+  49% {
+    opacity: 1;
+  }
+
+  50%,
+  100% {
+    opacity: 0;
+  }
+}

package/dist/esm/TypewriterText/interface.d.ts

@@ -0,0 +1,42 @@
+import type { HTMLAttributes } from 'react';
+export interface TypewriterTextHandle {
+    /** 暂停动画 */
+    pause: () => void;
+    /** 继续动画 */
+    resume: () => void;
+    /** 重置至第一段文字重新开始 */
+    reset: () => void;
+    /** 跳过当前段落直接进入下一段 */
+    skip: () => void;
+}
+export interface TypewriterTextProps extends HTMLAttributes<HTMLSpanElement> {
+    /** 展示文本，支持字符串数组 */
+    text: string | string[];
+    /** 打字速度，支持随机区间 */
+    speed?: number | {
+        min: number;
+        max: number;
+    };
+    /** 删除速度 */
+    deleteSpeed?: number;
+    /** 是否启用回删效果 */
+    backspace?: boolean;
+    /** 进入回删前的停顿时间，单位 ms */
+    pauseBeforeDelete?: number;
+    /** 每段文本开始前的停顿时间，单位 ms */
+    startDelay?: number;
+    /** 循环播放，true 表示无限循环，数字表示循环次数 */
+    loop?: boolean | number;
+    /** 是否展示光标 */
+    cursor?: boolean;
+    /** 光标字符 */
+    cursorChar?: string | React.ReactNode;
+    /** 光标闪烁速度 */
+    cursorBlinkSpeed?: number;
+    /** 每次新增字符时触发 */
+    onStep?: (_index: number, _output: string) => void;
+    /** 每段文本输入完成后触发（进入删除之前） */
+    onComplete?: () => void;
+    /** 控制屏幕阅读器播报行为 */
+    ariaLive?: 'off' | 'polite' | 'assertive';
+}

package/dist/esm/TypewriterText/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import WordCloud2 from 'wordcloud';
 export declare type WordCloudProps = {
     list: WordCloud2.Options['list'];
@@ -6,5 +7,5 @@ export declare type WordCloudProps = {
     onClick?: WordCloud2.EventCallback;
     options?: Partial<Omit<WordCloud2.Options, 'list' | 'hover' | 'click'>>;
 };
-declare const WordCloud: (props: WordCloudProps) => import("react/jsx-runtime").JSX.Element;
+declare const WordCloud: (props: WordCloudProps) => JSX.Element;
 export default WordCloud;

package/dist/esm/index.d.ts

@@ -36,6 +36,8 @@ export { default as ColorPicker } from './ColorPicker';
 export type { ColorPickerType, TwitterPickerType, HuePickerType, AlphaPickerType, BlockPickerType, ChromePickerType, CompactPickerType, CirclePickerType, SliderPickerType, } from './ColorPicker/interface';
 export { default as ScrollNumber } from './ScrollNumber';
 export type { ScrollNumberProps } from './ScrollNumber';
+export { default as TypewriterText } from './TypewriterText';
+export type { TypewriterTextProps, TypewriterTextHandle } from './TypewriterText';
 export type { WordCloudProps } from './WordCloud';
 export { default as WordCloud } from './WordCloud';
 export type { InfiniteScrollListProps } from './InfiniteScrollList';
@@ -54,3 +56,7 @@ export { default as SignaturePad } from './SignaturePad';
 export type { SignaturePadProps } from './SignaturePad';
 export { default as ContextMenu } from './ContextMenu';
 export type { ContextMenuProps } from './ContextMenu';
+export { default as OrgTree } from './OrgTree';
+export type { OrgTreeProps, OrgTreeNode } from './OrgTree/interface';
+export { default as AnimatedScrollList } from './AnimatedScrollList';
+export type { AnimatedScrollListProps } from './AnimatedScrollList/interface';

package/dist/esm/index.js

@@ -18,6 +18,7 @@ export { default as ModalForm } from "./ModalForm";
 export { default as LoginForm } from "./LoginForm";
 export { default as ColorPicker } from "./ColorPicker";
 export { default as ScrollNumber } from "./ScrollNumber";
+export { default as TypewriterText } from "./TypewriterText";
 export { default as WordCloud } from "./WordCloud";
 export { default as InfiniteScrollList } from "./InfiniteScrollList";
 export { default as RndDrag } from "./RndDrag";
@@ -26,4 +27,6 @@ export { default as IPAddress } from "./IPAddress";
 export { default as IconFont } from "./IconFont";
 export { default as AspectRatio } from "./AspectRatio";
 export { default as SignaturePad } from "./SignaturePad";
-export { default as ContextMenu } from "./ContextMenu";
+export { default as ContextMenu } from "./ContextMenu";
+export { default as OrgTree } from "./OrgTree";
+export { default as AnimatedScrollList } from "./AnimatedScrollList";

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-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)}}
+.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-typewriter-text{font-feature-settings:none;display:inline-block;font-variant-ligatures:none;min-height:1em;position:relative}.pui-typewriter-text-cursor{animation-fill-mode:both;animation-iteration-count:infinite;animation-name:pc-typewriter-cursor-blink;animation-timing-function:step-end;display:inline-block;margin-left:4px}@keyframes pc-typewriter-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.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)}}.pui-org-tree{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;position:relative;width:100%}.pui-org-tree .org-tree-node-label{cursor:pointer}.pui-animated-scroll-list{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.pui-animated-scroll-list-header{flex-shrink:0}.pui-animated-scroll-list-body{overflow:hidden;position:relative}.pui-animated-scroll-list-content{position:relative}