@pointcloud/pcloud-components 0.1.21 → 0.1.24

package/dist/esm/InfiniteScrollList/index.js

@@ -29,6 +29,9 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     scrollThreshold = _props$scrollThreshol === void 0 ? '100px' : _props$scrollThreshol,
     _props$visibilityHeig = props.visibilityHeight,
     visibilityHeight = _props$visibilityHeig === void 0 ? 200 : _props$visibilityHeig,
+    _props$showBackTop = props.showBackTop,
+    showBackTop = _props$showBackTop === void 0 ? true : _props$showBackTop,
+    endMessage = props.endMessage,
     _renderItem = props.renderItem;
   var _useContext = useContext(ConfigContext),
     prefixCls = _useContext.prefixCls,
@@ -127,11 +130,13 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     className: "scroll-container",
     ref: scrollRef,
     style: {
-      height: containerHeight,
-      overflowY: 'auto'
+      height: containerHeight
     },
     children: [/*#__PURE__*/_jsx(InfiniteScroll, {
       className: "".concat(wrapperClass, " ").concat(className),
+      style: {
+        overflow: 'initial'
+      },
       scrollableTarget: containerId,
       dataLength: (_listData$data = listData.data) === null || _listData$data === void 0 ? void 0 : _listData$data.length,
       next: handleLoadMore,
@@ -144,7 +149,7 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
           tip: "\u62FC\u547D\u52A0\u8F7D\u4E2D..."
         })
       }),
-      endMessage: (listData === null || listData === void 0 ? void 0 : listData.total) > 0 && /*#__PURE__*/_jsx(Divider, {
+      endMessage: endMessage || (listData === null || listData === void 0 ? void 0 : listData.total) > 0 && /*#__PURE__*/_jsx(Divider, {
         plain: true,
         children: "\u5DF2\u7ECF\u5230\u5E95\u90E8\u4E86"
       }),
@@ -159,7 +164,7 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
           }, item[itemKey]);
         }
       })
-    }), /*#__PURE__*/_jsx(BackTop, {
+    }), showBackTop && /*#__PURE__*/_jsx(BackTop, {
       className: "backtop",
       target: function target() {
         return (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.body;

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

@@ -8,6 +8,8 @@
 
 .scroll-container {
   position: relative;
+  overflow-y: auto;
+  overflow-x: hidden;
 
   .backtop {
     right: 50px;

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

@@ -11,7 +11,7 @@ export interface ILabelValueProps {
     /**
      * @description 格式化value值
      */
-    formatter?: (v?: any) => string | React.ReactNode;
+    formatter?: (_v?: string | React.ReactNode) => string | React.ReactNode;
     /**
      * @description 文字标签值为空时的值
      * @default -

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

@@ -1,23 +1,23 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-label-value {
-  display: inline-flex;
-
-  span {
-    &:first-child {
-      max-width: 120px;
-      padding-right: 4px;
-      white-space: nowrap;
-    }
-
-    &:last-child {
-      flex: 1;
-
-      &.no-wrap {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-label-value {
+  display: inline-flex;
+
+  span {
+    &:first-child {
+      max-width: 120px;
+      padding-right: 4px;
+      white-space: nowrap;
+    }
+
+    &:last-child {
+      flex: 1;
+
+      &.no-wrap {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}

package/dist/esm/Loading/hooks/useLoading.d.ts

@@ -0,0 +1,6 @@
+import type { ILoadingInstance, LoadingInstanceProps } from '../interface';
+export declare const useLoading: (initialState?: boolean) => {
+    isLoading: boolean;
+    openLoading: (params?: LoadingInstanceProps) => ILoadingInstance;
+    closeLoading: () => void;
+};

package/dist/esm/Loading/hooks/useLoading.js

@@ -0,0 +1,35 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useState, useEffect, useRef } from 'react';
+import loading from "../index";
+export var useLoading = function useLoading() {
+  var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var _useState = useState(initialState),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var loadingRef = useRef(null);
+  useEffect(function () {
+    return function () {
+      if (loadingRef.current) {
+        loading.close();
+      }
+    };
+  }, []);
+  var openLoading = function openLoading(params) {
+    setIsLoading(true);
+    loadingRef.current = loading.open(params);
+    return loadingRef.current;
+  };
+  var closeLoading = function closeLoading() {
+    setIsLoading(false);
+    if (loadingRef.current) {
+      loading.close();
+      loadingRef.current = null;
+    }
+  };
+  return {
+    isLoading: isLoading,
+    openLoading: openLoading,
+    closeLoading: closeLoading
+  };
+};

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

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

package/dist/esm/Loading/index.js

@@ -1,22 +1,22 @@
 import Loading from "./loading";
+import { useLoading } from "./hooks/useLoading";
 var loadingInstance = null;
-var getLoadingInstance = function getLoadingInstance(params) {
-  loadingInstance = loadingInstance || Loading.newInstance(params);
-  return loadingInstance;
-};
 export default {
   open: function open(params) {
-    return getLoadingInstance(params);
+    if (!loadingInstance) {
+      loadingInstance = Loading.newInstance(params);
+    }
+    return loadingInstance;
   },
   close: function close() {
     if (loadingInstance) {
-      var _loadingInstance;
-      (_loadingInstance = loadingInstance) === null || _loadingInstance === void 0 || _loadingInstance.destroy();
-      loadingInstance = null;
+      var currentInstance = loadingInstance;
+      loadingInstance = null; // 先清空引用
+      currentInstance.destroy(); // 再销毁
     }
   },
   getInstance: function getInstance() {
     return loadingInstance;
   }
 };
-export { Loading };
+export { Loading, useLoading };

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

@@ -1,5 +1,5 @@
 import { SpinProps } from 'antd';
-import React, { ReactInstance } from 'react';
+import { ReactInstance } from 'react';
 export interface LoadingInstanceProps extends Omit<SpinProps, 'delay'> {
     /**
      * @description 加载框容器
@@ -12,9 +12,12 @@ export interface LoadingInstanceProps extends Omit<SpinProps, 'delay'> {
      */
     delay?: number;
 }
+export interface ILoadingInstance {
+    destroy: () => void;
+}
 export interface ILoadingProps {
-    open: (_param: LoadingInstanceProps) => React.ReactNode;
+    open: (_params: LoadingInstanceProps) => ILoadingInstance;
+    getInstance: () => ILoadingInstance | null;
     close: () => void;
-    getInstance: () => React.ReactNode;
 }
 export declare type LoadingProps = ILoadingProps;

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

@@ -1,9 +1,7 @@
-import { LoadingInstanceProps } from './interface';
+import { ILoadingInstance, LoadingInstanceProps } from './interface';
 import './styles/index.less';
 declare function Loading(props: LoadingInstanceProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Loading {
-    var newInstance: (args: LoadingInstanceProps) => {
-        destroy(): void;
-    };
+    var newInstance: (args?: LoadingInstanceProps | undefined) => ILoadingInstance;
 }
 export default Loading;

package/dist/esm/Loading/loading.js

@@ -6,7 +6,7 @@ var _excluded = ["delay"],
   _excluded2 = ["container"];
 import { Spin } from 'antd';
 import classNames from 'classnames';
-import { useContext, useEffect, useState } from 'react';
+import { useContext, useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { ConfigContext } from "../ConfigProvider";
 import "./styles/index.less";
@@ -25,6 +25,7 @@ function Loading(props) {
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
+  var timer = useRef();
   useEffect(function () {
     document.body.style.overflow = 'hidden';
     return function () {
@@ -32,11 +33,11 @@ function Loading(props) {
     };
   }, []);
   useEffect(function () {
-    var timer = setTimeout(function () {
+    timer.current = setTimeout(function () {
       return setVisible(true);
     }, delay || 0);
     return function () {
-      clearTimeout(timer);
+      clearTimeout(timer.current);
     };
   }, [delay]);
   if (!visible) return /*#__PURE__*/_jsx(_Fragment, {});
@@ -62,6 +63,7 @@ Loading.newInstance = function newNotificationInstance(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) {

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

@@ -1,25 +1,25 @@
-@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: 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%);
+  }
+}

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

@@ -1,24 +1,24 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-nodata {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-
-  .not-data-image {
-    display: block;
-    height: 100px;
-  }
-
-  .no-data-text {
-    display: inline-block;
-    width: 100%;
-    margin-top: 5px;
-    color: #000;
-    font-weight: 400;
-    font-size: 14px;
-    text-align: center;
-    opacity: 0.65;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-nodata {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .not-data-image {
+    display: block;
+    height: 100px;
+  }
+
+  .no-data-text {
+    display: inline-block;
+    width: 100%;
+    margin-top: 5px;
+    color: #000;
+    font-weight: 400;
+    font-size: 14px;
+    text-align: center;
+    opacity: 0.65;
+  }
+}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ImageProps } from 'antd';
 import './index.less';
-interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width'> {
+interface IPictureCardProps extends Omit<ImageProps, 'src' | 'width' | 'content'> {
     className?: string;
     layout?: 'vertical' | 'horizontal';
     src: ImageProps['src'] | ImageProps['src'][];

package/dist/esm/PictureCard/index.less

@@ -1,28 +1,28 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-picture-card {
-  display: inline-block;
-  padding: 10px;
-  transition: box-shadow 0.3s linear;
-
-  .info {
-    margin-top: 10px;
-  }
-
-  &-bordered {
-    border: 1px solid rgba(0, 0, 0, 6%);
-  }
-
-  &-hoverable {
-    &:hover {
-      cursor: pointer;
-      border-color: transparent;
-      box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 16%), 0 3px 6px rgba(0, 0, 0, 12%), 0 5px 12px 4px rgba(0, 0, 0, 9%);
-    }
-  }
-
-  &.horizontal {
-    display: flex;
-    justify-content: space-around;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-picture-card {
+  display: inline-block;
+  padding: 10px;
+  transition: box-shadow 0.3s linear;
+
+  .info {
+    margin-top: 10px;
+  }
+
+  &-bordered {
+    border: 1px solid rgba(0, 0, 0, 6%);
+  }
+
+  &-hoverable {
+    &:hover {
+      cursor: pointer;
+      border-color: transparent;
+      box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 16%), 0 3px 6px rgba(0, 0, 0, 12%), 0 5px 12px 4px rgba(0, 0, 0, 9%);
+    }
+  }
+
+  &.horizontal {
+    display: flex;
+    justify-content: space-around;
+  }
+}

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

@@ -0,0 +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;

package/dist/esm/RCropper/handler.js

@@ -0,0 +1,146 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+var base64ToFile = function base64ToFile(base64) {
+  var _arr$;
+  var fileName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'file.png';
+  // 分割Base64字符串获取MIME类型和纯数据部分
+  var arr = base64.split(',');
+  var mime = arr === null || arr === void 0 || (_arr$ = arr[0]) === null || _arr$ === void 0 || (_arr$ = _arr$.match(/:(.*?);/)) === null || _arr$ === void 0 ? void 0 : _arr$[1];
+  var bstr = atob(arr[1]);
+  var n = bstr.length;
+  // 创建Uint8Array并填充数据
+  var u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  // 创建并返回File对象
+  return new File([u8arr], fileName, {
+    type: mime
+  });
+};
+export function createCropperHandlers(cropperInstanceRef, imgTransformRef, props) {
+  return {
+    handleCrop: function handleCrop() {
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _props$onCrop, cropper, selection, canvasEl, img, _file;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              cropper = cropperInstanceRef.current;
+              if (cropper) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              selection = cropper.getCropperSelection();
+              _context.next = 7;
+              return selection === null || selection === void 0 ? void 0 : selection.$toCanvas();
+            case 7:
+              canvasEl = _context.sent;
+              img = canvasEl === null || canvasEl === void 0 ? void 0 : canvasEl.toDataURL();
+              _file = base64ToFile(img);
+              (_props$onCrop = props.onCrop) === null || _props$onCrop === void 0 || _props$onCrop.call(props, img, _file);
+              _context.next = 15;
+              break;
+            case 13:
+              _context.prev = 13;
+              _context.t0 = _context["catch"](0);
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 13]]);
+      }))();
+    },
+    handleZoomIn: function handleZoomIn() {
+      try {
+        var _cropperInstanceRef$c, _props$onZoom;
+        var img = (_cropperInstanceRef$c = cropperInstanceRef.current) === null || _cropperInstanceRef$c === void 0 ? void 0 : _cropperInstanceRef$c.getCropperImage();
+        img === null || img === void 0 || img.$zoom(0.1);
+        (_props$onZoom = props.onZoom) === null || _props$onZoom === void 0 || _props$onZoom.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused2) {}
+    },
+    handleZoomOut: function handleZoomOut() {
+      try {
+        var _cropperInstanceRef$c2, _props$onZoom2;
+        var img = (_cropperInstanceRef$c2 = cropperInstanceRef.current) === null || _cropperInstanceRef$c2 === void 0 ? void 0 : _cropperInstanceRef$c2.getCropperImage();
+        img === null || img === void 0 || img.$zoom(-0.1);
+        (_props$onZoom2 = props.onZoom) === null || _props$onZoom2 === void 0 || _props$onZoom2.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused3) {}
+    },
+    handleRotateLeft: function handleRotateLeft() {
+      try {
+        var _cropperInstanceRef$c3, _props$onRotate;
+        var img = (_cropperInstanceRef$c3 = cropperInstanceRef.current) === null || _cropperInstanceRef$c3 === void 0 ? void 0 : _cropperInstanceRef$c3.getCropperImage();
+        img === null || img === void 0 || img.$rotate('-45deg');
+        (_props$onRotate = props.onRotate) === null || _props$onRotate === void 0 || _props$onRotate.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused4) {}
+    },
+    handleRotateRight: function handleRotateRight() {
+      try {
+        var _cropperInstanceRef$c4, _props$onRotate2;
+        var img = (_cropperInstanceRef$c4 = cropperInstanceRef.current) === null || _cropperInstanceRef$c4 === void 0 ? void 0 : _cropperInstanceRef$c4.getCropperImage();
+        img === null || img === void 0 || img.$rotate('45deg');
+        (_props$onRotate2 = props.onRotate) === null || _props$onRotate2 === void 0 || _props$onRotate2.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused5) {}
+    },
+    handleFlipX: function handleFlipX() {
+      try {
+        var _cropperInstanceRef$c5, _props$onFlip;
+        var img = (_cropperInstanceRef$c5 = cropperInstanceRef.current) === null || _cropperInstanceRef$c5 === void 0 ? void 0 : _cropperInstanceRef$c5.getCropperImage();
+        img === null || img === void 0 || img.$scale(-1, 1);
+        (_props$onFlip = props.onFlip) === null || _props$onFlip === void 0 || _props$onFlip.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused6) {}
+    },
+    handleFlipY: function handleFlipY() {
+      try {
+        var _cropperInstanceRef$c6, _props$onFlip2;
+        var img = (_cropperInstanceRef$c6 = cropperInstanceRef.current) === null || _cropperInstanceRef$c6 === void 0 ? void 0 : _cropperInstanceRef$c6.getCropperImage();
+        img === null || img === void 0 || img.$scale(1, -1);
+        (_props$onFlip2 = props.onFlip) === null || _props$onFlip2 === void 0 || _props$onFlip2.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+      } catch (_unused7) {}
+    },
+    handleReset: function handleReset() {
+      try {
+        var _cropperInstanceRef$c7;
+        var img = (_cropperInstanceRef$c7 = cropperInstanceRef.current) === null || _cropperInstanceRef$c7 === void 0 ? void 0 : _cropperInstanceRef$c7.getCropperImage();
+        if (img && imgTransformRef.current) {
+          var _props$onReset;
+          var _imgTransformRef$curr = _slicedToArray(imgTransformRef.current, 6),
+            scaleX = _imgTransformRef$curr[0],
+            skewY = _imgTransformRef$curr[1],
+            skewX = _imgTransformRef$curr[2],
+            scaleY = _imgTransformRef$curr[3],
+            translateX = _imgTransformRef$curr[4],
+            translateY = _imgTransformRef$curr[5];
+          img === null || img === void 0 || img.$setTransform(scaleX, skewY, skewX, scaleY, translateX, translateY);
+          (_props$onReset = props.onReset) === null || _props$onReset === void 0 || _props$onReset.call(props, img === null || img === void 0 ? void 0 : img.$getTransform());
+        }
+      } catch (_unused8) {}
+    },
+    handleCancelCrop: function handleCancelCrop() {
+      try {
+        var _cropperInstanceRef$c8, _props$onCancelCrop;
+        var selection = (_cropperInstanceRef$c8 = cropperInstanceRef.current) === null || _cropperInstanceRef$c8 === void 0 ? void 0 : _cropperInstanceRef$c8.getCropperSelection();
+        var width = selection === null || selection === void 0 ? void 0 : selection.width;
+        var height = selection === null || selection === void 0 ? void 0 : selection.height;
+        var x = selection === null || selection === void 0 ? void 0 : selection.x;
+        var y = selection === null || selection === void 0 ? void 0 : selection.y;
+        if (width && height) {
+          selection === null || selection === void 0 || selection.$clear();
+        } else {
+          selection === null || selection === void 0 || selection.$reset();
+        }
+        (_props$onCancelCrop = props.onCancelCrop) === null || _props$onCancelCrop === void 0 || _props$onCancelCrop.call(props, {
+          x: x,
+          y: y,
+          width: width,
+          height: height
+        });
+      } catch (_unused9) {}
+    }
+  };
+}

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

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