@pointcloud/pcloud-components 0.1.18 → 0.1.20

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

@@ -12,7 +12,7 @@ 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 & {
         grid?: Omit<ColProps, 'prefixCls'>;

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

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

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

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

package/dist/esm/DForm/index.js

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

package/dist/esm/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/InfiniteScrollList/index.d.ts

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

package/dist/esm/InfiniteScrollList/index.js

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-export interface LabelValueProps {
+export interface ILabelValueProps {
     /**
      * @description 文字标签
      */
@@ -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/PictureCard/index.d.ts

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