@cloud-app-dev/vidc 3.2.11 → 3.2.13

package/es/Modal/index.js

@@ -2,56 +2,83 @@ import "antd/lib/config-provider/style";
 import _ConfigProvider from "antd/lib/config-provider";
 import "antd/lib/modal/style";
 import _Modal from "antd/lib/modal";
+var _excluded = ["children", "className", "style", "getContainer"];
+
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { __rest } from "tslib";
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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, { useContext, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import * as ReactDOMClient from 'react-dom/client';
-import CC from '../ConfigContext';
-import "./index.css";
-function Modal(_a) {
-  var children = _a.children,
-    className = _a.className,
-    style = _a.style,
-    getContainer = _a.getContainer,
-    props = __rest(_a, ["children", "className", "style", "getContainer"]);
-  return /*#__PURE__*/React.createElement(_Modal, Object.assign({
-    style: Object.assign(Object.assign({}, style), {
+import CC from "../ConfigContext";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+function Modal(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      style = _ref.style,
+      getContainer = _ref.getContainer,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx(_Modal, _objectSpread(_objectSpread({
+    style: _objectSpread(_objectSpread({}, style), {}, {
       textAlign: 'left'
     }),
     getContainer: getContainer,
     className: "lm-modal-container ".concat(className)
-  }, props), children);
+  }, props), {}, {
+    children: children
+  }));
 }
+
 Modal.defaultProps = {
   className: '',
   getContainer: false
 };
+
 function useModal() {
   var prefixCls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cloudapp';
   var context = useContext(CC.Context);
   var container = useMemo(function () {
-    var _a;
-    return (_a = context === null || context === void 0 ? void 0 : context.root) !== null && _a !== void 0 ? _a : document.body;
+    var _context$root;
+
+    return (_context$root = context === null || context === void 0 ? void 0 : context.root) !== null && _context$root !== void 0 ? _context$root : document.body;
   }, [context === null || context === void 0 ? void 0 : context.root]);
   var div = useMemo(function () {
     return document.createElement('div');
   }, []);
+
   var _useState = useState({
-      content: null,
-      visible: false,
-      title: '',
-      onOk: undefined,
-      width: undefined,
-      className: undefined
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    content: null,
+    visible: false,
+    title: '',
+    onOk: undefined,
+    width: undefined,
+    className: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   var root = useMemo(function () {
     return ReactDOMClient.createRoot(div);
   }, [div]);
@@ -65,77 +92,86 @@ function useModal() {
     };
   }, [container, div, root]);
   useEffect(function () {
-    root.render( /*#__PURE__*/React.createElement(_ConfigProvider, {
+    root.render( /*#__PURE__*/_jsx(_ConfigProvider, {
       prefixCls: prefixCls,
       getPopupContainer: function getPopupContainer() {
         return container;
-      }
-    }, /*#__PURE__*/React.createElement(Modal, {
-      okText: "\u786E\u5B9A",
-      cancelText: "\u53D6\u6D88",
-      open: state.visible,
-      onOk: state.onOk,
-      onCancel: close,
-      destroyOnClose: true,
-      title: state.title,
-      width: state.width,
-      className: state.className,
-      getContainer: false
-    }, state.content)));
+      },
+      children: /*#__PURE__*/_jsx(Modal, {
+        okText: "\u786E\u5B9A",
+        cancelText: "\u53D6\u6D88",
+        open: state.visible,
+        onOk: state.onOk,
+        onCancel: close,
+        destroyOnClose: true,
+        title: state.title,
+        width: state.width,
+        className: state.className,
+        getContainer: false,
+        children: state.content
+      })
+    }));
   }, [state.content, state.visible, state.title, state.onOk, state.width, state.className, root, prefixCls, container]);
+
   var open = function open(options) {
     setState(function (old) {
-      return Object.assign(Object.assign(Object.assign({}, old), options), {
+      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
         visible: true
       });
     });
   };
+
   var close = function close() {
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         visible: false
       });
     });
   };
+
   return {
     open: open,
     close: close
   };
 }
+
 var RefModal = /*#__PURE__*/React.forwardRef(function RefModal(props, ref) {
   var _useState3 = useState({
-      content: null,
-      visible: false,
-      title: '',
-      onOk: undefined,
-      width: undefined,
-      className: undefined
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    state = _useState4[0],
-    setState = _useState4[1];
+    content: null,
+    visible: false,
+    title: '',
+    onOk: undefined,
+    width: undefined,
+    className: undefined
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      state = _useState4[0],
+      setState = _useState4[1];
+
   var open = function open(options) {
     setState(function (old) {
-      return Object.assign(Object.assign(Object.assign({}, old), options), {
+      return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
         visible: true
       });
     });
   };
+
   var close = function close() {
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         visible: false
       });
     });
-  };
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }; // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
   useImperativeHandle(ref, function () {
     return {
       open: open,
       close: close
     };
   }, [state]);
-  return /*#__PURE__*/React.createElement(Modal, Object.assign({}, props, {
+  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
     okText: "\u786E\u5B9A",
     cancelText: "\u53D6\u6D88",
     open: state.visible,
@@ -144,8 +180,9 @@ var RefModal = /*#__PURE__*/React.forwardRef(function RefModal(props, ref) {
     destroyOnClose: true,
     title: state.title,
     width: state.width,
-    className: state.className
-  }), state.content);
+    className: state.className,
+    children: state.content
+  }));
 });
 Modal.info = _Modal.info;
 Modal.success = _Modal.success;

package/es/Modal/index.less

@@ -0,0 +1,45 @@
+.lm-modal-container.@{ant-prefix}-modal {
+  padding-bottom: 0;
+  color: inherit;
+  .@{ant-prefix}-modal-content {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    border-radius: var(--redius1);
+    overflow: hidden;
+    background-color: transparent;
+  }
+  .@{ant-prefix}-modal-close {
+    .@{ant-prefix}-modal-close-x {
+      width: 48px;
+      height: 47px;
+      line-height: 48px;
+    }
+  }
+  .@{ant-prefix}-modal-header {
+    padding: 12px 24px;
+    padding-right: 56px;
+    background: var(--modal-title-bg);
+    border-bottom-color: var(--modal-divider-color);
+    border-radius: 0;
+    color: inherit;
+    .@{ant-prefix}-modal-title {
+      color: inherit;
+      font-size: var(--fs-large);
+    }
+  }
+  .@{ant-prefix}-modal-close {
+    color: inherit;
+  }
+  .@{ant-prefix}-modal-body {
+    background: var(--modal-content-bg);
+    flex: 1;
+    overflow: hidden;
+  }
+  .@{ant-prefix}-modal-footer {
+    padding: 12px 24px;
+    border-radius: 0;
+    background: var(--modal-footer-bg);
+    border-top-color: var(--modal-divider-color);
+  }
+}

package/es/Picture/component/DefaultRects/RectInfo.js

@@ -1,43 +1,58 @@
 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React, { useMemo } from 'react';
-import IconFont from '../../../IconFont';
+import IconFont from "../../../IconFont";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var RECT_INFO_WIDTH = 150;
 var RECT_INFO_HEIGHT = 24;
 var RECT_WINDOW_MARGIN = 6;
+
 function RectInfo(_ref) {
   var item = _ref.item,
-    containerDom = _ref.containerDom;
+      containerDom = _ref.containerDom;
   var position = useMemo(function () {
     var _containerDom$getBoun = containerDom.getBoundingClientRect(),
-      width = _containerDom$getBoun.width,
-      height = _containerDom$getBoun.height;
+        width = _containerDom$getBoun.width,
+        height = _containerDom$getBoun.height;
+
     var _rectInfoWidth$rectIn = {
-        rectInfoWidth: RECT_INFO_WIDTH,
-        rectInfoHeight: item.tags.length * RECT_INFO_HEIGHT + 6 + 30
-      },
-      rectInfoWidth = _rectInfoWidth$rectIn.rectInfoWidth,
-      rectInfoHeight = _rectInfoWidth$rectIn.rectInfoHeight;
+      rectInfoWidth: RECT_INFO_WIDTH,
+      rectInfoHeight: item.tags.length * RECT_INFO_HEIGHT + 6 + 30
+    },
+        rectInfoWidth = _rectInfoWidth$rectIn.rectInfoWidth,
+        rectInfoHeight = _rectInfoWidth$rectIn.rectInfoHeight;
+
     var _item$rect = _slicedToArray(item.rect, 3),
-      rectLeft = _item$rect[0],
-      rectTop = _item$rect[1],
-      rectWidth = _item$rect[2];
+        rectLeft = _item$rect[0],
+        rectTop = _item$rect[1],
+        rectWidth = _item$rect[2];
+
     var x, y;
+
     if (rectWidth + rectLeft + rectInfoWidth < width) {
       x = rectWidth + rectLeft + RECT_WINDOW_MARGIN;
     } else {
       x = rectLeft - RECT_WINDOW_MARGIN - rectInfoWidth;
     }
+
     if (rectTop + rectInfoHeight < height) {
       y = rectTop;
       y = y < 0 ? RECT_WINDOW_MARGIN : y;
     } else {
       y = height - rectInfoHeight;
     }
+
     return {
       x: x,
       y: y,
@@ -45,36 +60,43 @@ function RectInfo(_ref) {
       height: rectInfoHeight
     };
   }, [containerDom, item.rect, item.tags.length]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "rect-info-list-wrapper",
     style: {
       left: position.x,
       top: position.y,
       width: position.width,
       height: position.height
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "data-type"
-  }, item.hasOwnProperty('lowQuality') && /*#__PURE__*/React.createElement("span", {
-    className: "data-tag low"
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: 'lm-player_View_Cluster'
-  }), item.lowQuality ? '低质量' : '高质量'), item.hasOwnProperty('dupId') && item.dupId && /*#__PURE__*/React.createElement("span", {
-    className: "data-tag repeat"
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: 'lm-player_Photo_repeatingdata'
-  }), "\u91CD\u590D")), /*#__PURE__*/React.createElement("ul", {
-    className: "rect-info-list"
-  }, item.tags.map(function (v, index) {
-    return /*#__PURE__*/React.createElement("li", {
-      className: "info-item",
-      key: index,
-      title: v.titleAttr
-    }, /*#__PURE__*/React.createElement(IconFont, {
-      type: v.icon
-    }), /*#__PURE__*/React.createElement("span", {
-      className: "item-value"
-    }, v.label));
-  })));
+    },
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "data-type",
+      children: [item.hasOwnProperty('lowQuality') && /*#__PURE__*/_jsxs("span", {
+        className: "data-tag low",
+        children: [/*#__PURE__*/_jsx(IconFont, {
+          type: 'lm-player_View_Cluster'
+        }), item.lowQuality ? '低质量' : '高质量']
+      }), item.hasOwnProperty('dupId') && item.dupId && /*#__PURE__*/_jsxs("span", {
+        className: "data-tag repeat",
+        children: [/*#__PURE__*/_jsx(IconFont, {
+          type: 'lm-player_Photo_repeatingdata'
+        }), "\u91CD\u590D"]
+      })]
+    }), /*#__PURE__*/_jsx("ul", {
+      className: "rect-info-list",
+      children: item.tags.map(function (v, index) {
+        return /*#__PURE__*/_jsxs("li", {
+          className: "info-item",
+          title: v.titleAttr,
+          children: [/*#__PURE__*/_jsx(IconFont, {
+            type: v.icon
+          }), /*#__PURE__*/_jsx("span", {
+            className: "item-value",
+            children: v.label
+          })]
+        }, index);
+      })
+    })]
+  });
 }
+
 export default RectInfo;

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

@@ -1,45 +1,59 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import React, { useCallback, useMemo } from 'react';
-import RectInfo from './RectInfo';
-import { computedZIndex } from './utils';
-import "./index.css";
+import RectInfo from "./RectInfo";
+import { computedZIndex } 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 DefaultRects(_ref) {
   var rects = _ref.rects,
-    containerDom = _ref.containerDom,
-    onClickRect = _ref.onClickRect,
-    getRectImage = _ref.getRectImage;
+      containerDom = _ref.containerDom,
+      onClickRect = _ref.onClickRect,
+      getRectImage = _ref.getRectImage;
   var renderRects = useMemo(function () {
     return computedZIndex(rects);
   }, [rects]);
   var rectClick = useCallback(function (e, item) {
     e.stopPropagation();
-    onClickRect === null || onClickRect === void 0 ? void 0 : onClickRect(Object.assign(Object.assign({}, item), {
+    onClickRect === null || onClickRect === void 0 ? void 0 : onClickRect(_objectSpread(_objectSpread({}, item), {}, {
       base64: getRectImage(item.rect)
     }));
   }, [getRectImage, onClickRect]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderRects.map(function (v, k) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "rect-item-wrapper rect-item-".concat(v.type, "-wrapper"),
-      key: k
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'rect-item',
-      onClick: function onClick(e) {
-        return rectClick(e, v);
-      },
-      style: {
-        left: v.rect[0],
-        top: v.rect[1],
-        width: v.rect[2],
-        height: v.rect[3],
-        zIndex: k
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "border-top-decorator"
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "border-bottom-decorator"
-    })), Array.isArray(v.tags) && v.tags.length > 0 && /*#__PURE__*/React.createElement(RectInfo, {
-      item: v,
-      containerDom: containerDom
-    }));
-  }));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: renderRects.map(function (v, k) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "rect-item-wrapper rect-item-".concat(v.type, "-wrapper"),
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: 'rect-item',
+          onClick: function onClick(e) {
+            return rectClick(e, v);
+          },
+          style: {
+            left: v.rect[0],
+            top: v.rect[1],
+            width: v.rect[2],
+            height: v.rect[3],
+            zIndex: k
+          },
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "border-top-decorator"
+          }), /*#__PURE__*/_jsx("div", {
+            className: "border-bottom-decorator"
+          })]
+        }), Array.isArray(v.tags) && v.tags.length > 0 && /*#__PURE__*/_jsx(RectInfo, {
+          item: v,
+          containerDom: containerDom
+        })]
+      }, k);
+    })
+  });
 }
+
 export default DefaultRects;