@nocobase/plugin-file-manager 2.1.0-beta.35 → 2.1.0-beta.37

package/dist/node_modules/pdfjs-dist/web/pdf_viewer.d.mts

@@ -0,0 +1 @@
+export * from "../types/web/pdf_viewer.component.js";

package/dist/node_modules/url-join/package.json

@@ -1 +1 @@
-{"name":"url-join","version":"4.0.1","description":"Join urls and normalize as in path.join.","main":"lib/url-join.js","scripts":{"test":"mocha --require should"},"repository":{"type":"git","url":"git://github.com/jfromaniello/url-join.git"},"keywords":["url","join"],"author":"José F. Romaniello <jfromaniello@gmail.com> (http://joseoncode.com)","license":"MIT","devDependencies":{"conventional-changelog":"^1.1.10","mocha":"^3.2.0","should":"~1.2.1"},"_lastModified":"2026-05-19T16:49:22.570Z"}
+{"name":"url-join","version":"4.0.1","description":"Join urls and normalize as in path.join.","main":"lib/url-join.js","scripts":{"test":"mocha --require should"},"repository":{"type":"git","url":"git://github.com/jfromaniello/url-join.git"},"keywords":["url","join"],"author":"José F. Romaniello <jfromaniello@gmail.com> (http://joseoncode.com)","license":"MIT","devDependencies":{"conventional-changelog":"^1.1.10","mocha":"^3.2.0","should":"~1.2.1"},"_lastModified":"2026-05-26T00:45:18.931Z"}

package/dist/shared/previewer/filePreviewTypes.d.ts

@@ -34,6 +34,7 @@ export declare function getFileUrl(file: any): any;
 export declare function matchMimetype(file: any, type: string): any;
 export declare const getFileExt: (file: any, url?: string) => string;
 export declare const isActiveContentFile: (file: any, url?: string) => boolean;
+export declare const isPdfFile: (file: any, url?: string) => boolean;
 export declare const getFileName: (file: any, url?: string) => any;
 export declare const getDownloadFileName: (file: any, url?: string) => string;
 export declare const getFallbackIcon: (file: any, url?: string) => string;

package/dist/shared/previewer/filePreviewTypes.js

@@ -47,6 +47,7 @@ __export(filePreviewTypes_exports, {
   getPreviewFileUrl: () => getPreviewFileUrl,
   getPreviewThumbnailUrl: () => getPreviewThumbnailUrl,
   isActiveContentFile: () => isActiveContentFile,
+  isPdfFile: () => isPdfFile,
   matchMimetype: () => matchMimetype,
   normalizePreviewFile: () => normalizePreviewFile,
   wrapWithModalPreviewer: () => wrapWithModalPreviewer
@@ -58,6 +59,7 @@ var import_antd = require("antd");
 var import_mime_match = __toESM(require("mime-match"));
 var import_react_i18next = require("react-i18next");
 var import_locale = require("../locale");
+const import_meta = {};
 class FilePreviewTypes {
   types = [];
   add(type) {
@@ -125,8 +127,8 @@ const FALLBACK_ICON_MAP = {
   svg: "/file-placeholder/svg-200-200.png",
   default: "/file-placeholder/unknown-200-200.png"
 };
-const ACTIVE_CONTENT_MIMETYPES = /* @__PURE__ */ new Set(["application/xhtml+xml", "image/svg+xml", "text/html"]);
-const ACTIVE_CONTENT_EXTENSIONS = /* @__PURE__ */ new Set(["htm", "html", "svg", "svgz", "xhtml"]);
+const ACTIVE_CONTENT_MIMETYPES = /* @__PURE__ */ new Set(["application/pdf", "application/xhtml+xml", "image/svg+xml", "text/html"]);
+const ACTIVE_CONTENT_EXTENSIONS = /* @__PURE__ */ new Set(["htm", "html", "pdf", "svg", "svgz", "xhtml"]);
 const stripQueryAndHash = (url) => url.split("?")[0].split("#")[0];
 const getExtFromName = (value) => {
   if (!value) {
@@ -187,7 +189,12 @@ const getNameFromUrl = (url) => {
   }
   const clean = stripQueryAndHash(url);
   const index = clean.lastIndexOf("/");
-  return index !== -1 ? clean.slice(index + 1) : clean;
+  const name = index !== -1 ? clean.slice(index + 1) : clean;
+  try {
+    return decodeURIComponent(name);
+  } catch (error) {
+    return name;
+  }
 };
 const getFileExt = (file, url) => {
   if (file && typeof file === "object") {
@@ -209,8 +216,15 @@ const isActiveContentFile = (file, url) => {
   const ext = getFileExt(file, url);
   return ACTIVE_CONTENT_EXTENSIONS.has(ext);
 };
+const isPdfFile = (file, url) => {
+  const mimetype = (file == null ? void 0 : file.mimetype) || (file == null ? void 0 : file.type);
+  if (typeof mimetype === "string" && mimetype.toLowerCase() === "application/pdf") {
+    return true;
+  }
+  return getFileExt(file, url) === "pdf";
+};
 const getFileName = (file, url) => {
-  const nameFromUrl = getNameFromUrl(url);
+  const nameFromUrl = getNameFromUrl(url || getFileUrl(file));
   if (!file || typeof file === "string") {
     return nameFromUrl;
   }
@@ -359,6 +373,218 @@ const IframePreviewer = ({ file }) => {
   }
   return /* @__PURE__ */ import_react.default.createElement("iframe", { src, width: "100%", height: "100%", style: { border: "none" } });
 };
+let pdfjsPromise = null;
+const loadPdfJs = async () => {
+  if (!pdfjsPromise) {
+    pdfjsPromise = import("pdfjs-dist/build/pdf.mjs");
+  }
+  return pdfjsPromise;
+};
+const PDF_SCALE = 1.4;
+const PdfPreviewer = ({ file }) => {
+  const { t } = (0, import_react_i18next.useTranslation)();
+  const src = getFileUrl(file);
+  const pageElsRef = import_react.default.useRef(/* @__PURE__ */ new Map());
+  const sessionRef = import_react.default.useRef(null);
+  const [meta, setMeta] = import_react.default.useState(null);
+  const [error, setError] = import_react.default.useState(false);
+  import_react.default.useEffect(() => {
+    if (!src) {
+      return;
+    }
+    const session = {
+      cancelled: false,
+      abortController: new AbortController(),
+      rendered: /* @__PURE__ */ new Set(),
+      inFlight: /* @__PURE__ */ new Set(),
+      loadingTasks: [],
+      renderTasks: []
+    };
+    sessionRef.current = session;
+    setMeta(null);
+    setError(false);
+    const init = async () => {
+      const pdfjs = await loadPdfJs();
+      if (session.cancelled) {
+        return;
+      }
+      session.pdfjs = pdfjs;
+      const url = new URL(src, location.href);
+      const response = await fetch(url, {
+        credentials: url.origin === location.origin ? "include" : "omit",
+        signal: session.abortController.signal
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to load PDF: ${response.status}`);
+      }
+      const data = new Uint8Array(await response.arrayBuffer());
+      if (session.cancelled) {
+        return;
+      }
+      session.data = data;
+      session.worker = pdfjs.PDFWorker.create({
+        port: new Worker(new URL("pdfjs-dist/build/pdf.worker.min.mjs", import_meta.url), { type: "module" })
+      });
+      const metaTask = pdfjs.getDocument({
+        data: data.slice(0),
+        isEvalSupported: false,
+        enableXfa: false,
+        useWasm: false,
+        worker: session.worker
+      });
+      session.loadingTasks.push(metaTask);
+      const metaPdf = await metaTask.promise;
+      if (session.cancelled) {
+        return;
+      }
+      session.metaPdf = metaPdf;
+      const viewport = (await metaPdf.getPage(1)).getViewport({ scale: PDF_SCALE });
+      if (session.cancelled) {
+        return;
+      }
+      setMeta({ numPages: metaPdf.numPages, width: viewport.width, height: viewport.height });
+    };
+    init().catch(() => {
+      if (!session.cancelled) {
+        setError(true);
+      }
+    });
+    return () => {
+      var _a, _b, _c;
+      session.cancelled = true;
+      session.abortController.abort();
+      (_a = session.observer) == null ? void 0 : _a.disconnect();
+      session.renderTasks.forEach((task) => {
+        var _a2;
+        return (_a2 = task.cancel) == null ? void 0 : _a2.call(task);
+      });
+      session.loadingTasks.forEach((task) => {
+        var _a2;
+        return (_a2 = task.destroy) == null ? void 0 : _a2.call(task);
+      });
+      (_c = (_b = session.worker) == null ? void 0 : _b.destroy) == null ? void 0 : _c.call(_b);
+    };
+  }, [src]);
+  import_react.default.useEffect(() => {
+    const session = sessionRef.current;
+    if (!meta || !(session == null ? void 0 : session.pdfjs) || !session.metaPdf) {
+      return;
+    }
+    const { pdfjs, metaPdf } = session;
+    const renderPage = async (pageNumber) => {
+      var _a;
+      if (session.cancelled || session.rendered.has(pageNumber) || session.inFlight.has(pageNumber)) {
+        return;
+      }
+      const wrapper = pageElsRef.current.get(pageNumber);
+      if (!wrapper) {
+        return;
+      }
+      session.inFlight.add(pageNumber);
+      let task;
+      try {
+        let pdf;
+        if (pageNumber === 1 || !session.data) {
+          pdf = metaPdf;
+        } else {
+          task = pdfjs.getDocument({
+            data: session.data.slice(0),
+            isEvalSupported: false,
+            enableXfa: false,
+            useWasm: false,
+            worker: session.worker
+          });
+          session.loadingTasks.push(task);
+          pdf = await task.promise;
+        }
+        if (session.cancelled) {
+          return;
+        }
+        const page = await pdf.getPage(pageNumber);
+        const viewport = page.getViewport({ scale: PDF_SCALE });
+        const context = document.createElement("canvas").getContext("2d");
+        if (!context) {
+          return;
+        }
+        const canvas = context.canvas;
+        canvas.width = viewport.width;
+        canvas.height = viewport.height;
+        canvas.style.display = "block";
+        canvas.style.width = "100%";
+        canvas.style.height = "auto";
+        wrapper.style.aspectRatio = "";
+        wrapper.replaceChildren(canvas);
+        const renderTask = page.render({
+          canvas,
+          canvasContext: context,
+          viewport,
+          annotationMode: pdfjs.AnnotationMode.DISABLE
+        });
+        session.renderTasks.push(renderTask);
+        await renderTask.promise;
+        if (session.cancelled) {
+          return;
+        }
+        session.rendered.add(pageNumber);
+        (_a = session.observer) == null ? void 0 : _a.unobserve(wrapper);
+      } catch (renderError) {
+      } finally {
+        task == null ? void 0 : task.destroy();
+        session.inFlight.delete(pageNumber);
+      }
+    };
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            renderPage(Number(entry.target.dataset.page));
+          }
+        }
+      },
+      { rootMargin: "300px 0px" }
+    );
+    session.observer = observer;
+    pageElsRef.current.forEach((el) => observer.observe(el));
+    return () => {
+      observer.disconnect();
+      if (session.observer === observer) {
+        session.observer = void 0;
+      }
+    };
+  }, [meta]);
+  if (!src) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%", minHeight: "100%", padding: 16 } }, error ? /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Alert,
+    {
+      type: "warning",
+      showIcon: true,
+      message: t("File type is not supported for previewing, please download it to preview.")
+    }
+  ) : null, !meta && !error ? /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", justifyContent: "center", padding: 48 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, null)) : null, meta ? Array.from({ length: meta.numPages }, (_, index) => index + 1).map((pageNumber) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      key: pageNumber,
+      "data-page": pageNumber,
+      ref: (el) => {
+        if (el) {
+          pageElsRef.current.set(pageNumber, el);
+        } else {
+          pageElsRef.current.delete(pageNumber);
+        }
+      },
+      style: {
+        width: "100%",
+        maxWidth: meta.width,
+        margin: "0 auto 16px",
+        aspectRatio: `${meta.width} / ${meta.height}`,
+        background: "#fff",
+        border: "1px solid #f0f0f0"
+      }
+    }
+  )) : null);
+};
 const AudioPreviewer = ({ file }) => {
   const { t } = (0, import_react_i18next.useTranslation)();
   const src = getFileUrl(file);
@@ -376,7 +602,6 @@ const VideoPreviewer = ({ file }) => {
   return /* @__PURE__ */ import_react.default.createElement("video", { controls: true, width: "100%", height: "100%" }, /* @__PURE__ */ import_react.default.createElement("source", { src, type: (file == null ? void 0 : file.type) || (file == null ? void 0 : file.mimetype) }), t("Your browser does not support the video tag."));
 };
 const UnsupportedPreviewer = (props) => {
-  const { t } = (0, import_react_i18next.useTranslation)();
   const { file } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Alert,
@@ -407,7 +632,7 @@ filePreviewTypes.add({
 });
 filePreviewTypes.add({
   match(file) {
-    return ["text/plain", "application/pdf", "application/json"].some((type) => matchMimetype(file, type));
+    return ["text/plain", "application/json"].some((type) => matchMimetype(file, type));
   },
   Previewer: wrapWithModalPreviewer(IframePreviewer)
 });
@@ -429,6 +654,12 @@ filePreviewTypes.add({
   },
   Previewer: wrapWithModalPreviewer(UnsupportedPreviewer)
 });
+filePreviewTypes.add({
+  match(file) {
+    return isPdfFile(file, getFileUrl(file));
+  },
+  Previewer: wrapWithModalPreviewer(PdfPreviewer)
+});
 const FilePreviewRenderer = (props) => {
   const normalized = normalizePreviewFile(props.file);
   if (!normalized) {
@@ -453,6 +684,7 @@ const FilePreviewRenderer = (props) => {
   getPreviewFileUrl,
   getPreviewThumbnailUrl,
   isActiveContentFile,
+  isPdfFile,
   matchMimetype,
   normalizePreviewFile,
   wrapWithModalPreviewer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocobase/plugin-file-manager",
-  "version": "2.1.0-beta.35",
+  "version": "2.1.0-beta.37",
   "displayName": "File manager",
   "displayName.ru-RU": "Менеджер файлов",
   "displayName.zh-CN": "文件管理器",
@@ -27,6 +27,7 @@
     "antd": "5.x",
     "axios": "^1.7.0",
     "cos-nodejs-sdk-v5": "^2.11.14",
+    "file-type": "^21.0.0",
     "koa-static": "^5.0.0",
     "mime-match": "^1.0.2",
     "mime-types": "^3.0.1",
@@ -34,14 +35,12 @@
     "multer": "^1.4.5-lts.2",
     "multer-s3": "^3.0.1",
     "multistream": "^4.1.0",
+    "pdfjs-dist": "^5.3.31",
     "react": "^18.2.0",
     "react-i18next": "^11.15.1",
     "supertest": "^6.1.6",
     "url-join": "4.0.1"
   },
-  "dependencies": {
-    "file-type": "^21.0.0"
-  },
   "peerDependencies": {
     "@nocobase/actions": "2.x",
     "@nocobase/client": "2.x",
@@ -58,5 +57,5 @@
     "Collections",
     "Collection fields"
   ],
-  "gitHead": "74310d8b9e9581fcde14b5a93d12b41ddb5bb325"
+  "gitHead": "7132e5b83ecc0e42b54715eaf1429c72bcef34ae"
 }

package/dist/client-v2/942.2afbcac7b1a3c330.js

@@ -1,10 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-
-"use strict";(self.webpackChunk_nocobase_plugin_file_manager_client_v2=self.webpackChunk_nocobase_plugin_file_manager_client_v2||[]).push([["942"],{837:function(e,t,r){r.r(t),r.d(t,{default:function(){return E}});var n=r(375),a=r(477),o=r(485),l=r(694),u=r(625),i=r(59),c=r(773),s=r(155),f=r.n(s),p=r(488),d=r(124);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function y(e,t,r,n,a,o,l){try{var u=e[o](l),i=u.value}catch(e){r(e);return}u.done?t(i):Promise.resolve(i).then(n,a)}function b(e){return function(){var t=this,r=arguments;return new Promise(function(n,a){var o=e.apply(t,r);function l(e){y(o,n,a,l,u,"next",e)}function u(e){y(o,n,a,l,u,"throw",e)}l(void 0)})}}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r,n,a=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var o=[],l=!0,u=!1;try{for(a=a.call(e);!(l=(r=a.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){u=!0,n=e}finally{try{l||null==a.return||a.return()}finally{if(u)throw n}}return o}}(e,t)||v(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){if(e){if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return m(e,t)}}function h(e,t){var r,n,a,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},l=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),u=Object.defineProperty;return u(l,"next",{value:i(0)}),u(l,"throw",{value:i(1)}),u(l,"return",{value:i(2)}),"function"==typeof Symbol&&u(l,Symbol.iterator,{value:function(){return this}}),l;function i(u){return function(i){var c=[u,i];if(r)throw TypeError("Generator is already executing.");for(;l&&(l=0,c[0]&&(o=0)),o;)try{if(r=1,n&&(a=2&c[0]?n.return:c[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,c[1])).done)return a;switch(n=0,a&&(c=[2&c[0],a.value]),c[0]){case 0:case 1:a=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,n=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(a=(a=o.trys).length>0&&a[a.length-1])&&(6===c[0]||2===c[0])){o=0;continue}if(3===c[0]&&(!a||c[1]>a[0]&&c[1]<a[3])){o.label=c[1];break}if(6===c[0]&&o.label<a[1]){o.label=a[1],a=c;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(c);break}a[2]&&o.ops.pop(),o.trys.pop();continue}c=t.call(e,o)}catch(e){c=[6,e],n=0}finally{r=a=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}function w(){var e,t,r=(e=["\n      .ant-radio-group {\n        display: flex;\n        flex-wrap: wrap;\n        gap: ","px;\n      }\n\n      .ant-radio-wrapper {\n        margin-inline-end: 0;\n        max-width: 100%;\n      }\n    "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return w=function(){return r},r}function S(){return(0,l.useFlowContext)().api.resource("storages")}function O(e){var t,r=(0,p.k)(),n=S(),l=g(i.Form.useForm(),1)[0],u=g((0,s.useState)(!1),2),d=u[0],m=u[1],y=(t=i.theme.useToken().token,(0,s.useMemo)(function(){return(0,a.css)(w(),t.marginSM)},[t.marginSM])),v=(0,s.useMemo)(function(){var t,r,n={mode:e.mode,storageType:e.storageType,record:e.record};return"edit"===n.mode?(0,c.cloneDeep)(n.record||{}):(t=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({},(0,c.cloneDeep)(n.storageType.defaultValues||{})),r=r={type:n.storageType.name,name:"s_".concat(Math.random().toString(36).slice(2,12))},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):(function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t})(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}),t)},[e.mode,e.record,e.storageType]);(0,s.useEffect)(function(){l.setFieldsValue(v)},[l,v]);var O=(0,s.useCallback)(function(){return b(function(){var t,r;return h(this,function(a){switch(a.label){case 0:return[4,l.validateFields()];case 1:t=a.sent(),m(!0),a.label=2;case 2:if(a.trys.push([2,,7,8]),"create"!==e.mode)return[3,4];return[4,n.create({values:t})];case 3:return a.sent(),[3,6];case 4:return[4,n.update({filterByTk:null==(r=e.record)?void 0:r.id,values:t})];case 5:a.sent(),a.label=6;case 6:return e.onSubmitted(),[3,8];case 7:return m(!1),[7];case 8:return[2]}})})()},[l,e,n]),E=(0,s.useMemo)(function(){return(0,s.lazy)(e.storageType.formLoader)},[e.storageType]),k="".concat(r("create"===e.mode?"Add new":"Edit")," - ").concat(r(e.storageType.title));return f().createElement(o.DrawerFormLayout,{title:k,onSubmit:O,submitting:d,submitText:r("Submit"),cancelText:r("Cancel")},f().createElement(i.Form,{form:l,layout:"vertical",initialValues:v,className:y},f().createElement(i.Form.Item,{name:"type",hidden:!0},f().createElement(i.Input,null)),f().createElement(s.Suspense,{fallback:f().createElement(i.Spin,null)},f().createElement(E,null))))}function E(){var e=(0,p.k)(),t=(0,l.useFlowContext)(),r=i.theme.useToken().token,a=i.App.useApp(),c=a.modal,y=a.message,w=S(),E=t.app.pm.get(d.S),k=(0,s.useMemo)(function(){var e;return function(e){if(Array.isArray(e))return m(e)}(e=E.storageTypes.values())||function(e){if("u">typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||v(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()},[E]),j=g((0,s.useState)(1),2),T=j[0],A=j[1],x=g((0,s.useState)(o.DEFAULT_PAGE_SIZE),2),C=x[0],P=x[1],D=g((0,s.useState)([]),2),_=D[0],I=D[1],F=(0,u.useRequest)(function(){return b(function(){return h(this,function(e){switch(e.label){case 0:return[4,w.list({page:T,pageSize:C,sort:["id"],appends:[]})];case 1:var t,r,n,a,o;return[2,{records:a=Array.isArray(n=null==(r=null==(t=e.sent())?void 0:t.data)?void 0:r.data)?n:Array.isArray(null==n?void 0:n.data)?n.data:[],total:(o=(null==r?void 0:r.meta)||(null==n?void 0:n.meta)||{}).count||o.total||a.length}]}})})()},{refreshDeps:[T,C]}),M=F.data,z=F.loading,B=F.refresh,L=(0,u.useMemoizedFn)(function(e,t){if(t!==C){P(t),A(1);return}A(e)}),V=(0,s.useCallback)(function(e,r,n){t.viewer.drawer({width:"50%",content:function(){return f().createElement(O,{mode:e,storageType:r,record:n,onSubmitted:function(){return B()}})}})},[t.viewer,B]),G=(0,s.useCallback)(function(t){c.confirm({title:e("Delete"),content:e("Are you sure you want to delete it?"),onOk:function(){return b(function(){return h(this,function(e){switch(e.label){case 0:return[4,w.destroy({filterByTk:t})];case 1:return e.sent(),I([]),B(),[2]}})})()}})},[c,B,w,e]),K=(0,s.useMemo)(function(){return[{title:e("Title"),dataIndex:"title"},{title:e("Storage name"),dataIndex:"name"},{title:e("Default storage"),dataIndex:"default",render:function(e){return e?f().createElement(n.CheckOutlined,{style:{color:r.colorSuccess}}):null}},{title:e("Actions"),render:function(t,r){return f().createElement(i.Space,null,f().createElement("a",{onClick:function(){var t=E.getStorageType(r.type);t?V("edit",t,r):y.error(e("Storage type {{type}} is not registered, please check if related plugin is enabled.").replace("{{type}}",r.type||""))}},e("Edit")),f().createElement("a",{onClick:function(){return G(r.id)}},e("Delete")))}}]},[E,G,y,V,e]);return f().createElement(i.Card,{variant:"borderless"},f().createElement("div",{style:{display:"flex",justifyContent:"flex-end",gap:8,marginBottom:16}},f().createElement(i.Button,{icon:f().createElement(n.DeleteOutlined,null),disabled:!_.length,onClick:function(){return G(_)}},e("Delete")),f().createElement(i.Dropdown,{menu:{items:k.map(function(t){return{key:t.name,label:e(t.title)}}),onClick:function(e){var t=E.getStorageType(e.key);t&&V("create",t)}}},f().createElement(i.Button,{type:"primary",icon:f().createElement(n.PlusOutlined,null)},e("Add new")," ",f().createElement(n.DownOutlined,null)))),f().createElement(o.Table,{rowKey:"id",loading:z,columns:K,dataSource:(null==M?void 0:M.records)||[],rowSelection:{selectedRowKeys:_,onChange:I},pagination:{current:T,pageSize:C,total:(null==M?void 0:M.total)||0,onChange:L}}))}}}]);