@pointcloud/pcloud-components 0.1.32 → 0.1.34

package/dist/esm/Loading/loading.js

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["delay"],
+var _excluded = ["delay", "isBodyContainer"],
   _excluded2 = ["container"];
 import { Spin } from 'antd';
 import classNames from 'classnames';
@@ -10,37 +10,45 @@ import { useContext, useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { ConfigContext } from "../ConfigProvider";
 import "./styles/index.less";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Loading(props) {
   var delay = props.delay,
+    isBodyContainer = props.isBodyContainer,
     other = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(ConfigContext),
     prefixCls = _useContext.prefixCls,
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('loading');
-  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-loading"), !!prefixCls), classname);
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-loading"), !!prefixCls), classname, {
+    'body-container': isBodyContainer
+  });
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
   var timer = useRef();
   useEffect(function () {
-    document.body.style.overflow = 'hidden';
+    if (isBodyContainer) {
+      document.body.style.overflow = 'hidden';
+    }
     return function () {
-      document.body.style.overflow = '';
+      if (isBodyContainer) {
+        document.body.style.overflow = '';
+      }
     };
-  }, []);
+  }, [isBodyContainer]);
   useEffect(function () {
-    timer.current = setTimeout(function () {
+    timer.current = window.setTimeout(function () {
       return setVisible(true);
     }, delay || 0);
     return function () {
-      clearTimeout(timer.current);
+      if (timer.current) {
+        window.clearTimeout(timer.current);
+      }
     };
   }, [delay]);
-  if (!visible) return /*#__PURE__*/_jsx(_Fragment, {});
+  if (!visible) return null;
   return /*#__PURE__*/_jsxs("div", {
     className: wrapperClass,
     children: [/*#__PURE__*/_jsx("div", {
@@ -62,24 +70,41 @@ Loading.newInstance = function newNotificationInstance(args) {
   var _ref = args || {},
     container = _ref.container,
     otherProps = _objectWithoutProperties(_ref, _excluded2);
-  var div = document.createElement('div');
-
-  // eslint-disable-next-line react/no-find-dom-node
-  var element = ReactDOM.findDOMNode(container);
-  if (element) {
-    element.appendChild(div);
-    element.style.position = 'relative';
+  var element;
+  var createdDiv = document.createElement('div');
+  var isBodyContainer = !container || container === document.body;
+  if (isBodyContainer) {
+    document.body.appendChild(createdDiv);
+    element = createdDiv;
   } else {
-    document.body.appendChild(div);
+    // eslint-disable-next-line react/no-find-dom-node
+    var containerElement = ReactDOM.findDOMNode(container);
+    element = containerElement;
+
+    // 确保容器有相对定位
+    if (element) {
+      var computedStyle = window.getComputedStyle(element);
+      if (!computedStyle.position || computedStyle.position === 'static') {
+        element.style.position = 'relative';
+      }
+      element.appendChild(createdDiv);
+    }
   }
-  ReactDOM.render( /*#__PURE__*/_jsx(Loading, _objectSpread({}, otherProps)), div);
+
+  // 在新创建的div元素上渲染Loading组件，避免替换原有内容
+  ReactDOM.render( /*#__PURE__*/_jsx(Loading, _objectSpread(_objectSpread({}, otherProps), {}, {
+    isBodyContainer: isBodyContainer
+  })), createdDiv);
   return {
     destroy: function destroy() {
-      ReactDOM.unmountComponentAtNode(div);
-      if (element) {
-        element === null || element === void 0 || element.removeChild(div);
-      } else {
-        document.body.removeChild(div);
+      ReactDOM.unmountComponentAtNode(createdDiv);
+      // 如果是我们创建的div，则从DOM中移除
+      if (createdDiv && createdDiv.parentNode) {
+        createdDiv.parentNode.removeChild(createdDiv);
+      }
+      // 如果是body容器，清理overflow样式
+      if (isBodyContainer) {
+        document.body.style.overflow = '';
       }
     }
   };

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

@@ -1,25 +1,37 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-loading {
-  .mask {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 100000;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  .loading {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 100001;
-    padding: 20px;
-    background: #fff;
-    border-radius: 10px;
-    box-shadow: 3px 3px 3px rgba(0, 0, 0, 20%);
-    transform: translate(-50%, -50%);
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-loading {
+  .mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 100000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background: rgba(0, 0, 0, 30%); // 添加半透明背景色
+  }
+
+  .loading {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 100001;
+    padding: 20px;
+    background: rgba(255, 255, 255, 90%); // 调整背景透明度
+    border-radius: 10px;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 20%); // 调整阴影
+    transform: translate(-50%, -50%);
+  }
+
+  /* 当挂载到body时使用fixed定位 */
+  &.body-container {
+    .mask {
+      position: fixed;
+    }
+
+    .loading {
+      position: fixed;
+    }
+  }
+}

package/dist/esm/LoginForm/defaultConfig.d.ts

@@ -1,4 +1,4 @@
-import type { InputItemProps, PasswordItemProps, ButtonItemProps } from '../DForm/DItem/itemType';
-export declare const defaultUsernameItem: InputItemProps;
-export declare const defaultPasswordItem: PasswordItemProps;
-export declare const defaultLoginButtonItem: ButtonItemProps;
+import type { InputItemProps, PasswordItemProps, ButtonItemProps } from '../DForm/DItem/itemType';
+export declare const defaultUsernameItem: InputItemProps;
+export declare const defaultPasswordItem: PasswordItemProps;
+export declare const defaultLoginButtonItem: ButtonItemProps;

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

@@ -1,21 +1,21 @@
-import React from 'react';
-import type { FormProps, FormInstance } from 'antd';
-import { type DItemProps } from "./..";
-export interface LoginFormProps extends Omit<FormProps, 'onFinish'> {
-    /** 登录表单额外的表单项 */
-    extraItems?: DItemProps[];
-    /** 点击登录按钮的回调 */
-    onFinish?: (values: any) => void | Promise<any>;
-    /** 登录按钮文本 */
-    loginText?: string;
-    /** 是否禁用登录按钮 */
-    loginButtonDisabled?: boolean;
-    /** 用户名表单项配置 */
-    usernameItem?: Partial<DItemProps>;
-    /** 密码表单项配置 */
-    passwordItem?: Partial<DItemProps>;
-    /** 登录按钮表单项配置 */
-    loginButtonItem?: Partial<DItemProps>;
-}
-declare const LoginForm: React.ForwardRefExoticComponent<LoginFormProps & React.RefAttributes<FormInstance<any>>>;
-export default LoginForm;
+import React from 'react';
+import type { FormProps, FormInstance } from 'antd';
+import { type DItemProps } from "..";
+export interface LoginFormProps extends Omit<FormProps, 'onFinish'> {
+    /** 登录表单额外的表单项 */
+    extraItems?: DItemProps[];
+    /** 点击登录按钮的回调 */
+    onFinish?: (values: any) => void | Promise<any>;
+    /** 登录按钮文本 */
+    loginText?: string;
+    /** 是否禁用登录按钮 */
+    loginButtonDisabled?: boolean;
+    /** 用户名表单项配置 */
+    usernameItem?: Partial<DItemProps>;
+    /** 密码表单项配置 */
+    passwordItem?: Partial<DItemProps>;
+    /** 登录按钮表单项配置 */
+    loginButtonItem?: Partial<DItemProps>;
+}
+declare const LoginForm: React.ForwardRefExoticComponent<LoginFormProps & React.RefAttributes<FormInstance<any>>>;
+export default LoginForm;

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

@@ -1,11 +1,13 @@
-/// <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) => import("react/jsx-runtime").JSX.Element;
-export default _default;
+/// <reference types="react" />
+import { DFormProps, DModalProps } from "..";
+export type ModalFormProps = {
+    modalProps: DModalProps & {
+        onError?: (_error: any) => void;
+    };
+    formProps: DFormProps & {
+        values?: any;
+    };
+    children?: React.ReactNode;
+};
+declare const _default: (props: ModalFormProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/esm/ModalForm/index.js

@@ -1,6 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { DForm, DModal } from "./..";
+import { useEffect, useState, useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (function (props) {
@@ -10,18 +13,83 @@ export default (function (props) {
     children = props.children;
   var _ref = modalProps || {},
     open = _ref.open,
-    onOk = _ref.onOk;
+    onOk = _ref.onOk,
+    onError = _ref.onError;
+  // 使用内部isLoading状态，当外部没有提供confirmLoading时自动管理
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
   var _DForm$useForm = DForm.useForm(),
     _DForm$useForm2 = _slicedToArray(_DForm$useForm, 1),
     form = _DForm$useForm2[0];
+  var formInstance = (formProps === null || formProps === void 0 ? void 0 : formProps.form) || form;
+  var finalLoading = useMemo(function () {
+    return modalProps.confirmLoading !== undefined ? modalProps.confirmLoading : isLoading;
+  }, [isLoading, modalProps.confirmLoading]);
   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 || onOk(values);
-    });
-  };
+  var handleOk = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var values;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return form.validateFields();
+          case 3:
+            values = _context.sent;
+            if (!onOk) {
+              _context.next = 8;
+              break;
+            }
+            // 如果外部没有提供loading状态，内部自动管理
+            if (modalProps.confirmLoading === undefined) {
+              setIsLoading(true);
+            }
+            _context.next = 8;
+            return onOk === null || onOk === void 0 ? void 0 : onOk(values);
+          case 8:
+            _context.next = 14;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](0);
+            console.error('Form validation failed:', _context.t0);
+            onError === null || onError === void 0 || onError(_context.t0);
+          case 14:
+            _context.prev = 14;
+            if (modalProps.confirmLoading === undefined) {
+              setIsLoading(false);
+            }
+            return _context.finish(14);
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 10, 14, 17]]);
+    }));
+    return function handleOk() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (open) {
+      var _Object$keys;
+      formInstance.resetFields();
+      var values = formProps === null || formProps === void 0 ? void 0 : formProps.values;
+      var isEmpty = values && ((_Object$keys = Object.keys(values)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) === 0 && (values === null || values === void 0 ? void 0 : values.constructor) === Object;
+      if (isEmpty) {
+        formInstance.setFieldsValue({});
+      } else {
+        formInstance.setFieldsValue(values);
+      }
+    } else {
+      setIsLoading(false);
+    }
+  }, [open, formProps.values]);
   return /*#__PURE__*/_jsxs(DModal, _objectSpread(_objectSpread(_objectSpread({
     open: open,
     style: {
@@ -34,7 +102,8 @@ export default (function (props) {
     bodyStyle: {
       maxHeight: '600px',
       overflowY: 'auto'
-    }
+    },
+    confirmLoading: finalLoading
   }, modalFooter), _objectSpread(_objectSpread({}, modalProps), {}, {
     onOk: handleOk
   })), {}, {

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

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

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

@@ -1,13 +1,13 @@
-export interface INoDataProps {
-    /**
-     * @description 无数据时的文字描述
-     * @default 暂无结果
-     */
-    emptyText?: string;
-    /**
-     * @description 无数据时展示的图片
-     * @default 内置的base64图片
-     */
-    src?: string;
-}
-export declare type NoDataProps = INoDataProps;
+export interface INoDataProps {
+    /**
+     * @description 无数据时的文字描述
+     * @default 暂无结果
+     */
+    emptyText?: string;
+    /**
+     * @description 无数据时展示的图片
+     * @default 内置的base64图片
+     */
+    src?: string;
+}
+export type NoDataProps = INoDataProps;

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

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

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

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

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { ImageProps } from 'antd';
-import './index.less';
-interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width' | 'content'> {
-    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) => import("react/jsx-runtime").JSX.Element;
-export declare type PictureCardProps = IPictureCardProps;
-export default PictureCard;
+import React from 'react';
+import { ImageProps } from 'antd';
+import './index.less';
+interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width' | 'content'> {
+    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) => import("react/jsx-runtime").JSX.Element;
+export type PictureCardProps = IPictureCardProps;
+export default PictureCard;

package/dist/esm/RCropper/handler.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import type { RCropperActionHandlers } from './interface';
-import type Cropper from 'cropperjs';
-export declare function createCropperHandlers(cropperInstanceRef: React.RefObject<Cropper | null>, imgTransformRef: React.RefObject<number[] | undefined>, props: {
-    onCrop?: (base64: string, file?: File) => void;
-    onZoom?: (transform: number[] | undefined) => void;
-    onRotate?: (transform: number[] | undefined) => void;
-    onFlip?: (transform: number[] | undefined) => void;
-    onReset?: (transform: number[] | undefined) => void;
-    onCancelCrop?: (info: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }) => void;
-}): RCropperActionHandlers;
+/// <reference types="react" />
+import type { RCropperActionHandlers } from './interface';
+import type Cropper from 'cropperjs';
+export declare function createCropperHandlers(cropperInstanceRef: React.RefObject<Cropper | null>, imgTransformRef: React.RefObject<number[] | undefined>, props: {
+    onCrop?: (base64: string, file?: File) => void;
+    onZoom?: (transform: number[] | undefined) => void;
+    onRotate?: (transform: number[] | undefined) => void;
+    onFlip?: (transform: number[] | undefined) => void;
+    onReset?: (transform: number[] | undefined) => void;
+    onCancelCrop?: (info: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }) => void;
+}): RCropperActionHandlers;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { RCropperProps } from './interface';
-declare const RCropper: React.ForwardRefExoticComponent<RCropperProps & React.RefAttributes<unknown>>;
-export default RCropper;
+import React from 'react';
+import { RCropperProps } from './interface';
+declare const RCropper: React.ForwardRefExoticComponent<RCropperProps & React.RefAttributes<unknown>>;
+export default RCropper;