@blocklet/pages-kit 0.6.52 → 0.6.55

package/lib/cjs/builtin/uploader.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -12,6 +35,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@blocklet/uploader/react");
 const Upload_1 = __importDefault(require("@mui/icons-material/Upload"));
 const material_1 = require("@mui/material");
+const react_2 = require("react");
+const UploaderProviderLib = (0, react_2.lazy)(() => 
+// eslint-disable-next-line import/no-unresolved
+Promise.resolve().then(() => __importStar(require('@blocklet/uploader'))).then((res) => ({ default: res.UploaderProvider })));
 exports.useUploader = react_1.useUploaderContext;
 function UploaderButton({ onChange }) {
     const uploaderRef = (0, exports.useUploader)();
@@ -29,25 +56,25 @@ function UploaderButton({ onChange }) {
     return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleOpen, size: "small", children: (0, jsx_runtime_1.jsx)(Upload_1.default, {}) }, "uploader-trigger"));
 }
 function UploaderProvider({ children }) {
-    return ((0, jsx_runtime_1.jsx)(react_1.UploaderProvider, { popup: true, 
+    return ((0, jsx_runtime_1.jsx)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", width: "100%", height: "100%" }), children: (0, jsx_runtime_1.jsx)(UploaderProviderLib, { popup: true, 
+            // @ts-ignore
+            coreProps: {
+                restrictions: {
+                    allowedFileTypes: [
+                        'image/png',
+                        'image/jpeg',
+                        'image/gif',
+                        'image/webp',
+                        'image/svg+xml',
+                        'video/mp4',
+                        'video/webm',
+                        'audio/mpeg',
+                    ],
+                    maxNumberOfFiles: 1,
+                },
+            }, children: children }, "uploader"
         // @ts-ignore
-        coreProps: {
-            restrictions: {
-                allowedFileTypes: [
-                    'image/png',
-                    'image/jpeg',
-                    'image/gif',
-                    'image/webp',
-                    'image/svg+xml',
-                    'video/mp4',
-                    'video/webm',
-                    'audio/mpeg',
-                ],
-                maxNumberOfFiles: 1,
-            },
-        }, children: children }, "uploader"
-    // @ts-ignore
-    ));
+        ) }));
 }
 exports.default = UploaderProvider;
 function getVideoSize(url) {