@nocobase/plugin-multi-app-share-collection 0.11.1-alpha.5 → 0.12.0-alpha.1

package/client.d.ts

@@ -1,3 +1,2 @@
-export * from './src/client';
-export { default } from './src/client';
-
+export * from './dist/client';
+export { default } from './dist/client';

package/client.js

@@ -1 +1 @@
-module.exports = require('./lib/client/index.js');
+module.exports = require('./dist/client/index.js');

package/dist/client/index.js

@@ -0,0 +1,510 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@nocobase/client"), require("react"), require("@formily/react"), require("@nocobase/plugin-multi-app-manager/client"), require("antd"), require("@nocobase/utils/client"), require("react-i18next")) : typeof define === "function" && define.amd ? define(["exports", "@nocobase/client", "react", "@formily/react", "@nocobase/plugin-multi-app-manager/client", "antd", "@nocobase/utils/client", "react-i18next"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@nocobase/plugin-multi-app-share-collection"] = {}, global["@nocobase/client"], global.react, global["@formily/react"], global["@nocobase/plugin-multi-app-manager"], global.antd, global["@nocobase/utils"], global["react-i18next"]));
+})(this, function(exports2, client, require$$0, react, client$2, antd, client$1, reactI18next) {
+  "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 excludeCollections = ["users", "roles", "applications"];
+  const useCollectionsGraph = ({ removed = [] }) => {
+    const { collections } = client.useCollectionManager();
+    const findAddable = require$$0.useCallback(
+      (name) => {
+        return client$1.CollectionsGraph.connectedNodes({
+          collections,
+          nodes: [name],
+          excludes: excludeCollections
+        }).filter((name2) => removed.includes(name2));
+      },
+      [removed]
+    );
+    const findRemovable = require$$0.useCallback(
+      (name) => {
+        return client$1.CollectionsGraph.connectedNodes({
+          collections,
+          nodes: [name],
+          excludes: excludeCollections,
+          direction: "reverse"
+        }).filter((name2) => !removed.includes(name2));
+      },
+      [removed]
+    );
+    return {
+      findAddable,
+      findRemovable
+    };
+  };
+  const useCollections = () => {
+    var _a, _b;
+    const record = client.useRecord();
+    const [selected, setSelected] = require$$0.useState([]);
+    const res1 = client.useRequest(
+      {
+        url: `applications/${record.name}/collectionBlacklist:list`,
+        params: {
+          paginate: false,
+          params: {
+            fields: ["name"]
+          }
+        }
+      },
+      {
+        onSuccess(data) {
+          var _a2;
+          setSelected((_a2 = data.data) == null ? void 0 : _a2.map((data2) => data2.name));
+        }
+      }
+    );
+    const res2 = client.useRequest({
+      url: `collections`,
+      params: {
+        fields: ["name", "title", "hidden", "category.name", "category.color", "category.sort"],
+        sort: "sort",
+        paginate: false
+      }
+    });
+    const res3 = client.useRequest({
+      url: `collectionCategories`,
+      params: {
+        sort: "sort",
+        paginate: false
+      }
+    });
+    return {
+      loading: res1.loading || res2.loading || res3.loading,
+      collections: (((_a = res2.data) == null ? void 0 : _a.data) || []).filter((item) => !item.hidden && !excludeCollections.includes(item.name)),
+      removed: selected,
+      setSelected,
+      categories: (((_b = res3.data) == null ? void 0 : _b.data) || []).map((cat) => ({ label: cat.name, value: cat.name }))
+    };
+  };
+  const includes = (text, s) => {
+    const values = Array.isArray(s) ? s : [s];
+    for (const val of values) {
+      if (text.toLowerCase().includes(val)) {
+        return true;
+      }
+    }
+    return false;
+  };
+  const useRemovedDataSource = ({ collections, removed }) => {
+    const [filter, setFilter] = require$$0.useState({ name: "", category: [] });
+    const dataSource = require$$0.useMemo(() => {
+      return collections.filter((collection) => {
+        const { name, title, category = [] } = collection;
+        const results = [removed.includes(collection.name)];
+        if (filter.name) {
+          results.push(includes(name, filter.name) || includes(title, filter.name));
+        }
+        if (filter.category.length > 0) {
+          results.push(category.some((item) => includes(item.name, filter.category)));
+        }
+        return !results.includes(false);
+      });
+    }, [collections, removed, filter]);
+    const setNameFilter = require$$0.useMemo(
+      () => client$1.lodash.debounce((name) => {
+        setFilter({
+          ...filter,
+          name
+        });
+      }, 300),
+      []
+    );
+    return {
+      dataSource,
+      setNameFilter,
+      setCategoryFilter: (category) => {
+        setFilter({
+          ...filter,
+          category
+        });
+      }
+    };
+  };
+  const useAddedDataSource = ({ collections, removed }) => {
+    const [filter, setFilter] = require$$0.useState({ name: "", category: [] });
+    const dataSource = collections.filter((collection) => {
+      const { name, title, category = [] } = collection;
+      const results = [!removed.includes(collection.name)];
+      if (filter.name) {
+        results.push(includes(name, filter.name) || includes(title, filter.name));
+      }
+      if (filter.category.length > 0) {
+        results.push(category.some((item) => includes(item.name, filter.category)));
+      }
+      return !results.includes(false);
+    });
+    const setNameFilter = require$$0.useMemo(
+      () => client$1.lodash.debounce((name) => {
+        setFilter({
+          ...filter,
+          name
+        });
+      }, 300),
+      []
+    );
+    return {
+      dataSource,
+      setNameFilter,
+      setCategoryFilter: (category) => {
+        setFilter({
+          ...filter,
+          category
+        });
+      }
+    };
+  };
+  const TableTransfer = react.connect((props) => {
+    const { onChange } = props;
+    const { loading, collections, categories, removed, setSelected } = useCollections();
+    const [selectedRowKeys1, setSelectedRowKeys1] = require$$0.useState([]);
+    const [selectedRowKeys2, setSelectedRowKeys2] = require$$0.useState([]);
+    const { findAddable, findRemovable } = useCollectionsGraph({ removed });
+    const addedDataSource = useAddedDataSource({ collections, removed });
+    const removedDataSource = useRemovedDataSource({ collections, removed });
+    const { t } = reactI18next.useTranslation("multi-app-share-collection");
+    const { modal } = antd.App.useApp();
+    const { token } = client.useToken();
+    const columns = require$$0.useMemo(
+      () => [
+        {
+          title: t("Collection display name"),
+          dataIndex: "title"
+        },
+        {
+          title: t("Collection name"),
+          dataIndex: "name"
+        },
+        {
+          title: t("Collection category"),
+          dataIndex: "category",
+          render: (categories2) => categories2.map((category) => /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tag, { color: category.color, children: category.name }, category.name))
+        }
+      ],
+      []
+    );
+    if (loading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {});
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      antd.Row,
+      {
+        gutter: 24,
+        className: client.css`
+          .ant-table-tbody > tr.ant-table-row:hover > td {
+            background: #e6f7ff;
+            cursor: pointer;
+          }
+        `,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Col, { span: 12, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                className: client.css`
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              width: 100%;
+              margin-bottom: 8px;
+            `,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { style: { fontSize: token.fontSizeLG, color: token.colorText }, children: t("Unshared collections") }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Input.Group, { compact: true, style: { width: 360 }, children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      antd.Select,
+                      {
+                        popupMatchSelectWidth: false,
+                        onChange: (value) => {
+                          removedDataSource.setCategoryFilter(value);
+                        },
+                        mode: "multiple",
+                        style: { width: "35%" },
+                        size: "middle",
+                        placeholder: t("All categories"),
+                        options: categories,
+                        allowClear: true
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      antd.Input,
+                      {
+                        onChange: (e) => removedDataSource.setNameFilter(e.target.value),
+                        style: { width: "65%" },
+                        placeholder: t("Enter name or title..."),
+                        allowClear: true
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              antd.Table,
+              {
+                bordered: true,
+                rowKey: "name",
+                rowSelection: {
+                  type: "checkbox",
+                  selectedRowKeys: selectedRowKeys1,
+                  onChange(selectedRowKeys) {
+                    const values = removed.filter((s) => !selectedRowKeys.includes(s));
+                    setSelected(values);
+                    onChange(values);
+                    setSelectedRowKeys1([]);
+                  }
+                },
+                pagination: false,
+                size: "small",
+                columns,
+                dataSource: removedDataSource.dataSource,
+                scroll: { y: "calc(100vh - 260px)" },
+                onRow: ({ name, disabled }) => ({
+                  onClick: () => {
+                    if (disabled)
+                      return;
+                    const adding = findAddable(name);
+                    const change = () => {
+                      const values = removed.filter((s) => !adding.includes(s));
+                      setSelected(values);
+                      onChange(values);
+                    };
+                    if (adding.length === 1) {
+                      return change();
+                    }
+                    modal.confirm({
+                      title: t("Are you sure to add the following collections?"),
+                      width: "60%",
+                      content: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        antd.Table,
+                        {
+                          size: "small",
+                          columns,
+                          dataSource: collections.filter((collection) => adding.includes(collection.name)),
+                          pagination: false,
+                          scroll: { y: "60vh" }
+                        }
+                      ) }),
+                      onOk() {
+                        change();
+                      }
+                    });
+                  }
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Col, { span: 12, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                className: client.css`
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              width: 100%;
+              margin-bottom: 8px;
+            `,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { style: { fontSize: token.fontSizeLG, color: token.colorText }, children: t("Shared collections") }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Input.Group, { compact: true, style: { width: 360 }, children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      antd.Select,
+                      {
+                        popupMatchSelectWidth: false,
+                        onChange: (value) => {
+                          addedDataSource.setCategoryFilter(value);
+                        },
+                        mode: "multiple",
+                        style: { width: "35%" },
+                        size: "middle",
+                        placeholder: t("All categories"),
+                        options: categories,
+                        allowClear: true
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      antd.Input,
+                      {
+                        onChange: (e) => addedDataSource.setNameFilter(e.target.value),
+                        style: { width: "65%" },
+                        placeholder: t("Enter name or title..."),
+                        allowClear: true
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              antd.Table,
+              {
+                bordered: true,
+                rowKey: "name",
+                rowSelection: {
+                  type: "checkbox",
+                  selectedRowKeys: selectedRowKeys2,
+                  onChange(selectedRowKeys) {
+                    const values = client$1.lodash.uniq(removed.concat(selectedRowKeys));
+                    setSelected(values);
+                    onChange(values);
+                    setSelectedRowKeys2([]);
+                  }
+                },
+                pagination: false,
+                size: "small",
+                columns,
+                dataSource: addedDataSource.dataSource,
+                scroll: { y: "calc(100vh - 260px)" },
+                onRow: ({ name }) => ({
+                  onClick: () => {
+                    const removing = findRemovable(name);
+                    const change = () => {
+                      removed.push(...removing);
+                      const values = client$1.lodash.uniq([...removed]);
+                      setSelected(values);
+                      onChange(values);
+                    };
+                    if (removing.length === 1) {
+                      return change();
+                    }
+                    modal.confirm({
+                      title: t("Are you sure to remove the following collections?"),
+                      width: "60%",
+                      content: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        antd.Table,
+                        {
+                          size: "small",
+                          columns,
+                          dataSource: collections.filter((collection) => removing.includes(collection.name)),
+                          pagination: false,
+                          scroll: { y: "60vh" }
+                        }
+                      ) }),
+                      onOk() {
+                        change();
+                      }
+                    });
+                  }
+                })
+              }
+            )
+          ] })
+        ]
+      }
+    ) });
+  });
+  const i18nText = (text) => {
+    return `{{t("${text}", { ns: 'multi-app-share-collection' })}}`;
+  };
+  const useShareCollectionAction = () => {
+    const form = react.useForm();
+    const ctx = client.useActionContext();
+    const api = client.useAPIClient();
+    const record = client.useRecord();
+    return {
+      async run() {
+        console.log(form.values.names);
+        await api.request({
+          url: `applications/${record.name}/collectionBlacklist`,
+          data: form.values.names,
+          method: "post"
+        });
+        ctx.setVisible(false);
+        form.reset();
+        antd.message.success("Saved successfully");
+      }
+    };
+  };
+  const updateSchema = client$2.tableActionColumnSchema.properties.update;
+  const deleteSchema = client$2.tableActionColumnSchema.properties.delete;
+  delete client$2.tableActionColumnSchema.properties.update;
+  delete client$2.tableActionColumnSchema.properties.delete;
+  client$2.tableActionColumnSchema.properties["collection"] = {
+    type: "void",
+    title: i18nText("Share collections"),
+    "x-component": "Action.Link",
+    "x-component-props": {},
+    properties: {
+      drawer: {
+        type: "void",
+        "x-component": "Action.Drawer",
+        "x-component-props": {
+          width: "95vw"
+        },
+        "x-decorator": "Form",
+        title: i18nText("Share collections"),
+        properties: {
+          names: {
+            type: "array",
+            "x-component": TableTransfer,
+            "x-decorator": "FormItem"
+          },
+          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: useShareCollectionAction
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  client$2.tableActionColumnSchema.properties.update = updateSchema;
+  client$2.tableActionColumnSchema.properties.delete = deleteSchema;
+  const MultiAppShareCollectionProvider = (props) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: props.children });
+  };
+  class MultiAppShareCollectionPlugin extends client.Plugin {
+    async load() {
+      this.app.use(MultiAppShareCollectionProvider);
+    }
+  }
+  exports2.MultiAppShareCollectionPlugin = MultiAppShareCollectionPlugin;
+  exports2.default = MultiAppShareCollectionPlugin;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});

package/{lib → dist}/index.d.ts

@@ -1 +1,2 @@
+export * from './server';
 export { default } from './server';

package/dist/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var server = require('./server');
+
+
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function () { return server__namespace.default; }
+});
+Object.keys(server).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return server[k]; }
+  });
+});

package/dist/locale/es-ES.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var es_ES_default = {
+  "Share collections": "Tablas compartidas",
+  "Unshared collections": "Tablas no compartidas",
+  "Shared collections": "Tablas compartidas",
+  "All categories": "Todas las categor\xEDas",
+  "Enter name or title...": "Introducir nombre o t\xEDtulo...",
+  "Are you sure to add the following collections?": "\xBFEst\xE1 seguro de que desea a\xF1adir las siguientes tablas?",
+  "Are you sure to remove the following collections?": "\xBFEst\xE1 seguro de que desea eliminar las siguientes tablas?",
+  "Collection display name": "Mostrar nombre de la tabla",
+  "Collection name": "Nombre de la tabla",
+  "Collection category": "Categor\xEDa de tabla"
+};
+
+module.exports = es_ES_default;

package/dist/locale/pt-BR.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var pt_BR_default = {
+  "Share collections": "Compartilhar tabelas",
+  "Unshared collections": "Tabelas n\xE3o compartilhadas",
+  "Shared collections": "Tabelas compartilhadas",
+  "All categories": "Todas as categorias",
+  "Enter name or title...": "Digite o nome ou t\xEDtulo...",
+  "Are you sure to add the following collections?": "Tem certeza de que deseja adicionar as seguintes tabelas?",
+  "Are you sure to remove the following collections?": "Tem certeza de que deseja remover as seguintes tabelas?",
+  "Collection display name": "Nome de exibi\xE7\xE3o da tabela",
+  "Collection name": "Nome da tabela",
+  "Collection category": "Categoria da tabela"
+};
+
+module.exports = pt_BR_default;

package/dist/locale/zh-CN.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var zh_CN_default = {
+  "Share collections": "\u5171\u4EAB\u6570\u636E\u8868",
+  "Unshared collections": "\u672A\u5171\u4EAB\u7684\u6570\u636E\u8868",
+  "Shared collections": "\u5DF2\u5171\u4EAB\u7684\u6570\u636E\u8868",
+  "All categories": "\u6240\u6709\u5206\u7C7B",
+  "Enter name or title...": "\u8F93\u5165\u6570\u636E\u8868\u6807\u9898\u6216\u6807\u8BC6",
+  "Are you sure to add the following collections?": "\u786E\u5B9A\u6DFB\u52A0\u4EE5\u4E0B\u6570\u636E\u8868\uFF1F",
+  "Are you sure to remove the following collections?": "\u786E\u5B9A\u79FB\u9664\u4EE5\u4E0B\u6570\u636E\u8868\uFF1F",
+  "Collection display name": "\u6807\u9898",
+  "Collection name": "\u6807\u8BC6",
+  "Collection category": "\u5206\u7C7B"
+};
+
+module.exports = zh_CN_default;

package/dist/server/collections/applications.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var database = require('@nocobase/database');
+
+var applications_default = database.extendCollection({
+  name: "applications",
+  fields: [
+    {
+      type: "belongsToMany",
+      name: "collectionBlacklist",
+      through: "appCollectionBlacklist",
+      target: "collections",
+      targetKey: "name",
+      otherKey: "collectionName",
+      sourceKey: "name",
+      foreignKey: "applicationName"
+    }
+  ]
+});
+
+module.exports = applications_default;

package/dist/server/collections/collections.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var database = require('@nocobase/database');
+
+var collections_default = database.extendCollection({
+  name: "collections",
+  fields: [
+    {
+      type: "belongsToMany",
+      name: "collectionBlacklist",
+      through: "appCollectionBlacklist",
+      target: "applications",
+      targetKey: "name",
+      otherKey: "applicationName",
+      sourceKey: "name",
+      foreignKey: "collectionName"
+    }
+  ]
+});
+
+module.exports = collections_default;

package/dist/server/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var plugin = require('./plugin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var plugin__default = /*#__PURE__*/_interopDefault(plugin);
+
+
+
+module.exports = plugin__default.default;