@cloud-app-dev/vidc 4.0.15 → 4.0.19

package/es/Picture/index.js

@@ -1,354 +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); }
-import _useUpdateEffect from "ahooks/es/useUpdateEffect";
-import _useUpdateLayoutEffect from "ahooks/es/useUpdateLayoutEffect";
-import _useMemoizedFn from "ahooks/es/useMemoizedFn";
-import _useSize from "ahooks/es/useSize";
-var _excluded = ["className", "width", "height", "minHeight", "disabledDrag", "imagePath", "rects", "isOpenSelect", "disabledDrawMenu", "menus", "hasTool", "fullScreenEle"];
-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); }
-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; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useEffect, useMemo, useRef } from 'react';
-import DomMove from "../DomMove";
-import useSimpleState from "../useSimpleState";
-import DefaultRects from "./component/DefaultRects";
-import DrawRect from "./component/DrawRect";
-import Tools from "./component/Tools";
-import WheelScale from "./component/WheelScale";
-import { getRectImagePath } from "./loadCaptureRectImage";
-import useDraw from "./useDraw";
-import { computedRectScale, customContextMenu, getImgSize } from "./utils";
-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 Picture(_ref) {
-  var _layoutRef$current;
-  var className = _ref.className,
-    width = _ref.width,
-    height = _ref.height,
-    minHeight = _ref.minHeight,
-    disabledDrag = _ref.disabledDrag,
-    imagePath = _ref.imagePath,
-    rects = _ref.rects,
-    isOpenSelect = _ref.isOpenSelect,
-    disabledDrawMenu = _ref.disabledDrawMenu,
-    menus = _ref.menus,
-    hasTool = _ref.hasTool,
-    fullScreenEle = _ref.fullScreenEle,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useMemo = useMemo(function () {
-      return props;
-    }, [props]),
-    imgDownload = _useMemo.imgDownload,
-    onClickRect = _useMemo.onClickRect,
-    onMenuClick = _useMemo.onMenuClick,
-    children = _useMemo.children;
-  var _useSimpleState = useSimpleState({
-      x: 0,
-      y: 0,
-      rotate: 0,
-      scale: 1,
-      baseXOrY: 'x',
-      forceUpdateKey: Date.now(),
-      loadedTime: 0,
-      fullScreenStatus: false,
-      localUrl: '',
-      offset: [0, 0],
-      size: ['auto', 'auto']
-    }),
-    _useSimpleState2 = _slicedToArray(_useSimpleState, 3),
-    state = _useSimpleState2[0],
-    updateState = _useSimpleState2[1],
-    setState = _useSimpleState2[2];
-  var layoutRef = useRef(null);
-  var moveActionRef = useRef(null);
-  var domImgRef = useRef(null);
-  var size = _useSize(layoutRef);
-  useEffect(function () {
-    if (!imagePath) {
-      return undefined;
-    }
-    var localUrl;
-    fetch(imagePath).then(function (res) {
-      return res.blob();
-    }).then(function (blob) {
-      localUrl = URL.createObjectURL(blob);
-      updateState({
-        localUrl: localUrl
-      });
-    }).catch(function (e) {
-      console.error(e);
-    });
-    return function () {
-      return URL.revokeObjectURL(localUrl);
-    };
-  }, [imagePath]);
-
-  // draw hooks
-  var _useDraw = useDraw((_layoutRef$current = layoutRef.current) === null || _layoutRef$current === void 0 ? void 0 : _layoutRef$current.querySelector('.picture-overlay'), isOpenSelect),
-    _useDraw2 = _slicedToArray(_useDraw, 2),
-    selectArea = _useDraw2[0],
-    isEnd = _useDraw2[1];
-
-  // init loaded
-  var loadImageSuccess = _useMemoizedFn(function () {
-    if (!state.localUrl || !layoutRef.current || !domImgRef.current) {
-      return;
-    }
-    var _getImgSize = getImgSize(layoutRef.current, domImgRef.current),
-      x = _getImgSize.x,
-      y = _getImgSize.y,
-      size = _getImgSize.size,
-      baseXOrY = _getImgSize.baseXOrY;
-    var moveObj = moveActionRef.current;
-    moveObj.updatePosition({
-      x: x,
-      y: y
-    });
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        x: x,
-        y: y,
-        offset: [x, y],
-        baseXOrY: baseXOrY,
-        size: size,
-        loadedTime: Date.now()
-      });
-    });
-  });
-
-  // 更新重绘
-  _useUpdateLayoutEffect(function () {
-    loadImageSuccess();
-  }, [size]);
-
-  // 更新重绘
-  _useUpdateLayoutEffect(function () {
-    // Rects重新计算
-    updateState({
-      forceUpdateKey: Date.now()
-    });
-  }, [state.loadedTime]);
-
-  /**
-   * 设置图片缩放
-   */
-  var setScale = _useMemoizedFn(function (changeValue) {
-    var currentValue = state.scale;
-    if (currentValue === 3 && changeValue > 0) {
-      return;
-    }
-    if (currentValue === 1 && changeValue < 0) {
-      return;
-    }
-    var scale = currentValue + changeValue;
-    if (scale > 3) {
-      scale = 3;
-    }
-    if (scale < 1) {
-      scale = 1;
-    }
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        scale: scale
-      });
-    });
-  });
-
-  /**
-   * 设置图谱旋转
-   */
-  var setRotate = _useMemoizedFn(function (changeValue) {
-    var currentValue = state.rotate;
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        rotate: currentValue + changeValue
-      });
-    });
-  });
-
-  /**
-   * 重置图片位置
-   */
-  var resetPicture = _useMemoizedFn(function (event) {
-    event.stopPropagation();
-    var moveObj = moveActionRef.current;
-    setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        scale: 1,
-        rotate: 0
-      });
-    });
-    moveObj.updatePosition({
-      x: state.offset[0],
-      y: state.offset[1]
-    });
-  });
-
-  /**
-   * 拖拽更新位置
-   */
-  var onDragChange = _useMemoizedFn(function (_ref2) {
-    var x = _ref2.x,
-      y = _ref2.y;
-    return setState(function (old) {
-      return _objectSpread(_objectSpread({}, old), {}, {
-        x: x,
-        y: y
-      });
-    });
-  });
-
-  /**
-   * 拖拽结束更新位置，计算边界
-   */
-  var onDragEnd = _useMemoizedFn(function (_, currrentPosition) {
-    if (!layoutRef.current || !domImgRef.current) {
-      return undefined;
-    }
-    var _ref3 = size || {
-        width: 0,
-        height: 0
-      },
-      width = _ref3.width,
-      height = _ref3.height;
-    var imgw = domImgRef.current.width * state.scale;
-    var imgh = domImgRef.current.height * state.scale;
-    var scaleW = imgw - domImgRef.current.width;
-    var scaleH = imgh - domImgRef.current.height;
-
-    // 校验x，y范围，超出回弹
-    var maxX = imgw < width ? width - imgw + scaleW / 2 : scaleW / 2;
-    var maxY = imgh < height ? height - imgh + scaleH / 2 : scaleH / 2;
-    var minX = imgw < width ? scaleW / 2 : -(imgw - width) / 2 + state.offset[0];
-    var minY = imgh < height ? scaleH / 2 : -(imgh - height) / 2 + state.offset[1];
-    var x = currrentPosition.x > maxX ? maxX : currrentPosition.x < minX ? minX : currrentPosition.x;
-    var y = currrentPosition.y > maxY ? maxY : currrentPosition.y < minY ? minY : currrentPosition.y;
-    var moveObj = moveActionRef.current;
-    moveObj.updatePosition({
-      x: x,
-      y: y
-    });
-  });
-
-  /**
-   * 获取结构化的小图(base64)
-   */
-  var getRectImage = _useMemoizedFn(function (rect) {
-    return getRectImagePath(domImgRef.current, rect);
-  });
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  var scaleRects = useMemo(function () {
-    return computedRectScale({
-      domImg: domImgRef.current,
-      rects: rects !== null && rects !== void 0 ? rects : []
-    });
-  }, [rects, state.forceUpdateKey]);
-  var isEmpty = useMemo(function () {
-    return selectArea.includes(0);
-  }, [selectArea]);
-  var renderOptions = {
-    isEnd: isEnd,
-    isOpenSelect: isOpenSelect,
-    selectArea: selectArea,
-    getRectImage: getRectImage,
-    containerEle: layoutRef.current
-  };
-  _useUpdateEffect(function () {
-    if (isOpenSelect) {
-      var moveObj = moveActionRef.current;
-      moveObj.updatePosition({
-        x: state.offset[0],
-        y: state.offset[1]
-      });
-      updateState({
-        scale: 1,
-        rotate: 0,
-        x: state.offset[0],
-        y: state.offset[1]
-      });
-    }
-  }, [isOpenSelect]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "picture-view-layout ".concat(className),
-      style: {
-        width: width,
-        height: height,
-        minHeight: minHeight
-      },
-      ref: layoutRef,
-      onContextMenu: customContextMenu,
-      children: [/*#__PURE__*/_jsx(DomMove, {
-        className: "picture-move-layout",
-        disabled: isOpenSelect || disabledDrag,
-        ref: moveActionRef,
-        onDragChange: onDragChange,
-        onDragEnd: onDragEnd,
-        children: /*#__PURE__*/_jsxs("div", {
-          className: "picture-overlay",
-          style: {
-            transform: "scale(".concat(state.scale, ") rotate(").concat(state.rotate, "deg)")
-          },
-          children: [/*#__PURE__*/_jsx("img", {
-            ref: domImgRef,
-            draggable: false,
-            src: state.localUrl,
-            style: {
-              width: state.size[0],
-              height: state.size[1]
-            },
-            "data-src": imagePath,
-            onLoad: loadImageSuccess
-          }), !isEmpty ? /*#__PURE__*/_jsx(DrawRect, {
-            rect: selectArea,
-            onMenuClick: onMenuClick,
-            getRectImage: getRectImage,
-            menus: menus !== null && menus !== void 0 ? menus : [],
-            canRenderMenu: isEnd && !disabledDrawMenu && menus && menus.length > 0,
-            containerDom: layoutRef.current
-          }) : !isOpenSelect ? /*#__PURE__*/_jsx(DefaultRects, {
-            rects: scaleRects,
-            onClickRect: onClickRect,
-            getRectImage: getRectImage,
-            containerDom: layoutRef.current
-          }) : null]
-        })
-      }), hasTool && /*#__PURE__*/_jsx(Tools, {
-        setScale: setScale,
-        setRotate: setRotate,
-        scale: state.scale,
-        containerEle: fullScreenEle !== null && fullScreenEle !== void 0 ? fullScreenEle : layoutRef.current,
-        resetPicture: resetPicture,
-        imgDownload: imgDownload
-      }), /*#__PURE__*/_jsx(WheelScale, {
-        setScale: setScale,
-        dom: layoutRef.current
-      })]
-    }), children === null || children === void 0 ? void 0 : children(renderOptions)]
-  });
-}
-Picture.defaultProps = {
-  width: '100%',
-  height: '100%',
-  className: '',
-  minHeight: 300,
-  disabledDrag: false,
-  isOpenSelect: false,
-  disabledDrawMenu: false,
-  menus: [],
-  rects: [],
-  hasTool: true
-};
-export default Picture;

package/es/Picture/index.less

@@ -1,20 +0,0 @@
-.picture-view-layout {
-  position: relative;
-  min-height: 300px;
-  overflow: hidden;
-  user-select: none;
-
-  .picture-move-layout {
-    & > div {
-      width: max-content;
-      height: max-content;
-      transition: all .3s;
-      overflow: hidden;
-
-      img {
-        max-width: 100%;
-        max-height: 100%;
-      }
-    }
-  }
-}

package/es/Picture/interface.d.ts

@@ -1,196 +0,0 @@
-export type MenuRectType = {
-  /**
-   * 路由地址
-   */
-  pathname: string;
-
-  /**
-   * 标题
-   */
-  title: string;
-
-  /**
-   * 图标
-   */
-  icon: string;
-
-  /**
-   * 内部属性，忽略
-   */
-  base64?: string;
-};
-
-export type TagItemType = {
-  /**
-   * 标签值 code
-   */
-  value: string;
-
-  /**
-   * 标签对应文本
-   */
-  label: string;
-
-  /**
-   * 标签图标
-   */
-  icon: string;
-
-  /**
-   *标签title属性
-   */
-  titleAttr?: string;
-};
-
-export type ImageType = 'face' | 'body' | 'nonVehicle' | 'vehicle' | 'thing';
-
-export type RectType = {
-  /**
-   * 矩形框坐标 [left,top,width,height]
-   */
-  rect: Array<number>;
-  /**
-   * 'face' | 'body' | 'nonVehicle' | 'vehicle' | 'thing'
-   */
-  type: ImageType;
-
-  /**
-   * 矩形是否需要扩大，根据类型扩大计算公式
-   */
-  needExpand?: boolean;
-
-  /**
-   * 图片id
-   */
-  imgId?: string;
-
-  /**
-   * 矩形面积，通过面积控制矩形层级
-   */
-  area?: number;
-
-  /**
-   * 矩形中对象对应的标签
-   */
-  tags?: TagItemType[];
-
-  /**
-   * 小图的地址
-   */
-  imgUrl?: string;
-
-  /**
-   * 是否默认
-   */
-  isDefault?: boolean;
-
-  /**
-   * 重复标记
-   */
-  dupId?: string;
-
-  /**
-   * 低质量标记
-   */
-  lowQuality?: boolean;
-
-  /**
-   * 内部属性，忽略
-   */
-  base64?: string;
-};
-
-export type PositionType = {
-  x: number;
-  y: number;
-};
-
-export type DeviationType = {
-  offsetX: number;
-  offsetY: number;
-  width: number | string;
-  height: number | string;
-};
-
-export type SizeType = {
-  width: number | string;
-  height: number | string;
-};
-
-export interface IPictureProps {
-  /**
-   * 容器类名
-   */
-  className?: string;
-
-  /**
-   * 容器宽度
-   */
-  width?: number | string;
-
-  /**
-   * 容器高度
-   */
-  height?: number | string;
-
-  /**
-   * 容器最小高度
-   */
-  minHeight?: number | string;
-
-  /**
-   * 禁止拓展状态
-   */
-  disabledDrag?: boolean;
-
-  /**
-   * 图片地址
-   */
-  imagePath: string;
-
-  /**
-   * 目标框的对象
-   */
-  rects?: RectType[];
-
-  /**
-   * 开启自定义框选
-   */
-  isOpenSelect?: boolean;
-
-  /**
-   * 禁止框选 后的菜单项
-   */
-  disabledDrawMenu?: boolean;
-
-  /**
-   * 框选 后的菜单项
-   */
-  menus?: MenuRectType[];
-
-  /**
-   * 图片下载
-   */
-  imgDownload?: () => void;
-
-  /**
-   * 点击框事件
-   */
-  onClickRect?: (item: RectType) => void;
-
-  /**
-   * 菜单点击事件
-   */
-  onMenuClick?: (item: MenuRectType) => void;
-  children?: (option: any) => void;
-
-  /**
-   * 显示工具栏
-   */
-  hasTool?: boolean;
-
-  /**
-   * 全屏的dom节点
-   */
-  fullScreenEle?: Element;
-}

package/es/Picture/loadCaptureRectImage.d.ts

@@ -1,3 +0,0 @@
-import { ImageType } from './interface';
-export declare function loadCaptureRectImage(image: HTMLImageElement, rect: number[], imageType: ImageType): Promise<string>;
-export declare function getRectImagePath(image: HTMLImageElement, rect: number[]): string;