@cloud-app-dev/vidc 3.0.11 → 3.0.14

package/es/useFullscreen/index.js

@@ -0,0 +1,95 @@
+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 { useState } from 'react';
+import useLatest from 'ahooks/es/useLatest';
+import useMemoizedFn from 'ahooks/es/useMemoizedFn';
+import useUnmount from 'ahooks/es/useUnmount';
+import { getTargetElement } from 'ahooks/es/utils/domTarget';
+import screenfull from 'screenfull';
+
+var useFullscreen = function useFullscreen(target, options) {
+  var _ref = options || {},
+      onExit = _ref.onExit,
+      onEnter = _ref.onEnter;
+
+  var onExitRef = useLatest(onExit);
+  var onEnterRef = useLatest(onEnter);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var onChange = function onChange() {
+    var _a, _b;
+
+    if (screenfull.isEnabled) {
+      var el = getTargetElement(target);
+      var isFullscreen = document.fullscreenElement === el;
+
+      if (isFullscreen) {
+        (_a = onEnterRef.current) === null || _a === void 0 ? void 0 : _a.call(onEnterRef);
+      } else {
+        screenfull.off('change', onChange);
+        (_b = onExitRef.current) === null || _b === void 0 ? void 0 : _b.call(onExitRef);
+      }
+
+      setState(isFullscreen);
+    }
+  };
+
+  var enterFullscreen = function enterFullscreen() {
+    var el = getTargetElement(target);
+
+    if (!el) {
+      return;
+    }
+
+    if (screenfull.isEnabled) {
+      try {
+        screenfull.request(el);
+        screenfull.on('change', onChange);
+      } catch (error) {
+        console.error(error);
+      }
+    }
+  };
+
+  var exitFullscreen = function exitFullscreen() {
+    if (screenfull.isEnabled) {
+      screenfull.exit();
+    }
+  };
+
+  var toggleFullscreen = function toggleFullscreen() {
+    if (state) {
+      exitFullscreen();
+    } else {
+      enterFullscreen();
+    }
+  };
+
+  useUnmount(function () {
+    if (screenfull.isEnabled) {
+      screenfull.off('change', onChange);
+    }
+  });
+  return [state, {
+    enterFullscreen: useMemoizedFn(enterFullscreen),
+    exitFullscreen: useMemoizedFn(exitFullscreen),
+    toggleFullscreen: useMemoizedFn(toggleFullscreen),
+    isEnabled: screenfull.isEnabled
+  }];
+};
+
+export default useFullscreen;

package/es/utils.js

@@ -49,7 +49,7 @@ export function getPlaceCodesWithParent(areaCode) {
     return v[key] === areaCode;
   });
 
-  if (info && info.pcodes) {
+  if (info === null || info === void 0 ? void 0 : info.pcodes) {
     return info.pcodes.reverse();
   }
 

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.0.11",
+  "version": "3.0.14",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -36,7 +36,8 @@
     "hls.js": "^1.2.1",
     "immer": "^9.0.15",
     "lodash-es": "^4.17.21",
-    "moment": "^2.29.4"
+    "moment": "^2.29.4",
+    "screenfull": "^6.0.2"
   },
   "devDependencies": {
     "@cloud-app-dev/utils": "^4.0.1",

package/es/List/renderItem.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CheckboxChangeEvent } from 'antd/lib/checkbox';
-interface IRenderItempProps<T> {
-    item: T;
-    checkedKeys: any[];
-    activeKey: any;
-    style?: React.CSSProperties;
-    itemNameKey: string;
-    renderItemExt?: (item: T) => JSX.Element;
-    whatIcon?: (item: T) => JSX.Element;
-    itemKey?: string;
-    checkable?: boolean;
-    keywords?: string;
-    onChecked?: (e: CheckboxChangeEvent) => void;
-    onClickItem?: (item: T) => void;
-    onMouseOverItem?: (item: T) => void;
-    onMouseOutItem?: (item: T) => void;
-}
-export declare function RenderItem({ item, checkedKeys, activeKey, style, itemNameKey, itemKey, checkable, keywords, ...props }: IRenderItempProps<any>): JSX.Element;
-export {};

package/es/List/renderItem.js

@@ -1,71 +0,0 @@
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
-import { __rest } from "tslib";
-import React, { useCallback, useMemo } from 'react';
-import HightLevel from '../HightLevel';
-export function RenderItem(_a) {
-  var item = _a.item,
-      checkedKeys = _a.checkedKeys,
-      activeKey = _a.activeKey,
-      style = _a.style,
-      itemNameKey = _a.itemNameKey,
-      itemKey = _a.itemKey,
-      checkable = _a.checkable,
-      keywords = _a.keywords,
-      props = __rest(_a, ["item", "checkedKeys", "activeKey", "style", "itemNameKey", "itemKey", "checkable", "keywords"]);
-
-  var renderItemExt = props.renderItemExt,
-      whatIcon = props.whatIcon,
-      onChecked = props.onChecked,
-      onClickItem = props.onClickItem,
-      onMouseOverItem = props.onMouseOverItem,
-      onMouseOutItem = props.onMouseOutItem;
-  var checked = checkedKeys ? checkedKeys.includes(item[itemKey]) : false;
-  var active = !activeKey ? false : Array.isArray(activeKey) ? activeKey.includes(item[itemKey]) : activeKey === item[itemKey];
-  var itemIcon = whatIcon ? whatIcon(item) : null;
-  var itemClick = useCallback(function (e) {
-    return e.stopPropagation();
-  }, []);
-
-  var _onMouseOver = useCallback(function (item) {
-    return onMouseOverItem && onMouseOverItem(item);
-  }, []);
-
-  var _onMouseOut = useCallback(function (item) {
-    return onMouseOutItem && onMouseOutItem(item);
-  }, []);
-
-  var _onClick = useCallback(function (item) {
-    return onClickItem && onClickItem(item);
-  }, []);
-
-  var className = useMemo(function () {
-    return "list-item ".concat(checkable ? 'has-check-box' : '', " ").concat(active ? 'list-item-active' : '');
-  }, [checkable, active]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: style,
-    className: className,
-    onClick: function onClick() {
-      return _onClick(item);
-    },
-    onMouseOver: function onMouseOver() {
-      return _onMouseOver(item);
-    },
-    onMouseOut: function onMouseOut() {
-      return _onMouseOut(item);
-    }
-  }, /*#__PURE__*/React.createElement("label", null, checkable && /*#__PURE__*/React.createElement(_Checkbox, {
-    value: item[itemKey],
-    disabled: item.disabled,
-    onClick: itemClick,
-    checked: checked,
-    onChange: onChecked
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "item-info"
-  }, itemIcon, keywords ? /*#__PURE__*/React.createElement(HightLevel, {
-    name: item[itemNameKey],
-    keyword: keywords
-  }) : /*#__PURE__*/React.createElement("span", {
-    title: item[itemNameKey]
-  }, item[itemNameKey])), renderItemExt && renderItemExt(item)));
-}