@pointcloud/pcloud-components 0.1.21 → 0.1.24

package/dist/esm/RCropper/index.js

@@ -0,0 +1,183 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import React, { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useCallback, useMemo } from 'react';
+import Cropper, { toKebabCase } from 'cropperjs';
+import classNames from 'classnames';
+import { ConfigContext } from "../ConfigProvider";
+import { createCropperHandlers } from "./handler";
+import Toolbar from "./toolbar";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var isNonEmptyObject = function isNonEmptyObject(obj) {
+  return _typeof(obj) === 'object' && obj !== null && !Array.isArray(obj) && Object.keys(obj).length > 0;
+};
+
+/**
+ * 属性设置方法
+ * @param element DOM元素
+ * @param attrName 属性名(kebab-case)
+ * @param value 属性值
+ */
+var setElementAttribute = function setElementAttribute(element, attrName, value) {
+  if (!element) return;
+  // 处理布尔值
+  if (typeof value === 'boolean') {
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+    value ? element.setAttribute(attrName, '') : element.removeAttribute(attrName);
+  } else if (value === null || value === undefined) {
+    element.removeAttribute(attrName);
+  } else {
+    element.setAttribute(attrName, String(value));
+  }
+};
+var RCropper = /*#__PURE__*/forwardRef(function (props, ref) {
+  var src = props.src,
+    _props$alt = props.alt,
+    alt = _props$alt === void 0 ? 'image' : _props$alt,
+    className = props.className,
+    style = props.style,
+    grid = props.grid,
+    canvas = props.canvas,
+    selection = props.selection,
+    dragMode = props.dragMode,
+    onCrop = props.onCrop,
+    onZoom = props.onZoom,
+    onRotate = props.onRotate,
+    onFlip = props.onFlip,
+    onReset = props.onReset,
+    onCancelCrop = props.onCancelCrop;
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('rcropper');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-rcropper"), !!prefixCls), classname, className);
+  var cropperRef = useRef(null);
+  var cropperInstanceRef = useRef(null);
+  var imgTransformRef = useRef();
+  var setCropperElementAttributes = useCallback(function (elementGetter, props) {
+    var nextTick = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    if (cropperInstanceRef.current && isNonEmptyObject(props)) {
+      var element = elementGetter(cropperInstanceRef.current);
+      Object.keys(props).forEach(function (key) {
+        var kebabKey = toKebabCase(key);
+        if (props[key] !== undefined) {
+          var setAttr = function setAttr() {
+            return setElementAttribute(element, kebabKey, props[key]);
+          };
+          if (nextTick) {
+            var _element$$nextTick;
+            element === null || element === void 0 || (_element$$nextTick = element.$nextTick) === null || _element$$nextTick === void 0 || _element$$nextTick.call(element, setAttr);
+          } else {
+            setAttr();
+          }
+        }
+      });
+    }
+  }, []);
+  var setGrid = useCallback(function (_grid) {
+    setCropperElementAttributes(function (cropper) {
+      var _cropper$getCropperSe;
+      return (_cropper$getCropperSe = cropper.getCropperSelection()) === null || _cropper$getCropperSe === void 0 ? void 0 : _cropper$getCropperSe.querySelector('cropper-grid');
+    }, _grid);
+  }, []);
+  var setSelection = useCallback(function (_selection) {
+    setCropperElementAttributes(function (cropper) {
+      return cropper.getCropperSelection();
+    }, _selection, true);
+  }, []);
+  var setCanvas = useCallback(function (_canvas) {
+    setCropperElementAttributes(function (cropper) {
+      return cropper.getCropperCanvas();
+    }, _canvas, true);
+  }, []);
+  var setDragMode = function setDragMode(_dragMode) {
+    if (cropperInstanceRef.current) {
+      var selectionDom = cropperInstanceRef.current.getCropperSelection();
+      var handleDom = selectionDom === null || selectionDom === void 0 ? void 0 : selectionDom.querySelector('cropper-handle');
+      handleDom === null || handleDom === void 0 || handleDom.setAttribute('action', _dragMode || 'crop');
+    }
+  };
+  // initialize cropper options
+  var initializeOptions = useCallback(function () {
+    if (isNonEmptyObject(grid)) setGrid(grid);
+    if (isNonEmptyObject(canvas)) setCanvas(canvas);
+    if (isNonEmptyObject(selection)) setSelection(selection);
+    if (dragMode) setDragMode(dragMode);
+  }, [dragMode, grid, canvas, selection]);
+  var handleAction = useMemo(function () {
+    return createCropperHandlers(cropperInstanceRef, imgTransformRef, {
+      onCrop: onCrop,
+      onZoom: onZoom,
+      onRotate: onRotate,
+      onFlip: onFlip,
+      onReset: onReset,
+      onCancelCrop: onCancelCrop
+    });
+  }, [onCrop, onZoom, onRotate, onFlip, onReset, onCancelCrop]);
+  useImperativeHandle(ref, function () {
+    var _cropperInstanceRef$c, _cropperInstanceRef$c2, _cropperInstanceRef$c3, _cropperInstanceRef$c4, _cropperInstanceRef$c5, _cropperInstanceRef$c6;
+    return {
+      cropper: cropperInstanceRef.current,
+      image: (_cropperInstanceRef$c = (_cropperInstanceRef$c2 = cropperInstanceRef.current) === null || _cropperInstanceRef$c2 === void 0 ? void 0 : _cropperInstanceRef$c2.getCropperImage()) !== null && _cropperInstanceRef$c !== void 0 ? _cropperInstanceRef$c : null,
+      canvas: (_cropperInstanceRef$c3 = (_cropperInstanceRef$c4 = cropperInstanceRef.current) === null || _cropperInstanceRef$c4 === void 0 ? void 0 : _cropperInstanceRef$c4.getCropperCanvas()) !== null && _cropperInstanceRef$c3 !== void 0 ? _cropperInstanceRef$c3 : null,
+      selection: (_cropperInstanceRef$c5 = (_cropperInstanceRef$c6 = cropperInstanceRef.current) === null || _cropperInstanceRef$c6 === void 0 ? void 0 : _cropperInstanceRef$c6.getCropperSelection()) !== null && _cropperInstanceRef$c5 !== void 0 ? _cropperInstanceRef$c5 : null
+    };
+  });
+  // handle dragMode
+  useEffect(function () {
+    if (dragMode) {
+      setDragMode(dragMode);
+    }
+  }, [dragMode]);
+  useEffect(function () {
+    if (canvas) {
+      setCanvas(canvas);
+    }
+  }, [canvas]);
+  useEffect(function () {
+    if (selection) {
+      setSelection(selection);
+    }
+  }, [selection]);
+  useEffect(function () {
+    if (cropperInstanceRef.current) {
+      var imgDom = cropperInstanceRef.current.getCropperImage();
+      var selectionDom = cropperInstanceRef.current.getCropperSelection();
+      if (!src) {
+        imgDom === null || imgDom === void 0 || imgDom.setAttribute('src', src);
+      } else {
+        selectionDom === null || selectionDom === void 0 || selectionDom.$reset();
+        selectionDom === null || selectionDom === void 0 || selectionDom.setAttribute('hidden', 'true');
+      }
+    }
+  }, [src]);
+  useEffect(function () {
+    if (cropperRef.current && !cropperInstanceRef.current) {
+      cropperInstanceRef.current = new Cropper(cropperRef.current);
+      var img = cropperInstanceRef.current.getCropperImage();
+      var cropperCanvas = cropperInstanceRef.current.getCropperCanvas();
+      cropperCanvas === null || cropperCanvas === void 0 || cropperCanvas.$addStyles(":host { height: 100%; }");
+      img === null || img === void 0 || img.$ready(function () {
+        img.setAttribute('crossOrigin', 'Anonymous');
+        // 缓存图片初始transform
+        imgTransformRef.current = img.$getTransform();
+        initializeOptions();
+      });
+    }
+  }, []);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: wrapperClass,
+      style: style,
+      children: /*#__PURE__*/_jsx("img", {
+        ref: cropperRef,
+        src: src,
+        alt: alt
+      })
+    }), /*#__PURE__*/_jsx(Toolbar, {
+      onAction: handleAction
+    })]
+  });
+});
+export default RCropper;

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

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+import type Cropper from 'cropperjs';
+import type { CropperGrid, CropperSelection, CropperImage, CropperCanvas, CropperHandle } from 'cropperjs';
+export declare type RCropperGrid = Partial<Pick<CropperGrid, 'rows' | 'columns'>>;
+export declare type RCropperSelection = Partial<Pick<CropperSelection, 'x' | 'y' | 'width' | 'height' | 'aspectRatio' | 'initialAspectRatio' | 'zoomable' | 'resizable'>>;
+export declare type RCropperImage = Partial<Pick<CropperImage, 'rotatable' | 'scalable' | 'skewable' | 'translatable'>>;
+export declare type RCropperCanvas = Partial<Pick<CropperCanvas, 'scaleStep' | 'disabled'>>;
+export interface RCropperEvents {
+    onCrop?(_src: string | undefined, _file?: File): void;
+    onZoom?(imgData: number[] | undefined): void;
+    onRotate?(imgData: number[] | undefined): void;
+    onFlip?(imgData: number[] | undefined): void;
+    onReset?(imgData: number[] | undefined): void;
+    onCancelCrop?(selectionData: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }): void;
+}
+export interface RCropperActionHandlers {
+    handleCrop: () => Promise<void>;
+    handleZoomIn: () => void;
+    handleZoomOut: () => void;
+    handleRotateLeft: () => void;
+    handleRotateRight: () => void;
+    handleFlipX: () => void;
+    handleFlipY: () => void;
+    handleReset: () => void;
+    handleCancelCrop: () => void;
+}
+export interface RCropperRef {
+    cropper: Cropper | null;
+    image: CropperImage | null;
+    canvas: CropperCanvas | null;
+    selection: CropperSelection | null;
+}
+export interface RCropperProps extends RCropperEvents {
+    /**
+     * 图片的源地址
+     * @description 可以是本地图片路径或网络图片URL
+     */
+    src: string;
+    alt?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * 拖拽模式
+     * @default 'crop'
+     * @description 'crop' - 裁剪模式, 'move' - 移动模式, 'none' - 禁用拖拽
+     */
+    dragMode?: 'crop' | 'move' | 'none';
+    grid?: RCropperGrid;
+    /**
+     * 裁剪区域的配置
+     * @description 可以设置裁剪区域的宽度、高度、纵横比等属性
+     */
+    selection?: RCropperSelection;
+    /**
+     * 图片的配置
+     * @description 可以设置图片的旋转、缩放、倾斜、平移等属性
+     */
+    image?: RCropperImage;
+    /**
+     * 画布的配置
+     * @description 可以设置画布的缩放步长、禁用状态等属性
+     */
+    canvas?: RCropperCanvas;
+}
+export declare type RCropperElement = CropperCanvas | CropperGrid | CropperSelection | CropperImage | CropperHandle | null;

package/dist/esm/RCropper/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/RCropper/styles/toolbar.less

@@ -0,0 +1,25 @@
+.toolbar {
+  display: flex;
+  background-color: rgba(0, 0, 0, 50%);
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+
+  button {
+    background-color: transparent;
+    border-width: 0;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    // width: 32px;
+    // height: 32px;
+
+    &:hover {
+      background-color: #0074d9;
+    }
+  }
+
+  .icon > path {
+    fill: #fff;
+  }
+}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export declare const CropIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ZoomInIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ZoomOutIcon: React.FC<{
+    className?: string;
+}>;
+export declare const FlipHIcon: React.FC<{
+    className?: string;
+}>;
+export declare const FlipVIcon: React.FC<{
+    className?: string;
+}>;
+export declare const RotateLeftIcon: React.FC<{
+    className?: string;
+}>;
+export declare const RotateRightIcon: React.FC<{
+    className?: string;
+}>;
+export declare const ResetIcon: React.FC<{
+    className?: string;
+}>;
+export declare const OkIcon: React.FC<{
+    className?: string;
+}>;

package/dist/esm/RCropper/svgIcons.js

@@ -0,0 +1,158 @@
+import React from 'react';
+
+// 所有图标统一使用24x24的尺寸
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var iconSize = 24;
+
+// 隐藏选区图标
+export var CropIcon = function CropIcon(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/_jsx("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M832 760V250.5c0-8.5 3.4-16.6 9.4-22.6L1001 68.3c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L796.1 182.6c-6 6-14.1 9.4-22.6 9.4H264c-4.4 0-8-3.6-8-8V8c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v176c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h176c4.4 0 8 3.6 8 8v504c0 35.3 28.7 64 64 64h504c4.4 0 8 3.6 8 8v176c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V840c0-4.4 3.6-8 8-8h176c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H840c-4.4 0-8-3.6-8-8zM264 256h439.4c7.1 0 10.7 8.6 5.7 13.7L269.7 709.1c-5 5-13.7 1.5-13.7-5.7V264c0-4.4 3.6-8 8-8z m496 512H320.6c-7.1 0-10.7-8.6-5.7-13.7l439.4-439.4c5-5 13.7-1.5 13.7 5.7V760c0 4.4-3.6 8-8 8z"
+    })
+  });
+};
+
+// 放大图标 - 放大镜中间带加号
+export var ZoomInIcon = function ZoomInIcon(_ref2) {
+  var className = _ref2.className;
+  return /*#__PURE__*/_jsx("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M415.146667 42.666667c205.824 0 372.906667 166.741333 372.906666 372.48 0 88.874667-31.274667 170.666667-83.2 234.666666L981.333333 925.866667 925.866667 981.333333l-276.053334-276.48a371.626667 371.626667 0 0 1-234.666666 83.2C209.408 788.053333 42.666667 620.970667 42.666667 415.146667A372.48 372.48 0 0 1 415.146667 42.666667z m294.4 372.48a294.4 294.4 0 1 0-588.757334 0.042666A294.4 294.4 0 0 0 709.546667 415.146667z m-256.426667-196.693334v156.586667h156.586667v78.08h-156.586667v156.586667H375.04v-156.586667H218.453333V375.04h156.586667V218.453333h78.08z"
+    })
+  });
+};
+
+// 缩小图标 - 放大镜中间带减号
+export var ZoomOutIcon = function ZoomOutIcon(_ref3) {
+  var className = _ref3.className;
+  return /*#__PURE__*/_jsx("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M415.146667 42.666667c205.824 0 372.906667 166.741333 372.906666 372.48 0 88.874667-31.274667 170.666667-83.2 234.666666L981.333333 925.866667 925.866667 981.333333l-276.053334-276.48a371.626667 371.626667 0 0 1-234.666666 83.2C209.408 788.053333 42.666667 620.970667 42.666667 415.146667A372.48 372.48 0 0 1 415.146667 42.666667z m294.4 372.48a294.4 294.4 0 1 0-588.757334 0.042666A294.4 294.4 0 0 0 709.546667 415.146667zM218.453333 375.04h391.253334v78.08H218.453333V375.04z"
+    })
+  });
+};
+
+// 水平翻转图标
+export var FlipHIcon = function FlipHIcon(_ref4) {
+  var className = _ref4.className;
+  return /*#__PURE__*/_jsx("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M809.984 917.952V832H896c0 46.016-40 86.016-86.016 86.016z m0-342.016V491.968H896v83.968h-86.016zM640 235.968V149.952h86.016v86.016H640z m169.984 512v-86.016H896v86.016h-86.016z m-339.968 256V64h84.032v939.968H470.016z m339.968-854.016c46.016 0 86.016 40.064 86.016 86.016h-86.016V149.952zM128 235.968c0-45.952 40-86.016 86.016-86.016H384v86.016H214.016V832H384v86.016H214.016C168 918.016 128 878.016 128 832V235.968z m681.984 169.984V320H896v86.016h-86.016z m-169.984 512V832h86.016v86.016H640z"
+    })
+  });
+};
+
+// 垂直翻转图标 - 与水平翻转保持一致，但方向不同
+export var FlipVIcon = function FlipVIcon(_ref5) {
+  var className = _ref5.className;
+  return /*#__PURE__*/_jsx("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M106.048 809.984H192V896c-46.016 0-86.016-40-86.016-86.016z m342.016 0h83.968V896H448.064v-86.016zM788.032 640h86.016v86.016h-86.016V640z m-512 169.984h86.016V896H276.032v-86.016z m-256-339.968H960v84.032H20.032V470.016z m854.016 339.968c0 46.016-40.064 86.016-86.016 86.016v-86.016h86.016zM788.032 128c45.952 0 86.016 40 86.016 86.016V384h-86.016V214.016H192V384H105.984V214.016C105.984 168 145.984 128 192 128h596.032zM618.048 809.984H704V896H618.048v-86.016z m-512-169.984H192v86.016H106.048V640z"
+    })
+  });
+};
+
+// 向左旋转图标
+export var RotateLeftIcon = function RotateLeftIcon(_ref6) {
+  var className = _ref6.className;
+  return /*#__PURE__*/_jsxs("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M512 128a383.104 383.104 0 0 1 298.666667 142.506667V149.333333a21.290667 21.290667 0 1 1 42.666666 0v170.666667c0 11.733333-9.6 21.333333-21.333333 21.333333h-170.666667a21.333333 21.333333 0 1 1 0-42.666666h116.906667A340.394667 340.394667 0 0 0 512 170.666667a341.376 341.376 0 0 0 0 682.666666 341.205333 341.205333 0 0 0 340.48-320.426666 21.418667 21.418667 0 0 1 42.666667 2.56A383.957333 383.957333 0 0 1 128 512c0-212.053333 172.032-384 384-384z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M123.733333 512c0-214.357333 173.781333-388.266667 388.138667-388.266667V128v-4.266667 4.266667-4.266667q88.832 0 168.405333 38.314667 78.634667 37.845333 133.546667 105.898667l-3.285333 2.688h-4.266667V149.333333h4.266667-4.266667a25.6 25.6 0 0 1 25.6-25.6V128v-4.266667a25.6 25.6 0 0 1 25.6 25.6h-4.266667 4.266667v170.666667h-4.266667 4.266667a25.6 25.6 0 0 1-25.6 25.6V341.333333v4.266667h-170.666667V341.333333v4.266667a25.6 25.6 0 0 1-25.557333-25.6h4.266667-4.266667a25.6 25.6 0 0 1 25.6-25.6V298.666667v-4.266667h117.077333V298.666667l-3.328 2.645333 3.328-2.645333-3.328 2.645333q-47.744-59.562667-116.266666-92.757333-69.376-33.578667-146.858667-33.578667V170.666667v4.266666A336.981333 336.981333 0 0 0 174.933333 512H170.666667h4.266666c0 186.112 150.869333 337.066667 336.938667 337.066667v4.266666-4.266666 4.266666-4.266666q65.792 0 126.293333-24.533334 58.581333-23.68 104.789334-67.157333 46.165333-43.434667 73.301333-100.394667 28.032-58.794667 32-124.16v-0.042666q0.682667-10.666667 8.618667-17.664 7.936-6.997333 18.517333-6.4l-0.256 4.266666 0.256-4.266666c14.08 0.853333 24.874667 13.013333 23.936 27.136l-4.266667-0.256 4.266667 0.256-4.266667-0.256 4.266667 0.256q-4.565333 75.349333-36.821333 143.104-31.274667 65.621333-84.48 115.669333-53.162667 50.133333-120.618667 77.44-69.76 28.202667-145.493333 28.202667V896v4.266667C297.386667 900.266667 123.733333 726.442667 123.733333 512H128h-4.266667z m8.533334 0c0 209.706667 169.898667 379.733333 379.605333 379.733333q74.154667 0 142.336-27.605333 65.962667-26.709333 118.016-75.690667 51.968-48.981333 82.56-113.152 31.573333-66.261333 36.010667-139.946666a16.981333 16.981333 0 0 0-15.914667-18.090667q-7.04-0.426667-12.373333 4.266667-5.290667 4.693333-5.76 11.818666l-4.266667-0.298666 4.266667 0.298666-4.266667-0.298666 4.266667 0.256q-4.053333 67.072-32.768 127.36-27.861333 58.368-75.178667 102.912-47.36 44.586667-107.392 68.906666-62.08 25.088-129.536 25.088A345.557333 345.557333 0 0 1 166.4 512c0-190.848 154.624-345.6 345.472-345.6q79.445333 0 150.613333 34.474667 70.229333 34.005333 119.168 95.146666l-3.328 6.912h-117.077333a17.066667 17.066667 0 1 0 0 34.133334h170.624a17.066667 17.066667 0 0 0 17.066667-17.066667v-170.666667a17.066667 17.066667 0 0 0-34.133334 0v121.301334l-7.594666 2.645333q-53.76-66.56-130.645334-103.552-77.824-37.461333-164.693333-37.461333C302.208 132.266667 132.266667 302.336 132.266667 512z m743.125333-3.242667l-0.256 4.266667 0.256-4.266667z m15.402667 26.538667l4.266666 0.298667-4.266666-0.256z m-83.584-261.973333l3.328-2.688h4.266666v12.074666l-7.594666-9.386666z m-28.885334 29.610666V298.666667l3.328-2.688 5.546667 6.954666h-8.874667z m69.930667 229.845334l4.266667 0.256-4.266667-0.256z"
+    })]
+  });
+};
+
+// 向右旋转图标
+export var RotateRightIcon = function RotateRightIcon(_ref7) {
+  var className = _ref7.className;
+  return /*#__PURE__*/_jsxs("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M192 128c11.818667 0 21.333333 9.514667 21.333333 21.333333v121.173334A383.104 383.104 0 0 1 512 128c211.968 0 384 171.946667 384 384s-172.032 384-384 384a383.957333 383.957333 0 0 1-383.146667-360.533333 21.333333 21.333333 0 1 1 42.666667-2.56A341.205333 341.205333 0 0 0 853.333333 512c0-188.544-152.917333-341.333333-341.333333-341.333333a340.394667 340.394667 0 0 0-266.24 128H362.666667a21.333333 21.333333 0 1 1 0 42.666666h-170.666667a21.376 21.376 0 0 1-21.333333-21.333333v-170.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M388.352 320a25.6 25.6 0 0 1-25.6 25.6V341.333333v4.266667H192.128V341.333333v4.266667a25.6 25.6 0 0 1-25.6-25.6h4.266667-4.266667v-170.666667h4.266667-4.266667a25.6 25.6 0 0 1 25.6-25.6V128v-4.266667a25.6 25.6 0 0 1 25.6 25.6h-4.266667 4.266667v121.301334h-4.266667l-3.328-2.688 3.328 2.688-3.328-2.688q54.954667-68.053333 133.546667-105.898667Q423.338667 123.733333 512.170667 123.733333V128v-4.266667c214.442667 0 388.138667 173.824 388.138666 388.266667H896h4.266667c0 214.357333-173.781333 388.266667-388.138667 388.266667V896v4.266667-4.266667 4.266667q-75.776 0-145.493333-28.245334-67.498667-27.306667-120.704-77.397333-53.162667-50.048-84.437334-115.669333-32.256-67.754667-36.821333-143.104l4.266667-0.256-4.266667 0.256a25.514667 25.514667 0 0 1 23.936-27.093334l0.256 4.266667-0.256-4.266667 0.256 4.266667-0.256-4.266667q10.581333-0.64 18.517333 6.4 7.936 6.997333 8.661334 17.621334 3.925333 65.408 31.957333 124.16 27.136 57.002667 73.301333 100.437333 46.208 43.477333 104.746667 67.157333 60.586667 24.490667 126.293333 24.490667v4.266667-4.266667A336.981333 336.981333 0 0 0 849.066667 512h4.266666-4.266666c0-186.112-150.826667-337.066667-336.938667-337.066667V170.666667v4.266666V170.666667v4.266666q-77.482667 0-146.858667 33.621334-68.522667 33.194667-116.266666 92.757333L245.674667 298.666667v-4.266667h117.077333V298.666667v-4.266667a25.6 25.6 0 0 1 25.6 25.6h-4.266667 4.266667z m-8.533333 0a17.066667 17.066667 0 0 0-17.066667-17.066667H245.674667l-3.328-6.954666q48.938667-61.098667 119.210666-95.104 71.125333-34.432 150.570667-34.432A345.557333 345.557333 0 0 1 857.6 512c0 190.848-154.624 345.6-345.472 345.6q-67.413333 0-129.536-25.173333-60.032-24.277333-107.392-68.864-47.36-44.544-75.178667-102.912-28.714667-60.288-32.768-127.36l4.266667-0.256-4.266667 0.256 4.266667-0.256-4.266667 0.298666q-0.426667-7.125333-5.76-11.818666-5.290667-4.693333-12.373333-4.266667a16.981333 16.981333 0 0 0-15.914667 18.048q4.437333 73.728 36.010667 139.946667 30.592 64.213333 82.56 113.194666 52.053333 48.981333 118.016 75.690667 68.181333 27.605333 142.336 27.605333c209.664 0 379.605333-170.069333 379.605333-379.733333 0-209.706667-169.898667-379.733333-379.605333-379.733333q-86.869333 0-164.693333 37.461333-76.885333 37.034667-130.645334 103.552l-7.594666-2.645333V149.333333a17.066667 17.066667 0 0 0-34.133334 0v170.666667a17.066667 17.066667 0 0 0 17.066667 17.066667h170.666667a17.066667 17.066667 0 0 0 17.024-17.066667zM242.346667 295.978667L245.674667 298.666667v4.266666H236.8l5.546667-6.954666z m-109.141334 239.36l-4.266666 0.256 4.266666-0.298667z m75.989334-264.704h4.266666l3.328 2.645333-7.594666 9.386667v-12.032z m-33.408 262.144l-4.266667 0.256 4.266667-0.256z"
+    })]
+  });
+};
+
+// 重置图标
+export var ResetIcon = function ResetIcon(_ref8) {
+  var className = _ref8.className;
+  return /*#__PURE__*/_jsxs("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M535.893333 128.853333a21.418667 21.418667 0 0 0-2.56 42.666667A341.077333 341.077333 0 0 1 853.333333 512a341.333333 341.333333 0 0 1-128 266.666667V661.333333a21.376 21.376 0 0 0-42.666666 0v170.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h170.666667a21.333333 21.333333 0 0 0 0-42.666666h-121.173334A383.573333 383.573333 0 0 0 896 512c0-203.221333-158.293333-370.816-360.106667-383.146667zM320 170.666667h-170.666667a21.333333 21.333333 0 0 0 0 42.666666h121.173334A383.36 383.36 0 0 0 128 512c0 203.946667 159.232 372.053333 361.813333 383.573333a21.333333 21.333333 0 1 0 2.56-42.666666C312.32 842.666667 170.666667 693.248 170.666667 512c0-105.386667 48.128-202.24 128-266.24V362.666667a21.333333 21.333333 0 1 0 42.666666 0v-170.666667a21.333333 21.333333 0 0 0-21.333333-21.333333z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M535.637333 133.12q-7.04-0.426667-12.373333 4.266667-5.290667 4.693333-5.717333 11.776-0.426667 7.082667 4.266666 12.373333 4.693333 5.290667 11.776 5.717333 66.986667 4.096 127.232 32.853334 58.368 27.818667 102.869334 75.093333 44.544 47.36 68.821333 107.349333Q857.6 444.586667 857.6 512q0 79.402667-34.474667 150.656-34.048 70.4-95.146666 119.338667l-6.912 5.546666V661.333333a17.066667 17.066667 0 0 0-34.133334 0v170.666667c0 9.386667 7.68 17.066667 17.066667 17.066667h170.666667a17.066667 17.066667 0 0 0 0-34.133334h-133.248l9.386666-7.594666-9.386666 7.594666 9.386666-7.594666q66.474667-53.717333 103.466667-130.645334 37.461333-77.909333 37.461333-164.693333 0-74.112-27.562666-142.250667Q837.461333 303.786667 788.48 251.733333q-48.938667-51.968-113.066667-82.602666-66.176-31.573333-139.818666-36.053334z m0.512-8.533333q75.306667 4.608 142.976 36.906666 65.578667 31.274667 115.626667 84.437334t77.312 120.618666Q900.266667 436.266667 900.266667 512q0 88.746667-38.314667 168.362667-37.845333 78.677333-105.813333 133.632L753.493333 810.666667l2.688 3.328L753.493333 810.666667v-4.266667h121.173334a25.6 25.6 0 1 1 0 51.2h-170.666667a25.6 25.6 0 0 1-25.6-25.6v-170.666667a25.6 25.6 0 1 1 51.2 0v117.333334H725.333333l-2.688-3.328q59.562667-47.701333 92.8-116.394667 33.621333-69.504 33.621334-146.944 0-65.749333-24.448-126.293333-23.68-58.453333-67.157334-104.661334-43.392-46.08-100.266666-73.258666-58.794667-28.032-124.16-32-10.538667-0.682667-17.578667-8.576-7.082667-7.936-6.4-18.56 0.597333-10.581333 8.533333-17.621334 7.978667-7.082667 18.56-6.4zM320 174.933333h-170.666667a17.066667 17.066667 0 0 0 0 34.133334h133.248l-9.386666 7.594666 9.386666-7.594666-9.386666 7.594666q-66.474667 53.76-103.466667 130.602667Q132.266667 425.130667 132.266667 512q0 74.325333 27.733333 142.72 26.837333 66.176 76.032 118.272 49.194667 52.053333 113.621333 82.602667 66.517333 31.530667 140.373334 35.712a17.194667 17.194667 0 0 0 18.133333-16q0.426667-7.082667-4.309333-12.416-4.693333-5.333333-11.733334-5.717334-67.242667-3.84-127.786666-32.512-58.666667-27.733333-103.424-75.136-44.8-47.445333-69.248-107.648Q166.4 579.626667 166.4 512q0-79.445333 34.474667-150.485333 34.005333-70.101333 95.146666-119.082667l6.912-5.546667V362.666667a17.066667 17.066667 0 0 0 34.133334 0v-170.666667a17.066667 17.066667 0 0 0-17.066667-17.066667z m0-8.533333a25.6 25.6 0 0 1 25.6 25.6v170.666667a25.6 25.6 0 0 1-51.2 0V245.76H298.666667l2.688 3.328Q241.706667 296.874667 208.554667 365.226667 174.933333 434.517333 174.933333 512q0 65.962667 24.618667 126.677333 23.850667 58.709333 67.541333 104.96t100.864 73.301334q59.050667 27.989333 124.672 31.701333 10.538667 0.597333 17.621334 8.576 7.04 7.978667 6.4 18.517333a25.685333 25.685333 0 0 1-27.093334 24.106667q-75.52-4.266667-143.573333-36.522667-65.877333-31.232-116.138667-84.48-50.346667-53.248-77.738666-120.917333Q123.733333 588.032 123.733333 512q0-88.832 38.314667-168.405333 37.802667-78.592 105.813333-133.546667L270.506667 213.333333l-2.688-3.328L270.506667 213.333333v4.266667H149.333333a25.6 25.6 0 0 1 0-51.2h170.666667z"
+    })]
+  });
+};
+
+// 确认/裁剪图标
+export var OkIcon = function OkIcon(_ref9) {
+  var className = _ref9.className;
+  return /*#__PURE__*/_jsxs("svg", {
+    className: className,
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: iconSize,
+    height: iconSize,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M874.496 223.146667c14.421333-15.616 21.376-31.146667 42.666667-9.813334 21.333333 21.333333 24.618667 26.197333 10.24 41.813334L411.562667 840.106667a35.242667 35.242667 0 0 1-52.48 0l-209.92-243.626667c-14.336-15.616-14.336-26.624 0-42.24 14.464-15.616 28.245333-15.616 42.666666 0l192 213.76 490.666667-544.853333z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M193.450667 552.789333l192 213.76-1.621334 1.450667-1.578666-1.450667 490.666666-544.853333q2.005333-2.133333 5.632-6.4 5.376-6.229333 8.021334-8.661333 4.522667-4.181333 8.789333-5.376 10.026667-2.773333 23.338667 10.538666L917.162667 213.333333l1.536-1.536-1.536 1.536 1.536-1.536q9.088 9.173333 12.714666 13.525334 4.992 5.973333 6.314667 10.453333 1.450667 5.034667-0.938667 10.154667-2.005333 4.309333-7.808 10.666666l-1.578666-1.450666 1.621333 1.408-515.84 584.96a37.76 37.76 0 0 1-55.637333 0h-0.085334l-209.92-243.626667 1.621334-1.408-1.536 1.450667 1.536-1.450667-1.536 1.450667q-11.349333-12.373333-11.349334-22.613334 0-10.24 11.349334-22.528 11.434667-12.373333 22.869333-12.373333 11.477333 0 22.912 12.373333z m-3.2 2.858667l1.578666-1.408-1.536 1.450667q-10.24-11.050667-19.797333-11.050667-9.557333 0-19.754667 11.050667l-1.578666-1.450667 1.578666 1.450667-1.578666-1.450667 1.578666 1.450667q-10.197333 11.093333-10.197333 19.626666 0 8.618667 10.24 19.712v0.042667l209.92 243.626667-1.621333 1.408 1.578666-1.450667a33.536 33.536 0 0 0 49.365334 0l1.536 1.450667-1.578667-1.408 515.84-584.96v-0.042667q5.376-5.845333 7.082667-9.557333 1.706667-3.669333 0.725333-7.168-1.706667-5.845333-17.962667-22.144-11.52-11.562667-19.2-9.429334-3.242667 0.853333-7.04 4.352-2.432 2.304-7.68 8.362667-3.626667 4.266667-5.674666 6.485333l-1.578667-1.450666 1.578667 1.450666-1.578667-1.450666 1.621333 1.408-490.666666 544.853333h-3.2l-192-213.76z m3.2-2.858667l-1.621334 1.450667 1.578667-1.450667z m188.8 216.618667L383.829333 768l1.578667 1.408-1.578667 1.792-1.578666-1.792z m-231.466667-174.336l-1.621333 1.408 1.578666-1.450667 0.042667 0.042667z m-3.157333-42.282667l1.536 1.450667-1.536-1.450667z m778.24-299.093333l1.536 1.450667-1.578667-1.408v-0.042667zM357.461333 841.472l1.621334-1.365333-1.536 1.450666h-0.042667v-0.085333zM872.96 221.696l1.536 1.450667-1.578667-1.450667zM413.141333 841.557333l-1.578666-1.450666 1.621333 1.408z"
+    })]
+  });
+};

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

@@ -0,0 +1,5 @@
+import './styles/toolbar.less';
+declare const Toolbar: ({ onAction }: {
+    onAction: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Toolbar;

package/dist/esm/RCropper/toolbar.js

@@ -0,0 +1,84 @@
+import { CropIcon, ZoomInIcon, ZoomOutIcon, FlipHIcon, FlipVIcon, RotateLeftIcon, RotateRightIcon, ResetIcon, OkIcon } from "./svgIcons";
+import "./styles/toolbar.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Toolbar = function Toolbar(_ref) {
+  var onAction = _ref.onAction;
+  var handleCancelCrop = onAction.handleCancelCrop,
+    handleCrop = onAction.handleCrop,
+    handleZoomIn = onAction.handleZoomIn,
+    handleZoomOut = onAction.handleZoomOut,
+    handleRotateLeft = onAction.handleRotateLeft,
+    handleRotateRight = onAction.handleRotateRight,
+    handleReset = onAction.handleReset,
+    handleFlipX = onAction.handleFlipX,
+    handleFlipY = onAction.handleFlipY;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "toolbar",
+    children: [/*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleCancelCrop,
+      title: "\u9690\u85CF\u9009\u533A",
+      children: /*#__PURE__*/_jsx(CropIcon, {
+        className: "icon"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleZoomIn,
+      title: "\u653E\u5927",
+      children: /*#__PURE__*/_jsx(ZoomInIcon, {
+        className: "icon"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleZoomOut,
+      title: "\u7F29\u5C0F",
+      children: /*#__PURE__*/_jsx(ZoomOutIcon, {
+        className: "icon"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleFlipX,
+      title: "\u6C34\u5E73\u7FFB\u8F6C",
+      children: /*#__PURE__*/_jsx(FlipHIcon, {
+        className: "icon"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleFlipY,
+      title: "\u5782\u76F4\u7FFB\u8F6C",
+      children: /*#__PURE__*/_jsx(FlipVIcon, {
+        className: "icon"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleRotateLeft,
+      title: "\u5411\u5DE6\u65CB\u8F6C",
+      children: /*#__PURE__*/_jsx(RotateLeftIcon, {
+        className: "icon"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleRotateRight,
+      title: "\u5411\u53F3\u65CB\u8F6C",
+      children: /*#__PURE__*/_jsx(RotateRightIcon, {
+        className: "icon"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleReset,
+      title: "\u91CD\u7F6E",
+      children: /*#__PURE__*/_jsx(ResetIcon, {
+        className: "icon"
+      })
+    }), /*#__PURE__*/_jsx("button", {
+      type: "button",
+      onClick: handleCrop,
+      title: "\u88C1\u526A",
+      children: /*#__PURE__*/_jsx(OkIcon, {
+        className: "icon"
+      })
+    })]
+  });
+};
+export default Toolbar;

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

@@ -1,6 +1,10 @@
-import { Props } from 'react-wordcloud';
-export declare type WordCloudProps = Props & {
+import WordCloud2 from 'wordcloud';
+export declare type WordCloudProps = {
+    list: WordCloud2.Options['list'];
     className?: string;
+    tooltip?: boolean;
+    onClick?: WordCloud2.EventCallback;
+    options?: Partial<Omit<WordCloud2.Options, 'list' | 'hover' | 'click'>>;
 };
 declare const WordCloud: (props: WordCloudProps) => import("react/jsx-runtime").JSX.Element;
 export default WordCloud;