@pointcloud/pcloud-components 0.1.20 → 0.1.21

package/dist/esm/InfiniteScrollList/index.js

@@ -1,8 +1,8 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { BackTop, Divider, List, Spin } from 'antd';
 import React, { useCallback, useEffect, useRef, useState, useContext } from 'react';
@@ -13,7 +13,7 @@ import "./styles/index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var InfiniteScrollList = function InfiniteScrollList(props) {
-  var _listData$data2, _listData$data3;
+  var _listData$data, _listData$data2;
   var loadMore = props.loadMore,
     _props$initialParams = props.initialParams,
     initialParams = _props$initialParams === void 0 ? {} : _props$initialParams,
@@ -35,6 +35,11 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('infinite-scroll-wrapper');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-infinite-scroll-wrapper"), !!prefixCls), classname, className);
+  var pageParamsRef = useRef(_objectSpread({
+    current: 1,
+    size: 10
+  }, initialParams));
+  var loadingRef = useRef(false);
   var scrollRef = useRef(null);
   var _useState = useState({
       total: 0,
@@ -43,76 +48,77 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     _useState2 = _slicedToArray(_useState, 2),
     listData = _useState2[0],
     setListData = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isLoading = _useState4[0],
-    setIsLoading = _useState4[1];
-  var _useState5 = useState(_objectSpread({
-      current: 1,
-      size: 10
-    }, initialParams)),
-    _useState6 = _slicedToArray(_useState5, 2),
-    pageParams = _useState6[0],
-    setPageParams = _useState6[1];
   var handleLoadMore = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _listData$data, _yield$loadMore, data, total, records;
+    var _yield$loadMore, data, total, records;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (!isLoading) {
+          if (!loadingRef.current) {
             _context.next = 2;
             break;
           }
           return _context.abrupt("return");
         case 2:
-          setIsLoading(true);
+          loadingRef.current = true;
           _context.prev = 3;
           _context.next = 6;
-          return loadMore(_objectSpread({}, pageParams));
+          return loadMore(_objectSpread({}, pageParamsRef.current));
         case 6:
           _yield$loadMore = _context.sent;
           data = _yield$loadMore.data;
-          total = data.total, records = data.records;
-          if ((records === null || records === void 0 ? void 0 : records.length) > 0 && (listData === null || listData === void 0 ? void 0 : (_listData$data = listData.data) === null || _listData$data === void 0 ? void 0 : _listData$data.length) < total) {
-            setPageParams(function (prevParams) {
-              return _objectSpread(_objectSpread({}, prevParams), {}, {
-                current: prevParams.current + 1
-              });
+          total = data.total, records = data.records; // 初始参数重置时不拼接数据
+          if (pageParamsRef.current.current === 1) {
+            setListData({
+              total: total,
+              data: total > 0 ? _toConsumableArray(records) : []
+            });
+          } else {
+            setListData(function (prevData) {
+              return {
+                total: total,
+                data: total > 0 ? [].concat(_toConsumableArray(prevData.data), _toConsumableArray(records || [])) : []
+              };
             });
           }
-          setListData(function (prevData) {
-            return {
-              total: total,
-              data: total > 0 ? [].concat(_toConsumableArray(prevData.data), _toConsumableArray(records || [])) : []
-            };
-          });
-          setIsLoading(false);
+          loadingRef.current = false;
           _context.next = 17;
           break;
-        case 14:
-          _context.prev = 14;
+        case 13:
+          _context.prev = 13;
           _context.t0 = _context["catch"](3);
-          setIsLoading(false);
+          loadingRef.current = false;
+          setListData({
+            total: 0,
+            data: []
+          });
         case 17:
           _context.prev = 17;
-          setIsLoading(false);
+          loadingRef.current = false;
           return _context.finish(17);
         case 20:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[3, 14, 17, 20]]);
-  })), [loadMore, isLoading, pageParams]);
+    }, _callee, null, [[3, 13, 17, 20]]);
+  })), [loadMore]);
+  useEffect(function () {
+    if (listData.total > 0 && listData.data.length < listData.total) {
+      pageParamsRef.current = _objectSpread(_objectSpread({}, pageParamsRef.current), {}, {
+        current: pageParamsRef.current.current + 1
+      });
+    }
+  }, [listData]);
   useEffect(function () {
-    if (Reflect.ownKeys(initialParams).length > 0 && pageParams.current !== 1) {
+    if (Reflect.ownKeys(initialParams).length > 0) {
       var _scrollRef$current;
-      scrollRef === null || scrollRef === void 0 ? void 0 : (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo({
+      scrollRef === null || scrollRef === void 0 || (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.scrollTo({
         top: 0,
         behavior: 'smooth'
       });
-      setPageParams(_objectSpread({
-        current: 1
-      }, initialParams));
+      pageParamsRef.current = _objectSpread({
+        current: 1,
+        size: 10
+      }, initialParams);
     }
     handleLoadMore();
   }, [initialParams]);
@@ -125,11 +131,11 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
       overflowY: 'auto'
     },
     children: [/*#__PURE__*/_jsx(InfiniteScroll, {
-      className: "".concat(wrapperClass, " ").concat(className, " "),
+      className: "".concat(wrapperClass, " ").concat(className),
       scrollableTarget: containerId,
-      dataLength: listData === null || listData === void 0 ? void 0 : (_listData$data2 = listData.data) === null || _listData$data2 === void 0 ? void 0 : _listData$data2.length,
+      dataLength: (_listData$data = listData.data) === null || _listData$data === void 0 ? void 0 : _listData$data.length,
       next: handleLoadMore,
-      hasMore: (listData === null || listData === void 0 ? void 0 : (_listData$data3 = listData.data) === null || _listData$data3 === void 0 ? void 0 : _listData$data3.length) < (listData === null || listData === void 0 ? void 0 : listData.total),
+      hasMore: ((_listData$data2 = listData.data) === null || _listData$data2 === void 0 ? void 0 : _listData$data2.length) < listData.total,
       loader: /*#__PURE__*/_jsx("div", {
         style: {
           textAlign: 'center'

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILabelValueProps } from './interface';
 import './styles/index.less';
-declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon }: ILabelValueProps): JSX.Element;
+declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon, formatter, style }: ILabelValueProps): import("react/jsx-runtime").JSX.Element;
 declare namespace LabelValue {
     var defaultProps: {
         className: string;

package/dist/esm/LabelValue/index.js

@@ -11,21 +11,25 @@ function LabelValue(_ref) {
     emptyValue = _ref.emptyValue,
     className = _ref.className,
     noWrap = _ref.noWrap,
-    noColon = _ref.noColon;
+    noColon = _ref.noColon,
+    formatter = _ref.formatter,
+    style = _ref.style;
   var _useContext = useContext(ConfigContext),
     prefixCls = _useContext.prefixCls,
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('label-value');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-label-value"), !!prefixCls), classname, className);
+  var title = typeof value === 'string' ? value : undefined;
   return /*#__PURE__*/_jsxs("div", {
+    style: style,
     className: wrapperClass,
     children: [/*#__PURE__*/_jsxs("span", {
       className: "".concat(defaultPrefixCls, "-label"),
       children: [label, noColon ? '' : ':']
     }), /*#__PURE__*/_jsx("span", {
-      title: value,
+      title: title,
       className: "".concat(noWrap ? "".concat(defaultPrefixCls, "-value no-wrap") : "".concat(defaultPrefixCls, "-value")),
-      children: value || emptyValue || '暂无'
+      children: formatter && typeof formatter === 'function' ? formatter(value) : value || emptyValue
     })]
   });
 }

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

@@ -1,21 +1,30 @@
+import React from 'react';
 export interface ILabelValueProps {
     /**
      * @description 文字标签
      */
-    label: string | undefined;
+    label: string | React.ReactNode;
     /**
      * @description 文字标签值
      */
-    value?: string | undefined;
+    value?: string | React.ReactNode;
+    /**
+     * @description 格式化value值
+     */
+    formatter?: (v?: any) => string | React.ReactNode;
     /**
      * @description 文字标签值为空时的值
      * @default -
      */
-    emptyValue?: string | undefined;
+    emptyValue?: string | React.ReactNode;
     /**
      * @description 类名
      */
     className?: string;
+    /**
+     * @description 样式
+     */
+    style?: React.CSSProperties;
     /**
      * @description 是否不换行
      * @default false

package/dist/esm/Loading/index.js

@@ -11,7 +11,7 @@ export default {
   close: function close() {
     if (loadingInstance) {
       var _loadingInstance;
-      (_loadingInstance = loadingInstance) === null || _loadingInstance === void 0 ? void 0 : _loadingInstance.destroy();
+      (_loadingInstance = loadingInstance) === null || _loadingInstance === void 0 || _loadingInstance.destroy();
       loadingInstance = null;
     }
   },

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

@@ -1,15 +1,20 @@
 import { SpinProps } from 'antd';
 import React, { ReactInstance } from 'react';
-export interface LoadingInstanceProps extends SpinProps {
+export interface LoadingInstanceProps extends Omit<SpinProps, 'delay'> {
     /**
      * @description 加载框容器
      * @default body
      */
     container?: ReactInstance | undefined;
+    /**
+     * @description 延迟显示加载框毫秒
+     * @default 0
+     */
+    delay?: number;
 }
 export interface ILoadingProps {
-    open: (param: LoadingInstanceProps) => React.ReactDOM;
+    open: (_param: LoadingInstanceProps) => React.ReactNode;
     close: () => void;
-    getInstance: () => React.ReactDOM;
+    getInstance: () => React.ReactNode;
 }
 export declare type LoadingProps = ILoadingProps;

package/dist/esm/Loading/loading.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { LoadingInstanceProps } from './interface';
 import './styles/index.less';
-declare function Loading(props: LoadingInstanceProps): JSX.Element;
+declare function Loading(props: LoadingInstanceProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Loading {
     var newInstance: (args: LoadingInstanceProps) => {
         destroy(): void;

package/dist/esm/Loading/loading.js

@@ -1,45 +1,66 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["container"];
-import React, { useContext, useEffect } from 'react';
-import ReactDOM from 'react-dom';
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["delay"],
+  _excluded2 = ["container"];
 import { Spin } from 'antd';
 import classNames from 'classnames';
+import { useContext, useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
 import { ConfigContext } from "../ConfigProvider";
 import "./styles/index.less";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Loading(props) {
-  var _props$tip = props.tip,
-    tip = _props$tip === void 0 ? '数据请求中...' : _props$tip;
+  var delay = props.delay,
+    other = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(ConfigContext),
     prefixCls = _useContext.prefixCls,
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('loading');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-loading"), !!prefixCls), classname);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   useEffect(function () {
     document.body.style.overflow = 'hidden';
     return function () {
       document.body.style.overflow = '';
     };
   }, []);
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      return setVisible(true);
+    }, delay || 0);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, [delay]);
+  if (!visible) return /*#__PURE__*/_jsx(_Fragment, {});
   return /*#__PURE__*/_jsxs("div", {
     className: wrapperClass,
     children: [/*#__PURE__*/_jsx("div", {
       className: "mask"
     }), /*#__PURE__*/_jsx("div", {
       className: "loading",
-      children: /*#__PURE__*/_jsx(Spin, {
-        tip: tip
-      })
+      children: /*#__PURE__*/_jsx(Spin, _objectSpread(_objectSpread({}, other), {}, {
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            opacity: 0
+          },
+          children: other.tip
+        })
+      }))
     })]
   });
 }
 Loading.newInstance = function newNotificationInstance(args) {
   var _ref = args || {},
     container = _ref.container,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded2);
   var div = document.createElement('div');
   // eslint-disable-next-line react/no-find-dom-node
   var element = ReactDOM.findDOMNode(container);
@@ -54,7 +75,7 @@ Loading.newInstance = function newNotificationInstance(args) {
     destroy: function destroy() {
       ReactDOM.unmountComponentAtNode(div);
       if (element) {
-        element === null || element === void 0 ? void 0 : element.removeChild(div);
+        element === null || element === void 0 || element.removeChild(div);
       } else {
         document.body.removeChild(div);
       }

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

@@ -7,5 +7,5 @@ export declare type ModalFormProps = {
     formProps: DFormProps;
     children?: React.ReactNode;
 };
-declare const _default: (props: ModalFormProps) => JSX.Element;
+declare const _default: (props: ModalFormProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/ModalForm/index.js

@@ -19,7 +19,7 @@ export default (function (props) {
   } : {};
   var handleOk = function handleOk() {
     form.validateFields().then(function (values) {
-      onOk === null || onOk === void 0 ? void 0 : onOk(values);
+      onOk === null || onOk === void 0 || onOk(values);
     });
   };
   return /*#__PURE__*/_jsxs(DModal, _objectSpread(_objectSpread(_objectSpread({

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { INoDataProps } from './interface';
 import './styles/index.less';
-declare const NoData: (props: INoDataProps) => JSX.Element;
+declare const NoData: (props: INoDataProps) => import("react/jsx-runtime").JSX.Element;
 export default NoData;

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

@@ -11,6 +11,6 @@ interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width'> {
     hoverable?: boolean;
     bordered?: boolean;
 }
-declare const PictureCard: (props: IPictureCardProps) => JSX.Element;
+declare const PictureCard: (props: IPictureCardProps) => import("react/jsx-runtime").JSX.Element;
 export declare type PictureCardProps = IPictureCardProps;
 export default PictureCard;

package/dist/esm/PictureCard/index.js

@@ -10,7 +10,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var PictureCard = function PictureCard(props) {
-  var _classNames2;
   var className = props.className,
     _props$layout = props.layout,
     layout = _props$layout === void 0 ? 'vertical' : _props$layout,
@@ -28,7 +27,7 @@ var PictureCard = function PictureCard(props) {
     prefixCls = _useContext.prefixCls,
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('picture-card');
-  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-picture-card"), !!prefixCls), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classname, "-hoverable"), hoverable), _defineProperty(_classNames2, "".concat(classname, "-bordered"), bordered), _classNames2), classname, className, layout);
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-picture-card"), !!prefixCls), _defineProperty(_defineProperty({}, "".concat(classname, "-hoverable"), hoverable), "".concat(classname, "-bordered"), bordered), classname, className, layout);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],

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

@@ -0,0 +1,5 @@
+import { Props } from 'react-rnd';
+declare const RndDrag: (props: Props) => import("react/jsx-runtime").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/RndDrag/index.js

@@ -0,0 +1,26 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "className"];
+import { Rnd } from 'react-rnd';
+import { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from "../ConfigProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+var RndDrag = function RndDrag(props) {
+  var children = props.children,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('rnd-drag');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-rnd-drag"), !!prefixCls), classname, className);
+  return /*#__PURE__*/_jsx(Rnd, _objectSpread(_objectSpread({
+    className: wrapperClass,
+    bounds: "parent"
+  }, rest), {}, {
+    children: children
+  }));
+};
+export default RndDrag;

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

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

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { Props } from 'react-wordcloud';
 export declare type WordCloudProps = Props & {
     className?: string;
 };
-declare const WordCloud: (props: WordCloudProps) => JSX.Element;
+declare const WordCloud: (props: WordCloudProps) => import("react/jsx-runtime").JSX.Element;
 export default WordCloud;

package/dist/esm/index.d.ts

@@ -38,3 +38,5 @@ export type { WordCloudProps } from './WordCloud';
 export { default as WordCloud } from './WordCloud';
 export type { InfiniteScrollListProps } from './InfiniteScrollList';
 export { default as InfiniteScrollList } from './InfiniteScrollList';
+export { default as RndDrag } from './RndDrag';
+export type { RndDragProps, DraggableData, Position, Grid, RndDragCallback, RndDragEvent, RndResizeStartCallback, HandleStyles } from './RndDrag';

package/dist/esm/index.js

@@ -18,4 +18,5 @@ export { default as ModalForm } from "./ModalForm";
 export { default as ColorPicker } from "./ColorPicker";
 export { default as ScrollNumber } from "./ScrollNumber";
 export { default as WordCloud } from "./WordCloud";
-export { default as InfiniteScrollList } from "./InfiniteScrollList";
+export { default as InfiniteScrollList } from "./InfiniteScrollList";
+export { default as RndDrag } from "./RndDrag";

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-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 .ant-form-item-label{min-width:80px}.pui-form.ant-form-inline .form-wrapper,.pui-form.ant-form-inline.inlineVertical .form-wrapper{align-items:flex-end;display:flex;flex-wrap:wrap;height:min-content}.pui-form.ant-form-inline .form-wrapper>.ant-form-item,.pui-form.ant-form-inline.inlineVertical .form-wrapper>.ant-form-item{padding-right:16px}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row{flex-direction:column}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row .ant-form-item-label{text-align:left}.pui-modal-container .ant-modal-wrap .ant-modal{height:100%;max-width:none}.pui-modal-container .ant-modal-wrap .ant-modal .ant-modal-content{height:100%;width:100%}.pui-absolute-modal-container .ant-modal-wrap{position:fixed}.pui-relative-modal-container .ant-modal-wrap{position:absolute}.pui-color-picker .sketch-picker{box-shadow:none!important;padding:0!important}.trigger{border:5px solid #fff;border-radius:2px;box-shadow:0 0 2px #000;cursor:pointer;display:inline-block;height:26px;width:60px}.pui-infinite-scroll-wrapper .ant-list .ant-row{margin-right:0!important}.scroll-container{position:relative}.scroll-container .backtop{right:50px}.scroll-container .up{background:#007aff;border-radius:3px;color:#fff;text-align:center}
+.pui-label-value{display:inline-flex}.pui-label-value span:first-child{max-width:120px;padding-right:4px;white-space:nowrap}.pui-label-value span:last-child{flex:1 1}.pui-label-value span:last-child.no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-search-filter{align-items:center;background-color:#fff;margin-top:10px;width:100%}.pui-search-filter span.ant-collapse-header-text{cursor:auto!important;display:inline-block;width:100%}.pui-search-filter .ant-collapse-content-box{padding:0}.pui-search-filter .search-header{display:flex;width:100%}.pui-search-filter .search-header .left{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:no-wrap}.pui-search-filter .search-header .left :global .ant-radio-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:5px 0 0 5px}.pui-search-filter .search-header .left :global .ant-radio-wrapper:last-child{border-radius:0 5px 5px 0}.pui-search-filter .search-header .left :global .ant-radio-wrapper{border:1px solid #d9d9d9;border-left-color:#fff;margin-right:0;padding:4px 6px}.pui-search-filter .search-header .left :global .ant-radio-wrapper .ant-radio{display:none}.pui-search-filter .search-header .left :global .ant-radio-wrapper:hover{color:#1890ff}.pui-search-filter .search-header .left :global .ant-radio-wrapper-checked{background:#fff;border:1px solid #1890ff;border-left:1px solid #1890ff!important;color:#1890ff;z-index:1}.pui-search-filter .search-header .right{display:flex;justify-content:center}.pui-search-filter .search-header .right .input{border-radius:4px;width:200px}.pui-search-filter .search-header .right .button{background-color:#ff7e00;border-radius:4px;color:#fff;margin-left:10px}.pui-search-filter .search-header .right .button:active,.pui-search-filter .search-header .right .button:focus,.pui-search-filter .search-header .right .button:hover{border-color:transparent}.pui-search-filter .search-header .right .button .icon{margin-left:8px;transition:transform .4s}.pui-search-filter .search-header .right .button .icon.down{transform:rotate(180deg)}.pui-search-filter .search-header .right .button .icon.up{transform:rotate(0deg)}.pui-search-filter .title{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-weight:700;margin:0 10px;padding-bottom:10px}.pui-search-filter .title span.icon{background-color:#ff7e00;border-radius:2px;height:16px;margin-right:6px;width:4px}.pui-search-filter .search-content .filter-row{display:flex;flex-wrap:wrap;padding:10px;width:100%}.pui-search-filter .search-content .filter-col{height:30px;line-height:30px;margin-bottom:10px}.pui-search-filter .search-content .filter-col .ant-picker{width:100%}.pui-search-filter .search-content .search-btn{justify-content:center}.pui-search-filter .search-content .search-btn>button{margin:0 5px}.pui-error-boundary{align-items:center;background-color:#dd7f7f;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:15px;width:auto}.pui-error-boundary .error-text{margin-top:20px}.pui-error-boundary .error-refresh{background-color:#4593ef;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;line-height:40px;text-align:center;width:140px}.pui-error-boundary .errorDetiles .detilesLink{color:blue}.pui-error-boundary .errorDetiles .errordetails{background-color:#ccc6be;border:1px solid #777;border-radius:5px;color:#777;font-size:80%;padding:10px}.pui-picture-card{display:inline-block;padding:10px;transition:box-shadow .3s linear}.pui-picture-card .info{margin-top:10px}.pui-picture-card-bordered{border:1px solid rgba(0,0,0,.06)}.pui-picture-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09);cursor:pointer}.pui-picture-card.horizontal{display:flex;justify-content:space-around}.pui-loading .mask{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100000}.pui-loading .loading{background:#fff;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.2);padding:20px;z-index:100001}.pui-loading .loading,.pui-nodata{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pui-nodata .not-data-image{display:block;height:100px}.pui-nodata .no-data-text{color:#000;display:inline-block;font-size:14px;font-weight:400;margin-top:5px;opacity:.65;text-align:center;width:100%}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar{height:8px;width:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-track{border-radius:2px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title{overflow:hidden}.pui-upload .preview .ant-upload-list-item-actions a[target=_blank][rel="noopener noreferrer"]{opacity:1!important;pointer-events:auto!important}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-thumbnail{height:46px}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-name{display:inline;display:initial;position:absolute}.pui-table .ant-spin-container,.pui-table .ant-spin-nested-loading,.pui-table .ant-table,.pui-table .ant-table-container{height:100%;width:100%}.pui-table .ant-table-body{max-height:calc(100% - 56px);max-width:100%;min-height:calc(100% - 56px);min-width:100%;overflow-y:auto!important;position:absolute}.pui-table .ant-table-body .ant-table-tbody>tr>td.ant-table-cell.d-table-cell-wrap{white-space:normal}.pui-table .ant-table-body::-webkit-scrollbar{height:8px;width:4px}.pui-table .ant-table-body::-webkit-scrollbar-thumb{background-color:#0084ff}.pui-table .ant-table-body::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.pui-table .ant-table-body::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-table .ant-spin-nested-loading>div>.ant-spin{max-height:none}.pui-table .ant-pagination-total-text span{color:#40a9ff;font-weight:700}.pui-table.height-on-page .ant-table{height:calc(100% - 56px)}.pui-form .form-wrapper>.ant-form-item{margin-bottom:24px;margin-right:0;min-height:32px}.pui-form .ant-input-number,.pui-form .ant-picker{width:100%}.pui-form.ant-form-horizontal .form-wrapper>.ant-form-item:last-child,.pui-form.ant-form-vertical .form-wrapper>.ant-form-item:last-child{margin-bottom:0}.pui-form.ant-form-horizontal .ant-form-item-label{min-width:80px}.pui-form.ant-form-inline .form-wrapper,.pui-form.ant-form-inline.inlineVertical .form-wrapper{align-items:flex-end;display:flex;flex-wrap:wrap;height:min-content}.pui-form.ant-form-inline .form-wrapper>.ant-form-item,.pui-form.ant-form-inline.inlineVertical .form-wrapper>.ant-form-item{padding-right:16px}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row{flex-direction:column}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row .ant-form-item-label{text-align:left}.pui-modal-container .ant-modal-wrap .ant-modal{height:100%;max-width:none}.pui-modal-container .ant-modal-wrap .ant-modal .ant-modal-content{height:100%;width:100%}.pui-absolute-modal-container .ant-modal-wrap{position:fixed}.pui-relative-modal-container .ant-modal-wrap{position:absolute}.pui-color-picker .sketch-picker{box-shadow:none!important;padding:0!important}.trigger{border:5px solid #fff;border-radius:2px;box-shadow:0 0 2px #000;cursor:pointer;display:inline-block;height:26px;width:60px}.pui-infinite-scroll-wrapper .ant-list .ant-row{margin-right:0!important}.scroll-container{position:relative}.scroll-container .backtop{right:50px}.scroll-container .up{background:#007aff;border-radius:3px;color:#fff;text-align:center}