@teamias/rex-design 0.1.11 → 0.1.12

package/dist/components/file-viewer/core/file-viewer-root.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export declare const context: {
     domId: string;
     portals: Record<string, React.ReactPortal>;
-    update: () => void;
+    update: (() => void) | undefined;
+    renderCounter: number;
 };
 export declare const FileViewerRoot: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/file-viewer/core/file-viewer-root.js

@@ -5,21 +5,42 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useStateData } from "../../../hooks";
+import { useDebounceEffect } from 'ahooks';
 import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var context = {
   domId: 'rex-file-viewer-root',
   portals: {},
-  update: function update() {}
+  update: undefined,
+  renderCounter: 0
 };
 export var FileViewerRoot = function FileViewerRoot() {
   var _useStateData = useStateData(function () {
-      return {};
+      return {
+        rendering: true
+      };
     }),
-    update = _useStateData.update;
-  context.update = update;
+    update = _useStateData.update,
+    setState = _useStateData.setState,
+    state = _useStateData.state;
+  if (!context.update) {
+    context.update = update;
+  }
+  useDebounceEffect(function () {
+    context.renderCounter += 1;
+    if (context.renderCounter > 1) {
+      console.warn('FileViewerRoot component can only exist once in the page, please check the code!');
+      setState('rendering', false);
+    }
+    return function () {
+      context.renderCounter -= 1;
+    };
+  }, [], {
+    wait: 0
+  });
+  if (!state.rendering) return /*#__PURE__*/_jsx(_Fragment, {});
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
       id: context.domId

package/dist/components/file-viewer/core/index.js

@@ -21,6 +21,7 @@ export { FileViewerRoot } from "./file-viewer-root";
 /** 资源展示 */
 export var showFileViewer = function showFileViewer(options) {
   try {
+    var _context$update2;
     var fileType = options.fileType,
       fileUrl = options.fileUrl,
       fileName = options.fileName,
@@ -32,12 +33,13 @@ export var showFileViewer = function showFileViewer(options) {
       fileName: fileName !== null && fileName !== void 0 ? fileName : info.fileName,
       fileType: fileType !== null && fileType !== void 0 ? fileType : info.fileType,
       onDestroy: function onDestroy() {
+        var _context$update;
         delete context.portals[key];
-        context.update();
+        (_context$update = context.update) === null || _context$update === void 0 || _context$update.call(context);
       }
     })), document.getElementById(context.domId));
     context.portals[key] = portal;
-    context.update();
+    (_context$update2 = context.update) === null || _context$update2 === void 0 || _context$update2.call(context);
   } catch (error) {
     console.error('[showFileViewer]', error);
   }

package/dist/components/file-viewer/demo/Demo.js

@@ -1,11 +1,11 @@
-import { downloadResourceFile, FileViewerRoot, previewOrDownloadFile, showFileViewer } from "../../..";
+import { downloadResourceFile, previewOrDownloadFile, RexProConfigProvider, showFileViewer } from "../../..";
 import { Button, Flex } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function Demo() {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(FileViewerRoot, {}), /*#__PURE__*/_jsxs(Flex, {
+  return /*#__PURE__*/_jsx(RexProConfigProvider, {
+    value: {},
+    children: /*#__PURE__*/_jsxs(Flex, {
       vertical: true,
       gap: 16,
       children: [/*#__PURE__*/_jsx(Button, {
@@ -56,6 +56,6 @@ export default function Demo() {
         },
         children: "[json]\u81EA\u52A8\u8BC6\u522B\u6587\u4EF6, \u8FDB\u884C\u9884\u89C8\u6216\u4E0B\u8F7D"
       })]
-    })]
+    })
   });
 }

package/dist/context/rex-pro-config-provider/rex-pro-config-provider.js

@@ -4,9 +4,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { FileViewerRoot } from "../..";
 import { RawIntlProvider } from 'react-intl';
 import { defaultApiClient, defaultIntl, RexProConfigContext } from "./rex-pro-config-context";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var RexProConfigProvider = function RexProConfigProvider(_ref) {
   var _value$intl, _value$apiClient;
   var value = _ref.value,
@@ -18,9 +20,9 @@ export var RexProConfigProvider = function RexProConfigProvider(_ref) {
       intl: intl,
       apiClient: apiClient
     }),
-    children: /*#__PURE__*/_jsx(RawIntlProvider, {
+    children: /*#__PURE__*/_jsxs(RawIntlProvider, {
       value: intl,
-      children: children
+      children: [children, /*#__PURE__*/_jsx(FileViewerRoot, {})]
     })
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamias/rex-design",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",