@nocobase/client 0.9.1-alpha.2 → 0.9.2-alpha.1

package/es/collection-manager/templates/components/PreviewFields.js

@@ -0,0 +1,256 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Cascader } from '@formily/antd';
+import { useField, useForm } from '@formily/react';
+import { Input, Select, Spin, Table, Tag } from 'antd';
+import React, { useContext, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ResourceActionContext, useCompile } from '../../../';
+import { useAPIClient } from '../../../api-client';
+import { getOptions } from '../../Configuration/interfaces';
+import { useCollectionManager } from '../../hooks/useCollectionManager';
+var getInterfaceOptions = function getInterfaceOptions(data, type) {
+  var interfaceOptions = [];
+  data.forEach(function (item) {
+    var options = item.children.filter(function (h) {
+      var _h$availableTypes;
+      return h === null || h === void 0 ? void 0 : (_h$availableTypes = h.availableTypes) === null || _h$availableTypes === void 0 ? void 0 : _h$availableTypes.includes(type);
+    });
+    interfaceOptions.push({
+      label: item.label,
+      key: item.key,
+      children: options
+    });
+  });
+  return interfaceOptions.filter(function (v) {
+    return v.children.length > 0;
+  });
+};
+var PreviewCom = function PreviewCom(props) {
+  var databaseView = props.databaseView,
+    viewName = props.viewName,
+    sources = props.sources,
+    schema = props.schema;
+  var _useContext = useContext(ResourceActionContext),
+    fields = _useContext.data;
+  var api = useAPIClient();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dataSource = _useState4[0],
+    setDataSource = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sourceFields = _useState6[0],
+    setSourceFields = _useState6[1];
+  var field = useField();
+  var form = useForm();
+  var _useCollectionManager = useCollectionManager(),
+    getCollection = _useCollectionManager.getCollection,
+    getInterface = _useCollectionManager.getInterface;
+  var compile = useCompile();
+  var initOptions = getOptions().filter(function (v) {
+    return !['relation', 'systemInfo'].includes(v.key);
+  });
+  useEffect(function () {
+    var data = [];
+    sources.forEach(function (item) {
+      var _collection$fields;
+      var collection = getCollection(item);
+      var children = (_collection$fields = collection.fields) === null || _collection$fields === void 0 ? void 0 : _collection$fields.map(function (v) {
+        var _v$uiSchema;
+        return {
+          value: v.name,
+          label: (_v$uiSchema = v.uiSchema) === null || _v$uiSchema === void 0 ? void 0 : _v$uiSchema.title
+        };
+      });
+      data.push({
+        value: item,
+        label: collection.title,
+        children: children
+      });
+    });
+    setSourceFields(data);
+  }, [sources, databaseView]);
+  useEffect(function () {
+    if (databaseView) {
+      setLoading(true);
+      api.resource("dbViews").get({
+        filterByTk: viewName,
+        schema: schema
+      }).then(function (_ref) {
+        var data = _ref.data;
+        if (data) {
+          var _Object$values, _data$data, _data$data2;
+          setLoading(false);
+          setDataSource([]);
+          var fieldsData = (_Object$values = Object.values(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.fields)) === null || _Object$values === void 0 ? void 0 : _Object$values.map(function (v) {
+            if (v.source) {
+              return v;
+            } else {
+              return (fields === null || fields === void 0 ? void 0 : fields.data.find(function (h) {
+                return h.name === v.name;
+              })) || v;
+            }
+          });
+          field.value = fieldsData;
+          setDataSource(fieldsData);
+          form.setValuesIn('sources', (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.sources);
+        }
+      });
+    }
+  }, [databaseView]);
+  var handleFieldChange = function handleFieldChange(record, index) {
+    dataSource.splice(index, 1, record);
+    setDataSource(dataSource);
+    field.value = dataSource.map(function (v) {
+      var _v$source;
+      return _objectSpread(_objectSpread({}, v), {}, {
+        source: typeof v.source === 'string' ? v.source : (_v$source = v.source) === null || _v$source === void 0 ? void 0 : _v$source.join('.')
+      });
+    });
+  };
+  var columns = [{
+    title: t('Field name'),
+    dataIndex: 'name',
+    key: 'name',
+    width: 130
+  }, {
+    title: t('Field source'),
+    dataIndex: 'source',
+    key: 'source',
+    width: 200,
+    render: function render(text, record, index) {
+      return /*#__PURE__*/React.createElement(Cascader, {
+        defaultValue: typeof text === 'string' ? text === null || text === void 0 ? void 0 : text.split('.') : text,
+        allowClear: true,
+        style: {
+          width: '100%'
+        },
+        options: compile(sourceFields),
+        onChange: function onChange(value, selectedOptions) {
+          handleFieldChange(_objectSpread(_objectSpread({}, record), {}, {
+            source: value
+          }), index);
+        },
+        placeholder: t('Select field source')
+      });
+    }
+  }, {
+    title: t('Field type'),
+    dataIndex: 'type',
+    width: 140,
+    key: 'type',
+    render: function render(text, _, index) {
+      var item = dataSource[index];
+      return (item === null || item === void 0 ? void 0 : item.source) || !(item === null || item === void 0 ? void 0 : item.possibleTypes) ? /*#__PURE__*/React.createElement(Tag, null, text) : /*#__PURE__*/React.createElement(Select, {
+        defaultValue: text,
+        style: {
+          width: '100%'
+        },
+        options: (item === null || item === void 0 ? void 0 : item.possibleTypes.map(function (v) {
+          return {
+            label: v,
+            value: v
+          };
+        })) || [],
+        onChange: function onChange(value) {
+          return handleFieldChange(_objectSpread(_objectSpread({}, item), {}, {
+            type: value
+          }), index);
+        }
+      });
+    }
+  }, {
+    title: t('Field interface'),
+    dataIndex: 'interface',
+    key: 'interface',
+    width: 150,
+    render: function render(text, _, index) {
+      var item = dataSource[index];
+      var data = getInterfaceOptions(initOptions, item.type);
+      return item.source ? text : /*#__PURE__*/React.createElement(Select, {
+        defaultValue: text,
+        style: {
+          width: '100%'
+        },
+        onChange: function onChange(value) {
+          var _interfaceConfig$defa;
+          var interfaceConfig = getInterface(value);
+          handleFieldChange(_objectSpread(_objectSpread({}, item), {}, {
+            interface: value,
+            uiSchema: interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$defa = interfaceConfig.default) === null || _interfaceConfig$defa === void 0 ? void 0 : _interfaceConfig$defa.uiSchema
+          }), index);
+        }
+      }, data.map(function (group) {
+        return /*#__PURE__*/React.createElement(Select.OptGroup, {
+          key: group.key,
+          label: compile(group.label)
+        }, group.children.map(function (item) {
+          return /*#__PURE__*/React.createElement(Select.Option, {
+            key: item.value,
+            value: item.value
+          }, compile(item.label));
+        }));
+      }));
+    }
+  }, {
+    title: t('Field display name'),
+    dataIndex: 'title',
+    key: 'title',
+    width: 180,
+    render: function render(text, record, index) {
+      var _record$uiSchema;
+      var item = dataSource[index];
+      return /*#__PURE__*/React.createElement(Input, {
+        defaultValue: (record === null || record === void 0 ? void 0 : (_record$uiSchema = record.uiSchema) === null || _record$uiSchema === void 0 ? void 0 : _record$uiSchema.title) || text,
+        onChange: function onChange(e) {
+          return handleFieldChange(_objectSpread(_objectSpread({}, item), {}, {
+            uiSchema: _objectSpread(_objectSpread({}, item === null || item === void 0 ? void 0 : item.uiSchema), {}, {
+              title: e.target.value
+            })
+          }), index);
+        }
+      });
+    }
+  }];
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, dataSource.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "ant-formily-item-label"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ant-formily-item-label-content"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("label", null, t('Fields')))), /*#__PURE__*/React.createElement("span", {
+    className: "ant-formily-item-colon"
+  }, ":")), /*#__PURE__*/React.createElement(Table, {
+    bordered: true,
+    size: 'middle',
+    columns: columns,
+    dataSource: dataSource,
+    scroll: {
+      y: 300
+    },
+    pagination: false,
+    rowClassName: "editable-row",
+    key: viewName
+  })));
+};
+function areEqual(prevProps, nextProps) {
+  return nextProps.name === prevProps.name && nextProps.sources === prevProps.sources;
+}
+export var PreviewFields = /*#__PURE__*/React.memo(PreviewCom, areEqual);

package/es/collection-manager/templates/components/PreviewTable.d.ts

@@ -0,0 +1 @@
+export declare const PreviewTable: (props: any) => JSX.Element;

package/es/collection-manager/templates/components/PreviewTable.js

@@ -0,0 +1,133 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { RecursionField, useForm } from '@formily/react';
+import { Spin, Table } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { EllipsisWithTooltip, useCompile } from '../../../';
+import { useAPIClient } from '../../../api-client';
+import { useCollectionManager } from '../../hooks/useCollectionManager';
+export var PreviewTable = function PreviewTable(props) {
+  var databaseView = props.databaseView,
+    schema = props.schema,
+    viewName = props.viewName,
+    fields = props.fields;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    previewColumns = _useState2[0],
+    setPreviewColumns = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    previewData = _useState4[0],
+    setPreviewData = _useState4[1];
+  var compile = useCompile();
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useCollectionManager = useCollectionManager(),
+    getCollection = _useCollectionManager.getCollection,
+    getCollectionField = _useCollectionManager.getCollectionField,
+    getInterface = _useCollectionManager.getInterface;
+  var api = useAPIClient();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var form = useForm();
+  useEffect(function () {
+    if (databaseView) {
+      getPreviewData();
+    }
+  }, [databaseView]);
+  useEffect(function () {
+    var pColumns = formatPreviewColumns(fields);
+    setPreviewColumns(pColumns);
+  }, [form.values.fields]);
+  var getPreviewData = function getPreviewData() {
+    setLoading(true);
+    api.resource("dbViews").query({
+      filterByTk: viewName,
+      schema: schema
+    }).then(function (_ref) {
+      var data = _ref.data;
+      if (data) {
+        setLoading(false);
+        setPreviewData((data === null || data === void 0 ? void 0 : data.data) || []);
+      }
+    });
+  };
+  var formatPreviewColumns = function formatPreviewColumns(data) {
+    var _data$filter;
+    return (_data$filter = data.filter(function (k) {
+      return k.source || k.interface;
+    })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (item) {
+      var _item$source, _getCollection, _getCollection$fields, _getCollection$fields2, _item$uiSchema, _getCollectionField, _getInterface, _getInterface$default;
+      var fieldSource = typeof (item === null || item === void 0 ? void 0 : item.source) === 'string' ? item === null || item === void 0 ? void 0 : (_item$source = item.source) === null || _item$source === void 0 ? void 0 : _item$source.split('.') : item === null || item === void 0 ? void 0 : item.source;
+      var sourceField = (_getCollection = getCollection(fieldSource === null || fieldSource === void 0 ? void 0 : fieldSource[0])) === null || _getCollection === void 0 ? void 0 : (_getCollection$fields = _getCollection.fields.find(function (v) {
+        return v.name === (fieldSource === null || fieldSource === void 0 ? void 0 : fieldSource[1]);
+      })) === null || _getCollection$fields === void 0 ? void 0 : (_getCollection$fields2 = _getCollection$fields.uiSchema) === null || _getCollection$fields2 === void 0 ? void 0 : _getCollection$fields2.title;
+      var target = (item === null || item === void 0 ? void 0 : (_item$uiSchema = item.uiSchema) === null || _item$uiSchema === void 0 ? void 0 : _item$uiSchema.title) || sourceField || item.name;
+      var schema = item.source ? (_getCollectionField = getCollectionField(typeof item.source === 'string' ? item.source : item.source.join('.'))) === null || _getCollectionField === void 0 ? void 0 : _getCollectionField.uiSchema : (_getInterface = getInterface(item.interface)) === null || _getInterface === void 0 ? void 0 : (_getInterface$default = _getInterface.default) === null || _getInterface$default === void 0 ? void 0 : _getInterface$default.uiSchema;
+      return {
+        title: compile(target),
+        dataIndex: item.name,
+        key: item.name,
+        width: 200,
+        render: function render(v, record, index) {
+          var content = record[item.name];
+          var objSchema = {
+            type: 'object',
+            properties: _defineProperty({}, item.name, _objectSpread(_objectSpread({}, schema), {}, {
+              default: content,
+              'x-read-pretty': true,
+              title: null
+            }))
+          };
+          return /*#__PURE__*/React.createElement(EllipsisWithTooltip, {
+            ellipsis: true
+          }, /*#__PURE__*/React.createElement(RecursionField, {
+            schema: objSchema,
+            name: index,
+            onlyRenderProperties: true
+          }));
+        }
+      };
+    });
+  };
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 22
+    }
+  }, (previewColumns === null || previewColumns === void 0 ? void 0 : previewColumns.length) > 0 && [/*#__PURE__*/React.createElement("div", {
+    className: "ant-formily-item-label",
+    style: {
+      marginTop: 24
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ant-formily-item-label-content"
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("label", null, t('Preview')))), /*#__PURE__*/React.createElement("span", {
+    className: "ant-formily-item-colon"
+  }, ":")), /*#__PURE__*/React.createElement(Table, {
+    size: 'middle',
+    pagination: false,
+    bordered: true,
+    columns: previewColumns,
+    dataSource: previewData,
+    scroll: {
+      x: 1000,
+      y: 300
+    },
+    key: viewName
+  })]));
+};

package/es/collection-manager/templates/expression.d.ts

@@ -0,0 +1,2 @@
+import { ICollectionTemplate } from './types';
+export declare const expression: ICollectionTemplate;

package/es/collection-manager/templates/expression.js

@@ -0,0 +1,52 @@
+import { getOptions } from '@nocobase/evaluators/client';
+import { getConfigurableProperties } from './properties';
+export var expression = {
+  name: 'expression',
+  title: '{{t("Expression collection")}}',
+  order: 4,
+  color: 'orange',
+  default: {
+    createdBy: true,
+    updatedBy: true,
+    createdAt: true,
+    updatedAt: true,
+    sortable: true,
+    fields: [{
+      name: 'engine',
+      type: 'string',
+      interface: 'radioGroup',
+      uiSchema: {
+        type: 'string',
+        title: '{{t("Calculation engine")}}',
+        'x-component': 'Radio.Group',
+        enum: getOptions(),
+        default: 'formula.js'
+      }
+    }, {
+      name: 'sourceCollection',
+      type: 'string',
+      interface: 'select',
+      uiSchema: {
+        type: 'string',
+        title: '{{t("Collection")}}',
+        'x-component': 'CollectionSelect',
+        'x-component-props': {
+          multiple: true
+        }
+      }
+    }, {
+      name: 'expression',
+      type: 'text',
+      interface: 'expression',
+      uiSchema: {
+        type: 'string',
+        title: '{{t("Expression")}}',
+        'x-component': 'DynamicExpression'
+      }
+    }]
+  },
+  availableFieldInterfaces: {
+    include: []
+  },
+  configurableProperties: getConfigurableProperties('title', 'name', 'inherits', 'category')
+};

package/es/collection-manager/templates/index.d.ts

@@ -1,2 +1,5 @@
 export * from './calendar';
 export * from './general';
+export * from './tree';
+export * from './expression';
+export * from './view';

package/es/collection-manager/templates/index.js

@@ -1,2 +1,5 @@
 export * from './calendar';
-export * from './general';
+export * from './general';
+export * from './tree';
+export * from './expression';
+export * from './view';

package/es/collection-manager/templates/properties/index.d.ts

@@ -182,4 +182,4 @@ export declare const defaultConfigurableProperties: {
     };
 };
 export declare type DefaultConfigurableKeys = 'name' | 'title' | 'inherits' | 'category' | 'autoGenId' | 'createdBy' | 'updatedBy' | 'createdAt' | 'updatedAt' | 'sortable' | 'moreOptions';
-export declare const getConfigurableProperties: (...keys: DefaultConfigurableKeys[]) => {};
+export declare const getConfigurableProperties: (...keys: DefaultConfigurableKeys[]) => Record<DefaultConfigurableKeys, any>;

package/es/collection-manager/templates/properties/index.js

@@ -1,13 +1,11 @@
 var _templateObject;
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { css } from '@emotion/css';
 var moreOptions = {
   autoGenId: {
@@ -105,7 +103,7 @@ export var defaultConfigurableProperties = _objectSpread(_objectSpread({
     },
     'x-disabled': '{{ !createOnly }}',
     'x-visible': '{{ enableInherits}}',
-    'x-reactions': ['{{useAsyncDataSource(loadCollections)}}']
+    'x-reactions': ['{{useAsyncDataSource(loadCollections, ["file"])}}']
   },
   category: {
     title: '{{t("Categories")}}',
@@ -131,18 +129,14 @@ export var defaultConfigurableProperties = _objectSpread(_objectSpread({
 });
 export var getConfigurableProperties = function getConfigurableProperties() {
   var props = {};
-
   for (var _len = arguments.length, keys = new Array(_len), _key = 0; _key < _len; _key++) {
     keys[_key] = arguments[_key];
   }
-
   for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
     var key = _keys[_i];
-
     if (defaultConfigurableProperties[key]) {
       props[key] = defaultConfigurableProperties[key];
     }
   }
-
   return props;
 };

package/es/collection-manager/templates/tree.d.ts

@@ -0,0 +1,2 @@
+import { ICollectionTemplate } from './types';
+export declare const tree: ICollectionTemplate;

package/es/collection-manager/templates/tree.js

@@ -0,0 +1,70 @@
+import { getConfigurableProperties } from './properties';
+export var tree = {
+  name: 'tree',
+  title: '{{t("Tree collection")}}',
+  order: 3,
+  color: 'blue',
+  default: {
+    tree: 'adjacencyList',
+    fields: [{
+      interface: 'integer',
+      name: 'parentId',
+      type: 'bigInt',
+      isForeignKey: true,
+      uiSchema: {
+        type: 'number',
+        title: '{{t("Parent ID")}}',
+        'x-component': 'InputNumber',
+        'x-read-pretty': true
+      }
+    }, {
+      interface: 'm2o',
+      type: 'belongsTo',
+      name: 'parent',
+      foreignKey: 'parentId',
+      treeParent: true,
+      onDelete: 'CASCADE',
+      uiSchema: {
+        title: '{{t("Parent")}}',
+        'x-component': 'RecordPicker',
+        'x-component-props': {
+          // mode: 'tags',
+          multiple: false,
+          fieldNames: {
+            label: 'id',
+            value: 'id'
+          }
+        }
+      }
+    }, {
+      interface: 'o2m',
+      type: 'hasMany',
+      name: 'children',
+      foreignKey: 'parentId',
+      treeChildren: true,
+      onDelete: 'CASCADE',
+      uiSchema: {
+        title: '{{t("Children")}}',
+        'x-component': 'RecordPicker',
+        'x-component-props': {
+          // mode: 'tags',
+          multiple: true,
+          fieldNames: {
+            label: 'id',
+            value: 'id'
+          }
+        }
+      }
+    }]
+  },
+  events: {
+    beforeSubmit: function beforeSubmit(values) {
+      if (Array.isArray(values === null || values === void 0 ? void 0 : values.fields)) {
+        values === null || values === void 0 ? void 0 : values.fields.map(function (f) {
+          f.target = values.name;
+        });
+      }
+    }
+  },
+  configurableProperties: getConfigurableProperties('title', 'name', 'inherits', 'category', 'moreOptions')
+};

package/es/collection-manager/templates/types.d.ts

@@ -8,10 +8,15 @@ export interface ICollectionTemplate {
     order?: number;
     /** 默认配置 */
     default?: CollectionOptions;
+    events?: any;
     /** UI 可配置的 CollectionOptions 参数（添加或编辑的 Collection 表单的字段） */
     configurableProperties?: Record<string, ISchema>;
     /** 当前模板可用的字段类型 */
     availableFieldInterfaces?: AvailableFieldInterfacesInclude | AvailableFieldInterfacesExclude;
+    /** 是否分割线 */
+    divider?: boolean;
+    /** 模板描述 */
+    description?: string;
 }
 interface AvailableFieldInterfacesInclude {
     include?: any[];
@@ -40,5 +45,6 @@ interface CollectionOptions {
     /** 继承 */
     inherits?: string | string[];
     fields?: FieldOptions[];
+    [key: string]: any;
 }
 export {};

package/es/collection-manager/templates/view.d.ts

@@ -0,0 +1,2 @@
+import { ICollectionTemplate } from './types';
+export declare const view: ICollectionTemplate;