@pointcloud/pcloud-components 0.1.19 → 0.1.20

package/README.md

@@ -1,6 +1,6 @@
 # pcloud-components
 
-![node version](<https://img.shields.io/badge/node-v16.20.0-brightgreen?logo=nodedotjs&color=rgb(0%2C126%2C298)>) ![antd version](<https://img.shields.io/badge/ant%20design-v4.24.10-rgb(144%2C190%2C8)?style=flat&logo=antdesign>) ![docs](https://img.shields.io/badge/docs%20by-dumi-brightgreen?style=flat&color=%230081ff) ![counts](<https://img.shields.io/badge/components%20count-19-rgb(202%2C17%2C5)?style=flat&logo=webcomponentsdotorg>) ![license](<https://img.shields.io/badge/license-MIT-rgb(144%2C190%2C8)?style=flat>)
+![node version](<https://img.shields.io/badge/node-v16.20.0-brightgreen?logo=nodedotjs&color=rgb(0%2C126%2C298)>) ![antd version](<https://img.shields.io/badge/ant%20design-v4.24.10-rgb(144%2C190%2C8)?style=flat&logo=antdesign>) ![docs](https://img.shields.io/badge/docs%20by-dumi-brightgreen?style=flat&color=%230081ff) ![counts](<https://img.shields.io/badge/components%20count-20-rgb(202%2C17%2C5)?style=flat&logo=webcomponentsdotorg>) ![license](<https://img.shields.io/badge/license-MIT-rgb(144%2C190%2C8)?style=flat>)
 
 pcloud-components 是一套基于 Antd v4.24.x+ React v17.x 开发的业务组件库。
 该项目已经发布到 Npm 仓库，可以直接使用, 点击[pcloud-components 地址](https://www.npmjs.com/package/@pointcloud/pcloud-components)访问。
@@ -299,6 +299,13 @@ git commit -m "fix: 修复bug"	// type后的冒号和空格不可省略，descri
    // npm unlink --no-save package && npm install	// 调试完成后解除链接
    ```
 
+3. docker 推送镜像
+
+   ```
+   // 推送镜像之前需要先登录,并修改package.json-->scripts中对应docker的配置
+   npm run push
+   ```
+
 ##### 发布项目
 
 1. 前置工作

package/dist/esm/DForm/DItem/itemsRender.d.ts

@@ -38,6 +38,6 @@ declare const renderMap: {
     dUpload: (props: DUploadProps, formItemProps: FormItemProps, render: (props: any) => ReactNode, children: DUploadProps['children']) => JSX.Element;
     button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
     divider: (props: DividerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
-    other: (formItemProps: FormItemProps, children: DUploadProps['children']) => JSX.Element;
+    other: (formItemProps: FormItemProps, children: ReactNode) => JSX.Element;
 };
 export default renderMap;

package/dist/esm/DForm/DItem/itemsRender.js

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-12 17:35:10
- * @LastEditors  : frank
- * @LastEditTime : 2023-12-20 15:40:13
- * @Description  : 根据renderType渲染对应的表单项组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-12 17:35:10
+ * @LastEditors  : frank
+ * @LastEditTime : 2023-12-20 15:40:13
+ * @Description  : 根据renderType渲染对应的表单项组件
  */
 
 import { AutoComplete, Button, Cascader, Checkbox, DatePicker, Divider, Form, Input, InputNumber, Mentions, Radio, Rate, Select, Slider, Switch, TimePicker, Transfer, TreeSelect, Upload } from 'antd';

package/dist/esm/DForm/index.less

@@ -1,44 +1,44 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-form {
-  .form-wrapper > .ant-form-item {
-    min-height: 32px;
-    margin-right: 0;
-    margin-bottom: 24px;
-  }
-
-  .form-wrapper > .ant-form-item:last-child {
-    margin-bottom: 0;
-  }
-
-  .ant-input-number,
-  .ant-picker {
-    width: 100%;
-  }
-}
-
-.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
-  min-width: 80px;
-}
-
-.@{prefix}-form.ant-form-inline .form-wrapper,
-.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  height: min-content;
-
-  > .ant-form-item {
-    padding-right: 16px;
-  }
-}
-
-.@{prefix}-form.ant-form-inline.inlineVertical {
-  .ant-form-item-row {
-    flex-direction: column;
-
-    .ant-form-item-label {
-      text-align: left;
-    }
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-form {
+  .form-wrapper > .ant-form-item {
+    min-height: 32px;
+    margin-right: 0;
+    margin-bottom: 24px;
+  }
+
+  // .form-wrapper > .ant-form-item:last-child {
+  //   margin-bottom: 0;
+  // }
+
+  .ant-input-number,
+  .ant-picker {
+    width: 100%;
+  }
+}
+
+.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
+  min-width: 80px;
+}
+
+.@{prefix}-form.ant-form-inline .form-wrapper,
+.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  height: min-content;
+
+  > .ant-form-item {
+    padding-right: 16px;
+  }
+}
+
+.@{prefix}-form.ant-form-inline.inlineVertical {
+  .ant-form-item-row {
+    flex-direction: column;
+
+    .ant-form-item-label {
+      text-align: left;
+    }
+  }
+}

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import './styles/index.less';
+interface ISLProps<T, P> {
+    /**
+     * @description 容器id
+     * @default scrollableDiv
+     */
+    containerId?: string;
+    /**
+     * @description 列表项的唯一标识字段
+     * @default id
+     */
+    itemKey?: string;
+    /**
+     * @description 容器高度(超过此高度将滚动)
+     */
+    containerHeight: number | string;
+    /**
+     * @description 列表请求的初始参数
+     */
+    initialParams?: any;
+    /**
+     * @description 列表请求方法
+     * @param params 请求参数
+     * @returns Promise<{ data: { total: number; records: any[] } }>
+     */
+    loadMore: (params?: T) => Promise<{
+        data: {
+            total: number;
+            records: any[];
+        };
+    }>;
+    /**
+     * @description 列表项的渲染方法
+     * @param item 列表项数据
+     * @returns React.ReactNode
+     */
+    renderItem: (item: P, index: number) => React.ReactNode;
+    grid?: object;
+    className?: string;
+    /**
+     * @description 滚动阈值，默认为 100px
+     * @default 100px
+     */
+    scrollThreshold?: string | number;
+    /**
+     * @description 滚动高度达到此参数值才出现 BackTop
+     * @default 200
+     */
+    visibilityHeight?: number;
+}
+export declare type InfiniteScrollListProps<T, P> = ISLProps<T, P>;
+declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => JSX.Element)>;
+export default _default;

package/dist/esm/InfiniteScrollList/index.js

@@ -0,0 +1,169 @@
+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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { BackTop, Divider, List, Spin } from 'antd';
+import React, { useCallback, useEffect, useRef, useState, useContext } from 'react';
+import InfiniteScroll from 'react-infinite-scroll-component';
+import classNames from 'classnames';
+import { ConfigContext } from "../ConfigProvider";
+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 loadMore = props.loadMore,
+    _props$initialParams = props.initialParams,
+    initialParams = _props$initialParams === void 0 ? {} : _props$initialParams,
+    _props$itemKey = props.itemKey,
+    itemKey = _props$itemKey === void 0 ? 'id' : _props$itemKey,
+    _props$containerId = props.containerId,
+    containerId = _props$containerId === void 0 ? 'scrollableDiv' : _props$containerId,
+    containerHeight = props.containerHeight,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    grid = props.grid,
+    _props$scrollThreshol = props.scrollThreshold,
+    scrollThreshold = _props$scrollThreshol === void 0 ? '100px' : _props$scrollThreshol,
+    _props$visibilityHeig = props.visibilityHeight,
+    visibilityHeight = _props$visibilityHeig === void 0 ? 200 : _props$visibilityHeig,
+    _renderItem = props.renderItem;
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('infinite-scroll-wrapper');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-infinite-scroll-wrapper"), !!prefixCls), classname, className);
+  var scrollRef = useRef(null);
+  var _useState = useState({
+      total: 0,
+      data: []
+    }),
+    _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;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!isLoading) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          setIsLoading(true);
+          _context.prev = 3;
+          _context.next = 6;
+          return loadMore(_objectSpread({}, pageParams));
+        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
+              });
+            });
+          }
+          setListData(function (prevData) {
+            return {
+              total: total,
+              data: total > 0 ? [].concat(_toConsumableArray(prevData.data), _toConsumableArray(records || [])) : []
+            };
+          });
+          setIsLoading(false);
+          _context.next = 17;
+          break;
+        case 14:
+          _context.prev = 14;
+          _context.t0 = _context["catch"](3);
+          setIsLoading(false);
+        case 17:
+          _context.prev = 17;
+          setIsLoading(false);
+          return _context.finish(17);
+        case 20:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[3, 14, 17, 20]]);
+  })), [loadMore, isLoading, pageParams]);
+  useEffect(function () {
+    if (Reflect.ownKeys(initialParams).length > 0 && pageParams.current !== 1) {
+      var _scrollRef$current;
+      scrollRef === null || scrollRef === void 0 ? void 0 : (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      });
+      setPageParams(_objectSpread({
+        current: 1
+      }, initialParams));
+    }
+    handleLoadMore();
+  }, [initialParams]);
+  return /*#__PURE__*/_jsxs("div", {
+    id: containerId,
+    className: "scroll-container",
+    ref: scrollRef,
+    style: {
+      height: containerHeight,
+      overflowY: 'auto'
+    },
+    children: [/*#__PURE__*/_jsx(InfiniteScroll, {
+      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,
+      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),
+      loader: /*#__PURE__*/_jsx("div", {
+        style: {
+          textAlign: 'center'
+        },
+        children: /*#__PURE__*/_jsx(Spin, {
+          tip: "\u62FC\u547D\u52A0\u8F7D\u4E2D..."
+        })
+      }),
+      endMessage: (listData === null || listData === void 0 ? void 0 : listData.total) > 0 && /*#__PURE__*/_jsx(Divider, {
+        plain: true,
+        children: "\u5DF2\u7ECF\u5230\u5E95\u90E8\u4E86"
+      }),
+      scrollThreshold: scrollThreshold,
+      inverse: false,
+      children: /*#__PURE__*/_jsx(List, {
+        grid: grid,
+        dataSource: listData.data,
+        renderItem: function renderItem(item, index) {
+          return /*#__PURE__*/_jsx(List.Item, {
+            children: _renderItem(item, index)
+          }, item[itemKey]);
+        }
+      })
+    }), /*#__PURE__*/_jsx(BackTop, {
+      className: "backtop",
+      target: function target() {
+        return (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.body;
+      },
+      visibilityHeight: visibilityHeight,
+      children: /*#__PURE__*/_jsx("div", {
+        className: "up",
+        children: "\u56DE\u5230\u9876\u90E8"
+      })
+    })]
+  });
+};
+export default /*#__PURE__*/React.memo(InfiniteScrollList);

package/dist/esm/InfiniteScrollList/styles/index.less

@@ -0,0 +1,22 @@
+@import '../../commonStyle/index.less';
+
+.@{prefix}-infinite-scroll-wrapper {
+  .ant-list .ant-row {
+    margin-right: 0 !important;
+  }
+}
+
+.scroll-container {
+  position: relative;
+
+  .backtop {
+    right: 50px;
+  }
+
+  .up {
+    background: #007aff;
+    color: #fff;
+    text-align: center;
+    border-radius: 3px;
+  }
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ImageProps } from 'antd';
+import './index.less';
+interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width'> {
+    className?: string;
+    layout?: 'vertical' | 'horizontal';
+    src: ImageProps['src'] | ImageProps['src'][];
+    imageWidth?: ImageProps['width'];
+    content?: React.ReactNode;
+    style?: React.CSSProperties;
+    hoverable?: boolean;
+    bordered?: boolean;
+}
+declare const PictureCard: (props: IPictureCardProps) => JSX.Element;
+export declare type PictureCardProps = IPictureCardProps;
+export default PictureCard;

package/dist/esm/PictureCard/index.js

@@ -0,0 +1,79 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import React, { useState, useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from "../ConfigProvider";
+import { Image } from 'antd';
+import "./index.less";
+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,
+    src = props.src,
+    _props$preview = props.preview,
+    preview = _props$preview === void 0 ? false : _props$preview,
+    imageWidth = props.imageWidth,
+    content = props.content,
+    style = props.style,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    _props$hoverable = props.hoverable,
+    hoverable = _props$hoverable === void 0 ? true : _props$hoverable;
+  var _useContext = useContext(ConfigContext),
+    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 _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  return /*#__PURE__*/_jsxs("div", {
+    className: wrapperClass,
+    style: style,
+    children: [Array.isArray(src) ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Image, {
+        src: src[0],
+        preview: preview && {
+          visible: false
+        },
+        width: imageWidth,
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          // eslint-disable-next-line no-unused-expressions
+          preview && setVisible(true);
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          display: 'none'
+        },
+        children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
+          preview: {
+            visible: visible,
+            onVisibleChange: function onVisibleChange(vis) {
+              return setVisible(vis);
+            }
+          },
+          children: src.map(function (item) {
+            return /*#__PURE__*/_jsx(Image, {
+              src: item
+            }, item);
+          })
+        })
+      })]
+    }) : /*#__PURE__*/_jsx(Image, {
+      src: src,
+      preview: preview,
+      width: imageWidth
+    }), content && /*#__PURE__*/_jsx("div", {
+      className: "info",
+      children: content
+    })]
+  });
+};
+export default PictureCard;

package/dist/esm/PictureCard/index.less

@@ -0,0 +1,28 @@
+@import '../commonStyle/index.less';
+
+.@{prefix}-picture-card {
+  display: inline-block;
+  padding: 10px;
+  transition: box-shadow 0.3s linear;
+
+  .info {
+    margin-top: 10px;
+  }
+
+  &-bordered {
+    border: 1px solid rgba(0, 0, 0, 6%);
+  }
+
+  &-hoverable {
+    &:hover {
+      cursor: pointer;
+      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, 9%);
+    }
+  }
+
+  &.horizontal {
+    display: flex;
+    justify-content: space-around;
+  }
+}

package/dist/esm/index.d.ts

@@ -6,6 +6,8 @@ export { default as AuthComponent } from './AuthComponent';
 export type { AuthComponentProps } from './AuthComponent/interface';
 export { default as ErrorBoundary } from './ErrorBoundary';
 export { default as ConfigProvider } from './ConfigProvider';
+export { default as PictureCard } from './PictureCard';
+export type { PictureCardProps } from './PictureCard';
 export { default as Loading } from './Loading';
 export type { LoadingProps } from './Loading/interface';
 export { default as NoData } from './NoData';
@@ -34,3 +36,5 @@ export { default as ScrollNumber } from './ScrollNumber';
 export type { ScrollNumberProps } from './ScrollNumber';
 export type { WordCloudProps } from './WordCloud';
 export { default as WordCloud } from './WordCloud';
+export type { InfiniteScrollListProps } from './InfiniteScrollList';
+export { default as InfiniteScrollList } from './InfiniteScrollList';

package/dist/esm/index.js

@@ -3,6 +3,7 @@ export { default as AdvancedFilter } from "./AdvancedFilter";
 export { default as AuthComponent } from "./AuthComponent";
 export { default as ErrorBoundary } from "./ErrorBoundary";
 export { default as ConfigProvider } from "./ConfigProvider";
+export { default as PictureCard } from "./PictureCard";
 export { default as Loading } from "./Loading";
 export { default as NoData } from "./NoData";
 export { default as DInput } from "./DInput";
@@ -16,4 +17,5 @@ export { default as DModal } from "./DModal";
 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 WordCloud } from "./WordCloud";
+export { default as InfiniteScrollList } from "./InfiniteScrollList";

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-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 .form-wrapper>.ant-form-item:last-child{margin-bottom:0}.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-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}