@pointcloud/pcloud-components 0.1.17 → 0.1.19

package/README.md

@@ -1,11 +1,15 @@
 # pcloud-components
 
-pcloud-components 是一套基于 Antd v4.24.10 + React v17.0.0 开发的业务组件库。
+![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>)
+
+pcloud-components 是一套基于 Antd v4.24.x+ React v17.x 开发的业务组件库。
+该项目已经发布到 Npm 仓库，可以直接使用, 点击[pcloud-components 地址](https://www.npmjs.com/package/@pointcloud/pcloud-components)访问。
 
 ## 项目初始化
 
 ```
 // 拉取项目代码
+示例:
 git clone ssh://git@192.168.101.96:8092/pointcloud_frontend/basiclibrary/pcloud-components.git
 
 // 安装依赖
@@ -13,7 +17,7 @@ cd pcloud-components
 npm install
 
 // 启动项目
-npm start
+npm start  or npm run dev
 ```
 
 ## 项目结构

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

@@ -95,3 +95,7 @@ export interface FilterProps extends FormProps {
      */
     icon?: React.ReactNode;
 }
+export declare type AdvancedFilterProps = FilterProps;
+export declare type FormFilterProps = FProps;
+export declare type FotmItemProps = FormItem;
+export declare type InputSearchProps = InputProps;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AuthComponentProps } from './interface';
-declare const AuthComponent: ({ value, noAuthContent, children, authList, fieldName }: AuthComponentProps) => JSX.Element;
+import { IAuthComponentProps } from './interface';
+declare const AuthComponent: ({ value, noAuthContent, children, authList, fieldName }: IAuthComponentProps) => JSX.Element;
 export default AuthComponent;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface AuthComponentProps {
+export interface IAuthComponentProps {
     /**
      * @description 权限值
      */
@@ -21,3 +21,4 @@ export interface AuthComponentProps {
      */
     children?: React.ReactNode;
 }
+export declare type AuthComponentProps = IAuthComponentProps;

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

@@ -8,4 +8,4 @@ export interface ConfigProviderProps {
     getPrefixCls?: (componentName: string, customPrefix?: string) => string;
     children?: React.ReactNode;
 }
-export declare type OtherProps = Omit<ConfigProviderProps, 'chidlren'>;
+export declare type OtherProps = Omit<ConfigProviderProps, 'children'>;

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps, RadioGroupProps } from 'antd';
+import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps, RadioGroupProps, ColProps } from 'antd';
 import { PasswordProps, TextAreaProps } from 'antd/lib/input';
 import { RangePickerProps } from 'antd/lib/date-picker';
 import { CheckboxGroupProps } from 'antd/lib/checkbox';
@@ -12,9 +12,11 @@ export declare type DItemBaseProps = {
     /** label标签文本,同antd Form.Item的label,只能是string */
     label?: string;
     /** name标签文本,同antd Form.Item的name */
-    name?: string;
+    name?: string | number | (string | number)[];
     /** Form.Item 的其他属性 */
-    formItemProps?: FormItemProps;
+    formItemProps?: FormItemProps & {
+        grid?: Omit<ColProps, 'prefixCls'>;
+    };
 };
 /** 自定义渲染的DItem */
 declare type CustomItemProps = DItemBaseProps & HTMLAttributes<HTMLElement> & {

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

@@ -33,7 +33,7 @@ declare const renderMap: {
     rate: (props: RateProps, formItemProps: FormItemProps) => JSX.Element;
     slider: (props: SliderSingleProps, formItemProps: FormItemProps) => JSX.Element;
     switch: (props: SwitchProps, formItemProps: FormItemProps) => JSX.Element;
-    transfer: (props: TransferProps<any>, formItemProps: FormItemProps, render: TransferProps<any>['render']) => JSX.Element;
+    transfer: (props: TransferProps<any>, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: TransferProps<any>['render']) => JSX.Element;
     upload: (props: UploadProps, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: () => void, children: UploadProps['children']) => JSX.Element;
     dUpload: (props: DUploadProps, formItemProps: FormItemProps, render: (props: any) => ReactNode, children: DUploadProps['children']) => JSX.Element;
     button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;

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

@@ -165,7 +165,7 @@ var renderMap = {
       children: /*#__PURE__*/_jsx(Switch, _objectSpread({}, props))
     }));
   },
-  transfer: function transfer(props, formItemProps, render) {
+  transfer: function transfer(props, formItemProps, label, render) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(Transfer, _objectSpread({
         render: render

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

@@ -9,8 +9,8 @@ declare type InternalFormProps = {
     defaultItemProps?: DItemProps;
     /** children 方式添加表单项,如果同时设置了 items，则 children 在 items 下面 */
     children?: ReactNode;
-    /** 布局方式 新增了行内垂直布局方式inlineVertical */
-    layout?: 'inline' | 'horizontal' | 'vertical' | 'inlineVertical';
+    /** 布局方式 新增了行内垂直布局方式inlineVertical 和 grid栅格布局 */
+    layout?: 'inline' | 'horizontal' | 'vertical' | 'inlineVertical' | 'grid';
 };
 declare type DFormProps = Omit<FormProps, 'children' | 'layout'> & InternalFormProps;
 declare type DFormRefProps = {

package/dist/esm/DForm/index.js

@@ -2,16 +2,16 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["className", "defaultItemProps", "items", "children", "layout", "autoComplete"];
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-02 09:29:11
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-08-16 17:44:33
- * @Description  : 基于antd的Form组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-02 09:29:11
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-08-16 17:44:33
+ * @Description  : 基于antd的Form组件
  */
 
 import React, { forwardRef, useContext, useState, useEffect, useImperativeHandle } from 'react';
-import { Form } from 'antd';
+import { Form, Row, Col } from 'antd';
 import { ConfigContext } from "../ConfigProvider";
 import helper from "./helper";
 import DItem from "./DItem";
@@ -19,13 +19,26 @@ import "./index.less";
 
 // eslint-disable-next-line no-unused-vars
 import { jsx as _jsx } from "react/jsx-runtime";
-function getChildren(items, children, _defaultItemProps) {
+function getChildren(items, children, _defaultItemProps, layout) {
   var list = [];
   if (items instanceof Array && items.length > 0) {
-    list = items.map(function (item, index) {
-      var _item = helper.merge(_defaultItemProps, item);
-      return /*#__PURE__*/_jsx(DItem, _objectSpread({}, _item), (item === null || item === void 0 ? void 0 : item.name) || index);
-    });
+    if (layout === 'grid') {
+      list.push( /*#__PURE__*/_jsx(Row, {
+        children: items.map(function (item, index) {
+          var _item$formItemProps;
+          var _item = helper.merge(_defaultItemProps, item);
+          var _gridProps = (_item === null || _item === void 0 ? void 0 : (_item$formItemProps = _item.formItemProps) === null || _item$formItemProps === void 0 ? void 0 : _item$formItemProps.grid) || {};
+          return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, _gridProps), {}, {
+            children: /*#__PURE__*/_jsx(DItem, _objectSpread({}, _item))
+          }), (item === null || item === void 0 ? void 0 : item.name) || index);
+        })
+      }));
+    } else {
+      list = items.map(function (item, index) {
+        var _item = helper.merge(_defaultItemProps, item);
+        return /*#__PURE__*/_jsx(DItem, _objectSpread({}, _item), (item === null || item === void 0 ? void 0 : item.name) || index);
+      });
+    }
   }
   if (children) {
     var childrenList = children instanceof Array ? children : [children];
@@ -44,34 +57,35 @@ function InternalForm(props, ref) {
     defaultItemProps = props.defaultItemProps,
     items = props.items,
     children = props.children,
-    layout = props.layout,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'vertical' : _props$layout,
     _props$autoComplete = props.autoComplete,
     autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete,
     otherProps = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
-  var _className = "".concat(getPrefixCls('form'), " ").concat(className, " ").concat(layout === 'inlineVertical' ? 'inlineVertical' : '');
-  var _layout = layout === 'inlineVertical' ? 'inline' : layout;
-  var _useState = useState(getChildren(items, children, defaultItemProps)),
+  var _className = "".concat(getPrefixCls('form'), " ").concat(className, " ").concat(['inlineVertical', 'grid'].includes(layout) ? 'inlineVertical' : '');
+  var _layout = ['inlineVertical', 'grid'].includes(layout) ? 'inline' : layout;
+  var _useState = useState(getChildren(items, children, defaultItemProps, layout)),
     _useState2 = _slicedToArray(_useState, 2),
     itemChildren = _useState2[0],
     setItemChildren = _useState2[1];
   useEffect(function () {
-    setItemChildren(getChildren(items, children, defaultItemProps));
-  }, [items, children, defaultItemProps]);
+    setItemChildren(getChildren(items, children, defaultItemProps, layout));
+  }, [items, children, defaultItemProps, layout]);
   useImperativeHandle(ref, function () {
     return {
       setItems: function setItems(value) {
         if (value instanceof Array) {
-          setItemChildren(getChildren(value, null, defaultItemProps));
+          setItemChildren(getChildren(value, null, defaultItemProps, layout));
         } else if (typeof value === 'function') {
           var result = value(items || []);
           if ('then' in result) {
             result.then(function (list) {
-              setItemChildren(getChildren(list, null, defaultItemProps));
+              setItemChildren(getChildren(list, null, defaultItemProps, layout));
             });
           } else {
-            setItemChildren(getChildren(result, null, defaultItemProps));
+            setItemChildren(getChildren(result, null, defaultItemProps, layout));
           }
         }
       }
@@ -94,6 +108,5 @@ DForm.ErrorList = Form.ErrorList;
 DForm.useForm = Form.useForm;
 DForm.useFormInstance = Form.useFormInstance;
 DForm.useWatch = Form.useWatch;
-DForm.useForm = Form.useForm;
 export {};
 export default DForm;

package/dist/esm/DForm/index.less

@@ -1,11 +1,19 @@
 @import '../commonStyle/index.less';
 
 .@{prefix}-form {
-  .form-wrapper > * {
+  .form-wrapper > .ant-form-item {
     min-height: 32px;
     margin-right: 0;
     margin-bottom: 24px;
-    padding-right: 16px;
+  }
+
+  .form-wrapper > .ant-form-item:last-child {
+    margin-bottom: 0;
+  }
+
+  .ant-input-number,
+  .ant-picker {
+    width: 100%;
   }
 }
 
@@ -19,6 +27,10 @@
   flex-wrap: wrap;
   align-items: flex-end;
   height: min-content;
+
+  > .ant-form-item {
+    padding-right: 16px;
+  }
 }
 
 .@{prefix}-form.ant-form-inline.inlineVertical {

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

@@ -9,6 +9,7 @@ declare namespace DModal {
     export var error: import("antd/lib/modal/confirm").ModalFunc;
     export var warning: import("antd/lib/modal/confirm").ModalFunc;
     export var confirm: import("antd/lib/modal/confirm").ModalFunc;
+    export var destroyAll: () => void;
     var _a: ({ content, onOk, onCancel, zIndex }: DeleteModalProps) => {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;

package/dist/esm/DModal/index.js

@@ -56,6 +56,7 @@ DModal.success = Modal.success;
 DModal.error = Modal.error;
 DModal.warning = Modal.warning;
 DModal.confirm = Modal.confirm;
+DModal.destroyAll = Modal.destroyAll;
 DModal.delete = function (_ref) {
   var content = _ref.content,
     onOk = _ref.onOk,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import './index.less';
-declare function ErrorBoundary<T>({ err }: {
-    err?: T;
+declare function ErrorBoundary({ err }: {
+    err?: any;
 }): JSX.Element;
 export default ErrorBoundary;

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

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

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

@@ -1,4 +1,4 @@
-export interface LabelValueProps {
+export interface ILabelValueProps {
     /**
      * @description 文字标签
      */
@@ -6,7 +6,7 @@ export interface LabelValueProps {
     /**
      * @description 文字标签值
      */
-    value?: string | undefined | null;
+    value?: string | undefined;
     /**
      * @description 文字标签值为空时的值
      * @default -
@@ -27,3 +27,4 @@ export interface LabelValueProps {
      */
     noColon?: boolean;
 }
+export declare type LabelValueProps = ILabelValueProps;

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

@@ -1,9 +1,9 @@
 import Loading from './loading';
-import { LoadingProps, LoadingInstanceProps } from './interface';
+import { ILoadingProps, LoadingInstanceProps } from './interface';
 declare const _default: {
-    open(params?: LoadingInstanceProps): LoadingProps;
+    open(params?: LoadingInstanceProps): ILoadingProps;
     close(): void;
-    getInstance(): LoadingProps;
+    getInstance(): ILoadingProps;
 };
 export default _default;
 export { Loading };

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

@@ -7,8 +7,9 @@ export interface LoadingInstanceProps extends SpinProps {
      */
     container?: ReactInstance | undefined;
 }
-export interface LoadingProps {
+export interface ILoadingProps {
     open: (param: LoadingInstanceProps) => React.ReactDOM;
     close: () => void;
     getInstance: () => React.ReactDOM;
 }
+export declare type LoadingProps = ILoadingProps;

package/dist/esm/Loading/loading.js

@@ -10,7 +10,6 @@ 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 parentElement;
 function Loading(props) {
   var _props$tip = props.tip,
     tip = _props$tip === void 0 ? '数据请求中...' : _props$tip;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { DFormProps, DModalProps } from "./..";
+export declare type ModalFormProps = {
+    modalProps: DModalProps & {
+        width?: number;
+    };
+    formProps: DFormProps;
+    children?: React.ReactNode;
+};
+declare const _default: (props: ModalFormProps) => JSX.Element;
+export default _default;

package/dist/esm/ModalForm/index.js

@@ -0,0 +1,45 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { DForm, DModal } from "./..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function (props) {
+  var _props$modalProps = props.modalProps,
+    modalProps = _props$modalProps === void 0 ? {} : _props$modalProps,
+    formProps = props.formProps,
+    children = props.children;
+  var _ref = modalProps || {},
+    open = _ref.open,
+    onOk = _ref.onOk;
+  var _DForm$useForm = DForm.useForm(),
+    _DForm$useForm2 = _slicedToArray(_DForm$useForm, 1),
+    form = _DForm$useForm2[0];
+  var modalFooter = !!(formProps !== null && formProps !== void 0 && formProps.disabled) ? {
+    footer: null
+  } : {};
+  var handleOk = function handleOk() {
+    form.validateFields().then(function (values) {
+      onOk === null || onOk === void 0 ? void 0 : onOk(values);
+    });
+  };
+  return /*#__PURE__*/_jsxs(DModal, _objectSpread(_objectSpread(_objectSpread({
+    open: open,
+    style: {
+      height: 'auto'
+    },
+    centered: true,
+    destroyOnClose: true,
+    okText: "\u786E\u5B9A",
+    cancelText: "\u53D6\u6D88",
+    bodyStyle: {
+      maxHeight: '600px',
+      overflowY: 'auto'
+    }
+  }, modalFooter), _objectSpread(_objectSpread({}, modalProps), {}, {
+    onOk: handleOk
+  })), {}, {
+    children: [children, /*#__PURE__*/_jsx(DForm, _objectSpread(_objectSpread({}, formProps), {}, {
+      form: form
+    }))]
+  }));
+});

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

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

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

@@ -1,4 +1,4 @@
-export interface NoDataProps {
+export interface INoDataProps {
     /**
      * @description 无数据时的文字描述
      * @default 暂无结果
@@ -10,3 +10,4 @@ export interface NoDataProps {
      */
     src?: string;
 }
+export declare type NoDataProps = INoDataProps;

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

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

package/dist/esm/WordCloud/index.js

@@ -0,0 +1,21 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { useContext } from 'react';
+import classNames from 'classnames';
+import ReactWordcloud from 'react-wordcloud';
+import { ConfigContext } from "../ConfigProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+var WordCloud = function WordCloud(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('word-cloud');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-word-cloud"), !!prefixCls), classname, className);
+  return /*#__PURE__*/_jsx("div", {
+    className: wrapperClass,
+    children: /*#__PURE__*/_jsx(ReactWordcloud, _objectSpread({}, props))
+  });
+};
+export default WordCloud;

package/dist/esm/index.d.ts

@@ -1,11 +1,15 @@
 export { default as LabelValue } from './LabelValue';
+export type { LabelValueProps } from './LabelValue/interface';
 export { default as AdvancedFilter } from './AdvancedFilter';
+export type { AdvancedFilterProps, FormFilterProps, FotmItemProps, InputSearchProps } from './AdvancedFilter/interface';
 export { default as AuthComponent } from './AuthComponent';
-export type { FProps } from './AdvancedFilter/interface';
+export type { AuthComponentProps } from './AuthComponent/interface';
 export { default as ErrorBoundary } from './ErrorBoundary';
 export { default as ConfigProvider } from './ConfigProvider';
 export { default as Loading } from './Loading';
+export type { LoadingProps } from './Loading/interface';
 export { default as NoData } from './NoData';
+export type { NoDataProps } from './NoData/interface';
 export type { DInputProps } from './DInput';
 export { default as DInput } from './DInput';
 export type { DSelectProps } from './DSelect';
@@ -20,9 +24,13 @@ export type { DColumnType, DTableProps, DTableSourceProps, TableParamsProps } fr
 export { default as DTable } from './DTable';
 export type { DFormProps, DFormRefProps, DItemProps } from './DForm';
 export { default as DForm } from './DForm';
-export type { DModalProps } from './DModal/interface';
 export { default as DModal } from './DModal';
+export type { DModalProps } from './DModal/interface';
+export { default as ModalForm } from './ModalForm';
+export type { ModalFormProps } from './ModalForm';
 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 type { WordCloudProps } from './WordCloud';
+export { default as WordCloud } from './WordCloud';

package/dist/esm/index.js

@@ -13,5 +13,7 @@ export { default as DUpload } from "./DUpload";
 export { default as DTable } from "./DTable";
 export { default as DForm } from "./DForm";
 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 ScrollNumber } from "./ScrollNumber";
+export { default as WordCloud } from "./WordCloud";

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>*{margin-bottom:24px;margin-right:0;min-height:32px;padding-right:16px}.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.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-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}