@nocobase/plugin-file-manager 0.11.1-alpha.5 → 0.12.0-alpha.2

package/dist/client/index.js

@@ -0,0 +1,979 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@nocobase/client"), require("react"), require("@nocobase/utils/client"), require("antd"), require("@formily/antd-v5"), require("@formily/react"), require("react-i18next"), require("@formily/shared")) : typeof define === "function" && define.amd ? define(["exports", "@nocobase/client", "react", "@nocobase/utils/client", "antd", "@formily/antd-v5", "@formily/react", "react-i18next", "@formily/shared"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@nocobase/plugin-file-manager"] = {}, global["@nocobase/client"], global.react, global["@nocobase/utils"], global.antd, global["@formily/antd-v5"], global["@formily/react"], global["react-i18next"], global["@formily/shared"]));
+})(this, function(exports2, client, require$$0, client$1, antd, antdV5, react, reactI18next, shared) {
+  "use strict";
+  var jsxRuntime = { exports: {} };
+  var reactJsxRuntime_production_min = {};
+  /**
+   * @license React
+   * react-jsx-runtime.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+  function q(c, a, g) {
+    var b, d = {}, e = null, h = null;
+    void 0 !== g && (e = "" + g);
+    void 0 !== a.key && (e = "" + a.key);
+    void 0 !== a.ref && (h = a.ref);
+    for (b in a)
+      m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c && c.defaultProps)
+      for (b in a = c.defaultProps, a)
+        void 0 === d[b] && (d[b] = a[b]);
+    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+  }
+  reactJsxRuntime_production_min.Fragment = l;
+  reactJsxRuntime_production_min.jsx = q;
+  reactJsxRuntime_production_min.jsxs = q;
+  {
+    jsxRuntime.exports = reactJsxRuntime_production_min;
+  }
+  var jsxRuntimeExports = jsxRuntime.exports;
+  const NAMESPACE = "file-manager";
+  function useFmTranslation() {
+    return reactI18next.useTranslation(NAMESPACE);
+  }
+  const schema = {
+    local: {
+      properties: {
+        documentRoot: {
+          title: `{{t("Destination", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          default: "uploads"
+        },
+        serve: {
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Checkbox",
+          "x-content": `{{t("Use the built-in static file server", { ns: "${NAMESPACE}" })}}`,
+          default: true
+        }
+      }
+    },
+    "ali-oss": {
+      properties: {
+        region: {
+          title: `{{t("Region", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        },
+        accessKeyId: {
+          title: `{{t("AccessKey ID", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        },
+        accessKeySecret: {
+          title: `{{t("AccessKey Secret", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Password",
+          required: true
+        },
+        bucket: {
+          title: `{{t("Bucket", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        }
+      }
+    },
+    "tx-cos": {
+      properties: {
+        Region: {
+          title: `{{t("Region", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        },
+        SecretId: {
+          title: `{{t("SecretId", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        },
+        SecretKey: {
+          title: `{{t("SecretKey", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Password",
+          required: true
+        },
+        Bucket: {
+          title: `{{t("Bucket", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        }
+      }
+    },
+    s3: {
+      properties: {
+        region: {
+          title: `{{t("Region", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        },
+        accessKeyId: {
+          title: `{{t("AccessKey ID", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        },
+        secretAccessKey: {
+          title: `{{t("AccessKey Secret", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Password",
+          required: true
+        },
+        bucket: {
+          title: `{{t("Bucket", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input",
+          required: true
+        },
+        endpoint: {
+          title: `{{t("Endpoint", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-decorator": "FormItem",
+          "x-component": "Input"
+        }
+      }
+    }
+  };
+  const StorageOptions = react.observer(
+    (props) => {
+      const form = react.useForm();
+      const field = react.useField();
+      const [s, setSchema] = require$$0.useState(new react.Schema({}));
+      require$$0.useEffect(() => {
+        setSchema(new react.Schema(schema[form.values.type] || {}));
+      }, [form.values.type]);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(antdV5.FormLayout, { layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsx(react.RecursionField, { basePath: field.address, onlyRenderProperties: true, schema: s }, form.values.type || "local") });
+    },
+    { displayName: "StorageOptions" }
+  );
+  const collection = {
+    name: "storages",
+    fields: [
+      {
+        type: "integer",
+        name: "title",
+        interface: "input",
+        uiSchema: {
+          title: '{{t("Title")}}',
+          type: "string",
+          "x-component": "Input",
+          required: true
+        }
+      },
+      {
+        type: "string",
+        name: "name",
+        interface: "input",
+        uiSchema: {
+          title: `{{t("Storage name", { ns: "${NAMESPACE}" })}}`,
+          descriptions: `{{t("Will be used for API", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-component": "Input"
+        }
+      },
+      {
+        type: "string",
+        name: "type",
+        interface: "select",
+        uiSchema: {
+          title: `{{t("Storage type", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-component": "Select",
+          required: true,
+          enum: [
+            { label: `{{t("Local storage", { ns: "${NAMESPACE}" })}}`, value: "local" },
+            { label: `{{t("Aliyun OSS", { ns: "${NAMESPACE}" })}}`, value: "ali-oss" },
+            { label: `{{t("Amazon S3", { ns: "${NAMESPACE}" })}}`, value: "s3" },
+            { label: `{{t("Tencent COS", { ns: "${NAMESPACE}" })}}`, value: "tx-cos" }
+          ]
+        }
+      },
+      {
+        type: "string",
+        name: "baseUrl",
+        interface: "input",
+        uiSchema: {
+          title: `{{t("Storage base URL", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-component": "Input",
+          required: true
+        }
+      },
+      {
+        type: "string",
+        name: "path",
+        interface: "input",
+        uiSchema: {
+          title: `{{t("Path", { ns: "${NAMESPACE}" })}}`,
+          type: "string",
+          "x-component": "Input"
+        }
+      },
+      {
+        type: "boolean",
+        name: "default",
+        interface: "boolean",
+        uiSchema: {
+          title: `{{t("Default storage", { ns: "${NAMESPACE}" })}}`,
+          type: "boolean",
+          "x-component": "Checkbox"
+        }
+      },
+      {
+        type: "boolean",
+        name: "paranoid",
+        interface: "boolean",
+        uiSchema: {
+          title: `{{t("Keep file in storage when destroy record", { ns: "${NAMESPACE}" })}}`,
+          type: "boolean",
+          "x-component": "Checkbox"
+        }
+      }
+    ]
+  };
+  const storageSchema = {
+    type: "object",
+    properties: {
+      [shared.uid()]: {
+        type: "void",
+        "x-decorator": "ResourceActionProvider",
+        "x-decorator-props": {
+          collection,
+          resourceName: "storages",
+          request: {
+            resource: "storages",
+            action: "list",
+            params: {
+              pageSize: 50,
+              sort: ["id"],
+              appends: []
+            }
+          }
+        },
+        "x-component": "CollectionProvider",
+        "x-component-props": {
+          collection
+        },
+        properties: {
+          actions: {
+            type: "void",
+            "x-component": "ActionBar",
+            "x-component-props": {
+              style: {
+                marginBottom: 16
+              }
+            },
+            properties: {
+              delete: {
+                type: "void",
+                title: '{{ t("Delete") }}',
+                "x-component": "Action",
+                "x-component-props": {
+                  useAction: "{{ cm.useBulkDestroyAction }}",
+                  confirm: {
+                    title: "{{t('Delete')}}",
+                    content: "{{t('Are you sure you want to delete it?')}}"
+                  }
+                }
+              },
+              create: {
+                type: "void",
+                title: '{{t("Add new")}}',
+                "x-component": "Action",
+                "x-component-props": {
+                  type: "primary"
+                },
+                properties: {
+                  drawer: {
+                    type: "void",
+                    "x-component": "Action.Drawer",
+                    "x-decorator": "Form",
+                    "x-decorator-props": {
+                      useValues(options) {
+                        const ctx = client.useActionContext();
+                        return client.useRequest(
+                          () => Promise.resolve({
+                            data: {
+                              name: `s_${shared.uid()}`
+                            }
+                          }),
+                          { ...options, refreshDeps: [ctx.visible] }
+                        );
+                      }
+                    },
+                    title: '{{t("Add new")}}',
+                    properties: {
+                      title: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      name: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem",
+                        description: '{{t("Randomly generated and can be modified. Support letters, numbers and underscores, must start with an letter.")}}'
+                      },
+                      baseUrl: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      type: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      options: {
+                        type: "object",
+                        "x-component": "StorageOptions"
+                      },
+                      path: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      default: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem",
+                        title: "",
+                        "x-content": `{{t("Default storage", { ns: "${NAMESPACE}" })}}`
+                      },
+                      paranoid: {
+                        title: "",
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem",
+                        "x-content": `{{t("Keep file in storage when destroy record", { ns: "${NAMESPACE}" })}}`
+                      },
+                      footer: {
+                        type: "void",
+                        "x-component": "Action.Drawer.Footer",
+                        properties: {
+                          cancel: {
+                            title: '{{t("Cancel")}}',
+                            "x-component": "Action",
+                            "x-component-props": {
+                              useAction: "{{ cm.useCancelAction }}"
+                            }
+                          },
+                          submit: {
+                            title: '{{t("Submit")}}',
+                            "x-component": "Action",
+                            "x-component-props": {
+                              type: "primary",
+                              useAction: "{{ cm.useCreateAction }}"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          },
+          table: {
+            type: "void",
+            "x-uid": "input",
+            "x-component": "Table.Void",
+            "x-component-props": {
+              rowKey: "id",
+              rowSelection: {
+                type: "checkbox"
+              },
+              useDataSource: "{{ cm.useDataSourceFromRAC }}"
+            },
+            properties: {
+              title: {
+                type: "void",
+                "x-decorator": "Table.Column.Decorator",
+                "x-component": "Table.Column",
+                properties: {
+                  title: {
+                    type: "number",
+                    "x-component": "CollectionField",
+                    "x-read-pretty": true
+                  }
+                }
+              },
+              name: {
+                type: "void",
+                "x-decorator": "Table.Column.Decorator",
+                "x-component": "Table.Column",
+                properties: {
+                  name: {
+                    type: "string",
+                    "x-component": "CollectionField",
+                    "x-read-pretty": true
+                  }
+                }
+              },
+              default: {
+                type: "void",
+                "x-decorator": "Table.Column.Decorator",
+                "x-component": "Table.Column",
+                properties: {
+                  default: {
+                    type: "string",
+                    "x-component": "CollectionField",
+                    "x-read-pretty": true
+                  }
+                }
+              },
+              actions: {
+                type: "void",
+                title: '{{t("Actions")}}',
+                "x-component": "Table.Column",
+                properties: {
+                  actions: {
+                    type: "void",
+                    "x-component": "Space",
+                    "x-component-props": {
+                      split: "|"
+                    },
+                    properties: {
+                      update: {
+                        type: "void",
+                        title: '{{t("Edit")}}',
+                        "x-component": "Action.Link",
+                        "x-component-props": {
+                          type: "primary"
+                        },
+                        properties: {
+                          drawer: {
+                            type: "void",
+                            "x-component": "Action.Drawer",
+                            "x-decorator": "Form",
+                            "x-decorator-props": {
+                              useValues: "{{ cm.useValuesFromRecord }}"
+                            },
+                            title: '{{t("Edit")}}',
+                            properties: {
+                              title: {
+                                "x-component": "CollectionField",
+                                "x-decorator": "FormItem"
+                              },
+                              name: {
+                                "x-component": "CollectionField",
+                                "x-decorator": "FormItem",
+                                "x-disabled": true
+                              },
+                              baseUrl: {
+                                "x-component": "CollectionField",
+                                "x-decorator": "FormItem"
+                              },
+                              type: {
+                                "x-component": "CollectionField",
+                                "x-decorator": "FormItem",
+                                "x-disabled": true
+                              },
+                              options: {
+                                type: "object",
+                                "x-component": "StorageOptions"
+                              },
+                              path: {
+                                "x-component": "CollectionField",
+                                "x-decorator": "FormItem"
+                              },
+                              default: {
+                                title: "",
+                                "x-component": "CollectionField",
+                                "x-decorator": "FormItem",
+                                "x-content": `{{t("Default storage", { ns: "${NAMESPACE}" })}}`
+                              },
+                              paranoid: {
+                                title: "",
+                                "x-component": "CollectionField",
+                                "x-decorator": "FormItem",
+                                "x-content": `{{t("Keep file in storage when destroy record", { ns: "${NAMESPACE}" })}}`
+                              },
+                              footer: {
+                                type: "void",
+                                "x-component": "Action.Drawer.Footer",
+                                properties: {
+                                  cancel: {
+                                    title: '{{t("Cancel")}}',
+                                    "x-component": "Action",
+                                    "x-component-props": {
+                                      useAction: "{{ cm.useCancelAction }}"
+                                    }
+                                  },
+                                  submit: {
+                                    title: '{{t("Submit")}}',
+                                    "x-component": "Action",
+                                    "x-component-props": {
+                                      type: "primary",
+                                      useAction: "{{ cm.useUpdateAction }}"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          }
+                        }
+                      },
+                      delete: {
+                        type: "void",
+                        title: '{{ t("Delete") }}',
+                        "x-component": "Action.Link",
+                        "x-component-props": {
+                          confirm: {
+                            title: '{{t("Delete")}}',
+                            content: '{{t("Are you sure you want to delete it?")}}'
+                          },
+                          useAction: "{{cm.useDestroyAction}}"
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  const FileStoragePane = () => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Card, { bordered: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { components: { StorageOptions }, schema: storageSchema }) });
+  };
+  const FILE_LIMIT_SIZE = 1024 * 1024 * 1024;
+  const useUploadFiles = () => {
+    const { service } = client.useBlockRequestContext();
+    const { t } = useFmTranslation();
+    const { setVisible } = client.useActionContext();
+    const { setSelectedRows } = require$$0.useContext(client.RecordPickerContext) || {};
+    const uploadingFiles = {};
+    let pendingNumber = 0;
+    return {
+      /**
+       * 返回 false 会阻止上传，返回 true 会继续上传
+       */
+      beforeUpload(file2) {
+        if (file2.size > FILE_LIMIT_SIZE) {
+          antd.notification.error({
+            message: `${t("File size cannot exceed")} ${FILE_LIMIT_SIZE / 1024 / 1024}M`
+          });
+          file2.status = "error";
+          return false;
+        }
+        return true;
+      },
+      onChange(fileList) {
+        fileList.forEach((file2) => {
+          var _a;
+          if (file2.status === "uploading" && !uploadingFiles[file2.uid]) {
+            pendingNumber++;
+            uploadingFiles[file2.uid] = true;
+          }
+          if (file2.status !== "uploading" && uploadingFiles[file2.uid]) {
+            delete uploadingFiles[file2.uid];
+            if (--pendingNumber === 0) {
+              (_a = service == null ? void 0 : service.refresh) == null ? void 0 : _a.call(service);
+              setSelectedRows == null ? void 0 : setSelectedRows((preRows) => [
+                ...preRows,
+                ...fileList.filter((file22) => file22.status === "done").map((file22) => file22.response.data)
+              ]);
+            }
+          }
+        });
+        if (fileList.every((file2) => file2.status === "done")) {
+          setVisible(false);
+        }
+      }
+    };
+  };
+  const hooks = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    FILE_LIMIT_SIZE,
+    useUploadFiles
+  }, Symbol.toStringTag, { value: "Module" }));
+  const UploadActionInitializer = (props) => {
+    const collection2 = client.useCollection();
+    const schema2 = {
+      type: "void",
+      "x-action": "create",
+      title: "{{t('Upload')}}",
+      "x-designer": "Action.Designer",
+      "x-component": "Action",
+      "x-decorator": "ACLActionProvider",
+      "x-component-props": {
+        openMode: "drawer",
+        type: "primary",
+        icon: "UploadOutlined"
+      },
+      properties: {
+        drawer: {
+          type: "void",
+          title: '{{ t("Upload files") }}',
+          "x-component": "Action.Container",
+          properties: {
+            upload: {
+              type: "void",
+              title: '{{ t("Upload files") }}',
+              "x-component": "Upload.DraggerV2",
+              "x-component-props": {
+                height: "50vh",
+                action: `${collection2.name}:create`,
+                useProps: "{{useUploadFiles}}",
+                multiple: true,
+                listType: "picture"
+              }
+            }
+          }
+        }
+      }
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.ActionInitializer, { ...props, schema: schema2 });
+  };
+  const initializers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    UploadActionInitializer
+  }, Symbol.toStringTag, { value: "Module" }));
+  const attachment = {
+    name: "attachment",
+    type: "object",
+    group: "media",
+    title: `{{t("Attachment", { ns: "${NAMESPACE}" })}}`,
+    isAssociation: true,
+    default: {
+      type: "belongsToMany",
+      target: "attachments",
+      // name,
+      uiSchema: {
+        type: "array",
+        // title,
+        "x-component": "Upload.Attachment",
+        "x-component-props": {}
+      }
+    },
+    availableTypes: ["belongsToMany"],
+    schemaInitialize(schema2, { block, field }) {
+      if (["Table", "Kanban"].includes(block)) {
+        schema2["x-component-props"] = schema2["x-component-props"] || {};
+        schema2["x-component-props"]["size"] = "small";
+      }
+      schema2["x-component-props"]["action"] = `${field.target}:create${field.storage ? `?attachementField=${field.collectionName}.${field.name}` : ""}`;
+    },
+    initialize: (values) => {
+      if (!values.through) {
+        values.through = `t_${shared.uid()}`;
+      }
+      if (!values.foreignKey) {
+        values.foreignKey = `f_${shared.uid()}`;
+      }
+      if (!values.otherKey) {
+        values.otherKey = `f_${shared.uid()}`;
+      }
+      if (!values.sourceKey) {
+        values.sourceKey = "id";
+      }
+      if (!values.targetKey) {
+        values.targetKey = "id";
+      }
+    },
+    properties: {
+      ...client.interfacesProperties.defaultProps,
+      "uiSchema.x-component-props.accept": {
+        type: "string",
+        title: `{{t("MIME type", { ns: "${NAMESPACE}" })}}`,
+        "x-component": "Input",
+        "x-decorator": "FormItem",
+        description: "Example: image/png",
+        default: "image/*"
+      },
+      "uiSchema.x-component-props.multiple": {
+        type: "boolean",
+        "x-content": `{{t('Allow uploading multiple files', { ns: "${NAMESPACE}" })}}`,
+        "x-decorator": "FormItem",
+        "x-component": "Checkbox",
+        default: true
+      },
+      storage: {
+        type: "string",
+        title: `{{t("Storage", { ns: "${NAMESPACE}" })}}`,
+        description: `{{t('Default storage will be used when not selected', { ns: "${NAMESPACE}" })}}`,
+        "x-decorator": "FormItem",
+        "x-component": "RemoteSelect",
+        "x-component-props": {
+          service: {
+            resource: "storages",
+            params: {
+              // pageSize: -1
+            }
+          },
+          manual: false,
+          fieldNames: {
+            label: "title",
+            value: "name"
+          }
+        }
+      }
+    },
+    filterable: {
+      children: [
+        {
+          name: "id",
+          title: '{{t("Exists")}}',
+          operators: [
+            { label: '{{t("exists")}}', value: "$exists", noValue: true },
+            { label: '{{t("not exists")}}', value: "$notExists", noValue: true }
+          ],
+          schema: {
+            title: '{{t("Exists")}}',
+            type: "string",
+            "x-component": "Input"
+          }
+        },
+        {
+          name: "filename",
+          title: `{{t("Filename", { ns: "${NAMESPACE}" })}}`,
+          operators: client.interfacesProperties.operators.string,
+          schema: {
+            title: `{{t("Filename", { ns: "${NAMESPACE}" })}}`,
+            type: "string",
+            "x-component": "Input"
+          }
+        }
+      ]
+    }
+  };
+  const file = {
+    name: "file",
+    title: `{{t("File collection", { ns: "${NAMESPACE}" })}}`,
+    order: 3,
+    color: "blue",
+    default: {
+      createdBy: true,
+      updatedBy: true,
+      fields: [
+        {
+          interface: "input",
+          type: "string",
+          name: "title",
+          deletable: false,
+          uiSchema: {
+            type: "string",
+            title: `{{t("Title")}}`,
+            "x-component": "Input"
+          }
+        },
+        // '系统文件名（含扩展名）',
+        {
+          interface: "input",
+          type: "string",
+          name: "filename",
+          deletable: false,
+          uiSchema: {
+            type: "string",
+            title: `{{t("File name", { ns: "${NAMESPACE}" })}}`,
+            "x-component": "Input",
+            "x-read-pretty": true
+          }
+        },
+        // '扩展名（含“.”）',
+        {
+          interface: "input",
+          type: "string",
+          name: "extname",
+          deletable: false,
+          uiSchema: {
+            type: "string",
+            title: `{{t("Extension name", { ns: "${NAMESPACE}" })}}`,
+            "x-component": "Input",
+            "x-read-pretty": true
+          }
+        },
+        // '文件体积（字节）',
+        {
+          interface: "integer",
+          type: "integer",
+          name: "size",
+          deletable: false,
+          uiSchema: {
+            type: "number",
+            title: `{{t("Size", { ns: "${NAMESPACE}" })}}`,
+            "x-component": "InputNumber",
+            "x-read-pretty": true,
+            "x-component-props": {
+              stringMode: true,
+              step: "0"
+            }
+          }
+        },
+        {
+          interface: "input",
+          type: "string",
+          name: "mimetype",
+          deletable: false,
+          uiSchema: {
+            type: "string",
+            title: `{{t("MIME type", { ns: "${NAMESPACE}" })}}`,
+            "x-component": "Input",
+            "x-read-pretty": true
+          }
+        },
+        // '相对路径（含“/”前缀）',
+        {
+          interface: "input",
+          type: "string",
+          name: "path",
+          deletable: false,
+          uiSchema: {
+            type: "string",
+            title: `{{t("Path")}}`,
+            "x-component": "Input",
+            "x-read-pretty": true
+          }
+        },
+        // 文件的可访问地址
+        {
+          interface: "input",
+          type: "string",
+          name: "url",
+          deletable: false,
+          uiSchema: {
+            type: "string",
+            title: `{{t("URL")}}`,
+            "x-component": "Input.URL",
+            "x-read-pretty": true
+          }
+        },
+        // 用于预览
+        {
+          interface: "url",
+          type: "string",
+          name: "preview",
+          field: "url",
+          // 直接引用 url 字段
+          deletable: false,
+          uiSchema: {
+            type: "string",
+            title: `{{t("Preview")}}`,
+            "x-component": "Preview",
+            "x-read-pretty": true
+          }
+        },
+        {
+          comment: "存储引擎",
+          type: "belongsTo",
+          name: "storage",
+          target: "storages",
+          foreignKey: "storageId",
+          deletable: false
+        },
+        // '其他文件信息（如图片的宽高）',
+        {
+          type: "jsonb",
+          name: "meta",
+          deletable: false,
+          defaultValue: {}
+        }
+      ]
+    },
+    configurableProperties: {
+      ...client.getConfigurableProperties("title", "name"),
+      inherits: {
+        ...client.getConfigurableProperties("inherits").inherits,
+        "x-reactions": ["{{useAsyncDataSource(loadCollections)}}"]
+      },
+      ...client.getConfigurableProperties("category"),
+      storage: {
+        title: `{{t("File storage", { ns: "${NAMESPACE}" })}}`,
+        type: "hasOne",
+        name: "storage",
+        required: true,
+        "x-decorator": "FormItem",
+        "x-component": "Select",
+        "x-reactions": ["{{useAsyncDataSource(loadStorages)}}"]
+      }
+    }
+  };
+  const templates = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    file
+  }, Symbol.toStringTag, { value: "Module" }));
+  client$1.forEach(templates, (template, key) => {
+    client.registerTemplate(key, template);
+  });
+  client.registerField(attachment.group, "attachment", attachment);
+  const FileManagerProvider = (props) => {
+    const initializes = require$$0.useContext(client.SchemaInitializerContext);
+    const hasUploadAction = initializes.TableActionInitializers.items[0].children.some(
+      (initialize) => initialize.component === "UploadActionInitializer"
+    );
+    !hasUploadAction && initializes.TableActionInitializers.items[0].children.push({
+      type: "item",
+      title: "{{t('Upload')}}",
+      component: "UploadActionInitializer",
+      schema: {
+        "x-align": "right",
+        "x-decorator": "ACLActionProvider",
+        "x-acl-action-props": {
+          skipScopeCheck: true
+        }
+      },
+      visible: () => {
+        const collection2 = client.useCollection();
+        return collection2.template === "file";
+      }
+    });
+    const ctx = require$$0.useContext(client.PluginManagerContext);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.SettingsCenterProvider,
+      {
+        settings: {
+          "file-manager": {
+            title: `{{t("File manager", { ns: "${NAMESPACE}" })}}`,
+            icon: "FileOutlined",
+            tabs: {
+              storages: {
+                title: `{{t("File storage", { ns: "${NAMESPACE}" })}}`,
+                component: FileStoragePane
+              }
+            }
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          client.PluginManagerContext.Provider,
+          {
+            value: {
+              components: {
+                ...ctx == null ? void 0 : ctx.components
+              }
+            },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.CollectionManagerProvider, { interfaces: { attachment }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponentOptions, { scope: hooks, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaInitializerProvider, { components: initializers, children: props.children }) }) })
+          }
+        )
+      }
+    );
+  };
+  class FileManagerPlugin extends client.Plugin {
+    async load() {
+      this.app.use(FileManagerProvider);
+    }
+  }
+  exports2.FileManagerPlugin = FileManagerPlugin;
+  exports2.default = FileManagerPlugin;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});