@pointcloud/pcloud-components 1.0.8 → 1.0.10

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type ModalFuncProps, type ButtonProps } from 'antd';
+import { type ModalFuncProps, type ButtonProps, type PopoverProps } from 'antd';
 import { type DFormProps } from '../DForm';
 import { type DTableSourceProps, type DTableProps } from '../DTable';
 import type { DModalProps } from '../DModal/interface';
@@ -24,6 +24,16 @@ export type CRUDRefProps = {
     openDetailModal: (_record?: any) => void;
 };
 export type MoreActionColumnRender<T = Record<string, any>> = (_text: any, _record: T) => React.ReactNode;
+export type MoreActionProps<T = Record<string, any>> = MoreActionColumnRender<T> | {
+    /** 内容渲染函数 */
+    render: MoreActionColumnRender<T>;
+    /** Popover 属性 */
+    popoverProps?: PopoverProps;
+    /** 更多按钮文字，默认为"更多" */
+    label?: string;
+    /** 更多按钮配置 */
+    buttonProps?: ButtonProps;
+};
 export type CRUDProps = {
     className?: string;
     style?: React.CSSProperties;
@@ -33,7 +43,7 @@ export type CRUDProps = {
     };
     /** 表格配置 */
     tableProps: DTableProps & {
-        moreActionColumn?: MoreActionColumnRender;
+        moreActionColumn?: MoreActionProps;
     };
     /** 新增/编辑表单配置 */
     modalFormProps?: {
@@ -48,7 +58,7 @@ export type CRUDProps = {
     /** 新增按钮文本 */
     addButtonText?: string;
     /** 是否显示新增按钮 */
-    showAddButton?: boolean;
+    showAdd?: boolean;
     /** 是否显示批量删除按钮 */
     showBatchDelete?: boolean;
     /** 批量删除按钮文本 */
@@ -73,7 +83,6 @@ export type CRUDProps = {
     viewButtonText?: string;
     /** 行查看按钮配置 */
     viewButtonProps?: ButtonProps;
-    /** 更多操作列自定义渲染，参数为(text, record)，返回ReactNode */
     /** 自定义操作栏 */
     actionBar?: React.ReactNode;
     /** 数据刷新回调 */
@@ -81,13 +90,13 @@ export type CRUDProps = {
     crudApi: {
         list: (_params: any) => Promise<DTableSourceProps>;
         /** 删除数据接口 */
-        delete: (_params: any) => Promise<any>;
+        delete?: (_currentRecord: any) => Promise<any>;
         /** 新增数据接口 */
-        add: (_params: any) => Promise<any>;
+        add?: (_params: any) => Promise<any>;
         /** 编辑数据接口 */
-        edit: (_params: any) => Promise<any>;
+        edit?: (_params: any, _currentRecord: any) => Promise<any>;
         /** 详情数据接口 */
-        detail?: (_params: any) => Promise<any>;
+        detail?: (_currentRecord: any) => Promise<any>;
     };
     /** 全局刷新策略 */
     refreshStrategy?: RefreshStrategy;

package/dist/esm/CRUD/index.js

@@ -47,8 +47,8 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     addButtonProps = props.addButtonProps,
     _props$deleteModalPro = props.deleteModalProps,
     deleteModalProps = _props$deleteModalPro === void 0 ? {} : _props$deleteModalPro,
-    _props$showAddButton = props.showAddButton,
-    showAddButton = _props$showAddButton === void 0 ? true : _props$showAddButton,
+    _props$showAdd = props.showAdd,
+    showAdd = _props$showAdd === void 0 ? true : _props$showAdd,
     _props$showBatchDelet = props.showBatchDelete,
     showBatchDelete = _props$showBatchDelet === void 0 ? true : _props$showBatchDelet,
     batchDeleteButtonProps = props.batchDeleteButtonProps,
@@ -141,25 +141,42 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
   var visible = useMemo(function () {
     return conditionVisible ? 'visible' : 'hidden';
   }, [conditionVisible]);
-  var deleteApi = useCallback(crudApi.delete, [crudApi.delete]);
-  var addApi = useCallback(crudApi.add, [crudApi.add]);
-  var editApi = useCallback(crudApi.edit, [crudApi.edit]);
-  var detailApi = useCallback(crudApi.detail || ( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_params) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", _params);
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }()), [crudApi.detail]);
+  var deleteApi = useCallback(crudApi.delete || /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [crudApi.delete]);
+  var addApi = useCallback(crudApi.add || /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })), [crudApi.add]);
+  var editApi = useCallback(crudApi.edit || /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })), [crudApi.edit]);
+  var detailApi = useCallback(crudApi.detail || /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })), [crudApi.detail]);
   var listApi = useCallback(function (params) {
     var _crudApi$list;
     return (_crudApi$list = crudApi.list) === null || _crudApi$list === void 0 ? void 0 : _crudApi$list.call(crudApi, params);
@@ -246,35 +263,40 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     form.resetFields();
     setSearchValues((_searchFormProps$init = searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.initialValues) !== null && _searchFormProps$init !== void 0 ? _searchFormProps$init : {});
   }, [form, searchFormProps === null || searchFormProps === void 0 ? void 0 : searchFormProps.initialValues]);
-  var handleAdd = useCallback(function () {
+  var handleAdd = useCallback(function (data) {
+    var _Object$keys;
     currentRecordRef.current = null;
-    setDetailData(null);
+    if (data && ((_Object$keys = Object.keys(data)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
+      setDetailData(_objectSpread({}, data));
+    } else {
+      setDetailData(null);
+    }
     setModalConfig({
       visible: true,
       mode: 'add'
     });
   }, []);
   var handleEdit = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(record) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(record) {
       var data;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             currentRecordRef.current = _objectSpread({}, record);
             if (!detailApi) {
-              _context2.next = 7;
+              _context5.next = 7;
               break;
             }
-            _context2.next = 4;
+            _context5.next = 4;
             return detailApi(record);
           case 4:
-            _context2.t0 = _context2.sent;
-            _context2.next = 8;
+            _context5.t0 = _context5.sent;
+            _context5.next = 8;
             break;
           case 7:
-            _context2.t0 = record;
+            _context5.t0 = record;
           case 8:
-            data = _context2.t0;
+            data = _context5.t0;
             setDetailData(data);
             setModalConfig({
               visible: true,
@@ -282,12 +304,12 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
             });
           case 11:
           case "end":
-            return _context2.stop();
+            return _context5.stop();
         }
-      }, _callee2);
+      }, _callee5);
     }));
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
+    return function (_x) {
+      return _ref5.apply(this, arguments);
     };
   }(), [detailApi]);
   var handleRefresh = useCallback(function (strategy, refreshOptions) {
@@ -338,12 +360,12 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     DModal.delete(_objectSpread({
       title: '确定要删除所选数据吗？',
       onOk: function () {
-        var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
           var _isNeedRefreshToPage, needRefreshToPage, targetPage;
-          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
+          return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+            while (1) switch (_context6.prev = _context6.next) {
               case 0:
-                _context3.next = 2;
+                _context6.next = 2;
                 return deleteApi(_objectSpread({}, selectedData));
               case 2:
                 _isNeedRefreshToPage = isNeedRefreshToPage(selectedData.selectedRows.length), needRefreshToPage = _isNeedRefreshToPage.needRefreshToPage, targetPage = _isNeedRefreshToPage.targetPage;
@@ -357,9 +379,9 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
                 });
               case 5:
               case "end":
-                return _context3.stop();
+                return _context6.stop();
             }
-          }, _callee3);
+          }, _callee6);
         }));
         function onOk() {
           return _onOk.apply(this, arguments);
@@ -369,19 +391,19 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     }, deleteModalProps));
   }, [deleteApi, memoizedDeleteRefreshStrategy, handleRefresh, selectedData, isNeedRefreshToPage]);
   var handleDelete = useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(record) {
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(record) {
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             DModal.delete({
               title: '确定要删除此条数据吗？',
               onOk: function () {
-                var _onOk2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+                var _onOk2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
                   var _isNeedRefreshToPage2, needRefreshToPage, targetPage;
-                  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-                    while (1) switch (_context4.prev = _context4.next) {
+                  return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+                    while (1) switch (_context7.prev = _context7.next) {
                       case 0:
-                        _context4.next = 2;
+                        _context7.next = 2;
                         return deleteApi(record);
                       case 2:
                         _isNeedRefreshToPage2 = isNeedRefreshToPage(), needRefreshToPage = _isNeedRefreshToPage2.needRefreshToPage, targetPage = _isNeedRefreshToPage2.targetPage;
@@ -391,9 +413,9 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
                         });
                       case 4:
                       case "end":
-                        return _context4.stop();
+                        return _context7.stop();
                     }
-                  }, _callee4);
+                  }, _callee7);
                 }));
                 function onOk() {
                   return _onOk2.apply(this, arguments);
@@ -403,36 +425,36 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
             });
           case 1:
           case "end":
-            return _context5.stop();
+            return _context8.stop();
         }
-      }, _callee5);
+      }, _callee8);
     }));
-    return function (_x3) {
-      return _ref3.apply(this, arguments);
+    return function (_x2) {
+      return _ref6.apply(this, arguments);
     };
   }(), [deleteApi, memoizedDeleteRefreshStrategy, handleRefresh, isNeedRefreshToPage]);
   var handleModalOk = useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(values) {
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(values) {
+      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
-            _context6.prev = 0;
+            _context9.prev = 0;
             if (!(modalConfig.mode === 'edit' && currentRecordRef.current)) {
-              _context6.next = 7;
+              _context9.next = 7;
               break;
             }
-            _context6.next = 4;
-            return editApi(_objectSpread(_objectSpread({}, currentRecordRef.current || {}), values));
+            _context9.next = 4;
+            return editApi(_objectSpread(_objectSpread({}, currentRecordRef.current || {}), values), currentRecordRef.current);
           case 4:
             handleRefresh(memoizedEditRefreshStrategy);
-            _context6.next = 11;
+            _context9.next = 11;
             break;
           case 7:
             if (!(modalConfig.mode === 'add')) {
-              _context6.next = 11;
+              _context9.next = 11;
               break;
             }
-            _context6.next = 10;
+            _context9.next = 10;
             return addApi(values);
           case 10:
             handleRefresh(memoizedAddRefreshStrategy);
@@ -442,20 +464,20 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
               visible: false
             }));
             setDetailData(null);
-            _context6.next = 19;
+            _context9.next = 19;
             break;
           case 16:
-            _context6.prev = 16;
-            _context6.t0 = _context6["catch"](0);
-            return _context6.abrupt("return", Promise.reject(_context6.t0));
+            _context9.prev = 16;
+            _context9.t0 = _context9["catch"](0);
+            return _context9.abrupt("return", Promise.reject(_context9.t0));
           case 19:
           case "end":
-            return _context6.stop();
+            return _context9.stop();
         }
-      }, _callee6, null, [[0, 16]]);
+      }, _callee9, null, [[0, 16]]);
     }));
-    return function (_x4) {
-      return _ref4.apply(this, arguments);
+    return function (_x3) {
+      return _ref7.apply(this, arguments);
     };
   }(), [modalConfig.mode, addApi, editApi, memoizedAddRefreshStrategy, memoizedEditRefreshStrategy, handleRefresh]);
   var handleCancel = useCallback(function () {
@@ -468,26 +490,26 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
     currentRecordRef.current = null;
   }, []);
   var handleView = useCallback( /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(record) {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(record) {
       var data;
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
           case 0:
             currentRecordRef.current = _objectSpread({}, record);
             if (!detailApi) {
-              _context7.next = 7;
+              _context10.next = 7;
               break;
             }
-            _context7.next = 4;
+            _context10.next = 4;
             return detailApi(record);
           case 4:
-            _context7.t0 = _context7.sent;
-            _context7.next = 8;
+            _context10.t0 = _context10.sent;
+            _context10.next = 8;
             break;
           case 7:
-            _context7.t0 = record;
+            _context10.t0 = record;
           case 8:
-            data = _context7.t0;
+            data = _context10.t0;
             setDetailData(data);
             setModalConfig({
               visible: true,
@@ -495,18 +517,21 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
             });
           case 11:
           case "end":
-            return _context7.stop();
+            return _context10.stop();
         }
-      }, _callee7);
+      }, _callee10);
     }));
-    return function (_x5) {
-      return _ref5.apply(this, arguments);
+    return function (_x4) {
+      return _ref8.apply(this, arguments);
     };
   }(), [detailApi]);
   var actionColumn = useMemo(function () {
     var currentHandleEdit = handleEdit;
     var currentHandleDelete = handleDelete;
     var currentHandleView = handleView;
+    var moreActionConfig = tableProps !== null && tableProps !== void 0 && tableProps.moreActionColumn ? typeof tableProps.moreActionColumn === 'function' ? {
+      render: tableProps.moreActionColumn
+    } : tableProps.moreActionColumn : null;
     return function (_text, record) {
       return /*#__PURE__*/_jsxs("div", {
         className: actionColumnClass,
@@ -538,26 +563,32 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
           size: "small"
         }, viewButtonProps), {}, {
           children: viewButtonText
-        })), (tableProps === null || tableProps === void 0 ? void 0 : tableProps.moreActionColumn) && /*#__PURE__*/_jsx(Popover, {
+        })), moreActionConfig && /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({
           trigger: "click",
           placement: "bottomRight",
-          content: tableProps === null || tableProps === void 0 ? void 0 : tableProps.moreActionColumn(_text, record),
-          children: /*#__PURE__*/_jsx(Button, {
+          content: moreActionConfig.render(_text, record),
+          zIndex: 5,
+          getPopupContainer: function getPopupContainer(e) {
+            return e.parentElement || document.body;
+          }
+        }, moreActionConfig.popoverProps), {}, {
+          children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
             type: "link",
             icon: /*#__PURE__*/_jsx(MoreOutlined, {}),
-            size: "small",
-            children: "\u66F4\u591A"
-          })
-        })]
+            size: "small"
+          }, moreActionConfig.buttonProps), {}, {
+            children: moreActionConfig.label || '更多'
+          }))
+        }))]
       });
     };
   }, [handleEdit, handleDelete, handleView, showEdit, showDelete, showView, editButtonText, deleteButtonText, viewButtonText, tableProps === null || tableProps === void 0 ? void 0 : tableProps.moreActionColumn]);
   var tablePropsWithSearch = useMemo(function () {
-    var _ref6 = tableProps || {},
-      _ref6$columns = _ref6.columns,
-      columns = _ref6$columns === void 0 ? [] : _ref6$columns,
-      tableExtraParams = _ref6.extraParams,
-      otherTableProps = _objectWithoutProperties(_ref6, _excluded2);
+    var _ref9 = tableProps || {},
+      _ref9$columns = _ref9.columns,
+      columns = _ref9$columns === void 0 ? [] : _ref9$columns,
+      tableExtraParams = _ref9.extraParams,
+      otherTableProps = _objectWithoutProperties(_ref9, _excluded2);
     return _objectSpread({
       actionColumn: actionColumn,
       columns: tablePropsState.columns || columns,
@@ -614,8 +645,8 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
       getSearchValues: function getSearchValues() {
         return form.getFieldsValue();
       },
-      openAddModal: function openAddModal() {
-        return handleAdd();
+      openAddModal: function openAddModal(params) {
+        return handleAdd(params);
       },
       openEditModal: function openEditModal(params) {
         return handleEdit(params);
@@ -655,7 +686,7 @@ var forwardCRUD = /*#__PURE__*/forwardRef(function (props, ref) {
       className: "".concat(classname, "-action-tool-bar"),
       children: [/*#__PURE__*/_jsxs("div", {
         className: "".concat(classname, "-action-bar"),
-        children: [showAddButton && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        children: [showAdd && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
           type: "primary",
           icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
           onClick: handleAdd

package/dist/esm/CRUD/index.less

@@ -121,15 +121,16 @@
 
   // form display
   .@{prefix}-form {
-    transition: all 0.3s ease-in-out;
+    transition: height 0.3s ease-out, opacity 0.3s ease-out;
     overflow: hidden;
+    height: auto;
 
     &.visible {
-      max-height: 300px;
+      height: calc-size(auto, size);
     }
 
     &.hidden {
-      max-height: 0;
+      height: 0;
     }
   }
 

package/dist/esm/index.d.ts

@@ -65,6 +65,6 @@ export type { AnimatedScrollListProps } from './AnimatedScrollList/interface';
 export { default as DRangePicker } from './DRangePicker';
 export type { DRangePickerProps } from './DRangePicker/interface';
 export { default as CRUD } from './CRUD';
-export { type CRUDProps, type CRUDRefProps, type MoreActionColumnRender } from './CRUD';
+export { type CRUDProps, type CRUDRefProps, type MoreActionProps, type MoreActionColumnRender } from './CRUD';
 export { default as DynamicFormItem } from './DynamicFormItem';
 export type { DynamicFormItemProps } from './DynamicFormItem';

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-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-ip-address{border:1px solid #d9d9d9;border-radius:2px;display:inline-block;transition:all .3s}.pui-ip-address.small{height:24px}.pui-ip-address.large{padding:6.5px 10px}.pui-ip-address.middle{padding:4px 10px}.pui-ip-address.disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:rgba(0,0,0,.25);cursor:not-allowed;opacity:1}.pui-ip-address.disabled:hover{border-color:#d9d9d9}.pui-ip-address:hover{border-color:#4d90ff}.pui-ip-address:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.pui-ip-address input{font-feature-settings:"tnum","tnum";background:none;border:none;box-sizing:border-box;color:#000000d9;display:inline-block;font-size:14px;font-variant:tabular-nums;line-height:1.5715;margin:0;outline:0;padding:0;position:relative;text-align:center}.pui-ip-address input[disabled]{color:inherit;cursor:not-allowed}.pui-ip-address input[type=number]{appearance:textfield}.pui-ip-address input[type=number]::-webkit-inner-spin-button,.pui-ip-address input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.pui-range-picker-left .ant-picker-panel-container,.pui-range-picker-right .ant-picker-panel-container{display:flex}.pui-range-picker-left .ant-picker-footer,.pui-range-picker-right .ant-picker-footer{flex:1 1;min-width:40px}.pui-range-picker-left .ant-picker-ranges,.pui-range-picker-right .ant-picker-ranges{display:flex;flex-direction:column}.pui-range-picker-left .ant-picker-preset .ant-tag,.pui-range-picker-right .ant-picker-preset .ant-tag{margin-right:0}.pui-range-picker-left .ant-picker-panel-container{flex-direction:row-reverse}.pui-form .form-wrapper>.ant-form-item{margin-bottom:24px;margin-right:0;min-height:32px}.pui-form .ant-input-number,.pui-form .ant-picker{width:100%}.pui-form.ant-form-horizontal .form-wrapper>.ant-form-item:last-child,.pui-form.ant-form-vertical .form-wrapper>.ant-form-item:last-child{margin-bottom:0}.pui-form.ant-form-horizontal .ant-form-item-label{min-width:80px}.pui-form.ant-form-inline .form-wrapper,.pui-form.ant-form-inline.inlineVertical .form-wrapper{align-items:flex-end;display:flex;flex:1 1;flex-wrap:wrap;height:min-content}.pui-form.ant-form-inline .form-wrapper>.ant-form-item,.pui-form.ant-form-inline.inlineVertical .form-wrapper>.ant-form-item{padding-right:16px}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row{flex-direction:column}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row .ant-form-item-label{text-align:left}.pui-form.ant-form-inline.inlineVertical .grid-row{flex:1 1}.pui-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 .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 .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{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;display:flex;font-weight:700;padding-bottom:10px}.pui-search-filter .title span.icon{background-color:#1890ff;border-radius:2px;height:16px;margin-right:6px;width:4px}.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{background:rgba(0,0,0,.3);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:100000}.pui-loading .loading{background:hsla(0,0%,100%,.9);border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.2);left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100001}.pui-loading.body-container .loading,.pui-loading.body-container .mask{position:fixed}.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-table .ant-spin-container,.pui-table .ant-spin-nested-loading,.pui-table .ant-table-container,.pui-table .ant-table-content{height:100%}.pui-table .ant-spin-container,.pui-table .ant-table-container{display:flex;flex-direction:column;overflow:hidden}.pui-table .ant-table{flex:1 1;overflow:hidden}.pui-table .ant-table-body{overflow-y:auto}.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-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,.pui-fixed-modal-container .ant-modal-wrap{position:fixed}.pui-relative-modal-container .ant-modal-wrap{position:absolute}.pui-color-picker .sketch-picker{box-shadow:none!important;padding:0!important}.trigger{border:5px solid #fff;border-radius:2px;box-shadow:0 0 2px #000;cursor:pointer;display:inline-block;height:26px;width:60px}.pui-typewriter-text{font-feature-settings:none;display:inline-block;font-variant-ligatures:none;min-height:1em;position:relative}.pui-typewriter-text-cursor{animation-fill-mode:both;animation-iteration-count:infinite;animation-name:pc-typewriter-cursor-blink;animation-timing-function:step-end;display:inline-block;margin-left:4px}@keyframes pc-typewriter-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.pui-infinite-scroll-wrapper .ant-list .ant-row{margin-right:0!important}.scroll-container{overflow-x:hidden;overflow-y:auto;position:relative}.scroll-container .backtop{right:50px}.scroll-container .up{background:#007aff;border-radius:3px;color:#fff;text-align:center}.toolbar{background-color:rgba(0,0,0,.5);color:#fff;justify-content:center}.toolbar,.toolbar button{align-items:center;display:flex}.toolbar button{background-color:transparent;border-width:0;cursor:pointer}.toolbar button:hover{background-color:#0074d9}.toolbar .icon>path{fill:#fff}.pui-signature-pad{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.pui-signature-pad-canvas{border:1px solid #d9d9d9;border-radius:4px}.pui-signature-pad-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;text-align:center}.pui-signature-pad-button{background-color:#fff;border:1px solid #1677ff;border-radius:4px;color:#1677ff;cursor:pointer;height:32px;min-width:64px;padding:4px 16px;transition:all .3s}.pui-signature-pad-button:hover{background-color:#f0f5ff}.pui-signature-pad-button:last-child{background-color:#1677ff;color:#fff}.pui-signature-pad-button:last-child:hover{background-color:#4096ff}.pui-context-menu{animation:contextmenu-show .2s ease-out forwards;background:#fff;border:1px solid #f0f0f0;border-radius:1px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);min-width:120px;opacity:0;padding:4px 0;transform:scale(.8);transform-origin:top left}.pui-context-menu-item{align-items:center;color:rgba(0,0,0,.88);cursor:pointer;display:flex;gap:8px;padding:5px 12px;transition:all .3s;-ms-user-select:none;user-select:none}.pui-context-menu-item:hover{background:rgba(0,0,0,.04)}.pui-context-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.pui-context-menu-item-disabled:hover{background:none}.pui-context-menu-item-divider{background:#f0f0f0;height:1px;margin:4px 0}@keyframes contextmenu-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pui-org-tree{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;position:relative;width:100%}.pui-org-tree .org-tree-node-label{cursor:pointer}.pui-animated-scroll-list{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.pui-animated-scroll-list-header{flex-shrink:0}.pui-animated-scroll-list-body{overflow:hidden;position:relative}.pui-animated-scroll-list-content{position:relative}.pui-crud{display:flex;flex-direction:column;height:100%;overflow:hidden}.pui-crud.fullscreen{background-color:#fff;inset:0;padding:10px;position:fixed;z-index:10000}.pui-crud-action-tool-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pui-crud-action-bar,.pui-crud-tool-bar{align-items:center;display:flex;gap:8px;justify-content:flex-start}.pui-crud .tool-icon{border:1px solid #e3e3e3;border-radius:50%;cursor:pointer;font-size:15px;padding:5px}.pui-crud .tool-icon:hover{border-color:#2e4dd9;color:#2e4dd9}.pui-crud .tool-icon.rotating{animation:rotating .5s linear}.pui-crud .column-setting-popup .ant-popover-title{padding-left:10px;padding-right:10px}.pui-crud .column-setting-popup .ant-popover-inner-content{padding:8px 0 4px;width:100%}.pui-crud .column-setting-popup .column-setting-title{align-items:center;display:flex;justify-content:space-between}.pui-crud .column-setting-popup .column-setting-list{display:flex;flex-direction:column;list-style:none;margin-bottom:0;max-height:300px;overflow-y:auto;padding:5px 0;padding-inline-start:0}.pui-crud .column-setting-popup .column-setting-list::-webkit-scrollbar{width:5px}.pui-crud .column-setting-popup .column-setting-list::-webkit-scrollbar-track{border-radius:3px}.pui-crud .column-setting-popup .column-setting-list::-webkit-scrollbar-thumb{background:#8b8b8b;border-radius:3px;width:5px}.pui-crud .column-setting-popup .column-setting-item{align-items:center;border-radius:4px;display:flex;margin-bottom:2px;min-height:32px;padding:8px 10px;-ms-user-select:none;user-select:none}.pui-crud .column-setting-popup .column-setting-item:hover{background-color:#f5f5f5}.pui-crud .column-setting-popup .column-drag-handle{align-items:center;color:#666;cursor:move;display:flex;margin-right:8px}.pui-crud .column-setting-popup .column-setting-footer{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding-top:4px}.pui-crud .pui-form{overflow:hidden;transition:all .3s ease-in-out}.pui-crud .pui-form.visible{max-height:300px}.pui-crud .pui-form.hidden{max-height:0}.pui-crud-table{flex:1 1;overflow:hidden}.pui-crud-modalform-view .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dynamic-form-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px;width:100%}.dynamic-form-item .ant-form-item{flex:1 1;margin-bottom:0}.dynamic-form-item .ant-btn-link{flex-shrink:0}.dynamic-form-item.single .ant-space-item:first-of-type{display:flex;flex:1 1}.dynamic-form-item~.dynamic-form-item .ant-col.ant-form-item-label{visibility:hidden}
+.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-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-ip-address{border:1px solid #d9d9d9;border-radius:2px;display:inline-block;transition:all .3s}.pui-ip-address.small{height:24px}.pui-ip-address.large{padding:6.5px 10px}.pui-ip-address.middle{padding:4px 10px}.pui-ip-address.disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:rgba(0,0,0,.25);cursor:not-allowed;opacity:1}.pui-ip-address.disabled:hover{border-color:#d9d9d9}.pui-ip-address:hover{border-color:#4d90ff}.pui-ip-address:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.pui-ip-address input{font-feature-settings:"tnum","tnum";background:none;border:none;box-sizing:border-box;color:#000000d9;display:inline-block;font-size:14px;font-variant:tabular-nums;line-height:1.5715;margin:0;outline:0;padding:0;position:relative;text-align:center}.pui-ip-address input[disabled]{color:inherit;cursor:not-allowed}.pui-ip-address input[type=number]{appearance:textfield}.pui-ip-address input[type=number]::-webkit-inner-spin-button,.pui-ip-address input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.pui-range-picker-left .ant-picker-panel-container,.pui-range-picker-right .ant-picker-panel-container{display:flex}.pui-range-picker-left .ant-picker-footer,.pui-range-picker-right .ant-picker-footer{flex:1 1;min-width:40px}.pui-range-picker-left .ant-picker-ranges,.pui-range-picker-right .ant-picker-ranges{display:flex;flex-direction:column}.pui-range-picker-left .ant-picker-preset .ant-tag,.pui-range-picker-right .ant-picker-preset .ant-tag{margin-right:0}.pui-range-picker-left .ant-picker-panel-container{flex-direction:row-reverse}.pui-form .form-wrapper>.ant-form-item{margin-bottom:24px;margin-right:0;min-height:32px}.pui-form .ant-input-number,.pui-form .ant-picker{width:100%}.pui-form.ant-form-horizontal .form-wrapper>.ant-form-item:last-child,.pui-form.ant-form-vertical .form-wrapper>.ant-form-item:last-child{margin-bottom:0}.pui-form.ant-form-horizontal .ant-form-item-label{min-width:80px}.pui-form.ant-form-inline .form-wrapper,.pui-form.ant-form-inline.inlineVertical .form-wrapper{align-items:flex-end;display:flex;flex:1 1;flex-wrap:wrap;height:min-content}.pui-form.ant-form-inline .form-wrapper>.ant-form-item,.pui-form.ant-form-inline.inlineVertical .form-wrapper>.ant-form-item{padding-right:16px}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row{flex-direction:column}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row .ant-form-item-label{text-align:left}.pui-form.ant-form-inline.inlineVertical .grid-row{flex:1 1}.pui-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 .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 .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{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;display:flex;font-weight:700;padding-bottom:10px}.pui-search-filter .title span.icon{background-color:#1890ff;border-radius:2px;height:16px;margin-right:6px;width:4px}.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{background:rgba(0,0,0,.3);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:100000}.pui-loading .loading{background:hsla(0,0%,100%,.9);border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.2);left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100001}.pui-loading.body-container .loading,.pui-loading.body-container .mask{position:fixed}.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-table .ant-spin-container,.pui-table .ant-spin-nested-loading,.pui-table .ant-table-container,.pui-table .ant-table-content{height:100%}.pui-table .ant-spin-container,.pui-table .ant-table-container{display:flex;flex-direction:column;overflow:hidden}.pui-table .ant-table{flex:1 1;overflow:hidden}.pui-table .ant-table-body{overflow-y:auto}.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-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,.pui-fixed-modal-container .ant-modal-wrap{position:fixed}.pui-relative-modal-container .ant-modal-wrap{position:absolute}.pui-color-picker .sketch-picker{box-shadow:none!important;padding:0!important}.trigger{border:5px solid #fff;border-radius:2px;box-shadow:0 0 2px #000;cursor:pointer;display:inline-block;height:26px;width:60px}.pui-typewriter-text{font-feature-settings:none;display:inline-block;font-variant-ligatures:none;min-height:1em;position:relative}.pui-typewriter-text-cursor{animation-fill-mode:both;animation-iteration-count:infinite;animation-name:pc-typewriter-cursor-blink;animation-timing-function:step-end;display:inline-block;margin-left:4px}@keyframes pc-typewriter-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.pui-infinite-scroll-wrapper .ant-list .ant-row{margin-right:0!important}.scroll-container{overflow-x:hidden;overflow-y:auto;position:relative}.scroll-container .backtop{right:50px}.scroll-container .up{background:#007aff;border-radius:3px;color:#fff;text-align:center}.toolbar{background-color:rgba(0,0,0,.5);color:#fff;justify-content:center}.toolbar,.toolbar button{align-items:center;display:flex}.toolbar button{background-color:transparent;border-width:0;cursor:pointer}.toolbar button:hover{background-color:#0074d9}.toolbar .icon>path{fill:#fff}.pui-signature-pad{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.pui-signature-pad-canvas{border:1px solid #d9d9d9;border-radius:4px}.pui-signature-pad-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;text-align:center}.pui-signature-pad-button{background-color:#fff;border:1px solid #1677ff;border-radius:4px;color:#1677ff;cursor:pointer;height:32px;min-width:64px;padding:4px 16px;transition:all .3s}.pui-signature-pad-button:hover{background-color:#f0f5ff}.pui-signature-pad-button:last-child{background-color:#1677ff;color:#fff}.pui-signature-pad-button:last-child:hover{background-color:#4096ff}.pui-context-menu{animation:contextmenu-show .2s ease-out forwards;background:#fff;border:1px solid #f0f0f0;border-radius:1px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);min-width:120px;opacity:0;padding:4px 0;transform:scale(.8);transform-origin:top left}.pui-context-menu-item{align-items:center;color:rgba(0,0,0,.88);cursor:pointer;display:flex;gap:8px;padding:5px 12px;transition:all .3s;-ms-user-select:none;user-select:none}.pui-context-menu-item:hover{background:rgba(0,0,0,.04)}.pui-context-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.pui-context-menu-item-disabled:hover{background:none}.pui-context-menu-item-divider{background:#f0f0f0;height:1px;margin:4px 0}@keyframes contextmenu-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pui-org-tree{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;position:relative;width:100%}.pui-org-tree .org-tree-node-label{cursor:pointer}.pui-animated-scroll-list{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.pui-animated-scroll-list-header{flex-shrink:0}.pui-animated-scroll-list-body{overflow:hidden;position:relative}.pui-animated-scroll-list-content{position:relative}.pui-crud{display:flex;flex-direction:column;height:100%;overflow:hidden}.pui-crud.fullscreen{background-color:#fff;inset:0;padding:10px;position:fixed;z-index:10000}.pui-crud-action-tool-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pui-crud-action-bar,.pui-crud-tool-bar{align-items:center;display:flex;gap:8px;justify-content:flex-start}.pui-crud .tool-icon{border:1px solid #e3e3e3;border-radius:50%;cursor:pointer;font-size:15px;padding:5px}.pui-crud .tool-icon:hover{border-color:#2e4dd9;color:#2e4dd9}.pui-crud .tool-icon.rotating{animation:rotating .5s linear}.pui-crud .column-setting-popup .ant-popover-title{padding-left:10px;padding-right:10px}.pui-crud .column-setting-popup .ant-popover-inner-content{padding:8px 0 4px;width:100%}.pui-crud .column-setting-popup .column-setting-title{align-items:center;display:flex;justify-content:space-between}.pui-crud .column-setting-popup .column-setting-list{display:flex;flex-direction:column;list-style:none;margin-bottom:0;max-height:300px;overflow-y:auto;padding:5px 0;padding-inline-start:0}.pui-crud .column-setting-popup .column-setting-list::-webkit-scrollbar{width:5px}.pui-crud .column-setting-popup .column-setting-list::-webkit-scrollbar-track{border-radius:3px}.pui-crud .column-setting-popup .column-setting-list::-webkit-scrollbar-thumb{background:#8b8b8b;border-radius:3px;width:5px}.pui-crud .column-setting-popup .column-setting-item{align-items:center;border-radius:4px;display:flex;margin-bottom:2px;min-height:32px;padding:8px 10px;-ms-user-select:none;user-select:none}.pui-crud .column-setting-popup .column-setting-item:hover{background-color:#f5f5f5}.pui-crud .column-setting-popup .column-drag-handle{align-items:center;color:#666;cursor:move;display:flex;margin-right:8px}.pui-crud .column-setting-popup .column-setting-footer{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding-top:4px}.pui-crud .pui-form{height:auto;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out}.pui-crud .pui-form.visible{height:calc-size(auto,size)}.pui-crud .pui-form.hidden{height:0}.pui-crud-table{flex:1 1;overflow:hidden}.pui-crud-modalform-view .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dynamic-form-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px;width:100%}.dynamic-form-item .ant-form-item{flex:1 1;margin-bottom:0}.dynamic-form-item .ant-btn-link{flex-shrink:0}.dynamic-form-item.single .ant-space-item:first-of-type{display:flex;flex:1 1}.dynamic-form-item~.dynamic-form-item .ant-col.ant-form-item-label{visibility:hidden}