@cloud-app-dev/vidc 4.0.14 → 4.0.17

package/es/Picture/component/DrawRect/index.js

@@ -1,51 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React, { useCallback, useMemo } from 'react';
-import RectMenu from "../RectMenu";
-import "./index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function DrawRect(_ref) {
-  var _ref$rect = _ref.rect,
-    rect = _ref$rect === void 0 ? [] : _ref$rect,
-    canRenderMenu = _ref.canRenderMenu,
-    containerDom = _ref.containerDom,
-    onMenuClick = _ref.onMenuClick,
-    menus = _ref.menus,
-    getRectImage = _ref.getRectImage;
-  var x = useMemo(function () {
-    return rect[0] + rect[2];
-  }, [rect]);
-  var y = useMemo(function () {
-    return rect[1] + rect[3];
-  }, [rect]);
-  var onMenuClickAction = useCallback(function (item) {
-    var _getRectImage;
-    onMenuClick === null || onMenuClick === void 0 ? void 0 : onMenuClick(_objectSpread(_objectSpread({}, item), {}, {
-      base64: (_getRectImage = getRectImage(rect)) !== null && _getRectImage !== void 0 ? _getRectImage : ''
-    }));
-  }, [getRectImage, onMenuClick, rect]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "select-rect-layout",
-      style: {
-        left: rect[0],
-        top: rect[1],
-        width: rect[2],
-        height: rect[3]
-      }
-    }), canRenderMenu && /*#__PURE__*/_jsx(RectMenu, {
-      x: x,
-      y: y,
-      containerDom: containerDom,
-      onMenuClick: onMenuClickAction,
-      menus: menus
-    })]
-  });
-}
-export default DrawRect;

package/es/Picture/component/DrawRect/index.less

@@ -1,8 +0,0 @@
-.select-rect-layout {
-  position: absolute;
-  border: 1px solid;
-  box-shadow: 0 0 0 9999em rgb(0 0 0 / 40%);
-  border-image-source: url('data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==');
-  border-image-repeat: repeat;
-  border-image-slice: 1;
-}

package/es/Picture/component/RectMenu/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { MenuRectType } from '../../../Picture/interface';
-import './index.less';
-interface IRectMenuProps {
-    x: number;
-    y: number;
-    menus: MenuRectType[];
-    containerDom: HTMLDivElement;
-    onMenuClick: (options: MenuRectType) => void;
-}
-declare function RectMenu({ x, y, menus, containerDom, onMenuClick }: IRectMenuProps): JSX.Element;
-export default RectMenu;

package/es/Picture/component/RectMenu/index.js

@@ -1,79 +0,0 @@
-import React, { useCallback, useMemo, useRef, useEffect } from 'react';
-import IconFont from "../../../IconFont";
-import { computedMenuPosition } from "./utils";
-import "./index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var MENU_WIDTH = 110;
-var MENU_HEIGHT = 30;
-function RectMenu(_ref) {
-  var x = _ref.x,
-    y = _ref.y,
-    menus = _ref.menus,
-    containerDom = _ref.containerDom,
-    onMenuClick = _ref.onMenuClick;
-  var _useMemo = useMemo(function () {
-      return containerDom.getBoundingClientRect();
-    }, [containerDom]),
-    width = _useMemo.width,
-    height = _useMemo.height;
-  var size = useMemo(function () {
-    return {
-      w: MENU_WIDTH,
-      h: MENU_HEIGHT * menus.length
-    };
-  }, [menus.length]);
-  var position = useMemo(function () {
-    return computedMenuPosition({
-      width: width,
-      height: height,
-      size: size,
-      position: [x, y]
-    });
-  }, [height, size, width, x, y]);
-  var domRef = useRef(null);
-  var handleCancelB = useCallback(function (e) {
-    return e.stopPropagation();
-  }, []);
-
-  //防止click事件冒泡到查看器
-  useEffect(function () {
-    var dom = domRef.current;
-    if (dom) {
-      dom.addEventListener('mousedown', handleCancelB, false);
-      dom.addEventListener('mousemove', handleCancelB, false);
-      dom.addEventListener('mouseup', handleCancelB, false);
-    }
-    return function () {
-      if (dom) {
-        dom.removeEventListener('mousedown', handleCancelB, false);
-        dom.removeEventListener('mousemove', handleCancelB, false);
-        dom.removeEventListener('mouseup', handleCancelB, false);
-      }
-    };
-  }, [handleCancelB]);
-  var onClickMenu = useCallback(function (e, item) {
-    e.stopPropagation();
-    onMenuClick === null || onMenuClick === void 0 ? void 0 : onMenuClick(item);
-  }, [onMenuClick]);
-  return /*#__PURE__*/_jsx("div", {
-    className: "select-rect-menu-layout",
-    style: {
-      left: position.x,
-      top: position.y
-    },
-    ref: domRef,
-    children: menus.map(function (v) {
-      return /*#__PURE__*/_jsxs("div", {
-        className: "menu-action-item",
-        onClick: function onClick(e) {
-          return onClickMenu(e, v);
-        },
-        children: [/*#__PURE__*/_jsx(IconFont, {
-          type: v.icon
-        }), v.title]
-      }, v.pathname);
-    })
-  });
-}
-export default RectMenu;

package/es/Picture/component/RectMenu/index.less

@@ -1,36 +0,0 @@
-.select-rect-menu-layout {
-  position: absolute;
-  width: 105px;
-  overflow: hidden;
-  font-size: var(--fs-small);
-
-  .menu-action-item {
-    padding: 4px 10px;
-    margin-bottom: 4px;
-    color: rgb(0 0 0 / 65%);
-    white-space: nowrap;
-    background: #fff;
-    border-radius: 15px;
-    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
-
-    .anticon {
-      padding-right: 2px;
-      font-size: 16px;
-      color: #89b;
-    }
-
-    &:hover {
-      color: #fff;
-      cursor: pointer;
-      background: #fa0;
-
-      .anticon {
-        color: #fff;
-      }
-    }
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}

package/es/Picture/component/RectMenu/utils.d.ts

@@ -1,12 +0,0 @@
-export declare function computedMenuPosition({ width, height, position, size }: {
-    width: number;
-    height: number;
-    position: number[];
-    size: {
-        w: number;
-        h: number;
-    };
-}): {
-    x: number;
-    y: number;
-};

package/es/Picture/component/RectMenu/utils.js

@@ -1,19 +0,0 @@
-export function computedMenuPosition(_ref) {
-  var width = _ref.width,
-    height = _ref.height,
-    position = _ref.position,
-    size = _ref.size;
-  var x, y;
-  x = position[0];
-  y = position[1];
-  if (width - x < size.w) {
-    x = width - size.w;
-  }
-  if (height - y < size.h) {
-    y = height - size.h;
-  }
-  return {
-    x: x,
-    y: y
-  };
-}

package/es/Picture/component/Tools/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IToolsProps {
-    scale: number;
-    imgDownload?: () => void;
-    setScale: (scale: number) => void;
-    setRotate: (rotate: number) => void;
-    containerEle: HTMLDivElement;
-    resetPicture: (event: React.MouseEvent) => void;
-}
-declare function Tools({ scale, imgDownload, setScale, setRotate, containerEle, resetPicture }: IToolsProps): JSX.Element;
-export default Tools;

package/es/Picture/component/Tools/index.js

@@ -1,93 +0,0 @@
-import { Tooltip } from 'antd';
-import React from 'react';
-import FullScreen from "../../../FullScreen";
-import IconFont from "../../../Player/iconfont";
-import "./index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-function Tools(_ref) {
-  var scale = _ref.scale,
-    imgDownload = _ref.imgDownload,
-    setScale = _ref.setScale,
-    setRotate = _ref.setRotate,
-    containerEle = _ref.containerEle,
-    resetPicture = _ref.resetPicture;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "picture-tools",
-      children: [/*#__PURE__*/_jsx(Tooltip, {
-        placement: "left",
-        title: "\u590D\u4F4D",
-        children: /*#__PURE__*/_jsx("div", {
-          onClick: resetPicture,
-          children: /*#__PURE__*/_jsx(IconFont, {
-            type: "lm-player-S_View_RotateMiddle"
-          })
-        })
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        placement: "left",
-        title: "\u653E\u5927",
-        children: /*#__PURE__*/_jsx("div", {
-          onClick: function onClick() {
-            return setScale(0.2);
-          },
-          className: scale === 3 ? 'disabled' : '',
-          children: /*#__PURE__*/_jsx(IconFont, {
-            type: "lm-player-S_View_ZoomIn"
-          })
-        })
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        placement: "left",
-        title: "\u7F29\u5C0F",
-        children: /*#__PURE__*/_jsx("div", {
-          onClick: function onClick() {
-            return setScale(-0.2);
-          },
-          className: scale === 1 ? 'disabled' : '',
-          children: /*#__PURE__*/_jsx(IconFont, {
-            type: "lm-player-S_View_ZoomOut"
-          })
-        })
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        placement: "left",
-        title: "\u5411\u5DE6",
-        children: /*#__PURE__*/_jsx("div", {
-          onClick: function onClick() {
-            return setRotate(-90);
-          },
-          children: /*#__PURE__*/_jsx(IconFont, {
-            type: "lm-player-S_View_RotateLeft"
-          })
-        })
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        placement: "left",
-        title: "\u5411\u53F3",
-        children: /*#__PURE__*/_jsx("div", {
-          onClick: function onClick() {
-            return setRotate(90);
-          },
-          children: /*#__PURE__*/_jsx(IconFont, {
-            type: "lm-player-S_View_RotateRight"
-          })
-        })
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "picture-actions",
-      children: [imgDownload && /*#__PURE__*/_jsx("div", {
-        onClick: imgDownload,
-        children: /*#__PURE__*/_jsx(IconFont, {
-          type: "lm-player-S_Edit_LoadDown"
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        children: /*#__PURE__*/_jsx(FullScreen, {
-          className: "footer_window",
-          getContainer: function getContainer() {
-            return containerEle;
-          }
-        })
-      })]
-    })]
-  });
-}
-export default Tools;

package/es/Picture/component/Tools/index.less

@@ -1,49 +0,0 @@
-.picture-tools {
-  position: absolute;
-  right: 10px;
-  bottom: 10px;
-  background: #fff;
-  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);
-
-  &.actions-change-rotate {
-    bottom: 150px;
-  }
-
-  & > div {
-    width: 30px;
-    height: 25px;
-    line-height: 25px;
-    text-align: center;
-    cursor: pointer;
-
-    &.disabled {
-      color: #999;
-      cursor: not-allowed;
-
-      .anticon {
-        color: #999;
-      }
-    }
-  }
-}
-
-.picture-actions {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-
-  & > div {
-    float: left;
-    width: 28px;
-    height: 28px;
-    margin-left: 4px;
-    line-height: 28px;
-    text-align: center;
-    cursor: pointer;
-    background: #fff;
-  }
-
-  .tools-screen-layer .anticon {
-    padding-right: 0;
-  }
-}

package/es/Picture/component/WheelScale/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface IWheelScaleProps {
-    dom: HTMLElement;
-    setScale: (scale: number) => void;
-}
-declare function WheelScale({ dom, setScale }: IWheelScaleProps): JSX.Element;
-export default WheelScale;

package/es/Picture/component/WheelScale/index.js

@@ -1,29 +0,0 @@
-import React, { useCallback, useEffect } from 'react';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-function WheelScale(_ref) {
-  var dom = _ref.dom,
-    setScale = _ref.setScale;
-  var onWheel = useCallback(function (e) {
-    if (e.ctrlKey || e.metaKey) {
-      e.preventDefault();
-      e.stopPropagation();
-      setScale(e.deltaY > 0 ? -0.2 : 0.2);
-    }
-  }, [setScale]);
-
-  //滚轮缩放
-  useEffect(function () {
-    if (!dom) {
-      return undefined;
-    }
-    dom.addEventListener('wheel', onWheel, {
-      passive: false
-    });
-    return function () {
-      return dom.removeEventListener('wheel', onWheel);
-    };
-  }, [dom, onWheel]);
-  return /*#__PURE__*/_jsx(_Fragment, {});
-}
-export default WheelScale;

package/es/Picture/demo.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function App(): JSX.Element;

package/es/Picture/demo.js

@@ -1,113 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Button, ConfigProvider, Modal } from 'antd';
-import React from 'react';
-import Picture from '.';
-import { useSimpleState } from '..';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function App() {
-  var _useSimpleState = useSimpleState({
-      open: false,
-      open2: false
-    }),
-    _useSimpleState2 = _slicedToArray(_useSimpleState, 2),
-    state = _useSimpleState2[0],
-    updateState = _useSimpleState2[1];
-  return /*#__PURE__*/_jsxs(ConfigProvider, {
-    prefixCls: "cloudapp",
-    children: [/*#__PURE__*/_jsx("div", {
-      style: {
-        width: 600,
-        height: 300,
-        background: '#000'
-      },
-      children: /*#__PURE__*/_jsx(Picture, {
-        onClickRect: console.log,
-        onMenuClick: console.log,
-        menus: [{
-          title: '菜单1',
-          pathname: '/',
-          icon: ''
-        }]
-        // imagePath="http://192.168.100.246:5463/oss/v1/100004008/objects/638da35805f5f0a8101021f9?client_token=100004008_0_1670313176_9a47a8459c120d977904c9feb2354a7e"
-        ,
-        isOpenSelect: state.open,
-        imagePath: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201503%2F16%2F20150316082631_YZ28f.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1674876231&t=0824d5e8365bc9bcbe0484b5dbffff03"
-        // imagePath="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2018-08-07%2F5b69694c2e398.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1674875813&t=f1f2c44a50e5f3ddae91ba223f5eb99b"
-        ,
-        rects: [{
-          type: 'face',
-          rect: [920.0, 843.0, 96.0, 94.0],
-          needExpand: true
-        }],
-        children: function children() {
-          return /*#__PURE__*/_jsx(Button, {
-            onClick: function onClick() {
-              return updateState({
-                open: true
-              });
-            },
-            children: "\u622A\u56FE"
-          });
-        }
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      style: {
-        width: 800,
-        height: 600,
-        background: '#000',
-        marginTop: 40
-      },
-      children: [/*#__PURE__*/_jsx(Button, {
-        onClick: function onClick() {
-          return updateState({
-            open2: true
-          });
-        },
-        children: "\u6253\u5F00"
-      }), /*#__PURE__*/_jsx(Modal, {
-        title: "modal",
-        open: state.open2,
-        onCancel: function onCancel() {
-          return updateState({
-            open2: false
-          });
-        },
-        width: 844,
-        children: /*#__PURE__*/_jsx("div", {
-          style: {
-            width: 800,
-            height: 600,
-            backgroundColor: '#000'
-          },
-          children: /*#__PURE__*/_jsx(Picture, {
-            imagePath: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202106%2F09%2F20210609081952_51ef5.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673661389&t=906e24291130712565842eb7cf21e277",
-            isOpenSelect: false,
-            rects: [{
-              type: 'face',
-              rect: [698, 274, 23, 23],
-              needExpand: true
-            }, {
-              type: 'face',
-              rect: [754.0, 268.0, 23.0, 23.0],
-              needExpand: true
-            }, {
-              type: 'face',
-              rect: [430.0, 421.0, 49.0, 49.0],
-              needExpand: true
-            }, {
-              type: 'face',
-              rect: [240.0, 468.0, 41.0, 36.0],
-              needExpand: true
-            }]
-          })
-        })
-      })]
-    })]
-  });
-}

package/es/Picture/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import type { IPictureProps } from './interface';
-import './index.less';
-declare function Picture({ className, width, height, minHeight, disabledDrag, imagePath, rects, isOpenSelect, disabledDrawMenu, menus, hasTool, fullScreenEle, ...props }: IPictureProps): JSX.Element;
-declare namespace Picture {
-    var defaultProps: {
-        width: string;
-        height: string;
-        className: string;
-        minHeight: number;
-        disabledDrag: boolean;
-        isOpenSelect: boolean;
-        disabledDrawMenu: boolean;
-        menus: never[];
-        rects: never[];
-        hasTool: boolean;
-    };
-}
-export default Picture;