@blocklet/pages-kit-inner-components 0.0.16 → 0.0.18

package/lib/cjs/uploader.js

@@ -1 +1 @@
-"use strict";var p=Object.create;var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var h=(e,o,n,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of g(o))!f.call(e,t)&&t!==n&&s(e,t,{get:()=>o[t],enumerable:!(r=m(o,t))||r.enumerable});return e};var v=(e,o,n)=>(n=e!=null?p(U(e)):{},h(o||!e||!e.__esModule?s(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("@mui/icons-material/Upload"),w=require("@mui/material"),l=require("react"),j=e=>e&&e.__esModule?e:{default:e},P=j(x),S=l.lazy(()=>import("@blocklet/uploader/react").then(e=>({default:e.Uploader}))),d=l.createContext(null);function u(){const e=l.useContext(d);if(!e)throw new Error("useUploader must be used within an UploaderProvider");return e}function _({onChange:e}){const o=u(),n=()=>{var t;const r=(t=o==null?void 0:o.current)==null?void 0:t.getUploader();r==null||r.open(),e&&r.onceUploadSuccess((...i)=>{e(...i)})};return a.jsx(w.IconButton,{size:"small",onClick:n,children:a.jsx(P.default,{})},"uploader-trigger")}function c({children:e}){const o=l.useRef(null),n=()=>{var t;((t=o==null?void 0:o.current)==null?void 0:t.getUploader()).close()};return a.jsxs(d.Provider,{value:o,children:[e,a.jsx(l.Suspense,{children:a.jsx(S,{ref:o,popup:!0,onUploadFinish:n,coreProps:{restrictions:{allowedFileTypes:["image/png","image/jpeg","image/gif","image/webp","image/svg+xml","video/mp4","video/webm","audio/mpeg"],maxNumberOfFiles:1}}},"uploader")})]})}function b(e){return new Promise((o,n)=>{const r=document.createElement("video");r.src=e,r.onloadedmetadata=()=>{const{videoWidth:t,videoHeight:i}=r;o({naturalWidth:t,naturalHeight:i})},r.onerror=t=>n(t)})}function z(e){return new Promise((o,n)=>{const r=new Image;r.src=e,r.onload=()=>{const{naturalWidth:t,naturalHeight:i}=r;o({naturalWidth:t,naturalHeight:i})},r.onerror=t=>n(t)})}exports.UploaderButton=_;exports.UploaderContext=d;exports.UploaderProvider=c;exports.default=c;exports.getImageSize=z;exports.getVideoSize=b;exports.useUploader=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),d=require("@blocklet/uploader/react"),s=require("@mui/icons-material/Upload"),c=require("@mui/material"),p=o=>o&&o.__esModule?o:{default:o},g=p(s),u=d.useUploaderContext;function m({onChange:o}){const r=u(),n=()=>{var t;const e=(t=r==null?void 0:r.current)==null?void 0:t.getUploader();e==null||e.open(),o&&e.onceUploadSuccess((...i)=>{o(...i)})};return a.jsx(c.IconButton,{size:"small",onClick:n,children:a.jsx(g.default,{})},"uploader-trigger")}function l({children:o}){return a.jsx(d.UploaderProvider,{popup:!0,coreProps:{restrictions:{allowedFileTypes:["image/png","image/jpeg","image/gif","image/webp","image/svg+xml","video/mp4","video/webm","audio/mpeg"],maxNumberOfFiles:1}},children:o},"uploader")}function f(o){return new Promise((r,n)=>{const e=document.createElement("video");e.src=o,e.onloadedmetadata=()=>{const{videoWidth:t,videoHeight:i}=e;r({naturalWidth:t,naturalHeight:i})},e.onerror=t=>n(t)})}function v(o){return new Promise((r,n)=>{const e=new Image;e.src=o,e.onload=()=>{const{naturalWidth:t,naturalHeight:i}=e;r({naturalWidth:t,naturalHeight:i})},e.onerror=t=>n(t)})}exports.UploaderButton=m;exports.UploaderProvider=l;exports.default=l;exports.getImageSize=v;exports.getVideoSize=f;exports.useUploader=u;

package/lib/es/uploader.js

@@ -1,81 +1,66 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import s from "@mui/icons-material/Upload";
-import { IconButton as u } from "@mui/material";
-import { lazy as c, createContext as p, useContext as m, useRef as g, Suspense as f } from "react";
-const h = c(() => import("@blocklet/uploader/react").then((o) => ({ default: o.Uploader }))), l = p(null);
-function U() {
-  const o = m(l);
-  if (!o)
-    throw new Error("useUploader must be used within an UploaderProvider");
-  return o;
-}
-function b({ onChange: o }) {
-  const r = U();
-  return /* @__PURE__ */ a(u, { size: "small", onClick: () => {
-    var n;
-    const e = (n = r == null ? void 0 : r.current) == null ? void 0 : n.getUploader();
-    e == null || e.open(), o && e.onceUploadSuccess((...i) => {
-      o(...i);
+import { jsx as a } from "react/jsx-runtime";
+import { useUploaderContext as d, UploaderProvider as l } from "@blocklet/uploader/react";
+import m from "@mui/icons-material/Upload";
+import { IconButton as p } from "@mui/material";
+const s = d;
+function v({ onChange: r }) {
+  const t = s();
+  return /* @__PURE__ */ a(p, { size: "small", onClick: () => {
+    var o;
+    const e = (o = t == null ? void 0 : t.current) == null ? void 0 : o.getUploader();
+    e == null || e.open(), r && e.onceUploadSuccess((...n) => {
+      r(...n);
     });
-  }, children: /* @__PURE__ */ a(s, {}) }, "uploader-trigger");
+  }, children: /* @__PURE__ */ a(m, {}) }, "uploader-trigger");
 }
-function z({ children: o }) {
-  const r = g(null), t = () => {
-    var n;
-    ((n = r == null ? void 0 : r.current) == null ? void 0 : n.getUploader()).close();
-  };
-  return /* @__PURE__ */ d(l.Provider, { value: r, children: [
-    o,
-    /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
-      h,
-      {
-        ref: r,
-        popup: !0,
-        onUploadFinish: t,
-        coreProps: {
-          restrictions: {
-            allowedFileTypes: [
-              "image/png",
-              "image/jpeg",
-              "image/gif",
-              "image/webp",
-              "image/svg+xml",
-              "video/mp4",
-              "video/webm",
-              "audio/mpeg"
-            ],
-            maxNumberOfFiles: 1
-          }
+function U({ children: r }) {
+  return /* @__PURE__ */ a(
+    l,
+    {
+      popup: !0,
+      coreProps: {
+        restrictions: {
+          allowedFileTypes: [
+            "image/png",
+            "image/jpeg",
+            "image/gif",
+            "image/webp",
+            "image/svg+xml",
+            "video/mp4",
+            "video/webm",
+            "audio/mpeg"
+          ],
+          maxNumberOfFiles: 1
         }
       },
-      "uploader"
-    ) })
-  ] });
+      children: r
+    },
+    "uploader"
+  );
 }
-function C(o) {
-  return new Promise((r, t) => {
+function h(r) {
+  return new Promise((t, i) => {
     const e = document.createElement("video");
-    e.src = o, e.onloadedmetadata = () => {
-      const { videoWidth: n, videoHeight: i } = e;
-      r({ naturalWidth: n, naturalHeight: i });
-    }, e.onerror = (n) => t(n);
+    e.src = r, e.onloadedmetadata = () => {
+      const { videoWidth: o, videoHeight: n } = e;
+      t({ naturalWidth: o, naturalHeight: n });
+    }, e.onerror = (o) => i(o);
   });
 }
-function F(o) {
-  return new Promise((r, t) => {
+function w(r) {
+  return new Promise((t, i) => {
     const e = new Image();
-    e.src = o, e.onload = () => {
-      const { naturalWidth: n, naturalHeight: i } = e;
-      r({ naturalWidth: n, naturalHeight: i });
-    }, e.onerror = (n) => t(n);
+    e.src = r, e.onload = () => {
+      const { naturalWidth: o, naturalHeight: n } = e;
+      t({ naturalWidth: o, naturalHeight: n });
+    }, e.onerror = (o) => i(o);
   });
 }
 export {
-  b as UploaderButton,
-  l as UploaderContext,
-  z as UploaderProvider,
-  z as default,
-  F as getImageSize,
-  C as getVideoSize,
-  U as useUploader
+  v as UploaderButton,
+  U as UploaderProvider,
+  U as default,
+  w as getImageSize,
+  h as getVideoSize,
+  s as useUploader
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -59,9 +59,9 @@
   "dependencies": {
     "@arcblock/did-auth": "^1.19.9",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^2.11.35",
-    "@arcblock/react-hooks": "^2.11.35",
-    "@arcblock/ux": "^2.11.35",
+    "@arcblock/did-connect": "^2.11.36",
+    "@arcblock/react-hooks": "^2.11.36",
+    "@arcblock/ux": "^2.11.36",
     "@blocklet/ai-kit": "^0.1.68",
     "@blocklet/ai-runtime": "^0.4.230",
     "@blocklet/code-editor": "^0.4.230",
@@ -73,9 +73,9 @@
     "@blocklet/sdk": "^1.16.38",
     "@blocklet/studio-ui": "^0.4.230",
     "@blocklet/tracker": "^1.16.38",
-    "@blocklet/ui-react": "^2.11.35",
-    "@blocklet/uploader": "^0.1.67",
-    "@blocklet/uploader-server": "^0.1.79",
+    "@blocklet/ui-react": "^2.11.36",
+    "@blocklet/uploader": "^0.1.68",
+    "@blocklet/uploader-server": "^0.1.80",
     "@emotion/cache": "^11.13.1",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.0",
@@ -195,7 +195,7 @@
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
     "@blocklet/pages-kit": "^0.4.9",
-    "@blocklet/pages-kit-block-studio": "^0.0.13"
+    "@blocklet/pages-kit-block-studio": "^0.0.14"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",